:root{--bg: #050608;--ink: #eef1f8;--muted: rgba(238, 241, 248, .5);--faint: rgba(238, 241, 248, .16);--hair: rgba(238, 241, 248, .12);--accent: #ffcf63;--ar: #5be1ff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;overscroll-behavior-x:none}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;cursor:crosshair;-webkit-font-smoothing:antialiased;overscroll-behavior-x:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;cursor:grab;touch-action:pan-y}body.grabbing,body.grabbing #scene{cursor:grabbing}.grain{position:fixed;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;pointer-events:none;opacity:.05;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-4%)}75%{transform:translate(-2%,3%)}}.spacer{height:840vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;font-feature-settings:"tnum" 1}#hud .auto{pointer-events:auto}#hud:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);opacity:.4}.mono,.count,.specs span,.price .val,.price label,.callout i,.state,.metal,.specs label,.sub-mark,.hud-bottom{font-family:Space Mono,ui-monospace,monospace}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(18px,3vw,34px) clamp(20px,4vw,46px);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.mark{color:var(--ink);font-weight:600;letter-spacing:.34em;font-family:Inter}.sub-mark{font-size:10px;letter-spacing:.3em}.count{font-size:12px;letter-spacing:.2em;display:flex;gap:6px;align-items:baseline}.count b{color:var(--accent);font-size:15px;transition:color .6s}.count i{color:var(--faint);font-style:normal}.ar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ar-ring{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.55;transition:stroke .6s}.ar-dash{fill:none;stroke:var(--accent);stroke-width:1;opacity:.3;stroke-dasharray:3 11;transition:stroke .6s}.ar-brk{fill:none;stroke:var(--accent);stroke-width:2;opacity:.8;transition:stroke .6s}.ar-core{fill:var(--ar);opacity:1;transition:fill .6s}.cline{stroke:var(--ar);stroke-width:1.25;opacity:.7;transition:stroke .6s}.ar-mark{fill:none;stroke:var(--ar);stroke-width:2;opacity:1;transition:stroke .6s;filter:drop-shadow(0 0 2px rgba(0,0,0,.55))}.readout{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(26px,8vh,90px);max-width:440px}.sym{font-family:Cormorant Garamond,serif;font-size:26px;font-style:italic;color:var(--accent);letter-spacing:.05em;margin-bottom:4px;transition:color .6s}.readout h1{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(38px,5vw,66px);line-height:.96;letter-spacing:-.01em;max-width:11ch}.metal{margin-top:12px;font-size:11px;letter-spacing:.28em;color:var(--muted);text-transform:uppercase}.specs{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;max-width:380px}.specs>div{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--hair);padding-top:8px}.specs label{font-size:9px;letter-spacing:.24em;color:var(--faint)}.specs span{font-size:13px;letter-spacing:.02em;color:var(--ink)}.price{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(26px,8vh,90px);width:240px;text-align:right}.price label{font-size:9px;letter-spacing:.26em;color:var(--faint);display:block}.price .val{font-size:clamp(28px,3vw,40px);font-weight:700;margin-top:8px;letter-spacing:-.01em}.price .bar{height:2px;background:var(--hair);margin-top:12px;overflow:hidden}.price .bar span{display:block;height:100%;width:50%;background:var(--accent);transition:width .8s cubic-bezier(.16,1,.3,1),background .6s;margin-left:auto}.price .state{margin-top:12px;font-size:10px;letter-spacing:.26em;color:var(--accent);transition:color .4s}.callouts{position:absolute;top:0;right:0;bottom:0;left:0}.callout{position:fixed;left:0;top:0;white-space:nowrap;font-family:Space Mono,monospace;transform-origin:0 0;will-change:transform;padding:6px 11px;background:#070b12c7;border:1px solid rgba(91,225,255,.28);border-left:2px solid var(--ar);border-radius:3px}.callout b{display:block;font-size:10px;letter-spacing:.2em;color:var(--ar)}.callout i{font-style:normal;font-size:10px;color:#c7d3e0;letter-spacing:.04em}.hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:clamp(14px,2.4vw,26px) clamp(20px,4vw,46px);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.rail{position:absolute;top:50%;right:18px;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.rail .tick{width:10px;height:10px;border:1px solid var(--faint);border-radius:50%;position:relative;transition:border-color .4s}.rail .tick.on{border-color:var(--accent)}.rail .tick.on:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--accent);border-radius:50%;transition:background .6s}.debug{position:fixed;left:clamp(20px,4vw,46px);top:clamp(78px,12vh,128px);z-index:6;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.debug .dbg-h{font-family:Space Mono,monospace;font-size:8px;letter-spacing:.3em;color:var(--faint);margin-bottom:2px}.dbg{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:#070b12b3;border:1px solid var(--hair);border-left:2px solid var(--ar);border-radius:3px;padding:7px 10px;min-width:220px;text-align:left;cursor:pointer;transition:color .25s,border-color .25s,background .25s;pointer-events:auto}.dbg:hover{color:var(--ink);border-color:#5be1ff80;background:#0a101ad9}.dbg b{color:var(--ar);font-weight:700}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:var(--bg);transition:opacity 1.1s ease;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted)}.loader.hidden{opacity:0;pointer-events:none}@media (max-width: 720px){.price{display:none}.specs{grid-template-columns:1fr}}