:root{--cyan:#68f8ff;--violet:#8d68ff;--pink:#ff54c8;--white:#f7f4ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020207}
body{margin:0;background:#020207;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,#281a50 0,transparent 40%),#020207;z-index:-5}
#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;mix-blend-mode:screen}
.grain{position:fixed;inset:-50%;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}
.cursor{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(98,247,255,.12),rgba(156,104,255,.04) 42%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:35}
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;padding:22px 28px;font-size:10px;font-weight:800;letter-spacing:.18em;mix-blend-mode:difference}.nav-right{display:flex;gap:22px}.live{color:#79ffbd}
.scene{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}
.scene-one{background:radial-gradient(circle at 70% 30%,rgba(122,76,255,.16),transparent 28%),linear-gradient(#04040a,#090615 70%,#020205)}
.moon{position:absolute;width:min(38vw,520px);aspect-ratio:1;right:5vw;top:5vh;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff 0,#dfddff 25%,#948cff 54%,#3d245e 75%,transparent 77%);box-shadow:0 0 60px #8c69ff66,0 0 160px #6a4fff33;opacity:.95}
.moon:after{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 66% 32%,#6f66a733 0 4%,transparent 5%),radial-gradient(circle at 35% 63%,#483d7533 0 7%,transparent 8%),radial-gradient(circle at 49% 41%,#4c437333 0 5%,transparent 6%)}
.mountains{position:absolute;inset:auto 0 0;height:62vh;filter:drop-shadow(0 -10px 30px #3e2d6d55);opacity:.9}.mountains i{position:absolute;bottom:-8vh;width:36vw;height:64vh;background:linear-gradient(145deg,#15112a,#06070d 70%);clip-path:polygon(50% 0,100% 100%,0 100%)}.mountains i:nth-child(1){left:-9%;height:50vh}.mountains i:nth-child(2){left:13%;height:67vh}.mountains i:nth-child(3){left:39%;height:46vh}.mountains i:nth-child(4){left:58%;height:72vh}.mountains i:nth-child(5){left:82%;height:50vh}
.light-road{position:absolute;inset:auto 0 0;width:100%;height:74%;z-index:4;filter:drop-shadow(0 0 12px #9d6fff)}.light-road path{fill:none;stroke:url(#roadg);stroke-width:7;filter:url(#glow);stroke-dasharray:24 18;animation:road 2s linear infinite}.light-road .road-b{stroke-width:2;opacity:.7;animation-direction:reverse}
.car-wrap{position:absolute;width:min(76vw,1000px);left:50%;bottom:1vh;transform:translateX(-50%);z-index:12;filter:drop-shadow(0 32px 50px #000)}.car{width:100%;overflow:visible}.scanner{stroke-dasharray:28 20;animation:scan 1.4s linear infinite}
.hero-copy{position:absolute;left:6vw;top:18vh;z-index:15;max-width:600px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.26em;color:#90fbff;margin:0 0 16px}.hero-copy h1,.scene-copy h2,.final h2{font-size:clamp(72px,10.8vw,168px);line-height:.77;letter-spacing:-.085em;margin:0;font-weight:900}.hero-copy h1 em,.final h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #d8cfff;text-shadow:0 0 30px #9b6cff66}.sub{max-width:430px;color:#b9b4ca;font-size:14px;line-height:1.6;margin-top:26px}.scroll{position:absolute;right:26px;bottom:24px;z-index:18;font-size:9px;letter-spacing:.17em;color:#8a8599}.scroll b{color:#fff;margin-left:12px}
.flower-field,.petal-vortex{position:absolute;inset:0;z-index:11;pointer-events:none}.flower{position:absolute;width:var(--s);height:var(--s);transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 0 9px #ff75d988);animation:float var(--d) ease-in-out infinite alternate}.flower span{position:absolute;left:42%;top:5%;width:18%;height:47%;border-radius:80% 80% 20% 20%;background:linear-gradient(#fff,#ffa7df 42%,#9a67ff);transform-origin:50% 96%}.flower span:nth-child(2){transform:rotate(72deg)}.flower span:nth-child(3){transform:rotate(144deg)}.flower span:nth-child(4){transform:rotate(216deg)}.flower span:nth-child(5){transform:rotate(288deg)}.flower:after{content:"";position:absolute;inset:42%;border-radius:50%;background:#fff7ae;box-shadow:0 0 10px #ffe48a}
.scene-two{display:grid;place-items:center;background:radial-gradient(circle,#261345 0,#080611 48%,#020205 75%)}.aurora{position:absolute;width:100%;height:100%;background:conic-gradient(from 180deg at 50% 50%,#00f7ff11,#a65cff33,#ff3fbd22,#00f7ff11);filter:blur(50px);animation:aurora 8s linear infinite}.ring{position:absolute;left:50%;top:50%;border:1px solid #b7a4ff55;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #8866ff22}.r1{width:34vw;height:34vw;animation:spin 12s linear infinite}.r2{width:52vw;height:52vw;border-style:dashed;animation:spin 18s linear infinite reverse}.r3{width:72vw;height:72vw;opacity:.35;animation:pulse 4s ease-in-out infinite}.chrome-word{position:absolute;font-size:clamp(120px,28vw,460px);font-weight:1000;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #ffffff25;background:linear-gradient(180deg,#fff 0,#8cf7ff 22%,#4d315f 48%,#ff7ad7 72%,#fff 100%);-webkit-background-clip:text;background-clip:text;opacity:.18;transform:scaleX(1.08)}.scene-copy{position:relative;z-index:12;width:min(1100px,88vw)}.scene-copy h2{font-size:clamp(64px,9vw,140px)}.scene-copy p:last-child{max-width:440px;color:#a9a2ba;line-height:1.7}
.scene-three{min-height:110svh;background:linear-gradient(145deg,#020204,#0e0714 50%,#020204);display:grid;place-items:center}.botanical{position:absolute;width:min(86vw,1000px);opacity:.46;filter:drop-shadow(0 0 30px #ff56ca55);animation:flowerSpin 24s linear infinite}.botanical path{stroke:#ff76d6;stroke-width:2}.botanical #bloom{fill:#913d9a18;stroke:#c884ff}.liquid-title{position:relative;z-index:4;text-align:center;font-size:clamp(70px,13vw,190px);font-weight:950;line-height:.72;letter-spacing:-.09em;background:linear-gradient(180deg,#fff 0,#8efbff 18%,#8870ff 43%,#0e1018 56%,#ff65cc 79%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 25px #9e63ff44)}.liquid-title span{display:inline-block;transform:scaleX(1.35)}.micro{position:absolute;bottom:28px;font-size:9px;letter-spacing:.2em;color:#777086}
.scene-four{background:radial-gradient(circle at 50% 50%,#1b1034,#030308 55%);display:grid;place-items:center}.portal{position:absolute;width:min(72vw,900px);aspect-ratio:1;border-radius:50%;border:1px solid #8af8ff33;box-shadow:0 0 120px #8a5cff22;animation:pulse 5s ease-in-out infinite}.portal i{position:absolute;inset:10%;border:1px solid #ff67d43d;border-radius:50%;animation:spin 12s linear infinite}.portal i:nth-child(2){inset:23%;border-style:dashed;animation-direction:reverse}.portal i:nth-child(3){inset:37%;border-color:#77f7ff55}.final{position:relative;z-index:4;text-align:center;width:min(1100px,88vw)}.final h2{font-size:clamp(58px,8vw,130px)}.final p:not(.eyebrow){max-width:680px;margin:28px auto;color:#aca5bb;line-height:1.7}.final a{display:inline-block;margin-top:20px;padding:14px 18px;border:1px solid #ffffff2c;border-radius:999px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.15em;background:#ffffff0a;backdrop-filter:blur(12px)}
@keyframes road{to{stroke-dashoffset:-84}}@keyframes scan{to{stroke-dashoffset:-96}}@keyframes float{to{transform:translate(-50%,-64%) rotate(calc(var(--r) + 18deg)) scale(1.08)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes flowerSpin{to{transform:rotate(360deg)}}@keyframes aurora{to{transform:rotate(360deg) scale(1.18)}}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.72}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(0)}}
@media(max-width:700px){.nav{padding:18px 14px}.nav-right span:first-child{display:none}.moon{width:70vw;right:-18vw;top:8vh}.hero-copy{left:18px;top:17vh}.hero-copy h1{font-size:22vw}.sub{max-width:75vw}.car-wrap{width:135vw;left:58%;bottom:6vh}.mountains{height:52vh}.scene-copy{width:90vw}.scene-copy h2{font-size:17vw}.liquid-title{font-size:17vw}.portal{width:110vw}.cursor{display:none}.scroll{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}