/* GdziePopyt 2.4 — jasna strona startowa. */
:root { color-scheme: light; }

.landing {
    background: #f8fafc;
    color: #172033;
}

.landing-top {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: #e2e8f0;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.07);
}

.landing-top-nav a:not(.landing-btn) { color: #475569; }
.landing-top-nav a:not(.landing-btn):hover { color: #075985; }

.landing-btn {
    background: #059669;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.18);
}

.landing-btn:hover { background: #047857; }
.landing-btn--ghost { background: #ffffff; color: #075985; border-color: #7dd3fc; }
.landing-btn--ghost:hover { background: #f0f9ff; }
.landing-btn--muted { background: #e2e8f0; color: #334155; }
.landing-btn--muted:hover { background: #cbd5e1; }

.landing-hero {
    background:
        linear-gradient(105deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.88) 50%, rgba(224, 242, 254, 0.76) 100%),
        url('https://images.unsplash.com/photo-1436491865332-7a61a192b581?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
}

.landing-eyebrow { color: #047857; }
.landing-hero h1 { color: #172033; }
.landing-hero h1 span { color: #059669; }
.landing-lead { color: #475569; }
.landing-proof { color: #64748b; }

.landing-section,
.landing-section--dark { background: #ffffff; }
.landing-section--dark { background: #f1f5f9; }
.landing-sub,
.landing-step p { color: #64748b; }
.landing-step-icon { background: #d1fae5; }

.pricing-card {
    background: #ffffff;
    color: #172033;
    border-color: #dbe3ee;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
}
.pricing-card--featured { border-color: #10b981; }
.pricing-card--featured li i { color: #059669; }
.pricing-card p,
.pricing-card li,
.pricing-note,
.landing-note { color: #64748b; }

.landing-faq,
.landing-footer { background: #ffffff; color: #475569; border-color: #e2e8f0; }
.landing-faq details { background: #f8fafc; border-color: #dbe3ee; }
.landing-faq summary { color: #172033; }
.landing-footer-brand { color: #172033; }
.landing-footer a { color: #0369a1; }

@media (max-width: 640px) {
    .landing-top { background: rgba(255, 255, 255, 0.97); }
}