:root{
  color-scheme:dark;--bg:#050811;--bg-2:#08111f;--panel:#0b1423;--panel-2:#101c2f;--text:#edf6ff;--muted:#92a4ba;
  --line:rgba(255,255,255,.13);--line-strong:rgba(255,255,255,.24);--accent:#66c9ff;--accent-2:#a7ffd0;--danger:#ffb3a8;
  --shadow:0 22px 70px rgba(0,0,0,.3);--radius:24px;--header:74px
}
:root[data-theme="light"]{color-scheme:light;--bg:#eef4fa;--bg-2:#f8fbff;--panel:#fff;--panel-2:#eef5fb;--text:#0b1726;--muted:#52677c;--line:rgba(11,23,38,.14);--line-strong:rgba(11,23,38,.24);--accent:#0078b8;--accent-2:#087c5a;--danger:#a42a20;--shadow:0 22px 70px rgba(36,68,98,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,rgba(43,99,160,.28),transparent 30%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-width:320px}button,a,input{font:inherit}.skip-link{position:absolute;left:-9999px;top:10px}.skip-link:focus{left:10px;z-index:99;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:8px}.site-header{height:var(--header);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:750;letter-spacing:.08em}.brand b{color:var(--accent)}.brand-mark{width:28px;height:28px;border:2px solid var(--accent);border-radius:50%;position:relative;transform:rotate(-18deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:50%;top:50%;background:var(--accent-2);transform:translate(-50%,-50%)}.brand-mark:before{width:38px;height:4px;border-radius:4px}.brand-mark:after{width:4px;height:14px;border-radius:4px}.site-header nav{display:flex;gap:24px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:14px}.site-header nav a:hover{color:var(--text)}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);cursor:pointer}.icon-button:hover{border-color:var(--accent)}main{max-width:1500px;margin:auto;padding:0 clamp(18px,4vw,64px)}.hero{min-height:calc(88vh - var(--header));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:40px;padding:72px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--accent);margin:0 0 12px}.hero h1{font-size:clamp(46px,6vw,90px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:980px}.lede{font-size:clamp(17px,1.8vw,22px);line-height:1.6;color:var(--muted);max-width:860px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:999px;padding:12px 18px;color:var(--text);text-decoration:none;background:var(--panel)}.button.primary{background:var(--accent);border-color:var(--accent);color:#03111b;font-weight:750}.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-badges span{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.hero-visual{height:430px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 40px color-mix(in srgb,var(--accent) 28%,transparent));perspective:900px}.hero-spine{width:360px;height:18px;border-radius:999px;background:linear-gradient(90deg,#405671,#e6f6ff,#405671);transform:rotate(-12deg)}.hero-ring{position:absolute;width:245px;height:245px;border:8px solid var(--accent);border-radius:50%;transform:rotateY(66deg) rotateX(10deg) rotateZ(-12deg)}.hero-ring.one{margin-left:-108px}.hero-ring.two{margin-left:108px;border-color:var(--accent-2)}.hero-panel{position:absolute;width:112px;height:64px;border:1px solid var(--accent);background:repeating-linear-gradient(90deg,rgba(102,201,255,.22) 0 12px,transparent 12px 16px);transform:rotate(-12deg)}.hero-panel.p1{margin-left:-430px}.hero-panel.p2{margin-left:430px}.hero-panel.p3{margin-top:-245px;margin-left:40px;transform:rotate(78deg)}.hero-panel.p4{margin-top:245px;margin-left:-40px;transform:rotate(78deg)}.headline-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:108px}.headline-metrics article{padding:24px;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 65%,transparent),transparent)}.headline-metrics strong{display:block;font-size:clamp(28px,3vw,44px)}.headline-metrics span{color:var(--muted)}section{scroll-margin-top:calc(var(--header) + 16px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2,.boundary-section h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.035em;line-height:1.02;margin:0}.section-heading>p{max-width:500px;color:var(--muted);line-height:1.55}.lab-section,.results-section,.architecture-section,.resources-section{padding:80px 0}.lab-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:16px;align-items:start}.version-panel,.detail-panel,.progress-card,.notes-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent)}.version-panel{padding:16px;position:sticky;top:calc(var(--header) + 14px)}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 14px}.panel-title h3{margin:0}.panel-title span{font-size:12px;color:var(--muted)}.version-list{display:grid;gap:7px}.version-button{display:grid;grid-template-columns:46px 1fr;gap:10px;text-align:left;border:1px solid transparent;border-radius:14px;padding:10px;background:transparent;color:var(--text);cursor:pointer}.version-button:hover{background:var(--panel-2)}.version-button.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.version-button .number{font-family:ui-monospace,monospace;color:var(--accent);font-size:14px}.version-button b{font-size:13px;font-weight:650}.version-button small{display:block;color:var(--muted);margin-top:2px}.viewer-column{min-width:0}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.tool-group{display:flex;gap:7px;flex-wrap:wrap}.viewer-toolbar button,.detail-actions button,.subsystem{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:9px 12px;cursor:pointer;font-size:13px}.viewer-toolbar button:hover,.viewer-toolbar button.active,.viewer-toolbar button[aria-pressed="true"],.subsystem:hover,.subsystem.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.range-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.range-control input{accent-color:var(--accent);max-width:120px}.viewer-shell{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#172b46,#060a12 70%);box-shadow:var(--shadow)}#viewer{height:min(68vh,720px);min-height:520px}.viewer-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:#d9e9f8}.viewer-fallback span{color:#8ea2b7}.viewer-hud{position:absolute;left:14px;bottom:14px;right:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}.viewer-hud>div{padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(4,9,16,.68);backdrop-filter:blur(10px);color:#ecf6ff}.viewer-hud span{display:block;font-size:9px;letter-spacing:.12em;color:#87a0b8}.viewer-hud strong{font-size:12px;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-status{position:absolute;left:50%;top:16px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;background:rgba(4,9,16,.72);color:#dceaf6;font-size:12px}.load-status span{width:8px;height:8px;border-radius:50%;background:var(--accent-2)}.load-status.loading span{animation:pulse 1s infinite;background:var(--accent)}.load-status.error span{background:var(--danger)}@keyframes pulse{50%{opacity:.25}}.viewer-help{color:var(--muted);font-size:13px;margin:10px 4px}.viewer-help kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--panel)}.subsystem-row{display:flex;gap:7px;flex-wrap:wrap}.detail-panel{padding:22px;position:sticky;top:calc(var(--header) + 14px)}.version-kicker{display:flex;justify-content:space-between;color:var(--accent);font-family:ui-monospace,monospace;font-size:13px}.version-kicker b{color:var(--muted);font-family:inherit}.detail-panel h3{font-size:28px;line-height:1.05;margin:18px 0 12px}.detail-panel>p{color:var(--muted);line-height:1.55}.status-pill{display:inline-flex;border:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent);background:color-mix(in srgb,var(--accent-2) 10%,transparent);color:var(--accent-2);border-radius:999px;padding:7px 10px;font-size:12px;margin:4px 0 16px}.skill-list{display:flex;gap:6px;flex-wrap:wrap}.skill-list span{border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:var(--muted);font-size:11px}.version-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.version-metric{padding:10px;border-top:1px solid var(--line)}.version-metric b{display:block;font-size:18px}.version-metric span,.version-metric small{display:block;color:var(--muted);font-size:11px}.detail-actions{display:flex;gap:8px;margin-top:20px}.detail-actions button{flex:1}.results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.progress-card,.notes-card{padding:22px}.progress-card h3,.notes-card h3{margin:0 0 18px}.progress-row{margin-bottom:15px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:6px}.progress-track{height:10px;border-radius:99px;background:var(--panel-2);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.notes-card ul{padding-left:20px;color:var(--muted);line-height:1.65}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.gallery figure{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#f7f9fb}.gallery figcaption{padding:10px 12px;color:var(--muted);font-size:12px}.architecture-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.architecture-grid article{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--panel-2) 72%,transparent));min-height:210px}.architecture-grid article>span{font-family:ui-monospace,monospace;color:var(--accent-2)}.architecture-grid h3{font-size:24px;margin:34px 0 8px}.architecture-grid p{color:var(--muted);line-height:1.55}.resource-grid a{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);text-decoration:none}.resource-grid a:hover{border-color:var(--accent);transform:translateY(-2px)}.resource-grid span{color:var(--muted)}.version-downloads{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.version-downloads a{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--accent);text-decoration:none;font-size:13px}.boundary-section{margin:70px 0 100px;padding:48px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--panel)),color-mix(in srgb,var(--accent-2) 5%,var(--panel)))}.boundary-section p:last-child{color:var(--muted);font-size:18px;line-height:1.65;max-width:1000px}footer{max-width:1500px;margin:auto;padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.noscript{position:fixed;bottom:0;left:0;right:0;background:#8d251d;color:white;padding:12px;text-align:center;z-index:50}
@media(max-width:1180px){.lab-layout{grid-template-columns:190px minmax(0,1fr)}.detail-panel{grid-column:1/-1;position:static;display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.detail-panel .version-kicker,.detail-panel h3,.detail-panel>p,.detail-panel .status-pill,.detail-panel .skill-list{grid-column:1}.version-metrics,.detail-actions{grid-column:2}.detail-actions{align-self:end}.results-grid{grid-template-columns:1fr 1fr}.notes-card{grid-column:1/-1}}
@media(max-width:880px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{height:280px}.headline-metrics{grid-template-columns:1fr 1fr}.lab-layout{grid-template-columns:1fr}.version-panel{position:static}.version-list{grid-template-columns:repeat(5,1fr)}.version-button{grid-template-columns:1fr;text-align:center}.version-button b,.version-button small{display:none}.detail-panel{display:block}.results-grid,.architecture-grid,.resource-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.viewer-hud{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.hero h1{font-size:44px}.hero-spine{width:250px}.hero-ring{width:175px;height:175px}.hero-ring.one{margin-left:-70px}.hero-ring.two{margin-left:70px}.hero-panel{width:70px;height:45px}.hero-panel.p1{margin-left:-290px}.hero-panel.p2{margin-left:290px}.headline-metrics,.results-grid,.architecture-grid,.resource-grid,.gallery{grid-template-columns:1fr}.version-list{grid-template-columns:repeat(3,1fr)}#viewer{min-height:410px}.viewer-toolbar{align-items:flex-start}.range-control{width:100%;justify-content:space-between}.range-control input{max-width:none;flex:1}.viewer-hud{display:none}.boundary-section{padding:28px}footer{display:block}footer span{display:block;margin:6px 0}}

/* Reliability and accessibility refinements for v1.1 */
button:disabled,input:disabled{cursor:not-allowed;opacity:.48}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}
.viewer-fallback{z-index:4;padding:28px;pointer-events:none}
.viewer-fallback-error{background:rgba(4,9,16,.86);backdrop-filter:blur(10px);pointer-events:auto}
.viewer-retry{justify-self:center;margin-top:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#10233a;color:#edf6ff;padding:9px 14px;cursor:pointer}
.viewer-retry:hover{border-color:#66c9ff}
.empty-state{color:var(--muted);line-height:1.6}
.version-button[aria-current="step"]{box-shadow:inset 3px 0 0 var(--accent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}