body { margin: 0; background: #f5f8ff; color: #0f172a; font-family: 'DM Sans', sans-serif; }
.container { width: min(1080px, 92%); margin: 0 auto; }
.hero { padding: 1rem 0 1.2rem; }
.eyebrow { color: #2563eb; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
h1 { margin: 0.4rem 0 0.8rem; font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.1rem, 5.4vw, 4rem); line-height: 0.95; }
.lead { color: #334155; line-height: 1.75; max-width: 900px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0.9rem; margin: 1.3rem 0 1.8rem; }
.card { background: #fff; border: 1px solid rgba(37, 99, 235, 0.17); border-radius: 12px; padding: 1rem; }
.card h3 { margin: 0 0 0.4rem; font-size: 1rem; }
.card p { margin: 0; color: #475569; line-height: 1.6; }
.section { margin: 0 0 1.8rem; }
.section h2 { margin: 0 0 0.6rem; font-size: 1.24rem; }
.section p, .section li { color: #334155; line-height: 1.7; }
.list { margin: 0; padding-left: 1.1rem; }
.kpis { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0.8rem 0 0; }
.kpis span { border: 1px solid rgba(37, 99, 235, 0.2); border-radius: 999px; background: #fff; color: #2563eb; font-size: 0.74rem; padding: 0.25rem 0.55rem; }
.cta { border: 1px solid rgba(37, 99, 235, 0.2); border-radius: 12px; background: #fff; padding: 1rem; margin: 2rem 0 2.8rem; }
.cta strong { display: block; margin-bottom: 0.35rem; }
.cta a { display: inline-block; margin-right: 0.7rem; margin-top: 0.3rem; color: #2563eb; text-decoration: none; font-weight: 700; }
.cta a:hover { text-decoration: underline; }
.faq { display: grid; gap: 0.7rem; }
.faq-item { border: 1px solid rgba(37, 99, 235, 0.18); border-radius: 10px; padding: 0.85rem; background: #fff; }
.faq-item h3 { margin: 0 0 0.35rem; font-size: 0.98rem; }
.faq-item p { margin: 0; color: #475569; }


[data-theme="dark"] body { background:#050810; color:#e2e8f0; }
[data-theme="dark"] .lead,[data-theme="dark"] .section p,[data-theme="dark"] .section li,[data-theme="dark"] .card p,[data-theme="dark"] .faq-item p { color:#94a3b8; }
[data-theme="dark"] h1,[data-theme="dark"] .section h2,[data-theme="dark"] .faq-item h3 { color:#ffffff; }
[data-theme="dark"] .card,[data-theme="dark"] .cta,[data-theme="dark"] .faq-item { background:#0b1120; border-color:rgba(99,179,237,.25); }
[data-theme="dark"] .kpis span { background:#111827; color:#93c5fd; border-color:rgba(147,197,253,.35); }
[data-theme="dark"] .cta a,[data-theme="dark"] .eyebrow { color:#93c5fd; }
[data-theme="dark"] .list a { color:#93c5fd; }