/* Project emphasis and explanatory visual refinements. */
.feature-homehub{margin-top:110px}.feature-homehub h3 em{color:#9bc7ff}
.hub-scene{min-width:0;border:1px solid #304a6d;border-radius:14px;background:radial-gradient(ellipse at 65% 35%,#1c3f692e,transparent 65%),#0e1829;overflow:hidden}
.hub-scene .scene-top{color:#93acd0;border-color:#2c426239}.hub-scene .scene-top>span:first-child{color:#bad3f8}
.hub-topology{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:12px;align-items:center;padding:38px 26px 28px}
.hub-machine{padding:18px 8px;text-align:center;border:1px solid #314c71;border-radius:9px;background:linear-gradient(150deg,#182d49,#0e1b30);min-width:0;transition:border-color .3s,box-shadow .3s}
.hub-node-label{display:block;font:8px var(--mono);letter-spacing:.13em;color:#9bbce6}.hub-machine svg{max-width:100%;height:86px;width:100px;margin:14px auto;fill:#1b3657;stroke:#a7ceff;stroke-width:1.5}
.hub-machine strong{display:block;font:500 17px var(--display);letter-spacing:-.03em;color:#e3edff}.hub-machine small{display:block;font-size:10px;color:#9eb3d0;margin-top:6px}
.hub-connection{text-align:center;min-width:0}.hub-connection>span{display:block;font:7px/1.7 var(--mono);letter-spacing:.03em;color:#8eaed6}.hub-connection>div{height:30px;position:relative;overflow:hidden;margin:10px 0;border-top:1px solid #42678f;border-bottom:1px solid #42678f}.hub-connection i{height:2px;width:25px;position:absolute;top:0;left:-25px;background:#9ccaff;box-shadow:0 0 10px #77adff;animation:hub-packet 3.8s linear infinite}.hub-connection i:last-child{top:auto;bottom:0;animation-direction:reverse;animation-delay:1s}
.hub-authority{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 22px;border-block:1px solid #2b4260;background:#10203866}.hub-authority>span{font:8px/1.7 var(--mono);letter-spacing:.07em;color:#9bb7db}.hub-authority strong{font:500 15px var(--display);color:#d2e6ff}.hub-authority .hub-state-line{width:25px;height:1px;background:#7095c4}
.hub-modes{display:flex;gap:4px;justify-content:center;padding:22px 18px 0}.hub-modes button{border:1px solid transparent;border-radius:5px;background:none;color:#9cb6d8;padding:10px 13px;font-size:11px;min-height:42px}.hub-modes button[aria-pressed=true]{border-color:#5279a8;background:#2445674d;color:#d5e8ff}
.hub-detail{padding:22px 28px 6px;text-align:center;min-height:137px}.hub-detail>span{font:8px var(--mono);letter-spacing:.14em;color:#97bcf0}.hub-detail h4{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin-top:9px}.hub-detail p{font-size:11px;line-height:1.8;color:#a1b6d2;max-width:390px;margin:10px auto 0}.hub-scene .scene-footnote{font-size:9px;color:#94abcb}
.hub-scene[data-hub-mode=execution] .hub-core{border-color:#91bfff;box-shadow:0 0 28px #70aaff0c}.hub-scene[data-hub-mode=recovery] .hub-connection>div{border-color:#c3a17d}.hub-scene[data-hub-mode=recovery] .hub-connection i{background:#edc08c;box-shadow:0 0 10px #e0a474}.hub-scene[data-hub-mode=releases] .hub-authority{background:#20446b55;box-shadow:inset 0 1px #779fd0,inset 0 -1px #779fd0}
@keyframes hub-packet{to{left:125%}}
.voltage-comparison{display:grid;grid-template-columns:1fr 22px 1fr;gap:10px;padding:28px 28px 4px;align-items:center}.voltage-comparison>div{text-align:center;min-width:0}.voltage-comparison>div>span{display:block;font:8px var(--mono);color:#91acce;letter-spacing:.1em}.voltage-comparison strong,.voltage-comparison output{display:block;font:500 32px/1.25 var(--display);letter-spacing:-.05em;color:#ddeaff;margin-top:8px;white-space:nowrap}.voltage-comparison strong{color:#a0b5d3}.voltage-comparison small{font-size:20px}.comparison-arrow{color:#6589b6;font-size:20px;text-align:center}
.circuit-scene{background:radial-gradient(ellipse at 50% 45%,#1a395834,transparent 70%),#0d192a;border-color:#344c70}.circuit-scene .scene-top{border-color:#2c426239}.circuit-scene .scene-top>span:first-child{color:#b4d5ff}.circuit-drawing{height:230px;margin:5px auto 0;width:100%;max-width:530px}.circuit-label{font-size:13px;fill:#a5c4e8}.circuit-sign{font-size:15px;fill:#bdd9ff}.wire,.ground{stroke:#779ac4;stroke-width:2}.source-circle{fill:#132840;stroke:#aacdf9;stroke-width:2}.resistor{fill:#1a3352;stroke:#aacdf9;stroke-width:2}.junction{fill:#b3d8ff}.current-path{stroke:#9eccff;stroke-dasharray:12 160;animation-duration:5.5s;stroke-width:2}.resistor-r2{transition:stroke .45s,fill .45s;transform-origin:330px 150px}.output-junction{transition:fill .45s}.circuit-scene[data-mismatch=true] .resistor-r2{stroke:#edbe8b;fill:#654321}.circuit-scene[data-mismatch=true] #r2-label{fill:#edc99d}.circuit-scene[data-mismatch=true] .output-junction{fill:#edc99d}.circuit-scene[data-mismatch=true] .current-path{stroke:#c0a788}.circuit-scene[data-mismatch=true] #circuit-output{color:#edc99d}
.voltage-scale{padding:10px 34px 0}.voltage-rail{height:5px;border-radius:10px;background:#263b57;position:relative}.voltage-fill{display:block;width:var(--voltage);height:100%;border-radius:10px;background:#8bbdff;transition:width .65s cubic-bezier(.2,.7,.3,1),background .4s}.voltage-reference{position:absolute;top:-4px;bottom:-4px;width:1px;background:#99b2d5;left:50%}.voltage-marker{position:absolute;top:-3px;left:var(--voltage);height:11px;width:11px;border-radius:50%;background:#c9e2ff;box-shadow:0 0 0 4px #77acff1a;transform:translateX(-50%);transition:left .65s cubic-bezier(.2,.7,.3,1),background .4s}.circuit-scene[data-mismatch=true] .voltage-fill,.circuit-scene[data-mismatch=true] .voltage-marker{background:#e3b382}.voltage-scale-labels{display:flex;justify-content:space-between;font:8px var(--mono);color:#8aa7cc;margin-top:12px}.circuit-explanation{padding:21px 30px 0;min-height:66px;font-size:12px;line-height:1.7;color:#b1c6df;text-align:center}.circuit-toggle{background:#1b3453;border-color:#45678e;color:#d7e7fb;font-size:12px;margin-top:16px}.circuit-toggle:hover{background:#264569}.circuit-scene .scene-footnote{color:#91aaca}.feature-ohmni h3 em{color:#a1caff}
body[data-motion=paused] .voltage-fill,body[data-motion=paused] .voltage-marker{transition:none}
body:not(.js-enabled) .hub-modes{visibility:hidden;pointer-events:none}
@media(max-width:1100px){.hub-topology{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:8px;padding:30px 18px 24px}.hub-machine strong{font-size:15px}.hub-machine small{font-size:9px}.hub-connection>span{font-size:6px}.hub-authority{gap:10px;padding-inline:15px}.hub-authority>span{font-size:7px}.hub-detail h4{font-size:21px}.hub-detail{padding-inline:22px}.hub-modes button{padding-inline:10px;font-size:10px}.voltage-comparison{padding-inline:20px;gap:7px}.voltage-comparison strong,.voltage-comparison output{font-size:28px}.voltage-comparison>div>span{font-size:7px}.circuit-drawing{height:220px}.circuit-explanation{font-size:11px;min-height:75px;padding-inline:24px}}
@media(max-width:850px){.hub-machine{padding:14px 5px}.hub-machine svg{height:70px;width:80px}.hub-machine strong{font-size:13px}.hub-machine small{font-size:8px}.hub-node-label{font-size:7px}.hub-topology{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:5px;padding:26px 12px 20px}.hub-authority{gap:9px}.hub-authority>span{font-size:6px}.hub-authority strong{font-size:13px}.hub-authority .hub-state-line{width:14px}.hub-detail{padding-inline:18px;min-height:158px}.hub-detail h4{font-size:21px}.hub-detail p{font-size:10px}.hub-modes{padding-inline:10px}.hub-modes button{font-size:9px;padding-inline:8px}.voltage-comparison strong,.voltage-comparison output{font-size:25px}.voltage-comparison>div>span{font-size:6px}.voltage-comparison{padding-inline:16px;grid-template-columns:1fr 15px 1fr}.circuit-drawing{height:210px}.circuit-explanation{padding-inline:19px;font-size:11px;min-height:91px}.voltage-scale{padding-inline:25px}}
@media(max-width:700px){.feature-homehub{margin-top:70px}.hub-topology{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);padding:30px 18px 24px;gap:8px}.hub-machine strong{font-size:14px}.hub-machine small{font-size:9px}.hub-node-label{font-size:7px}.hub-machine svg{height:80px;width:90px}.hub-connection>span{font-size:6px}.hub-authority>span{font-size:7px}.hub-authority strong{font-size:15px}.hub-modes{padding-top:20px}.hub-modes button{font-size:11px;padding:10px 12px}.hub-detail{min-height:150px;padding:22px 22px 4px}.hub-detail h4{font-size:23px}.hub-detail p{font-size:12px}.hub-detail>span{font-size:8px}.voltage-comparison{padding:25px 19px 0;grid-template-columns:1fr 18px 1fr}.voltage-comparison strong,.voltage-comparison output{font-size:29px}.voltage-comparison>div>span{font-size:7px}.circuit-drawing{height:230px;margin-top:9px}.circuit-explanation{font-size:12px;padding-inline:24px;min-height:86px}.voltage-scale-labels{font-size:8px}.circuit-toggle{font-size:12px}.circuit-scene .scene-footnote{font-size:9px}}
@media(max-width:380px){.hub-topology{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:6px;padding-inline:12px}.hub-machine strong{font-size:13px}.hub-machine small{font-size:8px}.hub-machine svg{height:72px}.hub-detail{min-height:170px}.hub-modes button{font-size:10px;padding-inline:9px}.hub-scene .scene-top{font-size:7px;gap:8px}.voltage-comparison strong,.voltage-comparison output{font-size:26px}.voltage-comparison>div>span{font-size:6px}.circuit-drawing{height:215px}.circuit-explanation{min-height:102px}.circuit-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.voltage-fill,.voltage-marker,.resistor-r2,.output-junction{transition:none}}
