.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;padding:10px;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:50%;transition:color .2s,border-color .2s}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}
:root[data-theme=light]{color-scheme:light;--ground:#fff;--surface:#f8f7f5;--ink:#24201c;--muted:#6a625b;--accent:#ff7a1a;--line:#e5ded7;--light:#faf8f5;--dark:#24170d}
[data-theme=light] .hero h1 em,[data-theme=light] .brand-film h2 em{color:#c65100}
[data-theme=light] .eyebrow,[data-theme=light] .section-index,[data-theme=light] .tag,[data-theme=light] .category-nav a.active,[data-theme=light] .about .small-link{color:#a84600}
[data-theme=light] .system-head>span:first-child{color:#a84600}
[data-theme=light] .brain strong,[data-theme=light] .brain>span{color:#4b2f1c;text-shadow:0 1px 8px #fff}
[data-theme=light] .node{background:#ffffffdc;color:#534236;text-shadow:none;border:1px solid #f0e2d8}
[data-theme=light] .galaxy-core{background:#fff3db;box-shadow:0 0 12px #ffb15b,0 0 35px 10px #ff7a1a44}
[data-theme=light] .connections{opacity:.65}
[data-theme=light] .service-row{border-top-color:var(--line)}
[data-theme=light] .section-image{box-shadow:0 12px 30px #4930170c}
[data-theme=light] .contact{background:#fff4e9;border-block:1px solid #f0ddcc}
[data-theme=light] .contact .button{background:#ff7a1a;color:#24170d}
[data-theme=light] .contact .button:hover{background:#ff9c55}
[data-theme=light] .contact select,[data-theme=light] .contact textarea{background:#fff;border-color:#d5bfae}
[data-theme=light] .contact .eyebrow,[data-theme=light] .contact-lead,[data-theme=light] .form-note{color:#685344}
[data-theme=light] .brand-film>video{border-color:#e5ded7;box-shadow:0 18px 60px #4930170c}
[data-theme=light] .system-choices button:hover{color:var(--ink)}
[data-theme=light] .system-choices button.active{color:#24170d}
@media(max-width:760px){.header-actions{margin-left:auto;gap:8px}.header-inner{gap:8px}.theme-toggle{width:40px;height:40px}.header-actions .nav-cta{display:none}}

/* Approved dark-first refinement: readable labels and quiet interaction feedback. */
body{font-weight:450}
h1,h2{font-weight:550}
h3,.brand span{font-weight:600}
.eyebrow,.brand small,.header nav a,.category-nav a{font-weight:500}
.node{font-size:13px;font-weight:500;text-align:center}
.brain strong{font-size:18px;font-weight:600}
.brain>span{font-size:11px;font-weight:500}
.system-head{font-size:13px;font-weight:500}
.system-caption{font-size:15px;font-weight:450;line-height:1.7;max-width:430px;min-height:52px;color:var(--ink)}
.galaxy-toggle{font-size:13px;font-weight:500;min-height:44px;margin-bottom:4px}
.system-choices button{font-size:14px;font-weight:550}
.button{transition:transform 180ms var(--ease),background 180ms ease}
.button>span{display:inline-block;transition:transform 180ms var(--ease)}
.theme-toggle svg{transition:transform 220ms var(--ease);transform:rotate(0deg)}
[data-theme=light] .theme-toggle svg{transform:rotate(180deg)}
.header-inner nav a,.small-link{position:relative}
.header-inner nav a:after,.small-link:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease)}
.service-row{transition:none}
.service-row:hover{transform:none}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px)}
 .button:hover>span{transform:translate(2px,-2px)}
 .header-inner nav a:hover:after,.small-link:hover:after{transform:scaleX(1)}
 .small-link:hover{transform:none}
}
.button:active{transform:scale(.98)}
.button:focus-visible>span,.theme-toggle:focus-visible svg{transition:none}
@media(max-width:1050px){.node{font-size:12px}.brain strong{font-size:17px}}
@media(max-width:760px){
 .node{font-size:12px;white-space:normal;width:104px;line-height:1.35;padding:7px 4px}
 .node.left{left:16%}.node.right{left:84%}.node.middle{left:84%;top:49%}
 .brain{width:155px;top:58%;left:43%}
 .brain strong{font-size:16px;margin-top:65px}
 .brain>span{display:none}
 .galaxy-core{top:32px}
 .system-head{font-size:12px}.live-label{font-size:11px}
 .system-caption{font-size:15px;max-width:350px;min-height:77px}
}
@media(prefers-reduced-motion:reduce){
 .button,.button>span,.theme-toggle svg,.header-inner nav a:after,.small-link:after{transition:none!important}
 .button:hover,.button:active,.button:hover>span{transform:none}
}