.header-controls{display:flex;align-items:center;gap:10px;order:2}.header>nav{order:1;margin-left:auto;margin-right:22px}.header>.logo{order:0}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);font-size:13px;min-height:43px}.theme-icon{font-size:20px;line-height:1}.theme-toggle:hover{border-color:var(--lime)}picture{display:block}
html[data-theme=light]{--bg:#f8faf5;--panel:#fff;--panel2:#eaf0e3;--ink:#182112;--muted:#56634c;--line:#d4ddcb;--lime:#c1f257;color-scheme:light}
[data-theme=light] .header{border-bottom-color:#dce4d3}[data-theme=light] .logo span,[data-theme=light] .logo i{color:#476b1e}[data-theme=light] nav>a:not(.button){color:#45533b}[data-theme=light] nav>a:hover{color:#34550f}
[data-theme=light] h1 em{-webkit-text-stroke-color:#627253}[data-theme=light] h1 strong,[data-theme=light] h2 em,[data-theme=light] .scene-copy h3 em{color:#527b20}[data-theme=light] .eyebrow,[data-theme=light] .feature-number{color:#55772f}[data-theme=light] .line{background:#648b3a}[data-theme=light] .text-link{border-color:#81976b}[data-theme=light] .text-link:hover{color:#3c6211}[data-theme=light] .muted-title{color:#8a9a7e}
[data-theme=light] .hero-visual:before{background:radial-gradient(ellipse,#b8dd763d,transparent 65%)}[data-theme=light] .visual-orbit{border-color:#5e852e26}[data-theme=light] .visual-caption{color:#60784a}[data-theme=light] .hero-screen{background:#fff;border-color:#bccdac;box-shadow:0 25px 65px #283b1a20}[data-theme=light] .window-bar{color:#586c46}[data-theme=light] .window-bottom{color:#657b52}[data-theme=light] .floating-label{background:#fff;border-color:#c4d4b7;box-shadow:0 12px 30px #29411415}[data-theme=light] .floating-label small{color:#5c6b50}[data-theme=light] .check{color:#45681a;background:#ebf8d5;border-color:#9fbe79}[data-theme=light] .visual-footnote{color:#3c542a}[data-theme=light] .visual-footnote span{color:#6c7f5d}[data-theme=light] .hero-bottom{color:#667858}[data-theme=light] .hero-bottom a{color:#40552e}
[data-theme=light] .integration-band{background:#eef3e8}[data-theme=light] .integration-names{color:#526345}[data-theme=light] .feature-grid article{border-color:#bacaac}[data-theme=light] .audience-card{background:#eaf0e2;border-color:#c4d1b7}[data-theme=light] .audience-card .audience-top,[data-theme=light] .audience-card p{color:#4c603d}[data-theme=light] .audience-card li{color:#344c24;border-color:#38502420}[data-theme=light] .audience-card li:before{color:#527623}[data-theme=light] .business{background:#c9fb64;border-color:#b8e65a}[data-theme=light] .business .text-link{color:#243914}[data-theme=light] .practice-logo>span{color:#63872b}[data-theme=light] .practice-logo small{color:#657958}
[data-theme=light] .product-story{background:#f0f5e9}[data-theme=light] .chapter-nav{border-color:#bdcdae}[data-theme=light] .chapter-nav a{color:#586b49}[data-theme=light] .chapter-nav a+a{border-color:#cbd9bf}[data-theme=light] .chapter-nav a:hover,[data-theme=light] .chapter-nav a[aria-current=true]{color:#274c0b;background:#dcebc9}[data-theme=light] .chapter-nav a[aria-current=true] span{color:#476f21}[data-theme=light] .product-scene{border-color:#d9e2d0}[data-theme=light] .scene-number{color:#263c18}[data-theme=light] .scene-label{color:#628443}[data-theme=light] .scene-copy>p{color:#566b46}[data-theme=light] .scene-takeaway{color:#3a5428;border-color:#b7cda3}[data-theme=light] .scene-takeaway>span{color:#527d25}[data-theme=light] .stage-coordinate,[data-theme=light] .stage-footer{color:#728a5e}[data-theme=light] .scene-stage:before{background:radial-gradient(ellipse at 55% 55%,#91b55523,transparent 68%)}[data-theme=light] .scene-stage .scene-window{border-color:#b6c8a6;background:#fff;box-shadow:0 25px 55px #2d431525,0 2px 6px #25331810}[data-theme=light] .scene-stage .scene-chrome{background:#f3f6ee;color:#536d40}[data-theme=light] .scene-chrome .chrome-dots{color:#bbc9af}[data-theme=light] .scene-stage .scene-window:hover,[data-theme=light] .scene-stage .scene-window:focus-visible{border-color:#75994d;box-shadow:0 30px 70px #304b202b}
[data-theme=light] .development{border-color:#c0d1b0}[data-theme=light] .status-row>span{color:#435933;border-color:#bccaaf}[data-theme=light] .status-dot{background:#63932c}[data-theme=light] .status-dot.beta{background:#96751a}[data-theme=light] .status-dot.experimental{background:#89977d}
[data-theme=light] .plan-index{color:#637a51}[data-theme=light] .featured{background:#eaf5db;box-shadow:0 0 0 1px #98b878}[data-theme=light] .featured .plan-index{color:#476d24}[data-theme=light] .button.outline{border-color:#b7caa6}[data-theme=light] .button.outline:hover{border-color:#638837}
[data-theme=light] .calculator{background:#eaf2e0;border-color:#c0d1ac}[data-theme=light] .calc-controls label,[data-theme=light] .calc-results p{color:#4d633b}[data-theme=light] .calc-controls output,[data-theme=light] .calc-results strong{color:#3b6414}[data-theme=light] .calc-controls input{accent-color:#678c2c}[data-theme=light] .calc-results{border-color:#b8cea2}[data-theme=light] .calc-results>div>span,[data-theme=light] .calc-results .calc-note{color:#627850}[data-theme=light] .reset{color:#465e33;border-color:#8ba477}
[data-theme=light] .faq-list details[open] summary,[data-theme=light] .faq-list summary span,[data-theme=light] .faq-list p a{color:#507624}[data-theme=light] .contact-section h2 em{color:#294115}[data-theme=light] .contact-section .eyebrow{color:#3b5122}[data-theme=light] :focus-visible{outline-color:#4c791f}
@media(max-width:1000px){.header>nav{gap:18px;margin-right:14px}.theme-toggle{padding-inline:10px}.theme-label{display:none}}
@media(max-width:760px){.header>nav{margin:0;background:var(--panel)}.theme-toggle{width:43px;padding:8px}.header-controls{gap:8px}.chapter-nav a:nth-child(3),.chapter-nav a:nth-child(4){border-color:var(--line)}}
@media(max-width:390px){.header{padding-inline:14px}.header .logo{font-size:21px;letter-spacing:-1.3px}.header .logo .brand-mark{width:28px;margin-right:6px}.header .menu-toggle{font-size:12px;padding:8px 10px;gap:7px}.header-controls{gap:6px}.theme-toggle{width:38px;min-height:38px}}