:root{--ink:#01017c;--brand:#22a9f8;--soft:#edf8ff;--muted:#52677b;--line:#d7e8f3;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}main{max-width:1180px;margin:auto;padding:34px;border:1px solid var(--line);border-radius:20px;overflow:hidden}header{display:flex;justify-content:space-between;gap:20px}header>div{min-width:0}header>img{object-fit:contain;flex-shrink:0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.055em;line-height:1.08;font-weight:620;margin:0}h1 span{color:var(--ink)}.intro{font-size:16px;color:var(--muted);max-width:620px;margin:19px 0 0}h2{font-weight:630;letter-spacing:-.035em;line-height:1.2;margin:0;font-size:27px}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.mode-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0}.mode-control button{min-width:0;display:flex;text-align:left;align-items:center;gap:17px;border:1px solid var(--line);border-radius:12px;padding:17px 23px;background:white;min-height:80px;font-weight:650;line-height:1.3}.mode-control button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 1px var(--ink)}.mode-control svg{width:41px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.mode-control small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workbench>*{min-width:0}.mechanical-view{background:radial-gradient(ellipse at center,#edf8ff 0,white 67%);padding:26px 18px 15px 0}.mechanical-view>svg{display:block;width:100%;height:auto}.stage-note{font-size:11px;color:var(--muted);margin:0;max-width:390px}.state-panel{padding:40px 0 25px 32px;border-left:1px solid var(--line)}.state-panel h2{font-size:38px}.state-panel>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:15px 0 0}.state-panel dl{margin:26px 0 0}.state-panel dl>div{border-top:1px solid var(--line);padding:14px 0}.state-panel dt{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.state-panel dt span{font-size:10px;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.state-panel dd{font-size:21px;letter-spacing:-.02em;margin:4px 0 0 33px;font-weight:620}.state-result{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.light-path{margin-top:33px}.light-path>div:first-child{max-width:670px}.light-path p:not(.eyebrow){font-size:14px;color:var(--muted);margin:13px 0 0}.light-path>svg{display:block;width:100%;max-height:460px;height:auto;margin-top:12px}.orientation{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:var(--muted);padding-top:8px}.clarity{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px}.clarity summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;min-height:70px;font-size:25px;font-weight:620;letter-spacing:-.03em;line-height:1.25}.clarity summary::-webkit-details-marker{display:none}.clarity small{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted);display:block;margin-bottom:7px}.clarity b{font-size:30px;font-weight:300;color:var(--brand)}.clarity[open] b{transform:rotate(45deg)}.clarity p{font-size:14px;color:var(--muted);max-width:670px}.clarity img{max-width:100%;width:640px;height:auto;display:block;margin:20px auto}.clarity a{color:var(--ink);text-underline-offset:3px}footer{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:25px;font-size:10px;color:var(--muted)}footer p{max-width:740px;margin:0}footer>span{font-size:8px;letter-spacing:.13em;white-space:nowrap}footer b{color:var(--brand)}.nojs{margin:26px 0 0}.nojs img{max-width:100%;height:auto;display:block;margin:auto}.nojs figcaption{font-size:12px;color:var(--muted)}.js .nojs{display:none}[hidden]{display:none!important}@media(max-width:680px){main{padding:21px 16px;border-radius:15px}header>img{width:35px;height:28px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:9px}h1{font-size:35px}.intro{font-size:14px;line-height:1.6;margin-top:15px}.mode-control{gap:8px;margin:24px 0 20px}.mode-control button{padding:12px 10px;gap:8px;min-height:76px;font-size:12px}.mode-control svg{width:26px;height:23px}.mode-control small{font-size:10px}.workbench{display:block}.mechanical-view{padding:22px 0 15px}.mechanical-view h2{font-size:24px}.stage-note{font-size:10px}.state-panel{border-left:0;border-top:1px solid var(--line);padding:21px 0}.state-panel h2{font-size:30px}.state-panel>p:not(.eyebrow){font-size:13px;margin-top:12px}.state-panel dl{margin-top:18px}.state-panel dl>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:10px}.state-panel dd{margin:0;font-size:16px;text-align:right}.state-panel dt{font-size:11px;gap:6px}.state-panel dt span{width:21px;height:21px;font-size:8px}.light-path{margin-top:26px}.light-path h2{font-size:25px}.light-path p:not(.eyebrow){font-size:13px}.light-path svg text{font-size:35px}.orientation{font-size:9px}.clarity summary{font-size:23px}.clarity p{font-size:13px}footer{display:block;font-size:9px}footer>span{display:block;margin-top:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.compare-control{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;padding:9px 13px;font-size:12px;font-weight:600;margin:0 0 12px}.compare-control>span{font-size:24px;line-height:1;color:var(--brand)}.compare-control[aria-pressed=true]{border-color:var(--ink);background:var(--soft)}.compare-note{font-size:11px;color:var(--ink);margin:0 0 12px}.mechanical-view{display:flex;flex-direction:column;align-items:flex-start}.mechanical-view>svg{flex-shrink:0}