:root{color-scheme:light}.theme-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.theme-toggle:hover{background:#edf2fa}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .theme-sun{display:none}.header-actions{gap:18px}
html[data-theme=dark]{color-scheme:dark;--ink:#e8eef8;--muted:#a5b3c8;--paper:#0e1726;--line:#2a3950;--blue:#8cafe3;--red:#e28d81}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .theme-toggle .theme-sun{display:block}html[data-theme=dark] .theme-toggle .theme-moon{display:none}
html[data-theme=dark] header,html[data-theme=dark] .header-inner nav{background:#111d2e}
html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .login,html[data-theme=dark] .note-icon,html[data-theme=dark] .why li>span{background:#233652;color:#b4ccef}
html[data-theme=dark] .hero.shell,html[data-theme=dark] .pricing{background:#0a1423}
html[data-theme=dark] .hero-window,html[data-theme=dark] .image-open{background:#141f31;border-color:#31435d}
html[data-theme=dark] .window-bar{background:#22324a;color:#adbed6}
html[data-theme=dark] .floating-note,html[data-theme=dark] .audience a,html[data-theme=dark] .detail-feature,html[data-theme=dark] .detail-related a,html[data-theme=dark] .detail-screen,html[data-theme=dark] .focus-note{background:#152236;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .audience .aud-symbol{background:#39292f}
html[data-theme=dark] .audience a>.aud-cta:last-child{background:#243650;color:#b7cff2}
html[data-theme=dark] .audience a:hover .aud-cta,html[data-theme=dark] .product-tabs button[aria-selected=true]{background:#4872ab;color:#fff}
html[data-theme=dark] .product-tabs,html[data-theme=dark] .product-frame,html[data-theme=dark] .record-visual,html[data-theme=dark] .story-image,html[data-theme=dark] .gallery-shot{background:#1a2a40;border-color:#31435b}
html[data-theme=dark] .story-image img,html[data-theme=dark] .detail-screen img{border-color:#31435b}
html[data-theme=dark] .workflow,html[data-theme=dark] .detail-focus{background:#121f32;border-color:var(--line)}
html[data-theme=dark] .steps p,html[data-theme=dark] .record-caption,html[data-theme=dark] .gallery-note,html[data-theme=dark] .product-caption>span,html[data-theme=dark] .detail-breadcrumb{color:var(--muted)}
html[data-theme=dark] .step-number{border-color:var(--line)}
html[data-theme=dark] .module:hover,html[data-theme=dark] .more-modules,html[data-theme=dark] .detail-related a:hover{background:#1a2b42}
html[data-theme=dark] .plan{background:#18273e;border-color:var(--line)}
html[data-theme=dark] .plan.featured{background:#263b59;color:var(--ink);border-top-color:#b5493f}
html[data-theme=dark] .featured ul{border-color:#40516b}
html[data-theme=dark] .plan-top small{background:#493238;color:#f1b3a9}
html[data-theme=dark] .hero .primary,html[data-theme=dark] .featured .button,html[data-theme=dark] .detail-actions .primary,html[data-theme=dark] .detail-next .primary{background:#b5493f;color:white}
html[data-theme=dark] .hero .primary:hover,html[data-theme=dark] .featured .button:hover,html[data-theme=dark] .detail-actions .primary:hover,html[data-theme=dark] .detail-next .primary:hover{background:#a43e35}
html[data-theme=dark] .contact-inner{background:#294d7c}
html[data-theme=dark] .contact .primary{background:#e7effc;color:#274b7b}
html[data-theme=dark] .availability-dialog{background:#18273e;color:var(--ink);border-color:#3b4d68}
html[data-theme=dark] .availability-dialog p{color:var(--muted)}
html[data-theme=dark] .availability-dialog .availability-kicker{color:var(--red)}
html[data-theme=dark] .detail-gallery-dialog,html[data-theme=dark] #image-dialog{background:#101a29;border-color:var(--line)}
html[data-theme=dark] .brand img{filter:brightness(0) invert(1)}
@media(max-width:760px){.header-actions{gap:10px}.theme-toggle{flex-basis:32px;width:32px;height:32px;padding:6px}}
@media(max-width:380px){.header-inner{gap:10px}.header-actions{gap:7px}.brand img{width:117px}.languages{gap:5px}}