*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07070b;color:#ececf1;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Inter,sans-serif;overflow-x:hidden}
a{color:var(--a)}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}section{margin:72px auto;position:relative}main{position:relative;z-index:1}
#fx{position:fixed;inset:0;z-index:0;pointer-events:none}
.bgglow{position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.55;background:conic-gradient(from 0deg at 50% 50%,#22e3a122,#a78bfa22,#fbbf2422,#ff3d5a22,#22e3a122);filter:blur(80px);animation:spin 40s linear infinite}
.pg-gaming .bgglow,.pg-pods .bgglow,.pg-cards .bgglow{background:radial-gradient(40% 40% at 30% 30%,color-mix(in srgb,var(--a) 35%,transparent),transparent),radial-gradient(35% 35% at 75% 70%,color-mix(in srgb,var(--a) 20%,transparent),transparent)}
@keyframes spin{to{transform:rotate(360deg)}}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(7,7,11,.7);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12;flex-wrap:wrap}
.burger{font-size:26px;cursor:pointer}.top nav{display:none;width:100%;flex-direction:column}.top nav a{color:#ececf1;text-decoration:none;padding:10px 0;font-weight:700;position:relative}.top nav a.on{color:var(--a)}
#m:checked~nav{display:flex}
@media(min-width:900px){.burger{display:none}.top nav{display:flex;flex-direction:row;width:auto;gap:26px}.top nav a:after{content:"";position:absolute;left:0;bottom:4px;height:2px;width:0;background:var(--a);transition:.25s}.top nav a:hover:after,.top nav a.on:after{width:100%}}
.hero{margin:0;padding:56px 0 30px}
.eyebrow{color:var(--a);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(44px,9vw,96px);line-height:.98;margin:.15em 0;font-weight:900;letter-spacing:-.04em}h2{font-size:clamp(28px,5vw,48px);letter-spacing:-.03em;margin:.2em 0 .7em;font-weight:900}h3{margin:.2em 0}
.grad{background:linear-gradient(90deg,var(--a),#fff,var(--a));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-home .grad,.vault~* .grad{background-image:linear-gradient(90deg,#22e3a1,#a78bfa,#fbbf24,#ff3d5a,#22e3a1)}
.grad.anim{animation:sh 6s linear infinite}@keyframes sh{to{background-position:200% center}}
.lead{font-size:clamp(17px,2.4vw,21px);color:#c3c3d0;max-width:620px}.mut{color:#8d8d9c}.small{font-size:13px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;background:var(--a);color:#07070b;font-weight:900;padding:15px 24px;border-radius:14px;text-decoration:none;border:0;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}.btn.glow{box-shadow:0 0 0 0 var(--a),0 10px 40px -8px var(--a)}.btn.glow:hover{box-shadow:0 0 30px var(--a)}
.btn.ghost{background:#ffffff08;color:#ececf1;border:1.5px solid #ffffff2a;backdrop-filter:blur(6px)}
.hgrid{display:grid;gap:30px}@media(min-width:960px){.hgrid{grid-template-columns:1.05fr 1fr;align-items:center}}
.htxt{position:relative}
.vault{width:120px;height:120px;filter:drop-shadow(0 0 22px #a78bfa88);margin-bottom:6px}.vault svg{width:100%;height:100%;animation:spin 30s linear infinite}.vault .reel{transform-origin:100px 100px;animation:spin 6s linear infinite reverse}
.counts{display:flex;gap:28px;margin-top:30px}.counts div{display:flex;flex-direction:column}.counts b{font-size:44px;font-weight:900;line-height:1;background:linear-gradient(#fff,var(--a));-webkit-background-clip:text;background-clip:text;color:transparent}.counts span{color:#8d8d9c;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700}
/* reels wall */
.reels{display:flex;gap:14px;height:540px;overflow:hidden;justify-content:center;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);transform:rotate(-4deg)}
.reels .col{display:flex;flex-direction:column;gap:14px;animation:up 26s linear infinite}.reels .c1{animation-direction:reverse;margin-top:-120px}.reels .c2{animation-duration:32s}
@keyframes up{to{transform:translateY(-50%)}}
@media(max-width:959px){.reels{height:380px}.reels .phone{width:120px}}
/* phone */
.phone{width:170px;flex:none;aspect-ratio:9/19;border-radius:26px;padding:6px;background:linear-gradient(145deg,#2a2a36,#0d0d13);box-shadow:0 0 0 1px #ffffff18,0 20px 50px -10px #000,0 0 40px -12px var(--a)}
.scr{position:relative;width:100%;height:100%;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--a) 35%,#000),#050507)}
.scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.ov{position:absolute;inset:0}
.cap{position:absolute;left:10px;right:34px;bottom:18px;font-size:11px;line-height:1.25}.cap b{display:block;font-size:15px;font-weight:900;color:#fff;text-shadow:0 0 12px var(--a)}.cap span{color:#ddd}
.side{position:absolute;right:7px;bottom:22px;display:flex;flex-direction:column;gap:9px;font-size:13px;font-style:normal}.side i{font-style:normal;opacity:.9}
.bar{position:absolute;left:8px;right:8px;bottom:7px;height:3px;background:#ffffff30;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--a);animation:prog 4s linear infinite;animation-delay:calc(var(--i)*-1s)}@keyframes prog{to{width:100%}}
/* gaming HUD */
.hud .hp{position:absolute;top:12px;left:10px;width:60%;height:7px;border:1px solid var(--a);border-radius:2px}.hud .hp i{display:block;height:100%;width:70%;background:var(--a);box-shadow:0 0 10px var(--a);animation:hp 3s ease-in-out infinite alternate}@keyframes hp{to{width:25%}}
.hud .mm{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1.5px solid var(--a);border-radius:50%;background:repeating-conic-gradient(var(--a) 0 2deg,transparent 2deg 45deg);opacity:.7;animation:spin 3s linear infinite}
.hud .xh{position:absolute;top:42%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid var(--a);border-radius:50%;box-shadow:0 0 14px var(--a)}.hud .xh:before,.hud .xh:after{content:"";position:absolute;background:var(--a);left:50%;top:-8px;width:2px;height:48px;transform:translateX(-50%)}.hud .xh:after{transform:rotate(90deg) translateY(1px);left:15px}
.hud .kf{position:absolute;top:26px;left:10px;font:900 9px monospace;color:var(--a);letter-spacing:.1em;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.2}}
.ph-gaming .scr{background:linear-gradient(#22e3a10d 1px,transparent 1px) 0 0/100% 6px,radial-gradient(circle at 50% 40%,#0b4a35,#020a07)}
/* pods */
.wave{position:absolute;left:12%;right:12%;top:38%;height:70px;display:flex;align-items:center;gap:3px}.wave i{flex:1;height:30%;background:linear-gradient(var(--a2),var(--a));border-radius:3px;animation:eq .9s ease-in-out infinite alternate;animation-delay:calc(var(--d)*-1)}@keyframes eq{to{height:100%}}
.mic{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:34px;filter:drop-shadow(0 0 14px var(--a));animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{transform:translateX(-50%) scale(1.12)}}
/* cards */
.tcard{position:absolute;top:14%;left:50%;width:58%;aspect-ratio:5/7;transform:translateX(-50%);perspective:600px}.tin{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flip 4s ease-in-out infinite;animation-delay:calc(var(--i)*-1s)}
@keyframes flip{0%,30%{transform:rotateY(0)}50%,80%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.tf,.tb{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid var(--a)}
.tf{background:repeating-linear-gradient(45deg,#2a1c00 0 6px,#3b2800 6px 12px)}.tf span{font:900 34px system-ui;color:var(--a)}
.tb{transform:rotateY(180deg);background:linear-gradient(115deg,#5a3b00,#fbbf24 30%,#fff6d0 45%,#ff8a00 60%,#5a3b00);background-size:250% 100%;animation:foil 2.5s linear infinite;color:#1a1000}.tb b{font-size:22px;font-weight:900}.tb span{font-size:10px;font-weight:900;letter-spacing:.2em}
@keyframes foil{to{background-position:-250% 0}}
/* ticker */
.ticker{position:relative;z-index:1;overflow:hidden;border-block:1px solid #ffffff14;background:#ffffff05;padding:16px 0;transform:rotate(-1.5deg);margin:30px -10px}
.tk{display:flex;gap:28px;width:max-content;animation:tick 30s linear infinite;font:900 clamp(26px,4vw,44px)/1 system-ui;letter-spacing:-.02em;white-space:nowrap}.tk em{color:#ffffff40;font-style:normal}@keyframes tick{to{transform:translateX(-50%)}}
/* grids & cards */
.grid2,.grid3,.grid4{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}}
.box{background:#ffffff07;backdrop-filter:blur(8px);border:1px solid #ffffff14;border-radius:22px;padding:26px;transition:border-color .3s}.box:hover{border-color:color-mix(in srgb,var(--a) 60%,transparent)}
.steps .num{font:900 46px/1 system-ui;background:linear-gradient(var(--a),transparent);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-home .steps .box:nth-child(1){--a:#22e3a1}.pg-home .steps .box:nth-child(2){--a:#a78bfa}.pg-home .steps .box:nth-child(3){--a:#fbbf24}
.niche{position:relative;display:flex;gap:16px;align-items:center;overflow:hidden;text-decoration:none;color:#ececf1;background:linear-gradient(160deg,color-mix(in srgb,var(--a) 22%,#0e0e15),#0b0b11 65%);border:1px solid color-mix(in srgb,var(--a) 45%,transparent);border-radius:26px;padding:22px;transition:transform .25s,box-shadow .25s}
.niche:hover{box-shadow:0 20px 60px -18px var(--a)}.nphone .phone{width:110px;transition:transform .4s}.niche:hover .nphone .phone{transform:rotate(-6deg) scale(1.05)}
.niche h3{font-size:34px;font-weight:900}.niche .go{color:var(--a);font-weight:900}.dot{display:block;width:12px;height:12px;border-radius:50%;background:var(--a);box-shadow:0 0 18px var(--a);animation:blink 1.6s infinite}
.shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) 30%,#ffffff1c,transparent 60%);opacity:0;transition:.3s}.niche:hover .shine{opacity:1}
.cta{text-align:center;padding:60px 24px;border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 30%,#0e0e15),#0b0b11);border:1px solid #ffffff1c;overflow:hidden;position:relative}
.cta:before{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent,color-mix(in srgb,var(--a) 30%,transparent),transparent 30%);animation:spin 8s linear infinite;z-index:-1}
.ticks{list-style:none;padding:0}.ticks li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid #ffffff10}.ticks li:before{content:"▶";position:absolute;left:0;color:var(--a);font-size:13px;top:13px}
.note{border-left:3px solid var(--a);padding-left:12px;color:#ddd}
/* niche carousel */
.carousel{overflow:hidden;margin-top:40px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ctrack{display:flex;gap:20px;width:max-content;animation:tick 34s linear infinite;padding:20px 0}.carousel:hover .ctrack{animation-play-state:paused}
.ctrack .phone{width:200px;transition:transform .3s}.ctrack .phone:hover{transform:translateY(-10px) scale(1.04)}
.socials{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:760px){.socials{grid-template-columns:repeat(3,1fr)}}
.social{display:flex;flex-direction:column;padding:20px;border-radius:16px;background:#ffffff07;border:1px solid color-mix(in srgb,var(--a) 45%,transparent);text-decoration:none;color:#ececf1;transition:transform .2s,box-shadow .2s}.social:hover{box-shadow:0 0 30px -8px var(--a)}.social span{color:var(--a);font-weight:800}
.form label{display:block;margin-bottom:14px;font-weight:700;font-size:14px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:13px;border-radius:12px;border:1px solid #ffffff20;background:#07070bcc;color:#ececf1;font:inherit}.form input:focus,.form textarea:focus{outline:2px solid var(--a)}
.prose{max-width:760px}.links{max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:30px}.links h1{font-size:44px;margin:0}
.lnk{--a:#ff3d5a;width:100%;display:block;padding:16px;border-radius:16px;background:#ffffff08;border:1.5px solid color-mix(in srgb,var(--a) 55%,transparent);color:#ececf1;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}.lnk:hover{background:color-mix(in srgb,var(--a) 20%,transparent)}
footer{position:relative;z-index:1;border-top:1px solid #ffffff12;padding:44px 0 20px;margin-top:90px;background:#07070bcc}.fgrid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:760px){.fgrid{grid-template-columns:2fr 1fr 1fr}}footer a{display:block;color:#b9b9c6;text-decoration:none;padding:3px 0}footer a:hover{color:#fff}
/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
.grid3 .reveal:nth-child(2),.grid4 .reveal:nth-child(2){transition-delay:.1s}.grid3 .reveal:nth-child(3),.grid4 .reveal:nth-child(3){transition-delay:.2s}.grid4 .reveal:nth-child(4){transition-delay:.3s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}#fx{display:none}}
/* ===== v3 pop ===== */
h1{font-size:clamp(50px,10vw,118px);text-shadow:0 0 40px color-mix(in srgb,var(--a) 35%,transparent)}h2{font-size:clamp(32px,5.5vw,60px)}.center{text-align:center}
.hero.home,.has-bg{position:relative;overflow:hidden;min-height:92vh;display:flex;align-items:center}.has-bg{min-height:auto;padding:90px 0 40px;flex-direction:column;align-items:stretch}
.hbg{position:absolute;inset:-8% 0 0;z-index:-1}.hbg img{width:100%;height:115%;object-fit:cover;animation:kb 24s ease-in-out infinite alternate;filter:saturate(1.35) contrast(1.1)}
.hbg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07070bf2 0%,#07070bb0 45%,#07070b40 100%),linear-gradient(transparent 60%,#07070b)}
@media(max-width:900px){.hbg:after{background:linear-gradient(#07070bcc,#07070bdd 60%,#07070b)}}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translateX(-2%)}}
.hero.home{isolation:isolate}.has-bg{isolation:isolate}
.btn{border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.btn.big{padding:18px 30px;font-size:17px}
.btn.glow{background:linear-gradient(90deg,var(--a),var(--a2,#ff3d5a));animation:pulseglow 2.4s ease-in-out infinite}@keyframes pulseglow{50%{box-shadow:0 0 34px var(--a),0 0 70px -10px var(--a2,#ff3d5a)}}
.pg-home{--a2:#a78bfa}.ctas.c{justify-content:center}
.phone{background:linear-gradient(145deg,var(--a),#1a1a24 40%,#0d0d13 70%,var(--a2,#ff3d5a));box-shadow:0 0 0 1px #ffffff22,0 25px 60px -10px #000,0 0 50px -6px var(--a)}
.scr img.kb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 9s ease-in-out infinite alternate;filter:saturate(1.3)}
.box,.niche,.social{border:1.5px solid transparent;background:linear-gradient(#0d0d14,#0d0d14) padding-box,linear-gradient(135deg,var(--a),#ffffff10 40%,#ffffff10 60%,var(--a2,var(--a))) border-box}
.niche{background:linear-gradient(160deg,color-mix(in srgb,var(--a) 25%,#0d0d14),#0b0b11 65%) padding-box,linear-gradient(135deg,var(--a),transparent 50%,var(--a2)) border-box}
.split{display:grid;gap:36px;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.rev .split>:first-child{order:2}}
.simg{display:block;position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/11;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--a) 70%,transparent),0 30px 80px -20px var(--a)}
.simg img{width:100%;height:115%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(1.25)}.simg:hover img{transform:scale(1.08);filter:saturate(1.6) brightness(1.1)}
.simg:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#07070bcc);pointer-events:none}
.badge{position:absolute;left:18px;bottom:16px;z-index:2;font:900 clamp(28px,4vw,48px)/1 system-ui;color:#fff;text-shadow:0 0 24px var(--a),0 0 4px var(--a);letter-spacing:-.02em}
.lead-sec{padding:40px 0;background:radial-gradient(60% 80% at 20% 50%,color-mix(in srgb,var(--a) 14%,transparent),transparent)}.lead-sec.rev{background:radial-gradient(60% 80% at 80% 50%,color-mix(in srgb,var(--a) 14%,transparent),transparent)}
.lead-sec h2{color:#fff}.lead-sec h2:first-letter{color:var(--a)}
.sell{list-style:none;padding:0;margin:0 0 28px}.sell li{padding:14px 0 14px 40px;position:relative;border-bottom:1px solid #ffffff12;color:#c9c9d6}.sell li b{color:#fff;display:block;font-size:19px}
.sell li:before{content:"";position:absolute;left:0;top:20px;width:22px;height:22px;border-radius:50%;background:conic-gradient(#22e3a1,#a78bfa,#fbbf24,#22e3a1);box-shadow:0 0 14px #a78bfa}
.do .ic{font-size:34px;display:block;filter:drop-shadow(0 0 10px #a78bfa)}.do .box:nth-child(1){--a:#22e3a1}.do .box:nth-child(2){--a:#a78bfa}.do .box:nth-child(3){--a:#fbbf24}.do .box:nth-child(4){--a:#ff3d5a}
.do .box{transition:transform .3s,box-shadow .3s}.do .box:hover{transform:translateY(-8px);box-shadow:0 20px 50px -15px var(--a)}
.gallery{overflow:hidden;margin:70px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.gtrack{display:flex;gap:16px;width:max-content;animation:tick 60s linear infinite;align-items:center}.gallery:hover .gtrack{animation-play-state:paused}
.gtrack figure{margin:0;border-radius:22px;overflow:hidden;flex:none;box-shadow:0 0 0 1px #ffffff20,0 20px 50px -20px #000}.gtrack .g0{width:360px;height:240px}.gtrack .g1{width:200px;height:320px}.gtrack .g2{width:300px;height:280px}
.gtrack img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(1.3)}.gtrack figure:hover img{transform:scale(1.12)}
@media(max-width:700px){.gtrack .g0{width:240px;height:160px}.gtrack .g1{width:140px;height:220px}.gtrack .g2{width:200px;height:190px}}
.imgcta{isolation:isolate}.imgcta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.45;filter:saturate(1.4)}.imgcta:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,#07070b66,#07070be6)}
.niche-hero .lead{color:#e0e0ea}.reels{transform:rotate(-6deg) scale(1.05)}
.simg img{position:relative;top:-7.5%}