:root{--ink:#10243c;--green:#2389d7;--mint:#60d6ef;--cream:#f4f8fc;--line:#dce5ee;--muted:#5d6b7a;--blue:#e4f2fc;--gold:#e8f4fb}
body{font-family:"Inter","Segoe UI",Arial,sans-serif}
.topbar{height:38px;background:#0d2239;color:#fff;font-size:12px}.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center}.topbar span{display:flex;gap:26px;align-items:center}.topbar i{width:7px;height:7px;border-radius:50%;background:#5dd899;box-shadow:0 0 0 5px rgba(93,216,153,.1)}.topbar a{color:#fff;text-decoration:none}
.nav-wrap{top:0;border-color:#e8eef4}.nav{height:82px}.brand span{display:none}.brand img{width:136px;height:auto;display:block}.nav-links{gap:30px}.nav a{font-family:Inter,sans-serif;font-weight:650}.theme{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid!important;place-items:center}
.button{background:linear-gradient(135deg,#287dd1,#4eb4ed);border-radius:999px;box-shadow:0 12px 25px rgba(35,137,215,.22)}.button.secondary{background:#fff;box-shadow:none}
.hero{min-height:680px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background-image:linear-gradient(rgba(35,137,215,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(35,137,215,.06) 1px,transparent 1px),radial-gradient(circle at 86% 10%,rgba(78,180,237,.17),transparent 34%);background-size:54px 54px,54px 54px,auto}.hero h1,.section h2,.cta h2,.steps h3,.feature-grid h3,.audience-grid h3,.dash-top h3,.dash-stats b{font-family:Inter,sans-serif}.hero h1{font-weight:700}.eyebrow span{display:none}
.dashboard{background:#0d2239;color:#fff;border:1px solid #243d57;border-radius:28px;padding:27px;box-shadow:0 34px 75px rgba(16,36,60,.24);transform:none}.dash-top small,.dash-stats small,.invoice-row small{color:#94a9bd}.dash-stats div{background:#192f48;border-color:#2a435e;border-radius:14px}.invoice-row{background:#132a43;border-color:#29415a}.table-head{color:#8ba1b7}.live{background:#183b47;color:#5dd899}.illustrative{color:#8096aa}
.why,.dark-section,footer{background:#0d2239}.soft,.faq-section{background:#f4f8fc}.feature-grid article,.audience-grid article{border-radius:18px}.step-icon,.audience-grid article>span{background:#e4f2fc}.cta{background:linear-gradient(135deg,#176bb5,#46aee8)}.light-button{background:#fff;color:#10243c!important}.brand.inverse img{filter:brightness(0) invert(1);opacity:.95}.footer-grid a{color:#b7c5d2}
@media(max-width:900px){.topbar{display:none}.brand img{width:115px}.nav.open .nav-links{gap:20px}.theme{display:none!important}}

html[data-theme="dark"]{color-scheme:dark;--ink:#eef5fb;--muted:#a8b7c6;--line:#30465d;--cream:#11263b;--blue:#19354f;--gold:#4b3b20}
html[data-theme="dark"] body{background:#081725;color:var(--ink)}
html[data-theme="dark"] .nav-wrap{background:rgba(8,23,37,.96);border-color:#20364b}
html[data-theme="dark"] .nav a,html[data-theme="dark"] .menu{color:#eef5fb}
html[data-theme="dark"] .theme{background:#142b40;color:#fff;border-color:#385169}
html[data-theme="dark"] .hero{background-image:linear-gradient(rgba(56,93,124,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(56,93,124,.13) 1px,transparent 1px)}
html[data-theme="dark"] .lead,html[data-theme="dark"] .proof,html[data-theme="dark"] .section-intro>p:last-child,html[data-theme="dark"] .body-copy,html[data-theme="dark"] .steps p,html[data-theme="dark"] .feature-grid li,html[data-theme="dark"] .audience-grid p,html[data-theme="dark"] .faqs p,html[data-theme="dark"] .routes small,html[data-theme="dark"] .note{color:#a8b7c6}
html[data-theme="dark"] .soft,html[data-theme="dark"] .faq-section{background:#0d2032}
html[data-theme="dark"] .feature-grid article,html[data-theme="dark"] .audience-grid article{background:#12283c;border-color:#30465d}
html[data-theme="dark"] .button.secondary{background:#102438;color:#eef5fb!important;border-color:#385169}
html[data-theme="dark"] .steps,html[data-theme="dark"] .steps article,html[data-theme="dark"] .routes,html[data-theme="dark"] .routes div,html[data-theme="dark"] .logo-row,html[data-theme="dark"] .logo-row div,html[data-theme="dark"] .faqs,html[data-theme="dark"] .faqs details{border-color:#30465d}
html[data-theme="dark"] .logo-row b{color:#eef5fb}
html[data-theme="dark"] .logo-row div{color:#a8b7c6}
html[data-theme="dark"] .tag.dark{background:#35495c;color:#f3f7fa}
html[data-theme="dark"] .brand:not(.inverse) img{filter:none}