:root{interpolate-size:allow-keywords}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--pattern);color:var(--fg);font-family:var(--font), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-weight:500;overflow-x:hidden}body:after{content:"";pointer-events:none;opacity:.07;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.gradient-text{background:linear-gradient(90deg, var(--c1), var(--c2), var(--c5), var(--c3), var(--c1));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite slide}nav{z-index:50;background:var(--bg);border-bottom:3px solid #0000;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,48px);transition:border-color .3s;display:flex;position:sticky;top:0}nav.scrolled{border-image:linear-gradient(90deg, var(--c1), var(--c2), var(--c5), var(--c3)) 1}.logo{letter-spacing:.04em;font-size:22px;font-weight:900;font-stretch:125%}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);max-width:1440px;min-height:calc(100svh - 80px);margin:0 auto;padding:24px clamp(16px,4vw,48px) 80px;display:grid;position:relative}.stage{border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 20%, color-mix(in srgb, var(--c4) 55%, var(--bg)), var(--bg) 70%);height:min(80svh,780px);min-height:480px;box-shadow:0 0 0 3px var(--c1), 12px 12px 0 var(--c5), 24px 24px 0 var(--c2);animation:1s cubic-bezier(.2,.8,.2,1) both rise;position:relative;overflow:hidden}.rays{background:repeating-conic-gradient(from 0deg, var(--c5) 0 8deg, transparent 8deg 16deg, var(--c2) 16deg 24deg, transparent 24deg 32deg);opacity:.22;animation:40s linear infinite spin;position:absolute;inset:-60%;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}.floor{background-image:linear-gradient(var(--c1) 2px, transparent 2px), linear-gradient(90deg, var(--c1) 2px, transparent 2px);transform-origin:bottom;opacity:.55;background-size:64px 64px;height:55%;animation:1.2s linear infinite floor;position:absolute;bottom:-6%;left:-50%;right:-50%;transform:perspective(420px)rotateX(72deg);-webkit-mask-image:linear-gradient(#0000,#000 90%);mask-image:linear-gradient(#0000,#000 90%)}.bgword{white-space:nowrap;color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--c2) 60%, transparent);user-select:none;font-size:clamp(120px,22vw,320px);font-weight:900;font-stretch:125%;line-height:1;animation:30s linear infinite drift;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stage canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.stage canvas:active{cursor:grabbing}.shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--c5) 70%, transparent), transparent);border-radius:50%;width:34%;height:30px;margin-left:-17%;position:absolute;bottom:9%;left:50%}.seal{pointer-events:none;width:clamp(96px,12vw,140px);animation:14s linear infinite spin;position:absolute;top:20px;right:20px}.seal text{fill:var(--ink);text-transform:var(--case);font-weight:900;font-stretch:125%}.starburst{aspect-ratio:1;text-align:center;white-space:pre-line;background:var(--c3);width:clamp(84px,10vw,116px);color:var(--ink);clip-path:polygon(50% 0%,61% 15%,79% 9%,79% 28%,98% 32%,88% 50%,98% 68%,79% 72%,79% 91%,61% 85%,50% 100%,39% 85%,21% 91%,21% 72%,2% 68%,12% 50%,2% 32%,21% 28%,21% 9%,39% 15%);pointer-events:none;place-items:center;font-size:clamp(18px,2vw,24px);font-weight:900;font-stretch:125%;line-height:.95;animation:2.2s ease-in-out infinite wobble;display:grid;position:absolute;top:24px;left:24px}.modes{border-radius:var(--btn-radius);background:var(--fg);box-shadow:5px 5px 0 var(--c5);gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.modes button{border-radius:var(--btn-radius);color:var(--bg);text-transform:var(--case);white-space:nowrap;padding:12px 18px;font-size:14px;font-weight:900;font-stretch:112%;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.modes button:hover{transform:scale(1.06)}.modes button[aria-pressed=true]{background:linear-gradient(90deg, var(--c1), var(--c2), var(--c5), var(--c1));color:var(--ink);background-size:300% 100%;animation:4s linear infinite slide}.usage{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;display:grid}.use{border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:18px;padding:clamp(28px,4vw,48px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.use:first-child{background:var(--c2);transform:rotate(-1.5deg)}.use:nth-child(2){background:var(--c3);transform:rotate(1.5deg)}.use:hover{transform:rotate(0)scale(1.02)}.use h3{text-transform:var(--case);font-size:clamp(30px,3.5vw,48px);font-weight:900;font-stretch:125%;line-height:1}.use p{max-width:44ch;font-size:18px;font-weight:700;line-height:1.55}.use .warn{border:3px solid var(--ink);border-radius:var(--btn-radius);padding:12px 16px;font-weight:900}.use .show{border-radius:var(--btn-radius);background:var(--ink);color:var(--c1);text-transform:var(--case);align-self:flex-start;margin-top:auto;padding:14px 22px;font-weight:900;font-stretch:112%;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.use .show:hover{transform:scale(1.06)rotate(-2deg)}h1{letter-spacing:-.02em;text-transform:var(--case);font-size:clamp(56px,8vw,124px);font-weight:900;font-stretch:125%;line-height:.88}h1,h2{transform:skewX(var(--skew))}.strip{background:var(--strip);height:14px;animation:1.2s linear infinite strip}h1 span{text-shadow:3px 3px 0 var(--bg), 6px 6px 0 var(--c4);animation:.9s cubic-bezier(.2,.8,.2,1) both letter,2.6s ease-in-out infinite wave;animation-delay:calc(.2s + var(--i) * 45ms), calc(1.2s + var(--i) * 90ms);transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-block}h1 .word{white-space:nowrap;font-weight:inherit;margin-right:.25em;display:inline-block}h1 span:nth-child(5n+1){color:var(--c1)}h1 span:nth-child(5n+2){color:var(--c2)}h1 span:nth-child(5n+3){color:var(--c5)}h1 span:nth-child(5n+4){color:var(--c3)}h1 span:nth-child(5n+5){color:var(--fg)}.reveal{animation:.9s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:var(--d)}.desc{max-width:36ch;margin-top:28px;font-size:19px;font-weight:600;line-height:1.55}.label{margin-top:32px;font-size:15px;font-weight:800;display:block}.label b{font-weight:900}.swatches{gap:14px;margin-top:12px;display:flex}.swatch{background:radial-gradient(circle at 30% 30%, #ffffffb3, transparent 40%), var(--c);outline-offset:4px;border-radius:50%;outline:3px solid #0000;width:48px;height:48px;transition:outline-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.swatch:hover{transform:scale(1.15)rotate(-12deg)}.swatch[aria-pressed=true]{outline-color:var(--c)}.price{background:var(--c1);color:var(--ink);border-radius:var(--btn-radius);box-shadow:6px 6px 0 var(--c5);margin-top:28px;padding:8px 18px;font-size:40px;font-weight:900;font-stretch:112%;animation:3s ease-in-out infinite tilt;display:inline-block;transform:rotate(-3deg)}.pill{border-radius:var(--btn-radius);background:var(--c1);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;display:flex}.count{font-variant-numeric:tabular-nums;font-weight:900;display:inline-block}.count.bump{animation:.6s cubic-bezier(.34,1.56,.64,1) bump}.release{margin-top:20px;font-size:18px;font-weight:800}.release b{color:var(--c1);font-variant-numeric:tabular-nums;font-weight:900}.interest{margin-top:14px;font-size:16px;font-weight:800}.interest b{color:var(--c1)}.preorder{border-radius:var(--btn-radius);background:linear-gradient(90deg, var(--c1), var(--c2), var(--c5), var(--c3), var(--c1));width:100%;color:var(--ink);text-transform:var(--case);letter-spacing:.03em;box-shadow:6px 6px 0 var(--fg);background-size:300% 100%;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:22px 24px;font-size:19px;font-weight:900;font-stretch:125%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:4s linear infinite slide;display:flex;position:relative;overflow:hidden}.preorder:after{content:"";background:linear-gradient(110deg,#0000 30%,#fff9 50%,#0000 70%);animation:2.8s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}.preorder:hover{box-shadow:10px 10px 0 var(--fg);transform:translate(-3px,-3px)rotate(-1deg)scale(1.03)}.preorder:active{box-shadow:0 0 0 var(--fg);transform:translate(4px,4px)scale(.97)}.preorder .check{display:none}.preorder.done .check{animation:.4s cubic-bezier(.34,1.56,.64,1) pop;display:block}.preorder.done .carticon{display:none}.perks{gap:10px;margin-top:28px;font-size:15px;font-weight:800;list-style:none;display:grid}.perks li{align-items:center;gap:10px;display:flex}.perks li:first-child svg{color:var(--c1)}.perks li:nth-child(2) svg{color:var(--c2)}.perks li:nth-child(3) svg{color:var(--c5)}.tickers{height:200px;margin:20px 0;position:relative}.ticker{width:110%;color:var(--ink);padding:18px 0;position:absolute;left:-5%;overflow:hidden}.ticker:first-child{background:var(--c1);z-index:1;top:30px;transform:rotate(-3deg)}.ticker:nth-child(2){background:var(--c5);top:90px;transform:rotate(2.5deg)}.ticker div{width:max-content;animation:28s linear infinite marquee;display:flex}.ticker:nth-child(2) div{animation-duration:20s;animation-direction:reverse}.ticker span{text-transform:var(--case);white-space:nowrap;padding:0 24px;font-size:clamp(22px,3vw,38px);font-weight:900;font-stretch:125%}.ticker span:after{content:var(--sep);margin-left:48px}section.block{max-width:1440px;margin:0 auto;padding:clamp(72px,10vw,140px) clamp(16px,4vw,48px)}h2{text-transform:var(--case);letter-spacing:-.02em;font-size:clamp(44px,7vw,100px);font-weight:900;font-stretch:125%;line-height:.9}.specs{perspective:800px;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;display:grid}.spec{color:var(--ink);border-radius:var(--radius);opacity:0;transform:translateY(60px) rotate(var(--r));transition:opacity .8s,transform .8s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(var(--i) * .12s);padding:36px 28px}.spec:first-child{background:var(--c1);--r:-2deg}.spec:nth-child(2){background:var(--c2);--r:1.5deg}.spec:nth-child(3){background:var(--c5);--r:-1deg}.spec:nth-child(4){background:var(--c3);--r:2deg}.spec.in{opacity:1;transform:rotate(var(--r)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .8s,transform .3s ease-out}.spec strong{font-size:clamp(48px,5.5vw,76px);font-weight:900;font-stretch:125%;line-height:1;display:block}.spec span{margin-top:14px;font-size:17px;font-weight:800;display:block}.faq{grid-template-columns:1fr 1.4fr;gap:48px;display:grid}details{border-bottom:3px solid var(--c4)}details:first-child{border-top:3px solid var(--c4)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;font-size:clamp(20px,2.2vw,26px);font-weight:900;list-style:none;transition:color .2s,padding .3s;display:flex}summary:hover{color:var(--c1);padding-left:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--c5);font-size:40px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}details[open] summary:after{transform:rotate(135deg)}details::details-content{block-size:0;transition:block-size .4s cubic-bezier(.2, .8, .2, 1), content-visibility .4s allow-discrete;overflow:hidden}details[open]::details-content{block-size:auto}details p{max-width:56ch;padding-bottom:26px;font-size:18px;font-weight:600;line-height:1.6}.bigbrand{text-align:center;white-space:nowrap;padding:0 8px;font-size:13.5vw;font-weight:900;font-stretch:125%;line-height:.85;overflow:hidden}footer{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px clamp(16px,4vw,48px);font-size:14px;font-weight:800;display:flex}.spark{z-index:150;pointer-events:none;font-size:18px;line-height:1;animation:.9s ease-out forwards spark;position:fixed}#confetti{z-index:300;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes letter{0%{opacity:0;transform:translateY(80%)rotate(14deg)scale(.6)}}@keyframes wave{0%,60%,to{transform:none}30%{transform:translateY(-10%)rotate(-4deg)}}@keyframes slide{to{background-position:300% 0}}@keyframes bump{40%{transform:scale(1.4)rotate(-6deg)}}@keyframes strip{to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floor{to{background-position:0 64px}}@keyframes drift{to{transform:translate(-50%,-50%)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes shine{60%,to{transform:translate(100%)}}@keyframes pop{0%{transform:scale(0)rotate(-90deg)}}@keyframes wobble{50%{transform:rotate(12deg)scale(1.1)}}@keyframes tilt{50%{transform:rotate(2deg)scale(1.04)}}@keyframes spark{to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(180deg) scale(.2)}}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:0}.stage{height:60svh;min-height:400px;box-shadow:0 0 0 3px var(--c1), 8px 8px 0 var(--c5), 16px 16px 0 var(--c2)}.specs{grid-template-columns:1fr 1fr}.usage,.faq{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}