:root{color-scheme:dark}.theme-toggle{position:relative;width:38px;height:38px;flex-shrink:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff07;color:#ced7ee;cursor:pointer;margin:0 8px;display:inline-grid;place-items:center;vertical-align:middle}.theme-toggle svg{position:absolute;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s ease,opacity .3s ease}.theme-sun{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle:hover{background:#ffffff15}.theme-toggle:focus-visible{outline:2px solid #38b6ff;outline-offset:4px}.theme-nav-actions{display:flex;align-items:center;gap:8px}.theme-floating{position:fixed;right:20px;top:48px;z-index:15000}
html[data-theme=light] .demo-bar{background:#10182b!important;border-color:#53629180;box-shadow:0 12px 35px #10182b35}html[data-theme=light] .demo-bar-txt strong{color:#fff}html[data-theme=light] .demo-bar-txt span,html[data-theme=light] .demo-bar-x{color:#c0c9df}
html[data-theme=light]{color-scheme:light;--bg:#f7f3eb;--bg-card:#fffdf8;--bg-card2:#eee9df;--bg-card-hover:#f0ece4;--white:#252b36;--text:#303641;--text-muted:#626875;--text-dim:#7d8390;--border:#262b3614;--border-hover:#262b3624;--border-bright:#262b3624;--border-blue:#2878ac38;--blue:#1679aa;--violet:#7560ad;background:#f7f3eb!important}
html[data-theme=light] body{background:#f7f3eb;color:#303641}html[data-theme=light] body:before{opacity:.08}html[data-theme=light] .nav{background:#f7f3ebec!important;border-color:#252b3617}html[data-theme=light] .language-bar{background:#eee9df;border-color:#252b3617}html[data-theme=light] .language-bar button{color:#626875}html[data-theme=light] .language-bar button[aria-pressed=true]{background:#ddd7cb;color:#252b36}
html[data-theme=light] .theme-toggle{border-color:#252b3624;background:#ffffff80;color:#8b6136}html[data-theme=light] .theme-toggle:hover{background:#e8dfd2}html[data-theme=light] .theme-sun{opacity:1;transform:rotate(0) scale(1)}html[data-theme=light] .theme-moon{opacity:0;transform:rotate(90deg) scale(.5)}
html[data-theme=light] #starfield,html[data-theme=light] #starCanvas,html[data-theme=light] .hero>canvas{opacity:.13}html[data-theme=light] .hero-glow,html[data-theme=light] .about-hero-glow,html[data-theme=light] .about-cta-glow,html[data-theme=light] .hero-beam{opacity:.35}
html[data-theme=light] .hero-headline,html[data-theme=light] .hc-title,html[data-theme=light] .section-title,html[data-theme=light] .cmp-head h3,html[data-theme=light] .hero-subline{color:#252b36}html[data-theme=light] .hero-subline{white-space:normal;max-width:850px;margin-left:auto;margin-right:auto}html[data-theme=light] .nav-links a,html[data-theme=light] .nav-logo,html[data-theme=light] .nav-back{color:#454b56}html[data-theme=light] .nav-links a:hover{color:#1679aa}
html[data-theme=light] .nav-cta,html[data-theme=light] .cta-magnetic,html[data-theme=light] .btn-primary,html[data-theme=light] .sample-button{color:#fff!important}html[data-theme=light] .cta-ghost,html[data-theme=light] .btn-outline{background:#fff8;color:#454b56;border-color:#252b3620}html[data-theme=light] .cmp-card,html[data-theme=light] .bento-card,html[data-theme=light] .testi-card,html[data-theme=light] .value-card,html[data-theme=light] .approach-card{background:#fffdf8;border-color:#252b3618}
html[data-theme=light] .cookie-panel{background:#fffdf8;color:#303641;border-color:#d8d1c5}html[data-theme=light] .cookie-panel a,html[data-theme=light] .cookie-settings{color:#1679aa}html[data-theme=light] .cookie-actions button{background:#eee9df;color:#303641;border-color:#d8d1c5}html[data-theme=light] .cookie-actions button:last-child{background:#283c33;color:#fff}
html[data-theme=light] .showcase-tabs button{border-color:#d8d1c5;color:#626875}html[data-theme=light] .showcase-tabs button[aria-selected=true]{background:#e4eaf0;color:#252b36;border-color:#1679aa80}html[data-theme=light] .showcase-bottom{color:#626875}html[data-theme=light] .showcase-bottom a{color:#1679aa}
/* Conversation and product previews retain their own visual palettes. */
html[data-theme=light] .wa-phone,html[data-theme=light] .cmp-chat{color:#e9eef0}html[data-theme=light] .wa-msg{color:#e9eef0}html[data-theme=light] .wa-input-box{color:#e9eef0}html[data-theme=light] .wa-input-box::placeholder{color:#89999f}
.theme-changing body,.theme-changing .nav,.theme-changing .language-bar,.theme-changing .section,.theme-changing .value-card,.theme-changing .approach-card,.theme-changing .cmp-card,.theme-changing .bento-card,.theme-changing .cookie-panel,.theme-changing h1,.theme-changing h2,.theme-changing h3,.theme-changing p,.theme-changing a{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}
@media(max-width:560px){.theme-toggle{width:34px;height:34px;margin:0 5px}.theme-nav-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.theme-changing *,.theme-toggle svg{transition:none!important}}