:root{
  --black:#080808;
  --green:#D4E600;
  --blue:#00D9FF;
  --white:#FFFFFF;
  --muted:rgba(255,255,255,.70);
  --line:rgba(255,255,255,.14);
  --glass:rgba(10,12,14,.72);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{max-width:100%}

.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,72px);background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,0));transition:background .22s ease,padding .22s ease,border-color .22s ease}
.site-header.is-scrolled{padding-block:12px;background:rgba(8,8,8,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase;min-width:120px}
.brand-logo{width:132px;height:auto;max-height:58px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
.brand-logo.is-hidden{display:none}
.brand-wordmark{display:none;font-size:1rem;font-weight:900;letter-spacing:.02em}
.brand-logo.is-hidden + .brand-wordmark{display:inline-block}
.site-nav{display:flex;align-items:center;gap:clamp(18px,3vw,34px);color:rgba(255,255,255,.82);font-size:.88rem;font-weight:800}
.site-nav a{transition:color .18s ease}.site-nav a:hover{color:var(--green)}
.nav-toggle{display:none}

.hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}
.hero-video,.hero-fallback,.hero-overlay{position:absolute;inset:0}
.hero-video{width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.02)}
.hero-fallback{z-index:-4;background:radial-gradient(circle at 74% 18%,rgba(0,217,255,.22),transparent 26%),linear-gradient(135deg,#050505 0%,#101418 48%,#050505 100%)}
.hero.has-video-error .hero-video{display:none}
.hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.68) 44%,rgba(0,0,0,.50) 72%,rgba(0,0,0,.82)),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.90))}
.hero-content{width:min(1240px,calc(100% - 40px));min-height:100svh;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:clamp(28px,5vw,64px);align-items:center;padding-top:96px;padding-bottom:60px}
.hero-copy{position:relative;z-index:3;max-width:760px;will-change:transform}
.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hero-title{margin:0;font-size:clamp(3.8rem,8.25vw,7.35rem);line-height:.84;letter-spacing:-.035em;text-transform:uppercase;max-width:760px;text-wrap:balance}
.hero-title span{display:block}.hero-title span:nth-child(2){color:var(--green)}
.hero-text{width:min(640px,100%);margin:26px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55;font-weight:650}
.hero-actions,.download-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--green);color:#080808;box-shadow:0 16px 46px rgba(212,230,0,.22)}
.button-primary:hover{box-shadow:0 22px 60px rgba(212,230,0,.34)}
.button-soon{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.76);cursor:not-allowed;box-shadow:none}
.button-soon:hover{transform:none}

.hero-device{position:relative;z-index:2;justify-self:center;width:min(430px,33vw);animation:slideInDevice .9s ease .22s both;pointer-events:none;will-change:transform}
.phone-shell{position:relative;width:100%;background:transparent;filter:drop-shadow(0 32px 72px rgba(0,0,0,.72)) drop-shadow(0 0 28px rgba(0,217,255,.13));overflow:visible}
.phone-shell img{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;object-position:center center;background:transparent;border:0;border-radius:0}
.phone-shell img.is-hidden{display:none}

