:root{--night:#0a1029;--steel:#2a3355;--h2:#00d6d6;--plaster:#e8e6e1;--mute:#e8e6e18c;--hair:#e8e6e124}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);height:100%;color:var(--plaster);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;overflow:hidden}canvas#scene{touch-action:none;background:#0a1029;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:2px solid var(--h2);outline-offset:3px}.nowebgl{text-align:center;color:var(--mute);justify-content:center;align-items:center;padding:24px;font-size:16px;font-weight:500;display:flex;position:fixed;inset:0}.frame{color:var(--mute);font-size:13px;font-weight:500;line-height:1.4;position:fixed;top:22px;left:28px}.frame b{color:var(--plaster);letter-spacing:.06em;margin-right:10px;font-weight:800}.caption{pointer-events:none;max-width:460px;position:fixed;bottom:36px;left:28px}.caption>*{pointer-events:auto}.caption h1{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.02;transition:opacity .35s}.caption p{color:#e8e6e1db;max-width:40ch;margin-bottom:16px;font-size:16px;font-weight:300;line-height:1.5}.formula{color:var(--h2);letter-spacing:.02em;margin:-6px 0 16px;font-size:15px;font-weight:500}.formula:empty{display:none}.figure{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:baseline;gap:12px;padding-top:14px;display:flex}.figure .num{color:var(--h2);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(34px,3.6vw,44px);font-weight:300;line-height:1}.figure .unit{max-width:22ch;font-size:15px;font-weight:500;line-height:1.3}.source{color:var(--mute);margin-top:10px;font-size:12px;font-weight:300}.hint{color:var(--mute);margin-top:14px;font-size:12px;font-weight:500;transition:opacity .4s}.hint.off{opacity:0}.fade{opacity:0;transform:translateY(6px)}.caption .swap{transition:opacity .35s,transform .35s}.rail{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;top:50%;right:34px;transform:translateY(-50%)}.rail button{background:#e8e6e138;border-radius:1px;width:22px;height:2px;padding:0;transition:width .3s,background .3s;position:relative}.rail button:after{content:"";position:absolute;inset:-8px 0}.rail button[aria-current=true]{background:var(--h2);width:36px}.rail button:hover{background:var(--plaster)}.nav{gap:8px;display:flex;position:fixed;bottom:36px;right:28px}.nav button{border:1px solid var(--hair);color:var(--plaster);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}.nav button:hover{background:#e8e6e114}.nav button.primary{background:var(--plaster);color:var(--night);border-color:var(--plaster)}.nav button.primary:hover{background:#fff}.nav button:disabled{opacity:.35;cursor:default}@media (width<=720px){.frame{font-size:12px;top:16px;left:18px}.rail{display:none}.caption{max-width:none;bottom:96px;left:18px;right:18px}.caption p{font-size:15px}.nav{justify-content:space-between;bottom:28px;left:18px;right:18px}.nav button{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){.caption .swap,.caption h1,.rail button,.hint{transition:none}}.showcase{z-index:2;align-items:center;gap:12px;display:flex;position:fixed;bottom:96px;left:500px;right:28px}.showcase .sc-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.showcase .sc-viewport{width:100%;overflow:hidden}.showcase .sc-track{--sc-w:300px;--sc-gap:14px;gap:var(--sc-gap);padding-left:calc(50% - var(--sc-w)/2);padding-right:calc(50% - var(--sc-w)/2);transform:translateX(calc(var(--sc-i,0) * (var(--sc-w) + var(--sc-gap)) * -1));transition:transform .35s;display:flex}.showcase .sc-card{flex:0 0 var(--sc-w);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hair);background:#0a10298c;border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.showcase .sc-card[data-active=true]{border-color:#00d6d6}.showcase .sc-client{color:var(--mute);letter-spacing:.04em;font-size:12px;font-weight:500}.showcase .sc-title{font-size:15px;font-weight:800}.showcase .sc-body{color:#e8e6e1db;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:300;overflow:hidden}.showcase .sc-media{aspect-ratio:16/9;border:1px solid var(--hair);width:100%;color:var(--mute);background:#0a1029cc;border-radius:8px;justify-content:center;align-items:center;margin-top:5px;font-size:12px;display:flex;overflow:hidden}.showcase .sc-media iframe{border:0;width:100%;height:100%;display:block}.showcase .sc-chevron{border:1px solid var(--hair);width:40px;height:40px;color:var(--plaster);border-radius:999px;flex:0 0 40px;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.showcase .sc-chevron:hover{background:#e8e6e114}.showcase .sc-chevron:disabled{opacity:.35;cursor:default}.showcase .sc-dots{justify-content:center;gap:8px;display:flex}.showcase .sc-dots button{background:#e8e6e138;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s}.showcase .sc-dots button[aria-current=true]{background:#00d6d6}.showcase .cta{background:var(--plaster);color:var(--night);white-space:nowrap;border-radius:999px;flex:none;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none}.showcase .cta:hover{background:#fff}@media (width<=720px){.showcase{flex-wrap:wrap;bottom:96px;left:18px;right:18px}.showcase .sc-track{--sc-w:calc(100vw - 140px)}.showcase .cta{text-align:center;flex:100%}}@media (prefers-reduced-motion:reduce){.showcase .sc-track{transition:none}}