.theme-toggle{flex-shrink:0;border:1px solid #a6c2b3;border-radius:20px;background:#edf6f0;color:#174b34;min-height:40px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.site-header{gap:14px}.theme-toggle:hover{border-color:#08754e}.theme-toggle:focus-visible{outline:3px solid #c17e23;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--heading:#f2f1ff;--text:#e0e2f3;--muted:#b5bad3;--line:#393e60;--accent:#b8a4ff;--accent-2:#b8a4ff}
html[data-theme=dark] body{background:#101322;color:#e0e2f3}html[data-theme=dark] .site-header{background:#101322f5;border-color:#393e60}html[data-theme=dark] .hero-home{background:radial-gradient(ellipse at 30% 35%,#29234d,transparent 65%)}
html[data-theme=dark] :is(h1,h2,h3,h4,.brand-text strong,.page-title,.hero-title,.section-head h2,.friendly-faq h2,.catalog-card h3,.interactive-demo h2,.demo-scene h3,.opportunity-result h3,.process-grid h3){color:#f2f1ff}
html[data-theme=dark] :is(.lead,.catalog-card p,.process-grid p,.footer-copy,.section-note,.opportunity-result p,.opportunity-intro>p:not(.eyebrow),.faq-answers details p,.example-foot,.hero-note,.form-note,.demo-scene p,.time-result span,.range-heading span,.demo-controls>span,.brand-text small,.approach-pair p:not(.eyebrow)){color:#bcc2db}
html[data-theme=dark] :is(.eyebrow,.text-link,.contact-quick a,.hero-copy .accent-text,.primary-nav a[aria-current=page],.range-heading output,.time-result strong,.opportunity h2 em,.process-grid span){color:#b9a8ff}
html[data-theme=dark] :is(.catalog-card,.catalog-card:nth-child(n),.dark-card,.inquiry-form,.opportunity-result,.demo-scene,.workflow li,.connection-flow span){background:#1c2038;border-color:#414566}
html[data-theme=dark] :is(.interactive-demo,.opportunity,.audience-strip,.belief-layout,.process-grid article:nth-child(n),.approach-pair article:nth-child(n),.connection-flow,.faq-answers details[open]){background:#181b30;border-color:#3d3d64;box-shadow:none}
html[data-theme=dark] :is(.delivery-pills span,.hero-copy>.eyebrow,.card-number,.example-tag,.demo-next,.idea-first,.demo-result,.brand-badge){background:#30305a;color:#d5d0ff!important;border-color:#53517d}
html[data-theme=dark] :is(.primary-nav a,.footer-links a,.faq-answers summary,.audience-strip,.audience-strip span,.demo-label,.time-explorer label,.inquiry-form label,.connection-flow span){color:#e0def4}
html[data-theme=dark] :is(.interactive-demo select,.interactive-demo select option,.inquiry-form input,.inquiry-form textarea,.inquiry-form select,.inquiry-form select option){background:#131729;color:#eeeeff;border-color:#555b81}
html[data-theme=dark] :is(.button-secondary,.filter-button,.task-choices button,.demo-stages button,.theme-toggle){background:#292d4b;color:#e6e5fa;border-color:#555b81}
html[data-theme=dark] :is(.button-primary,.primary-nav a:last-child,.filter-button.active,.task-choices button[aria-pressed=true],.demo-stages button[aria-pressed=true]){background:#6242bf;border-color:#9273e6;color:#fff}
html[data-theme=dark] :is(.button-secondary:hover,.task-choices button:hover,.demo-next:hover){background:#393a66}html[data-theme=dark] .outcome{color:#8cdee6!important;border-color:#414d71}html[data-theme=dark] .cta-banner{background:linear-gradient(110deg,#292055,#323067)}html[data-theme=dark] .cta-banner .button-primary{background:#9be7f0;color:#122b3c}html[data-theme=dark] .menu-button span{background:#d1c8ff}html[data-theme=dark] .skip-link{background:#1c2038;color:#fff}
@media(max-width:1080px){.primary-nav{gap:10px}.primary-nav a{font-size:12px}.brand-text strong{font-size:17px}}
@media(max-width:900px){.menu-button{display:block}.site-header .brand{margin-right:auto}.primary-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:18px;background:#fff;border:1px solid #c9ddce;border-radius:14px}.primary-nav.open{display:flex}.primary-nav a{font-size:16px;padding:10px}.brand-text small{display:none}html[data-theme=dark] .primary-nav{background:#181b30;border-color:#3d3d64}.theme-toggle{font-size:12px;padding:8px 10px}}

/* A distinct night palette, scoped to dark mode only. */
html[data-theme=dark] .hero-home{background:radial-gradient(ellipse at 10% 15%,#482c643d,transparent 62%),radial-gradient(ellipse at 90% 55%,#173e5438,transparent 58%)}
html[data-theme=dark] .hero-copy .accent-text{background:linear-gradient(100deg,#c8aaff,#81ddec);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=dark] .interactive-demo{background:linear-gradient(145deg,#252140,#182535);border:1px solid #605388;box-shadow:0 14px 45px #090b1940}
html[data-theme=dark] .catalog-card{border-top-color:#ab91ed}html[data-theme=dark] .catalog-card:nth-child(3n+2){border-top-color:#71c7d8}html[data-theme=dark] .catalog-card:nth-child(3n){border-top-color:#e8a6bf}
html[data-theme=dark] .opportunity{background:linear-gradient(130deg,#24203d,#182a38);border-color:#514c73}
html[data-theme=dark] .process-grid article:nth-child(2){background:#1c2c3c}html[data-theme=dark] .process-grid article:nth-child(3){background:#302339}html[data-theme=dark] .process-grid article:nth-child(4){background:#252b43}
html[data-theme=dark] .time-explorer input[type=range]{accent-color:#ad92f0}html[data-theme=dark] .time-explorer{border-color:#454563}
html[data-theme=dark] .demo-result{background:#203d4b;color:#ace9ef!important}html[data-theme=dark] .demo-scene>span{background:#413043;color:#f1c4d8}
html[data-theme=dark] .opportunity h2 em{text-decoration-color:#7663aa}html[data-theme=dark] .whatsapp-float{background:#6544bf;box-shadow:0 5px 20px #080d1940}
html[data-theme=dark] .cta-banner{background:linear-gradient(115deg,#422c6c,#273e63)}html[data-theme=dark] .cta-banner .lead{color:#dad9f1}
html[data-theme=dark] :is(.button-primary:hover,.primary-nav a:last-child:hover){background:#7854d0}html[data-theme=dark] .cta-banner .button-primary:hover{background:#b9f3f8;color:#122b3c}
html[data-theme=dark] .theme-toggle:hover{background:#3b345e;border-color:#bca0f5}html[data-theme=dark] :focus-visible{outline-color:#9bdef0}