.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(72px,12vw,132px) 0}.section-heading{width:min(780px,100%)}
.section h2,.final-cta h2{margin:0;font-size:clamp(2.35rem,6vw,5.8rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}
.final-copy{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}

.flow-section{padding-bottom:clamp(80px,13vw,150px)}
.flow-layout{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(340px,.9fr);gap:clamp(24px,6vw,76px);align-items:start;margin-top:44px}
.flow-steps{display:grid;gap:12px}
.flow-step{width:100%;appearance:none;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:var(--white);padding:22px 24px;text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.flow-step span{display:inline-flex;margin-bottom:12px;color:var(--green);font-size:.8rem;font-weight:950;letter-spacing:.12em}
.flow-step h3{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}
.flow-step p{max-height:0;margin:0;overflow:hidden;color:var(--muted);font-size:.98rem;line-height:1.55;opacity:0;transition:max-height .32s ease,opacity .25s ease,margin .25s ease}
.flow-step.is-active{border-color:rgba(212,230,0,.72);background:linear-gradient(135deg,rgba(212,230,0,.12),rgba(0,217,255,.06));box-shadow:0 22px 68px rgba(0,0,0,.28),0 0 0 1px rgba(212,230,0,.05);transform:translateX(8px)}
.flow-step.is-active p{max-height:220px;margin-top:14px;opacity:1}
.flow-preview{position:sticky;top:108px;min-height:520px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:30px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.flow-preview::before{content:"";position:absolute;inset:-30% -20% auto auto;width:340px;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(0,217,255,.22),transparent 70%);pointer-events:none}
.flow-preview h3{position:relative;margin:0;font-size:clamp(1.8rem,4vw,3.3rem);line-height:.95;text-transform:uppercase;letter-spacing:-.04em}
.flow-preview p:not(.eyebrow){position:relative;margin:18px 0 0;color:var(--muted);line-height:1.6}
.flow-map{position:relative;margin-top:30px;height:270px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(0,217,255,.08),rgba(212,230,0,.04)),#090d0f;overflow:hidden}
.city-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;transform:rotate(-8deg) scale(1.2);opacity:.35}
.route-line{position:absolute;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 28px rgba(0,217,255,.42);opacity:.9;transform-origin:left center}
.route-one{left:54px;top:156px;width:210px;transform:rotate(-19deg)}
.route-two{left:232px;top:91px;width:150px;transform:rotate(37deg)}
.runner-dot{position:absolute;left:66px;top:146px;width:22px;height:22px;border-radius:999px;background:var(--green);box-shadow:0 0 0 10px rgba(212,230,0,.12),0 0 30px rgba(212,230,0,.56);transition:transform .35s ease,left .35s ease,top .35s ease}
.territory-shape{position:absolute;left:92px;top:62px;width:210px;height:145px;border:2px solid rgba(212,230,0,.88);background:rgba(212,230,0,.13);clip-path:polygon(16% 70%,33% 16%,76% 6%,94% 54%,62% 95%);opacity:0;transform:scale(.88);transition:opacity .28s ease,transform .28s ease}
.arena-ring{position:absolute;right:84px;top:66px;width:104px;height:104px;border-radius:999px;border:2px solid rgba(0,217,255,.8);box-shadow:0 0 42px rgba(0,217,255,.28);opacity:0;transform:scale(.75);transition:opacity .28s ease,transform .28s ease}
.arena-pin{position:absolute;right:122px;top:96px;width:30px;height:30px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg) scale(.75);opacity:0;box-shadow:0 0 30px rgba(0,217,255,.48);transition:opacity .28s ease,transform .28s ease}
.mini-event-card{position:absolute;left:28px;bottom:24px;padding:13px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(8,8,8,.72);font-size:.82rem;line-height:1.35;color:rgba(255,255,255,.70);opacity:0;transform:translateY(18px);transition:opacity .28s ease,transform .28s ease;backdrop-filter:blur(12px)}
.mini-event-card strong{color:var(--white)}
.flow-preview[data-state="territory"] .territory-shape{opacity:1;transform:scale(1)}
.flow-preview[data-state="territory"] .runner-dot{left:246px;top:86px}
.flow-preview[data-state="arena"] .territory-shape{opacity:.52;transform:scale(1)}
.flow-preview[data-state="arena"] .arena-ring,.flow-preview[data-state="arena"] .arena-pin{opacity:1;transform:scale(1) rotate(-45deg)}
.flow-preview[data-state="arena"] .arena-ring{transform:scale(1)}
.flow-preview[data-state="event"] .territory-shape{opacity:.40;transform:scale(1)}
.flow-preview[data-state="event"] .arena-ring,.flow-preview[data-state="event"] .arena-pin{opacity:.5}
.flow-preview[data-state="event"] .mini-event-card{opacity:1;transform:translateY(0)}

