:root,html[data-theme=dark]{--bg: #06070a;--fg: #f2f4f6;--accent: #d4ff00;--accent-fg: #06070a;--border: rgba(245,245,245,.16);--panel: rgba(9,11,15,.82);--panel-solid: #0b0e13;--input: rgba(255,255,255,.06);--dim: rgba(242,244,246,.55)}html[data-theme=light]{--bg: #d7dade;--fg: #10141a;--accent: #0099b8;--accent-fg: #ffffff;--border: rgba(14,17,22,.2);--panel: rgba(244,246,248,.88);--panel-solid: #eef1f4;--input: rgba(0,0,0,.06);--dim: rgba(16,20,26,.55)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased}#scene-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.mono{font-family:JetBrains Mono,monospace}#topbar{position:fixed;top:0;left:0;right:0;padding:14px clamp(14px,3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;z-index:20}#brand{display:flex;align-items:center;gap:11px}#brand .gem{width:22px;height:22px;border:1.5px solid var(--accent);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;flex:none}#brand .gem i{width:6px;height:6px;background:var(--accent);display:block}#brand b{font-size:15px;letter-spacing:.5px;font-weight:700;white-space:nowrap}#brand b span{color:var(--accent)}#topbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tbtn{pointer-events:auto;cursor:pointer;background:var(--panel);border:1px solid var(--border);color:var(--fg);padding:9px 13px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px);transition:border-color .2s,color .2s;user-select:none}.tbtn:hover{border-color:var(--accent);color:var(--accent)}.tbtn .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:none}.tbtn.solid{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}.tbtn.solid:hover{color:var(--accent-fg);filter:brightness(1.08)}#status{position:fixed;left:clamp(14px,3vw,28px);bottom:14px;z-index:15;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.4px;color:var(--dim);line-height:1.9}#status b{color:var(--accent);font-weight:600}#hint{position:fixed;right:clamp(14px,3vw,28px);bottom:14px;z-index:15;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.6px;color:var(--dim);text-align:right}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:18;text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--accent);pointer-events:none}#loading .dots{display:flex;gap:6px;justify-content:center;margin-bottom:12px}#loading .dots i{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 1s infinite}#loading .dots i:nth-child(2){animation-delay:.2s}#loading .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.15}50%{opacity:1}}#panel{position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);z-index:30;background:var(--panel);backdrop-filter:blur(14px);border-left:1px solid var(--border);transform:translate(105%);transition:transform .28s ease;display:flex;flex-direction:column}#panel.open{transform:translate(0)}#panel header{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex:none}#panel header b{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2.4px;color:var(--accent)}#panelClose{cursor:pointer;background:none;border:1px solid var(--border);color:var(--fg);font-family:JetBrains Mono,monospace;font-size:11px;padding:5px 10px;letter-spacing:1px}#panelClose:hover{border-color:var(--accent);color:var(--accent)}#panelBody{overflow-y:auto;flex:1;padding-bottom:40px;scrollbar-width:thin}#panelBody::-webkit-scrollbar{width:6px}#panelBody::-webkit-scrollbar-thumb{background:var(--border)}details.sec{border-bottom:1px solid var(--border)}details.sec summary{list-style:none;cursor:pointer;padding:13px 16px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--fg);display:flex;justify-content:space-between;align-items:center;user-select:none}details.sec summary::-webkit-details-marker{display:none}details.sec summary .arr{color:var(--accent);transition:transform .2s;font-size:11px}details.sec[open] summary .arr{transform:rotate(90deg)}details.sec .secBody{padding:2px 16px 16px}.ctl{margin:10px 0 2px}.ctl label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:1.2px;color:var(--dim);margin-bottom:6px}.ctl label output{color:var(--fg);font-size:10px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--input);border:1px solid var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}input[type=range]::-moz-range-track{height:3px;background:var(--input);border:1px solid var(--border)}input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--accent);border:none;border-radius:50%}select,input[type=text]{width:100%;background:var(--input);border:1px solid var(--border);color:var(--fg);font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:1px;padding:7px 8px;outline:none}select:focus,input[type=text]:focus{border-color:var(--accent)}select option{background:var(--panel-solid);color:var(--fg)}.ctl.checkrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.ctl.checkrow label{margin:0}.switch{position:relative;width:34px;height:18px;flex:none;cursor:pointer}.switch input{display:none}.switch i{position:absolute;inset:0;background:var(--input);border:1px solid var(--border);transition:.2s}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--dim);transition:.2s}.switch input:checked+i{background:color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}.switch input:checked+i:after{left:18px;background:var(--accent);box-shadow:0 0 6px var(--accent)}input[type=color]{-webkit-appearance:none;appearance:none;width:34px;height:22px;border:1px solid var(--border);background:none;padding:0;cursor:pointer;flex:none}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none}.colorrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.pbtn{cursor:pointer;width:100%;margin-top:8px;background:var(--input);border:1px solid var(--border);color:var(--fg);padding:9px 10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.6px;transition:.2s;text-align:center}.pbtn:hover{border-color:var(--accent);color:var(--accent)}.pbtn.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}.pbtn.accent:hover{color:var(--accent-fg);filter:brightness(1.08)}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.btnrow .pbtn{flex:1 1 60px;min-width:60px}.note{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--dim);line-height:1.7;margin-top:8px}#drop{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(6px);border:2px dashed var(--accent);font-family:JetBrains Mono,monospace;letter-spacing:3px;font-size:clamp(13px,2.4vw,20px);color:var(--accent);pointer-events:none}#drop.show{display:flex}#toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:60;background:var(--panel-solid);border:1px solid var(--accent);color:var(--fg);font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:1.4px;padding:10px 16px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90vw}#toast.show{opacity:1}@media(max-width:700px){#brand b,#hint{display:none}#panel{width:100vw;top:auto;height:68vh;border-left:none;border-top:1px solid var(--border);transform:translateY(105%)}#panel.open{transform:translateY(0)}}html,body{overflow:visible;height:auto}body{overflow-x:clip}#story{position:relative;z-index:5}.anim-section{position:relative;height:170svh;overflow:clip;content-visibility:auto;contain-intrinsic-size:auto 170svh}.secStage{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(88px,11vh,132px) clamp(16px,4vw,64px) clamp(16px,4vw,64px)}.secInner{max-width:1100px;width:100%;position:relative;z-index:2}.scrim .secStage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 62% at 50% 50%,rgba(4,6,9,.82),rgba(4,6,9,.45) 52%,transparent 80%)}.acc{color:var(--accent)}.kicker{font-size:10px;letter-spacing:3px;color:var(--dim);margin-bottom:clamp(14px,2.4vh,26px)}.kicker:before{content:"";display:inline-block;width:26px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.brandTxt{display:flex;flex-direction:column;gap:3px}.brandSub{font-size:8.5px;letter-spacing:2.2px;color:var(--dim);white-space:nowrap}@media(max-width:700px){.brandSub{display:none}}#hint{bottom:88px;max-width:380px;font-size:10px;line-height:2.1;letter-spacing:1.8px}.hintTitle{color:var(--accent);font-size:10px;letter-spacing:2.6px;margin-bottom:8px}.hintBody{color:var(--dim)}#secHero .secStage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 44%,rgba(4,6,9,.62),rgba(4,6,9,.22) 58%,transparent 82%)}.heroInner{text-align:center}.heroTitle{margin:0;font-weight:700;line-height:.98;letter-spacing:-.02em;font-size:clamp(52px,10.5vw,148px)}.hLine{display:block;overflow:hidden;padding:.04em 0}.hChunk{display:inline-block}.heroSub{max-width:560px;margin:clamp(18px,3vh,32px) auto 0;color:var(--dim);font-size:clamp(14px,1.4vw,17px);line-height:1.75;text-shadow:0 2px 18px rgba(0,0,0,.65),0 0 4px rgba(0,0,0,.5)}.scrollCue{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:2;font-size:9px;letter-spacing:4px;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:10px}.scrollCue i{width:1px;height:42px;background:linear-gradient(var(--accent),transparent);display:block;animation:cueDrop 1.8s ease-in-out infinite;transform-origin:top}@keyframes cueDrop{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.leftCol{max-width:1200px}.secTitle{margin:0 0 clamp(24px,4vh,44px);font-weight:700;line-height:1;letter-spacing:-.015em;font-size:clamp(40px,6.4vw,96px);text-shadow:0 4px 30px rgba(0,0,0,.7)}.steps{display:flex;gap:clamp(16px,2.6vw,34px);flex-wrap:wrap}.step{flex:1 1 240px;border:1px solid var(--border);background:#090b0fb8;padding:clamp(16px,2vw,26px)}.step b{color:var(--accent);font-size:11px;letter-spacing:3px}.step h3{margin:12px 0 8px;font-size:clamp(16px,1.6vw,21px);letter-spacing:.4px}.step p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.7}.wave-section{height:100svh;contain-intrinsic-size:auto 100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(88px,11vh,132px) clamp(16px,4vw,64px) clamp(16px,4vw,64px)}.wave-section:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 82% 58% at 50% 46%,rgba(4,6,9,.58),rgba(4,6,9,.22) 55%,transparent 78%)}.waveInner{text-align:center;max-width:1200px;z-index:2;will-change:transform}.waveText{margin:0;font-weight:700;line-height:1.14;letter-spacing:-.01em;font-size:clamp(30px,4.6vw,72px);color:#565b63;text-shadow:0 3px 26px rgba(0,0,0,.6)}.waveText .wWord{white-space:nowrap;display:inline-block}.waveText .wCh{display:inline-block}#waveCanvas{position:absolute;left:0;right:0;bottom:0;width:100%;height:32vh;pointer-events:none;z-index:1;display:block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(12px,1.8vw,22px)}.card{border:1px solid var(--border);background:#090b0fc2;padding:clamp(16px,2vw,26px)}.card b{color:var(--accent);font-size:10px;letter-spacing:3px}.card h3{margin:14px 0 8px;font-size:clamp(15px,1.5vw,19px);letter-spacing:.4px}.card p{margin:0;color:var(--dim);font-size:13px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(20px,3vw,40px);text-align:center}.stat .num{display:block;font-weight:700;color:var(--fg);line-height:1;font-size:clamp(56px,7.5vw,120px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(0,0,0,.75)}.stat .num:after{content:"";display:block;width:44px;height:2px;background:var(--accent);margin:14px auto 12px}.stat span{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:2.4px;color:#aeb4bb;line-height:1.8;display:block;text-shadow:0 2px 14px rgba(0,0,0,.9)}.ctaInner{text-align:center}.ctaPhone{display:inline-block;text-decoration:none;color:var(--fg);font-weight:700;font-size:clamp(44px,7.2vw,110px);letter-spacing:-.02em;line-height:1.05;transition:color .25s;text-shadow:0 4px 34px rgba(0,0,0,.8)}.ctaPhone:hover{color:var(--accent)}.ctaSub{color:#aeb4bb;font-size:clamp(13px,1.3vw,16px);line-height:1.8;margin:clamp(16px,2.6vh,28px) 0;text-shadow:0 2px 16px rgba(0,0,0,.9)}.ctaRow{display:flex;justify-content:center}.ctaBtn{text-decoration:none;background:var(--accent);color:var(--accent-fg);padding:15px 30px;font-size:11px;letter-spacing:2.6px;font-weight:600;transition:filter .2s,transform .2s}.ctaBtn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ctaFoot{margin-top:clamp(36px,7vh,72px);font-size:9px;letter-spacing:2.2px;color:var(--dim)}.burger{width:15px;height:11px;position:relative;display:block;flex:none}.burger i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .18s ease,top .25s ease}.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:4.75px}.burger i:nth-child(3){top:9.5px}#btnMenu[aria-expanded=true] .burger i:nth-child(1){top:4.75px;transform:rotate(45deg)}#btnMenu[aria-expanded=true] .burger i:nth-child(2){opacity:0}#btnMenu[aria-expanded=true] .burger i:nth-child(3){top:4.75px;transform:rotate(-45deg)}#btnMenu[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}#nav{position:fixed;inset:0;z-index:19;visibility:hidden;pointer-events:none}#nav.open{visibility:visible;pointer-events:auto}.navInner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3.4vh,34px);padding:calc(76px + env(safe-area-inset-top)) clamp(20px,6vw,96px) calc(24px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);opacity:0;transition:opacity .28s ease}#nav.open .navInner{opacity:1}.navHead{font-size:10px;letter-spacing:2.6px;color:var(--accent);display:flex;justify-content:space-between;align-items:baseline}.navHead .navEsc{color:var(--dim);font-size:9px;letter-spacing:2px}.navLinks{display:flex;flex-direction:column}.navLink{display:flex;align-items:baseline;gap:clamp(12px,2vw,22px);text-decoration:none;color:var(--fg);cursor:pointer;padding:clamp(10px,1.8vh,18px) 0;border-bottom:1px solid var(--border);opacity:0;transform:translateY(22px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}#nav.open .navLink{opacity:1;transform:none}#nav.open .navLink:nth-child(1){transition-delay:.05s}#nav.open .navLink:nth-child(2){transition-delay:.1s}#nav.open .navLink:nth-child(3){transition-delay:.15s}#nav.open .navLink:nth-child(4){transition-delay:.2s}#nav.open .navLink:nth-child(5){transition-delay:.25s}.navLink i{font-style:normal;color:var(--accent);font-size:11px;letter-spacing:2px;flex:none}.navLink b{font-weight:700;line-height:1.04;letter-spacing:-.01em;font-size:clamp(28px,5.2vw,62px);transition:color .18s,transform .18s}.navLink:hover b,.navLink.active b{color:var(--accent)}.navLink:hover b{transform:translate(6px)}.navLink.active i:after{content:" ●"}.navMeta{margin-left:auto;color:var(--dim);font-size:9px;letter-spacing:2.2px;white-space:nowrap}.navFoot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.navPhone{text-decoration:none;color:var(--fg);font-weight:700;letter-spacing:-.01em;font-size:clamp(20px,2.6vw,32px);transition:color .18s}.navPhone:hover{color:var(--accent)}.navActions{display:flex;gap:8px;flex-wrap:wrap}#topbar{padding-top:calc(14px + env(safe-area-inset-top))}@media(max-width:700px){#btnAssemble,#btnGlitch,#btnTheme,#btnMenu .menuLabel{display:none}.tbtn{padding:10px 12px}#status{display:none}.secStage{padding:calc(76px + env(safe-area-inset-top)) 18px 20px}.heroTitle{font-size:clamp(37px,11.6vw,64px)}.heroSub{font-size:14px}.secTitle{font-size:clamp(30px,9.2vw,54px)}.waveText{font-size:clamp(21px,6.6vw,34px)}.stats{grid-template-columns:repeat(2,1fr);gap:28px 12px}.stat .num{font-size:clamp(42px,15vw,72px)}.ctaPhone{font-size:clamp(30px,9.6vw,54px)}.ctaFoot{letter-spacing:1.4px}.navInner{justify-content:flex-start;padding-top:calc(84px + env(safe-area-inset-top))}.navMeta{display:none}.navLink b{font-size:clamp(26px,8.4vw,40px)}.navFoot{flex-direction:column;align-items:flex-start;margin-top:auto}}@media(prefers-reduced-motion:reduce){.scrollCue i{animation:none}.navLink,.navInner,.burger i{transition:none}}
