:root{--ink:#050506;--paper:#f4f1ea;--muted:#aba7a0;--line:#ffffff24;--red:#ff3049;--blue:#31b9ff;--yellow:#ffd52e;--green:#3ee56c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.siteHeader{z-index:20;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 clamp(22px,4vw,64px);font-size:11px;font-weight:800;display:grid;position:absolute;top:0;left:0;right:0}.headerBrand{align-items:center;gap:10px;width:max-content;display:inline-flex}.headerBrand img{-o-object-fit:contain;object-fit:contain;width:38px;height:38px}.siteHeader nav{color:#ffffff94;gap:34px;display:flex}.siteHeader nav a,.siteFooter a,.textLink{transition:color .2s}.siteHeader nav a:hover,.siteFooter a:hover,.textLink:hover{color:#fff}.headerCta{border:1px solid #ffffff42;justify-self:end;padding:12px 15px;transition:all .2s}.headerCta:hover{background:var(--paper);color:var(--ink)}.hero{background:#060607;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;min-height:max(800px,100svh);padding:130px clamp(24px,7vw,112px) 92px;display:grid;position:relative;overflow:hidden}.heroBackdrop{opacity:.72;position:absolute;inset:0}.heroBackdrop img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;filter:saturate(.86)contrast(1.1);width:100%;height:100%}.heroBackdrop:after{content:"";background:linear-gradient(90deg,#050506 0%,#050506f0 36%,#0505062e 68%,#050506ad),linear-gradient(#0000006b 0%,#0000 70%,#050506 100%);position:absolute;inset:0}.heroGlow{filter:blur(22px);background:radial-gradient(circle,#31b9ff2e,#0000 65%);border-radius:50%;width:44vw;height:44vw;position:absolute;top:15%;right:-8vw}.heroContent{z-index:3;width:min(710px,100%);position:relative}.eyebrow{color:#fff9;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:10px;margin:0 0 23px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:linear-gradient(90deg,var(--red) 0 25%,var(--blue) 25% 50%,var(--yellow) 50% 75%,var(--green) 75%);width:30px;height:2px}.heroLogo{filter:drop-shadow(0 18px 42px #00000094);width:clamp(120px,12vw,190px);margin:0 0 22px}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:780px;margin:0;font-size:clamp(56px,7.2vw,118px);line-height:.85}.heroLead{color:#ffffffad;width:min(600px,100%);margin:28px 0 0;font-size:clamp(18px,1.45vw,23px);line-height:1.48}.heroActions{align-items:center;gap:28px;margin-top:34px;display:flex}.appStoreBadge img{width:176px}.textLink{border-bottom:1px solid #ffffff80;padding:10px 0;font-size:13px;font-weight:800}.heroStats{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));width:min(560px,100%);margin-top:50px;padding-top:24px;display:grid}.heroStats div{align-items:baseline;gap:9px;padding-right:18px;display:flex}.heroStats strong{font-size:28px;line-height:1}.heroStats span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:1.25}.heroPhone{z-index:2;filter:drop-shadow(0 38px 72px #000000b8);justify-self:center;width:clamp(250px,26vw,430px);position:relative;transform:rotate(5deg)translate(4%,6%)}.heroPhone img{width:100%}.scrollCue{z-index:3;color:#ffffff5c;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:12px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:28px;left:clamp(24px,7vw,112px)}.scrollCue span{background:#fff6;width:1px;height:26px}.sectionNumber{color:#ffffff6b;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800}.manifesto{border-top:1px solid var(--line);grid-template-columns:220px 1fr;align-items:start;gap:40px;padding:clamp(80px,11vw,170px) clamp(24px,7vw,112px);display:grid}.manifesto p{letter-spacing:-.055em;max-width:1040px;margin:0;font-size:clamp(34px,5.2vw,82px);line-height:1.04}.manifesto em{color:var(--yellow);font-style:normal}.gameplayFeature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09090b;grid-template-columns:1.04fr .96fr;min-height:850px;display:grid}.gameplayVisual{border-right:1px solid var(--line);min-height:780px;position:relative;overflow:hidden}.laneArt{-o-object-fit:cover;object-fit:cover;-o-object-position:center 57%;object-position:center 57%;opacity:.9;width:100%;height:100%}.gameplayVisual:after{content:"";background:linear-gradient(#0000 58%,#000000d1),linear-gradient(90deg,#0000 70%,#09090b6b);position:absolute;inset:0}.controlsArt{z-index:2;filter:drop-shadow(0 18px 24px #000);width:88%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.note{z-index:2;border-radius:999px;width:32px;height:13px;animation:3.8s linear infinite noteDrop;position:absolute;box-shadow:0 0 20px}.noteRed{color:var(--red);background:var(--red);animation-delay:-.5s;left:23%}.noteBlue{color:var(--blue);background:var(--blue);animation-delay:-2.5s;left:41%}.noteYellow{color:var(--yellow);background:var(--yellow);animation-delay:-1.3s;left:59%}.noteGreen{color:var(--green);background:var(--green);animation-delay:-3.3s;left:76%}@keyframes noteDrop{0%{opacity:0;top:20%;transform:scale(.55)}12%{opacity:1}to{opacity:.9;top:76%;transform:scale(1.1)}}.gameplayCopy{align-self:center;padding:clamp(60px,8vw,130px)}.gameplayCopy h2,.sectionHeading h2,.creatorCopy h2,.appHeading h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(48px,6vw,92px);line-height:.92}.gameplayCopy>p:not(.eyebrow){color:#ffffff9e;margin:28px 0 46px;font-size:18px;line-height:1.55}.gameplayCopy ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.gameplayCopy li{border-bottom:1px solid var(--line);gap:22px;padding:20px 0;font-size:14px;display:flex}.gameplayCopy li span{color:#ffffff61;letter-spacing:.12em;font-size:10px;font-weight:800}.stageSection,.appSection{padding:clamp(86px,11vw,170px) clamp(24px,7vw,112px)}.sectionHeading{grid-template-columns:180px minmax(0,1fr) minmax(220px,.42fr);align-items:end;gap:40px;margin-bottom:70px;display:grid}.sectionHeading h2{max-width:830px}.sectionHeading>p{color:#ffffff94;margin:0;font-size:16px;line-height:1.55}.stageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.stageCard{background:#111;min-height:620px;position:relative;overflow:hidden}.stageCard img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.stageCard:hover img{transform:scale(1.045)}.stageCard:after{content:"";background:linear-gradient(#0000 55%,#000000db);position:absolute;inset:0}.stageCard div{z-index:2;border-top:1px solid #ffffff5c;justify-content:space-between;align-items:end;padding-top:15px;display:flex;position:absolute;bottom:24px;left:25px;right:25px}.stageCard span{letter-spacing:.15em;font-size:10px}.stageCard h3{text-transform:uppercase;margin:0;font-size:20px}.stage-red{transform:translateY(42px)}.stage-green{transform:translateY(84px)}.creatorSection{border-top:1px solid var(--line);background:linear-gradient(120deg,#0b0b0c 20%,#141115 100%);grid-template-columns:minmax(0,.85fr) minmax(280px,.55fr) minmax(220px,.42fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:980px;padding:clamp(90px,11vw,170px) clamp(24px,7vw,112px);display:grid;position:relative;overflow:hidden}.creatorSection:before{content:"CREATE";color:#ffffff06;letter-spacing:-.1em;font-size:32vw;font-weight:900;position:absolute;bottom:-.12em;left:-.03em}.creatorCopy{z-index:2;position:relative}.creatorCopy h2{margin-top:24px}.creatorCopy h2 em{color:var(--red);font-style:normal}.creatorCopy>p{color:#ffffff9e;max-width:650px;margin:34px 0;font-size:18px;line-height:1.6}.creatorSteps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.creatorSteps div{gap:22px;padding:20px 16px 0 0;display:grid}.creatorSteps strong{color:#ffffff57;letter-spacing:.15em;font-size:10px}.creatorSteps span{font-size:13px;line-height:1.35}.creatorPhone{z-index:2;filter:drop-shadow(0 32px 54px #0000009e);justify-self:center;width:min(350px,100%);position:relative;transform:rotate(-3deg)}.coverWall{z-index:2;grid-template-columns:repeat(2,1fr);gap:14px;display:grid;position:relative;transform:rotate(3deg)}.coverWall img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.coverWall img:nth-child(2),.coverWall img:nth-child(4){transform:translateY(26px)}.appSection{background:var(--paper);color:var(--ink)}.appHeading .sectionNumber{color:#00000075}.appHeading>p{color:#0000009e}.showcase{margin-inline:calc(-1*clamp(24px,7vw,112px))}.showcaseTrack{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:clamp(18px,2.2vw,34px);padding:0 clamp(24px,7vw,112px) 34px;display:flex;overflow-x:auto}.showcaseTrack::-webkit-scrollbar{display:none}.showcaseCard{color:#fff;scroll-snap-align:center;background:#0a0a0b;flex:0 0 min(76vw,920px);grid-template-columns:minmax(300px,.44fr) minmax(320px,.56fr);min-height:820px;display:grid;overflow:hidden}.showcaseMedia{background:#0c0c0e;min-height:820px;overflow:hidden}.showcaseMedia img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.showcaseCopy{border-left:1px solid #ffffff1f;flex-direction:column;justify-content:flex-end;padding:clamp(32px,5vw,70px);display:flex}.showcaseCopy span{color:#ffffff61;letter-spacing:.16em;font-size:10px;font-weight:800}.showcaseCopy h3{letter-spacing:-.06em;text-transform:uppercase;margin:18px 0;font-size:clamp(42px,5vw,76px);line-height:.9}.showcaseCopy p{color:#fff9;margin:0;font-size:16px;line-height:1.55}.showcaseControls{grid-template-columns:1fr auto 1fr;align-items:center;padding:8px clamp(24px,7vw,112px) 0;display:grid}.showcaseControls>button{color:#111;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;width:max-content;padding:12px 0;font-size:12px;font-weight:800}.showcaseControls>button:last-child{justify-self:end}.showcaseDots{gap:8px;display:flex}.showcaseDots button{cursor:pointer;background:#0000002e;border:0;width:28px;height:3px;padding:0;transition:all .2s}.showcaseDots button.isActive{background:#111}.finalCta{text-align:center;background:radial-gradient(circle at 50% 55%,#31b9ff26,#0000 34%),#050506;flex-direction:column;justify-content:center;align-items:center;min-height:760px;padding:90px 24px;display:flex}.finalCta img{width:clamp(150px,15vw,230px);margin-bottom:38px}.finalCta p{letter-spacing:-.065em;margin:0;font-size:clamp(42px,7vw,108px);font-weight:900;line-height:.88}.finalCta a{text-transform:uppercase;letter-spacing:.12em;border:1px solid #ffffff59;margin-top:42px;padding:17px 20px;font-size:11px;font-weight:800;transition:all .2s}.finalCta a:hover{color:#050506;background:#fff}.siteFooter{border-top:1px solid var(--line);color:#ffffff6b;letter-spacing:.14em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:92px;padding:0 clamp(24px,4vw,64px);font-size:9px;font-weight:800;display:grid}.siteFooter>span:nth-child(2){justify-self:center}.siteFooter nav{justify-self:end;gap:22px;display:flex}@media (max-width:980px){.siteHeader{grid-template-columns:1fr 1fr}.siteHeader nav{display:none}.hero{grid-template-columns:1fr .58fr;padding-inline:28px}.hero h1{font-size:clamp(54px,9.5vw,92px)}.manifesto,.gameplayFeature{grid-template-columns:1fr}.gameplayVisual{border-right:0;border-bottom:1px solid var(--line);min-height:760px}.sectionHeading{grid-template-columns:1fr;align-items:start}.stageCard{min-height:520px}.creatorSection{grid-template-columns:1fr 1fr}.coverWall{grid-column:1/-1;grid-template-columns:repeat(4,1fr);transform:none}.coverWall img:nth-child(2),.coverWall img:nth-child(4){transform:none}.showcaseCard{flex-basis:84vw}}@media (max-width:680px){.siteHeader{height:72px;padding:0 18px;position:absolute}.headerBrand img{width:34px;height:34px}.headerBrand span{display:none}.headerCta{padding:10px 12px;font-size:9px}.hero{min-height:0;padding:112px 20px 0;display:block}.heroBackdrop:after{background:linear-gradient(#05050647,#050506b8 42%,#050506 100%),linear-gradient(90deg,#050506b3,#0505061a)}.heroContent{width:100%}.heroLogo{width:112px;margin-bottom:18px}.hero h1{max-width:360px;font-size:54px;line-height:.88}.heroLead{max-width:355px;font-size:17px}.heroActions{gap:18px;margin-top:26px}.appStoreBadge img{width:150px}.heroStats{gap:10px;margin-top:30px}.heroStats div{gap:3px;display:grid}.heroStats strong{font-size:23px}.heroPhone{z-index:1;opacity:1;width:250px;margin:42px auto -105px;position:relative;bottom:auto;right:auto;transform:rotate(3deg)}.scrollCue{display:none}.manifesto{gap:26px;padding:82px 20px}.manifesto p{font-size:39px}.gameplayVisual{min-height:620px}.controlsArt{width:104%}.note{display:none}.gameplayCopy{padding:72px 20px}.gameplayCopy h2,.sectionHeading h2,.creatorCopy h2,.appHeading h2{font-size:46px}.stageSection,.appSection{padding:82px 20px}.sectionHeading{gap:24px;margin-bottom:42px}.stageGrid{grid-template-columns:1fr;gap:14px}.stageCard{min-height:520px;transform:none}.creatorSection{grid-template-columns:1fr;min-height:auto;padding:84px 20px;display:grid}.creatorSteps{grid-template-columns:1fr}.creatorSteps div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:8px;padding:16px 0}.creatorPhone{width:min(300px,84vw)}.coverWall{grid-template-columns:repeat(2,1fr);gap:10px}.showcase{margin-inline:-20px}.showcaseTrack{gap:14px;padding:0 20px 24px}.showcaseCard{flex:0 0 calc(100vw - 40px);grid-template-columns:1fr;min-height:0}.showcaseMedia{aspect-ratio:1290/2796;min-height:0}.showcaseMedia img{-o-object-fit:cover;object-fit:cover}.showcaseCopy{border-top:1px solid #ffffff1f;border-left:0;padding:26px 24px 30px}.showcaseCopy h3{margin:12px 0;font-size:42px}.showcaseControls{grid-template-columns:1fr 1fr;padding:8px 20px 0}.showcaseDots{grid-area:1/1/auto/-1;justify-self:center;margin-bottom:10px}.showcaseControls>button{border:1px solid #0000003d;grid-row:2;min-width:112px;min-height:44px;padding:11px 12px}.finalCta{min-height:630px}.finalCta p{font-size:52px}.siteFooter{grid-template-columns:1fr auto;min-height:140px;padding-block:28px}.siteFooter>span:nth-child(2){display:none}.siteFooter nav{text-align:right;gap:10px;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note{animation:none}.stageCard img{transition:none}}.homeGuides{border-top:1px solid var(--line);padding:clamp(86px,11vw,170px) clamp(24px,7vw,112px)}.homeGuideGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.homeGuideGrid a{color:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;gap:18px;min-height:190px;padding:26px;transition:all .2s;display:grid}.homeGuideGrid a:hover{background:var(--paper);color:var(--ink)}.homeGuideGrid span,.homeGuideGrid em{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-style:normal}.homeGuideGrid strong{letter-spacing:-.05em;font-size:clamp(24px,3vw,44px);line-height:.95}.homeGuideGrid em{grid-column:2;align-self:end}.guidePage{color:#fff;background:#050506;min-height:100vh}.guideHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:80px;padding:0 clamp(20px,5vw,72px);display:flex}.guideBrand{letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.guideBrand img{-o-object-fit:contain;object-fit:contain;width:38px;height:38px}.guideDownload{text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff4d;padding:12px 14px;font-size:10px;font-weight:800}.guideHero{background:radial-gradient(circle at 80% 20%,#dd24342e,#0000 34%);flex-direction:column;justify-content:center;min-height:650px;padding:90px clamp(24px,8vw,130px);display:flex}.guideHero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:1050px;margin:24px 0;font-size:clamp(58px,9vw,140px);line-height:.82}.guideHero>p:not(.eyebrow){color:#ffffffa8;max-width:760px;font-size:19px;line-height:1.65}.guideHero small{color:#ffffff61;letter-spacing:.12em;margin-top:30px;font-size:9px}.guideFacts{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.guideFacts div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;padding:30px}.guideFacts dt{color:var(--yellow);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.guideFacts dd{color:#ffffffb8;margin:25px 0 0;line-height:1.55}.guideBody{max-width:1200px;margin:auto;padding:100px 24px}.guideBody>section{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,760px);gap:40px;padding:55px 0;display:grid}.guideBody>section>span{color:#ffffff59;letter-spacing:.15em;font-size:10px}.guideBody h2,.guideRelated h2{letter-spacing:-.06em;text-transform:uppercase;margin:0 0 24px;font-size:clamp(42px,6vw,82px);line-height:.9}.guideBody p{color:#ffffffa6;font-size:18px;line-height:1.65}.guideBody ul{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.guideBody li{border-bottom:1px solid var(--line);padding:16px 0}.guideBoundary{background:var(--yellow);color:#111;max-width:1100px;margin:0 auto 100px;padding:38px}.guideBoundary strong{letter-spacing:.15em;font-size:10px}.guideBoundary p{max-width:900px;margin:20px 0 0;line-height:1.6}.guideRelated{border-top:1px solid var(--line);padding:90px clamp(24px,7vw,112px)}.guideRelated>div{grid-template-columns:repeat(3,1fr);display:grid}.guideRelated a{border:1px solid var(--line);min-height:150px;padding:24px;font-size:20px;font-weight:800}.guideRelated a span{float:right}.guideFooter{border-top:1px solid var(--line);color:#ffffff75;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:100px;padding:0 clamp(24px,5vw,72px);font-size:10px;display:flex}@media (max-width:780px){.homeGuideGrid,.guideFacts,.guideRelated>div{grid-template-columns:1fr}.guideHero{min-height:560px;padding-top:70px}.guideFacts div{min-height:0}.guideBody>section{grid-template-columns:36px 1fr;gap:12px}.guideFooter span{display:none}}