.territory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.territory-grid article,.arena-list article,.event-strip article{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.045)}
.territory-grid article{padding:28px}.territory-grid h3{margin:0 0 12px;font-size:1.2rem}.territory-grid p{margin:0;color:var(--muted);line-height:1.65}
.split-section,.events-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.7fr);gap:clamp(32px,7vw,84px);align-items:start}.arena-list,.event-strip{display:grid;gap:12px}
.arena-list article,.event-strip article{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:18px 20px}.arena-list span,.event-strip span{font-weight:900}.arena-list strong{color:var(--blue);text-align:right}.event-strip time{color:var(--green);font-weight:900}

.carousel-section{overflow:hidden}
.carousel-shell{margin-top:42px;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:0 28px 90px rgba(0,0,0,.34)}
.carousel-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
.carousel-card{flex:0 0 100%;min-height:340px;padding:clamp(28px,6vw,64px);background:radial-gradient(circle at 82% 20%,rgba(0,217,255,.18),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.carousel-card span{display:inline-flex;margin-bottom:22px;color:var(--green);font-size:.82rem;font-weight:950;letter-spacing:.14em}
.carousel-card h3{max-width:760px;margin:0;font-size:clamp(2.4rem,7vw,6rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}
.carousel-card p{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.carousel-controls button{width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:var(--white);font-size:1.2rem;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.carousel-controls button:hover{border-color:var(--green);background:rgba(212,230,0,.1);transform:translateY(-2px)}
.carousel-dots{display:flex;gap:8px}.carousel-dot{width:9px;height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.25);padding:0;cursor:pointer}.carousel-dot.is-active{width:28px;background:var(--green)}

.final-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 64px;padding:clamp(72px,12vw,124px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 40px;display:flex;gap:24px;color:rgba(255,255,255,.56);font-size:.88rem}.site-footer a:hover{color:var(--green)}
.reveal,.reveal-up{opacity:0;transform:translateY(28px)}.reveal-up{animation:revealUp .76s ease forwards}.reveal-up:nth-child(2){animation-delay:.11s}.reveal-up:nth-child(3){animation-delay:.22s}.reveal-up:nth-child(4){animation-delay:.33s}.reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease}
@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInDevice{from{opacity:0;transform:translateX(42px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@media (max-width:1020px){.hero-content{grid-template-columns:1fr minmax(260px,.48fr)}.hero-title{font-size:clamp(3.5rem,8vw,6.4rem)}.hero-device{width:min(350px,32vw)}.flow-layout{grid-template-columns:1fr}.flow-preview{position:relative;top:auto}}
@media (max-width:900px){.site-header{padding:14px 16px}.brand-logo{width:112px;max-height:48px}.nav-toggle{width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06)}.nav-toggle span{width:18px;height:2px;background:var(--white)}.site-nav{position:fixed;top:72px;right:16px;left:16px;display:none;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(8,8,8,.94);backdrop-filter:blur(18px)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 4px}.hero-content{grid-template-columns:1fr;align-content:start;text-align:left;padding-top:104px;padding-bottom:54px}.hero-copy{max-width:100%}.hero-title{font-size:clamp(3.2rem,15vw,5.2rem)}.hero-device{justify-self:center;width:min(320px,72vw);max-width:none;margin-top:10px}.territory-grid,.split-section,.events-section{grid-template-columns:1fr}.flow-step.is-active{transform:none}}
@media (max-width:560px){.hero{min-height:auto}.hero-content{min-height:100svh;width:min(100% - 28px,1180px);padding-top:94px;gap:22px}.hero-title{font-size:clamp(3rem,15vw,4.75rem)}.hero-text{margin-top:20px;font-size:1rem}.button,.hero-actions,.download-actions{width:100%}.hero-device{width:min(270px,66vw);margin-top:0}.flow-preview{min-height:auto;padding:22px}.flow-map{height:230px}.carousel-card{min-height:390px}.carousel-controls{justify-content:space-between}.site-footer{flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}