/* PWA INSTALL LIGHT FINAL */
:root { color-scheme: light; }
html, body {
    background: #f6f8fc !important;
    color: #172033 !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.install-nav {
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(15,23,42,.07) !important;
}
.install-brand { color: #172033 !important; }
.install-brand-icon {
    background: linear-gradient(135deg,#ea580c,#4f46e5) !important;
    box-shadow: 0 8px 20px rgba(79,70,229,.2) !important;
}
.install-nav .btn-secondary {
    background: #fff !important;
    color: #3730a3 !important;
    border: 1px solid #a5b4fc !important;
}
.app-icon-preview {
    background: linear-gradient(135deg,#fff7ed,#eef2ff) !important;
    border-color: #c7d2fe !important;
    box-shadow: 0 20px 44px rgba(79,70,229,.14) !important;
}
.hero-badge {
    background: #fff7ed !important;
    color: #c2410c !important;
    border-color: #fed7aa !important;
}
.hero-title,
.section-heading h2,
.feature-title,
.step-text h4 { color: #172033 !important; }
.hero-title {
    background: linear-gradient(135deg,#c2410c,#4f46e5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.hero-subtitle,
.section-heading p,
.feature-desc,
.step-text p,
.device-detect-bar,
.install-footer { color: #475569 !important; }
.btn-hero-install {
    background: linear-gradient(135deg,#ea580c,#4f46e5) !important;
    box-shadow: 0 14px 30px rgba(234,88,12,.22) !important;
}
.features-grid .feature-card,
.guide-box {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
}
.feature-card:hover { border-color: #c7d2fe !important; box-shadow: 0 16px 36px rgba(15,23,42,.12) !important; }
.feature-icon { box-shadow: 0 8px 18px rgba(15,23,42,.08) !important; }
.guide-step-item { background: #f8fafc !important; border-color: #e2e8f0 !important; }
.step-number { background: linear-gradient(135deg,#4f46e5,#7c3aed) !important; }
.install-footer { border-top-color: #e2e8f0 !important; }
.bg-orbs { opacity: .45; }
@media (max-width: 600px) {
    .install-nav { padding: 14px 16px !important; }
    .install-brand { font-size: 1rem !important; }
    .hero-section { padding: 42px 16px 34px !important; }
    .hero-title { font-size: clamp(1.8rem,8vw,2.5rem) !important; }
    .hero-subtitle { font-size: .98rem !important; }
    .btn-hero-install { width: 100% !important; justify-content: center !important; padding: 15px 20px !important; }
    .features-grid { grid-template-columns: 1fr !important; padding: 0 16px !important; }
    .guide-section { padding: 42px 16px !important; }
    .guide-box { padding: 20px !important; }
    .install-footer { padding: 24px 16px !important; }
}