:root { --indigo: #4f46e5; --slate-900: #0f172a; --slate-700: #334155; --slate-600: #475569; --slate-50: #f8fafc; --brand-blue: #1e3a8a; --brand-indigo: #4f46e5; --brand-green: #059669; }
body{font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
/* Dark theme support */
:root.dark{--bg:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--card:#0f172a;--border:#1f2937}
:root.dark body{background:#0b1220;color:var(--text)}
:root.dark header{background:#0f172a;color:var(--text)}
:root.dark .section-muted{background:linear-gradient(180deg,#0b1220,#0b1220)}
:root.dark .card, :root.dark .bg-white{background:var(--card)!important;color:var(--text)}
:root.dark .text-slate-600{color:var(--muted)!important}
:root.dark .border, :root.dark .table-simple, :root.dark .table-simple th, :root.dark .table-simple td{border-color:var(--border)!important}
:root.dark footer{background:#0b122a}

.btn-primary{background:var(--indigo);color:#fff;padding:.625rem 1rem;border-radius:.5rem;font-weight:600}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;background:#eef2ff;color:#3730a3;font-weight:600}
.hero-gradient{background:linear-gradient(135deg,#eef2ff, #f5f3ff)}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}
/* Sections */
.section-muted{background:linear-gradient(180deg,#f8fafc, #ffffff)}
.kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:#4f46e5;font-weight:700}
.lead{font-size:1.125rem;color:#475569}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.quote{font-style:italic;color:#334155}
.logo-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.logo-cloud .logo{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;text-align:center}
@media (min-width:768px){.lead{font-size:1.25rem}}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}
.stat{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;text-align:center}
.stat .value{font-size:1.5rem;font-weight:800;color:var(--brand-blue)}
.stat .label{font-size:.75rem;color:#475569}

/* Tables */
.table-simple{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}
.table-simple th,.table-simple td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}
.table-simple th{background:#f8fafc;text-align:left;font-weight:700;color:#334155}
.table-simple tr:last-child td{border-bottom:none}
.table-simple .highlight{background:#eef2ff}

/* Accordion */
.faq details{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;margin:.5rem 0}
.faq summary{cursor:pointer;padding:.75rem 1rem;font-weight:600}
.faq .content{padding:0 1rem 1rem 1rem;color:#475569}

/* Buttons */
.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#111827;padding:.625rem 1rem;border-radius:.5rem;font-weight:600}

/* CTA section */
.section-cta{background:linear-gradient(135deg,#e0e7ff,#eef2ff);border:1px solid #e5e7eb;border-radius:1rem}

/* Mobile polish */
@media (max-width: 768px){
  .grid.md\:grid-cols-3,.grid.md\:grid-cols-4,.grid.md\:grid-cols-2{grid-template-columns:1fr!important}
  .lg\:grid-cols-2{grid-template-columns:1fr!important}
  .px-4{padding-left:1rem!important;padding-right:1rem!important}
  .py-16{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
  .text-4xl{font-size:2rem!important;line-height:2.25rem!important}
  .md\:text-6xl{font-size:2.25rem!important;line-height:2.5rem!important}
}

/* Icons */
.icon{width:24px;height:24px;display:inline-block;color:var(--brand-indigo)}

/* Cookie banner */
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;background:#111827;color:#fff;border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:50}
.cookie-banner .actions{display:flex;gap:.5rem;margin-top:.5rem}
.cookie-banner .btn{padding:.5rem .75rem;border-radius:.5rem;font-weight:600}
.cookie-banner .btn-accept{background:#4f46e5;color:#fff}
.cookie-banner .btn-decline{background:#374151;color:#fff}
.hidden{display:none}

