@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--bg:#070713;--panel:#101020;--text:#f8f6ff;--muted:#a6a2ba;--red:#ff2d55;--blue:#12c8ff;--yellow:#ffbf19;--violet:#8b35ff;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(7,7,19,.72);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.03em;font-size:14px}.brand-mark{display:flex;gap:3px;align-items:flex-end;height:22px}.brand-mark span{display:block;width:5px;border-radius:5px}.brand-mark span:nth-child(1){height:13px;background:var(--red)}.brand-mark span:nth-child(2){height:22px;background:var(--blue)}.brand-mark span:nth-child(3){height:17px;background:var(--yellow)}nav{display:flex;gap:34px;color:#c7c3d6;font-size:13px;font-weight:600}nav a{transition:.2s}nav a:hover,nav a.active-link{color:#fff}.nav-cta{font-size:12px;font-weight:800;border:1px solid var(--line);padding:11px 16px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:70px clamp(24px,7vw,110px) 48px;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:-82px 50% 0 0;background:radial-gradient(circle at 34% 40%,rgba(139,53,255,.17),transparent 50%);z-index:-1}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#bbb6cc;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue)}h1,h2,h3{margin:0;font-family:'Archivo Black',Inter,sans-serif;text-transform:uppercase;letter-spacing:-.045em}.hero h1{font-size:clamp(48px,6.4vw,98px);line-height:.94;max-width:820px;margin:22px 0 26px}.hero h1 span,h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.hero-text{font-size:clamp(16px,1.4vw,20px);line-height:1.65;max-width:590px;color:var(--muted)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.button{height:54px;padding:0 24px;border-radius:15px;display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;transition:.25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(135deg,var(--violet),#d31aff);box-shadow:0 14px 50px rgba(139,53,255,.27)}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.035)}.play-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#8b35ff;font-size:9px;padding-left:2px}.platforms{display:flex;align-items:center;gap:13px;margin-top:30px;color:#706c80;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.platforms b{color:#b9b5c6;border-left:1px solid var(--line);padding-left:13px;font-size:10px}
.hero-visual{min-height:650px;position:relative;display:grid;place-items:center}.robot{width:min(58%,430px);position:relative;z-index:5;filter:drop-shadow(0 30px 50px rgba(0,0,0,.65));animation:float 5s ease-in-out infinite}.robot-glow{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(13,211,255,.18),rgba(255,45,85,.08) 44%,transparent 68%);filter:blur(8px)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:88%;aspect-ratio:1}.orbit-two{width:67%;aspect-ratio:1}.pulse{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 18px currentColor,0 0 38px currentColor}.pulse-blue{color:var(--blue);background:var(--blue);top:14%;left:18%}.pulse-red{color:var(--red);background:var(--red);right:9%;top:45%}.pulse-yellow{color:var(--yellow);background:var(--yellow);bottom:19%;left:12%}.floating-pill{position:absolute;width:40px;height:40px;border-radius:50%;border:5px solid currentColor;background:radial-gradient(circle at 35% 30%,#fff8,transparent 30%),currentColor;box-shadow:0 0 0 7px #070713,0 0 28px currentColor;z-index:6}.pill-red{color:var(--red);right:18%;top:20%;animation:float 3.5s ease-in-out infinite reverse}.pill-blue{color:var(--blue);left:13%;bottom:26%;animation:float 4.2s ease-in-out infinite}.pill-yellow{color:var(--yellow);right:10%;bottom:13%;animation:float 4.7s ease-in-out infinite reverse}.status-card{position:absolute;bottom:6%;left:10%;right:3%;z-index:8;border:1px solid var(--line);background:rgba(11,11,29,.72);backdrop-filter:blur(18px);border-radius:20px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 60px #0007}.status-card div:first-child{display:grid;gap:3px}.status-card span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.16em}.status-card strong{font-size:23px}.perfect{font-family:'Archivo Black';font-size:16px;color:var(--yellow);font-style:italic}.equalizer{height:28px;display:flex;align-items:center;gap:4px}.equalizer i{width:4px;border-radius:4px;background:linear-gradient(var(--blue),var(--violet));animation:eq .9s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:10px}.equalizer i:nth-child(2){height:23px;animation-delay:.2s}.equalizer i:nth-child(3){height:16px;animation-delay:.35s}.equalizer i:nth-child(4){height:27px;animation-delay:.1s}.equalizer i:nth-child(5){height:13px;animation-delay:.5s}
@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes eq{to{height:7px}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;background:#0b0b19}.ticker div{display:flex;justify-content:space-around;gap:40px;min-width:1000px;padding:20px 0;font-family:'Archivo Black';font-size:12px;letter-spacing:.1em}.ticker i{color:var(--violet)}
.section{padding:130px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:66px}.section-heading .eyebrow{grid-column:1/-1;margin:0}.section-heading h2,.difficulty h2{font-size:clamp(42px,5.5vw,78px);line-height:.98}.section-heading>p:last-child{color:var(--muted);line-height:1.75;max-width:520px;margin:0 0 4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#0b0b18}.step{min-height:370px;padding:30px;position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column}.step:last-child{border:0}.step-number{color:#666176;font-size:12px;font-weight:800}.step h3{font-size:28px;margin-top:auto}.step p{color:var(--muted);font-size:13px;line-height:1.6;max-width:270px}.gesture{position:relative;display:flex;align-items:center;justify-content:center;flex:1;gap:20px}.gesture .pill{width:54px;height:54px;border-radius:50%;box-shadow:0 0 30px currentColor;border:5px solid #0b0b18}.gesture .pill.white{color:#fff;background:#fff}.gesture .pill.blue{color:var(--blue);background:var(--blue)}.gesture .pill.yellow{color:var(--yellow);background:var(--yellow)}.tap-ring{position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #fff5;animation:ring 1.8s infinite}.tap-ring:after{content:"TAP";position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.15em;color:#8f899f}@keyframes ring{to{transform:scale(1.4);opacity:0}}.gesture .basket{width:90px;height:50px;border:3px solid currentColor;border-top-width:8px;transform:perspective(90px) rotateX(-8deg);background:color-mix(in srgb,currentColor 18%,transparent);box-shadow:0 0 28px color-mix(in srgb,currentColor 35%,transparent);position:relative}.gesture .basket.blue{color:var(--blue)}.gesture .basket.yellow{color:var(--yellow)}.color-match span{color:#777184}.basket .pill{position:absolute!important;width:34px!important;height:34px!important;left:24px;top:-28px}.spark{position:absolute;color:var(--yellow);font-size:25px;right:28%;top:25%}
.modes{background:linear-gradient(180deg,#070713,#0b0715)}.section-heading.compact{display:block}.section-heading.compact h2{margin-top:18px}.mode-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.mode-card{min-height:520px;border-radius:26px;border:1px solid var(--line);padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#111120}.mode-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,5,14,.88));pointer-events:none}.mode-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;background:#fff;color:#111;padding:8px 11px;border-radius:99px}.tag-soon{background:rgba(255,255,255,.1);color:#fff}.mode-index{font-family:'Archivo Black';color:#ffffff50;font-size:18px}.mode-content{margin-top:auto;position:relative;z-index:3}.mode-content p{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#ccc6dc;font-weight:800}.mode-content h3{font-size:clamp(27px,2.7vw,44px);margin:10px 0}.mode-content span{font-size:13px;line-height:1.6;color:#b0aabd;display:block;max-width:350px}.mode-main{background:radial-gradient(circle at 55% 30%,#442483,#13101e 58%)}.mode-music{background:radial-gradient(circle at 50% 32%,#0b657a,#10121d 60%)}.mode-daily{background:radial-gradient(circle at 50% 32%,#73341b,#16101a 60%)}.vinyl{position:absolute;width:300px;height:300px;border-radius:50%;background:repeating-radial-gradient(circle,#171529 0 9px,#24203a 10px 12px);left:50%;top:42%;transform:translate(-50%,-50%);box-shadow:0 30px 60px #0008}.vinyl:before{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--violet);box-shadow:0 0 35px var(--violet)}.vinyl div{position:absolute;inset:48%;border-radius:50%;background:#fff}.wave{position:absolute;top:29%;left:10%;right:10%;height:130px;display:flex;align-items:center;justify-content:center;gap:8px}.wave i{width:7px;border-radius:8px;background:linear-gradient(var(--blue),var(--violet));height:30%;box-shadow:0 0 15px #12c8ff88}.wave i:nth-child(2),.wave i:nth-child(8){height:58%}.wave i:nth-child(3),.wave i:nth-child(7){height:82%}.wave i:nth-child(4),.wave i:nth-child(6){height:50%}.wave i:nth-child(5){height:100%}.trophy{position:absolute;top:18%;left:50%;transform:translateX(-50%);font-size:150px;color:var(--yellow);text-shadow:0 0 45px #ffbf1977;filter:drop-shadow(0 20px 30px #0008)}
.difficulty{padding-top:30px}.difficulty-panel{border:1px solid var(--line);border-radius:30px;padding:clamp(30px,5vw,70px);background:linear-gradient(135deg,rgba(139,53,255,.13),rgba(18,200,255,.04));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.difficulty-panel>div>p:last-child{color:var(--muted);line-height:1.7;max-width:480px}.levels{display:grid;gap:12px}.level{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:18px 20px;color:#9e98ac}.level.active{border-color:#8b35ff;background:rgba(139,53,255,.14);color:#fff;box-shadow:0 0 35px rgba(139,53,255,.1)}.level>b{font-family:'Archivo Black';font-size:20px}.level>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.level-baskets{display:flex;gap:3px;height:28px}.level-baskets i{display:block;flex:1;border:2px solid var(--blue);background:#12c8ff22}.level-baskets.single i{width:120px}.level-baskets.double i{width:59px}.level-baskets.double i:last-child{border-color:var(--red);background:#ff2d5522}.level-baskets.triple i{width:38px}.level-baskets.triple i:nth-child(2){border-color:var(--red);background:#ff2d5522}.level-baskets.triple i:nth-child(3){border-color:var(--yellow);background:#ffbf1922}
.release{min-height:720px;margin:0 clamp(18px,3vw,48px) 48px;border-radius:34px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#351078,#12091e 42%,#080812 72%);border:1px solid var(--line)}.release:before,.release:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(10px)}.release:before{background:#ff2d5530;left:-80px;bottom:-100px;box-shadow:0 0 160px #ff2d5550}.release:after{background:#12c8ff25;right:-80px;top:-100px;box-shadow:0 0 160px #12c8ff50}.release-inner{position:relative;z-index:2}.release img{width:min(320px,60vw);height:auto;opacity:.95}.release p{color:#c0bacd;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin:22px 0}.release h2{font-size:clamp(45px,6vw,90px);line-height:.93}.store-row{display:flex;justify-content:center;gap:12px;margin-top:38px;flex-wrap:wrap}.store-badge{min-width:170px;border:1px solid #ffffff28;background:#0a0915cc;border-radius:13px;padding:11px 18px;display:grid;text-align:left}.store-badge small{font-size:9px;color:#8e899c}.store-badge b{font-size:17px;margin-top:1px}
footer{min-height:120px;padding:30px clamp(24px,5vw,78px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:30px}.footer-brand{opacity:.75}footer p,footer a{font-size:11px;color:#777184}footer>div{display:flex;gap:22px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
.legal-main{padding:100px clamp(24px,12vw,190px) 120px}.legal-hero{padding-bottom:70px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(48px,7vw,100px);line-height:.93;margin:22px 0}.legal-hero>p:last-child{color:#777184;font-size:12px}.legal-content{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px;padding-top:50px}.legal-intro{grid-column:1/-1;font-size:clamp(19px,2vw,27px);line-height:1.5;color:#c8c3d2;max-width:950px;margin:0 0 40px}.legal-content section{border-top:1px solid var(--line);padding:30px 0}.legal-content h2{font-family:Inter,sans-serif;letter-spacing:0;text-transform:none;font-size:17px;margin-bottom:14px}.legal-content p,.legal-content li{color:#9e99ab;line-height:1.8;font-size:13px}.legal-content a{color:var(--blue)}.legal-content ul{padding-left:20px}
@media(max-width:900px){.site-header{height:70px}.site-header nav{display:none}.nav-cta{font-size:9px}.hero{grid-template-columns:1fr;padding-top:72px}.hero-visual{min-height:570px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.platforms{justify-content:center}.hero-text{margin-inline:auto}.section-heading{grid-template-columns:1fr}.steps,.mode-grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.mode-card{min-height:460px}.difficulty-panel{grid-template-columns:1fr}.legal-content{grid-template-columns:1fr}.legal-intro{grid-column:auto}footer{flex-direction:column;text-align:center}.release{min-height:620px}}
@media(max-width:560px){.brand strong{font-size:12px}.nav-cta{display:none}.hero{padding-inline:20px}.hero h1{font-size:47px}.hero-visual{min-height:480px}.robot{width:64%}.status-card{left:0;right:0}.section{padding:95px 20px}.section-heading h2,.difficulty h2{font-size:41px}.steps{border-radius:20px}.step{min-height:330px}.mode-card{border-radius:20px}.difficulty-panel{padding:28px 20px}.level{grid-template-columns:24px 1fr}.level>span{display:none}.release{margin:0 10px 22px;border-radius:24px;min-height:560px}.legal-main{padding:65px 20px 80px}.legal-hero h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.robot,.floating-pill,.tap-ring,.equalizer i{animation:none}.reveal{opacity:1;transform:none;transition:none}}