@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/fonts/ibm-plex-sans-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Variable;font-style:italic;font-display:swap;font-weight:100 700;src:url(/fonts/ibm-plex-sans-latin-wght-italic.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:IBM Plex Sans Variable,system-ui,sans-serif;color:#19332f;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:28px 4vw}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3db;padding-bottom:23px}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#183c33}.brand span{color:#698176}.prototype,.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px}.prototype{color:#75857b}.intro{display:flex;justify-content:space-between;align-items:end;padding:34px 0 28px}.eyebrow{color:#6a7d70;margin:0 0 14px}h1{font-size:clamp(28px,3.2vw,44px);font-weight:550;letter-spacing:-1.6px;margin:0 0 11px}.intro p:not(.eyebrow){font-size:15px;color:#6c7c73;margin:0}.model-name{font-size:11px;letter-spacing:1.7px;text-align:right;line-height:1.9}.model-name small{font-size:10px;color:#7a867d;letter-spacing:0}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid #dce3db;border-radius:20px;overflow:hidden;background:#fff}.stage{position:relative;min-height:600px;background:#172125;overflow:hidden}#viewport{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{display:block}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top{top:23px}.stage-bottom{bottom:20px;color:#a7b6b6;font-size:11px}.stage-top button,.stage-bottom button{pointer-events:auto}#mode-tag{font-size:11px;color:#e6efec;background:#ffffff0d;border:1px solid #ffffff1a;padding:9px 13px;border-radius:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #d7a649;outline-offset:3px}.segmented{display:flex;background:#ffffff10;border:1px solid #ffffff20;padding:3px;border-radius:30px;pointer-events:auto}.segmented button{background:transparent;border:0;color:#b1c0bf;padding:7px 15px;border-radius:20px;font-size:11px}.segmented button[aria-pressed=true]{background:#e8eee7;color:#173930}#reset{border:0;background:transparent;color:#d7e1dd;font-size:12px}.camera{position:absolute;bottom:65px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px;background:#243134e6;border:1px solid #ffffff1b;border-radius:30px;white-space:nowrap}.camera button{border:0;background:transparent;color:#e2ebe8;padding:8px 14px;border-radius:20px;font-size:11px}.camera button:hover{background:#ffffff20}aside{padding:27px 24px}#modes{display:grid;grid-template-columns:1fr 1fr;gap:7px}#modes button{min-height:43px;border-radius:8px;border:1px solid #e3e8e0;background:#fff;color:#52645b;text-align:left;padding:10px;font-size:12px;display:flex;gap:8px;align-items:center}#modes button:before{content:"";width:6px;height:6px;border-radius:50%;background:#ccd4cb;flex:none}#modes button[aria-pressed=true]{background:#193f32;border-color:#193f32;color:#fff}#modes button[aria-pressed=true]:before{background:#c9ee9f;box-shadow:0 0 10px #c9ee9f66}#modes button:hover{border-color:#78957e}.explanation{margin-top:28px;padding-top:24px;border-top:1px solid #e4e9e0}#number{font-size:10px;letter-spacing:1.6px;color:#79917f}h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:12px 0}.explanation p{font-size:13px;line-height:1.7;color:#607266}.tip{background:#f0f5e9;border-radius:9px;padding:13px;color:#3c5b42!important;margin-top:18px}footer{display:flex;gap:30px;align-items:start;justify-content:space-between;padding:17px 3px;color:#7a877e;font-size:11px;line-height:1.7}footer p{max-width:790px;margin:0}footer a{white-space:nowrap;color:#476756}#loading{position:absolute;top:45%;width:100%;text-align:center;color:#fff;font-size:14px;pointer-events:none}.stage.day #mode-tag{background:#28473be6}.stage.day .stage-bottom{color:#405e51}.stage.day #reset{color:#254b3e}@media (max-width:900px){.explorer{grid-template-columns:1fr}.stage{min-height:480px}.model-name{display:none}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}aside>.eyebrow{grid-column:1/-1;margin:0}.explanation{margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #e4e9e0}}@media (max-width:540px){main{padding:18px 14px}.prototype{font-size:8px;letter-spacing:1px}.intro{padding:27px 0 23px}.intro p:not(.eyebrow){font-size:12px}h1{letter-spacing:-1px}.stage{min-height:390px}.stage-top,.stage-bottom{left:16px;right:16px}.stage-bottom{font-size:9px}.camera button{padding:8px 11px}aside{display:block;padding:20px}aside>.eyebrow{margin-bottom:14px}.explanation{padding:20px 0 0;margin-top:22px;border-left:0;border-top:1px solid #e4e9e0}footer{display:block}footer a{display:inline-block;margin-top:8px}}.comparison{margin-top:20px;padding:15px;background:#f0f5ef;border:1px solid #dbe6d8;border-radius:12px}.comparison>div{display:flex;justify-content:space-between;align-items:center}.comparison .eyebrow{margin:0;font-size:9px;letter-spacing:1px}#light-status{font-size:12px;color:#214f3a}#light-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 8px;padding:10px;border:1px solid #bdd1bf;border-radius:8px;background:#fff;color:#254a36;font-size:13px;font-weight:600}.switch{width:34px;height:20px;border-radius:20px;background:#87948b;padding:3px;flex:none}.switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}#light-toggle[aria-pressed=true] .switch{background:#28754d}#light-toggle[aria-pressed=true] .switch:after{transform:translate(14px)}#light-toggle:disabled{opacity:.5;cursor:default}.comparison small{display:block;font-size:11px;line-height:1.5;color:#5d7162}.explanation h3{font-size:13px;margin:18px 0 5px;color:#294939}.explanation h3+p{margin-top:0}#mode-tag[data-active=true]{border-color:#90db9c;background:#183e30;color:#e1ffe5}#mode-tag[data-active=false]{background:#283132;color:#d2dbd8}footer{flex-wrap:wrap}.stage{max-height:850px;position:sticky;top:0}@media (min-width:541px) and (max-width:900px){.comparison{grid-column:1;align-self:start;margin-top:0}.explanation{grid-column:2;grid-row:2 / span 2}}@media (max-width:900px){.stage{position:relative}}.explorer{overflow:visible}.stage{height:600px;min-height:0;max-height:none;align-self:start;border-radius:19px 0 0 19px;top:12px}.stage-state{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#stage-toggle{pointer-events:auto;border:1px solid #8da99a;border-radius:20px;background:#183e30;color:#fff;padding:8px 12px;min-height:44px;font-size:12px}.camera button,.segmented button,#reset{min-height:44px;min-width:44px}#modes button{min-height:44px}.explanation p{font-size:14px;color:#42584b}.eyebrow,#number,footer{color:#526859}footer a{white-space:normal}.stage-top{gap:8px;align-items:start}#loading{padding:20px;line-height:1.6;background:#172125e6}.embedded main{padding:0}.embedded header,.embedded .intro,.embedded footer{display:none}.embedded .stage{position:relative;top:0}@media (max-width:1050px){.explorer{grid-template-columns:1fr}.stage{height:440px;border-radius:19px 19px 0 0;position:relative;top:0}.model-name{display:none}aside{display:block}.explanation{border-left:0;padding:20px 0 0;margin-top:20px}}@media (max-width:540px){.stage{height:360px}.stage-top{top:12px;left:12px;right:12px}.stage-state{max-width:160px}#mode-tag{font-size:10px;padding:6px 9px}.segmented button{padding:6px 10px}.camera{bottom:48px;gap:0}.camera button{padding:6px 9px}.stage-bottom{bottom:8px}.stage-bottom>span{max-width:160px}.explanation{border-top:1px solid #e4e9e0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.explorer>*{min-width:0}#modes{grid-template-columns:repeat(2,minmax(0,1fr))}#modes button{min-width:0;overflow-wrap:anywhere}.comparison>div{gap:6px;flex-wrap:wrap}@media (max-width:1050px){.explorer{grid-template-columns:minmax(0,1fr)}}@media (max-width:360px){aside{padding:14px}.stage-top{flex-wrap:wrap}.stage-state{max-width:none}.camera{width:calc(100% - 12px);justify-content:center;padding:3px}.camera button{min-width:0;flex:1;padding:6px 2px;font-size:10px}.stage-bottom>span{max-width:110px}.segmented{margin-left:auto}}.stage.day .segmented{background:#e8eee7;border-color:#718c7f}.stage.day .segmented button{color:#294939}.stage.day .segmented button[aria-pressed=true]{background:#193f32;color:#fff}:root[data-theme=dark]{color-scheme:dark;color:#e2e8f0;background:#0f172a}[data-theme=dark] .explorer{background:#172235;border-color:#334155}[data-theme=dark] #modes button{background:#1e293b;color:#e2e8f0;border-color:#425466}[data-theme=dark] #modes button:hover{border-color:#a4c5ad}[data-theme=dark] #modes button[aria-pressed=true]{background:#255540;border-color:#83b99a;color:#fff}[data-theme=dark] .eyebrow,[data-theme=dark] #number{color:#b6c6bc}[data-theme=dark] .explanation{border-color:#425466}[data-theme=dark] .explanation p{color:#d1ded6}[data-theme=dark] .explanation h3{color:#e2eee6}[data-theme=dark] .tip{background:#243d2e;color:#e0ebdf!important}[data-theme=dark] .comparison{background:#1b332b;border-color:#3b5b4b}[data-theme=dark] #light-status{color:#d5efde}[data-theme=dark] #light-toggle{background:#223e31;color:#edf7f0;border-color:#789c85}[data-theme=dark] .comparison small{color:#c0d3c6}