:root{color-scheme:dark;--ink:#101522;--paper:#f7f3ed;--white:#fffdf9;--red:#ff304f;--purple:#ad67ff;--blue:#57b7ff;--yellow:#ffd857;--muted:#9ba4b5;--line:rgba(255,255,255,.14);font-family:Inter,ui-rounded,"Avenir Next",system-ui,sans-serif}
*{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;max-width:100%;background:var(--ink);color:var(--white);overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;padding:12px 16px;color:var(--ink);background:var(--white);border-radius:10px}.skip-link:focus{top:16px}.page-shell{position:relative;min-height:100vh;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px}.site-header{width:min(1180px,calc(100% - 40px));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:1000;letter-spacing:.08em;text-decoration:none}.brand img{border-radius:50%;object-fit:cover}nav{display:flex;align-items:center;gap:30px}nav a{color:#c9cfda;font-weight:800;text-decoration:none}nav a:hover{color:#fff}.nav-cta{padding:12px 18px;color:var(--ink)!important;background:var(--red);border:2px solid #ff7186;border-radius:13px;box-shadow:4px 4px 0 #080b12}
.hero{width:min(1180px,calc(100% - 40px));min-height:710px;margin:auto;padding:80px 0 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{margin:0 0 20px;display:flex;align-items:center;gap:10px;color:var(--red);font-size:13px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}.eyebrow>span{width:32px;height:3px;background:currentColor;border-radius:4px}h1,h2,h3,p{text-wrap:balance}h1,h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.012em}h1{margin:0;max-width:700px;font-size:clamp(68px,8.2vw,116px);line-height:.84;transform:skewY(-1.5deg);text-shadow:7px 7px 0 rgba(0,0,0,.28)}h1 em,h2 em{color:var(--red);font-style:normal}.hero-lede{max-width:610px;margin:30px 0;color:#c5ccd7;font-size:clamp(17px,2vw,20px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.store-button{min-width:190px;padding:12px 18px;display:flex;align-items:center;gap:12px;color:var(--ink);background:var(--white);border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--red);font-weight:1000;text-decoration:none}.store-button small{display:block;font-size:10px;font-weight:750;letter-spacing:.04em}.store-icon{width:27px;height:27px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:8px;font-size:16px}.store-icon.play{background:linear-gradient(135deg,var(--blue) 0 35%,var(--yellow) 35% 65%,var(--red) 65%);clip-path:polygon(10% 0,100% 50%,10% 100%);border-radius:0}.is-coming{cursor:default;opacity:.82}.release-note{margin:17px 0 0;color:var(--muted);font-size:12px;font-weight:750}
.hero-art{position:relative;min-height:570px;display:grid;place-items:center}.phone-card{position:relative;z-index:3;width:min(330px,78vw);height:570px;padding:12px;background:#05070c;border:4px solid #05070c;border-radius:44px;box-shadow:15px 17px 0 var(--red),24px 28px 0 rgba(0,0,0,.28);transform:rotate(3deg);animation:phone-float 5s ease-in-out infinite}.phone-top{position:absolute;z-index:4;top:19px;left:50%;width:92px;height:26px;transform:translateX(-50%);background:#05070c;border-radius:20px}.phone-top span{position:absolute;top:9px;right:17px;width:7px;height:7px;border-radius:50%;background:#323a49}.camera-scene{position:relative;height:485px;overflow:hidden;background:linear-gradient(#9c6eea 0 48%,#6b45af 48% 52%,#252c3a 52%);border-radius:32px 32px 22px 22px}.camera-scene:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:34px 34px}.sky-dot{position:absolute;width:80px;height:80px;border:10px solid rgba(255,255,255,.2);border-radius:50%}.dot-one{top:70px;left:-25px}.dot-two{top:110px;right:-35px;width:110px;height:110px}.target-person{position:absolute;z-index:1;left:50%;bottom:72px;width:135px;height:205px;transform:translateX(-50%);background:#151a25;border-radius:70px 70px 30px 30px;box-shadow:inset 18px 0 rgba(255,255,255,.05)}.target-person:before{content:"";position:absolute;top:-66px;left:28px;width:80px;height:86px;background:#151a25;border-radius:50%}.target-person i{position:absolute;top:-33px;left:48px;width:36px;height:14px;background:var(--red);border-radius:50%;transform:rotate(-8deg)}.crosshair{position:absolute;z-index:5;top:45%;left:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:4px solid var(--red);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.2)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--red)}.crosshair:before{top:50%;left:-42px;width:270px;height:4px}.crosshair:after{top:-42px;left:50%;width:4px;height:270px}.crosshair span{position:absolute;inset:54px;border:3px solid var(--red);border-radius:50%}.camera-copy{position:absolute;z-index:6;right:15px;bottom:15px;left:15px;padding:13px;background:rgba(8,11,18,.88);border:2px solid rgba(255,255,255,.2);border-radius:14px}.camera-copy b,.camera-copy small{display:block}.camera-copy b{color:var(--red);letter-spacing:.1em}.camera-copy small{margin-top:3px;color:#c8ced8}.shutter{width:44px;height:44px;margin:14px auto 0;border:4px solid #6a7180;border-radius:50%;box-shadow:inset 0 0 0 5px #111722}.sticker{position:absolute;z-index:7;padding:12px 17px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 #000;font-size:13px;font-weight:1000;letter-spacing:.06em}.sticker-top{top:70px;right:-15px;transform:rotate(8deg)}.sticker-bottom{bottom:55px;left:-15px;color:#fff;background:var(--purple);transform:rotate(-6deg)}.burst{position:absolute;border-radius:50%;filter:blur(2px)}.burst-one{width:420px;height:420px;background:rgba(173,103,255,.22)}.burst-two{width:550px;height:550px;border:2px dashed rgba(255,48,79,.35);animation:spin 30s linear infinite}
.ticker{padding:18px 30px;display:flex;align-items:center;justify-content:space-around;gap:25px;overflow:hidden;color:var(--ink);background:var(--red);border-block:4px solid #080b12;font-weight:1000;letter-spacing:.07em;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.ticker i{width:10px;height:10px;background:var(--ink);border-radius:50%}.section{width:min(1180px,calc(100% - 40px));margin:auto;padding:125px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}h2{margin:0;font-size:clamp(48px,6vw,80px);line-height:.92}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{position:relative;min-height:390px;padding:28px;overflow:hidden;color:var(--ink);border:4px solid var(--ink);border-radius:26px;box-shadow:9px 9px 0 rgba(0,0,0,.35);transition:transform .2s ease}.step-card:hover{transform:translateY(-8px) rotate(-1deg)}.red-card{background:#ff6a7f}.purple-card{background:#c69aff;transform:rotate(1deg)}.blue-card{background:#74c5ff}.step-number{position:absolute;top:20px;right:23px;color:rgba(16,21,34,.3);font:1000 40px Impact,sans-serif}.step-illustration{position:relative;width:118px;height:118px;margin:20px 0 35px;background:var(--paper);border:4px solid var(--ink);border-radius:50%;box-shadow:6px 6px 0 var(--ink)}.aim-icon:before{content:"";position:absolute;inset:23px;border:7px solid var(--red);border-radius:50%;box-shadow:inset 0 0 0 7px var(--paper),inset 0 0 0 14px var(--red)}.aim-icon:after{content:"";position:absolute;top:54px;left:5px;width:100px;height:6px;background:var(--ink)}.snap-icon:before{content:"";position:absolute;inset:30px 18px 25px;background:var(--ink);border-radius:10px}.snap-icon:after{content:"";position:absolute;top:44px;left:43px;width:28px;height:28px;border:6px solid var(--purple);border-radius:50%}.vote-icon:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font:1000 64px system-ui;transform:rotate(-8deg)}.step-card h3{margin:0 0 12px;font-size:26px}.step-card p{margin:0;font-weight:650;line-height:1.55}
.modes{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;background:var(--purple);border-block:4px solid #080b12;color:var(--ink)}.eyebrow.light{color:#fff}.modes p:not(.eyebrow){max-width:520px;font-size:18px;font-weight:650;line-height:1.6}.mode-stack{display:grid;gap:18px}.mode-stack article{padding:27px;background:var(--paper);border:4px solid var(--ink);border-radius:21px;box-shadow:9px 9px 0 var(--ink);transform:rotate(1deg)}.mode-stack article+article{background:var(--yellow);transform:rotate(-1.5deg)}.mode-stack span{color:var(--red);font-size:12px;font-weight:1000;letter-spacing:.12em}.mode-stack h3{margin:7px 0;font-size:25px}.mode-stack b{color:#5d6470}.safety{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center}.safety>div:last-child{max-width:680px}.safety p:not(.eyebrow){color:#c5ccd7;font-size:18px;line-height:1.65}.text-link{display:inline-flex;gap:9px;margin-top:12px;color:var(--yellow);font-weight:900;text-decoration:none;border-bottom:2px solid currentColor}.safety-mark{position:relative;aspect-ratio:1;border:12px solid var(--red);border-radius:50%;box-shadow:inset 0 0 0 12px var(--ink),inset 0 0 0 24px var(--red);transform:rotate(-7deg)}.safety-mark:before,.safety-mark:after{content:"";position:absolute;z-index:2;background:var(--red)}.safety-mark:before{top:50%;left:-35px;width:calc(100% + 70px);height:10px}.safety-mark:after{top:-35px;left:50%;width:10px;height:calc(100% + 70px)}.safety-mark span{position:absolute;inset:34%;z-index:3;background:var(--white);border-radius:50%}.final-cta{position:relative;padding:110px 20px;overflow:hidden;text-align:center;color:var(--ink);background:var(--yellow);border-block:4px solid #080b12}.final-cta p{font-weight:1000;letter-spacing:.14em}.final-cta h2 em{color:var(--purple)}.final-cta a{position:relative;z-index:2;display:inline-block;margin-top:30px;padding:17px 25px;color:#fff;background:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:7px 7px 0 var(--red);font-weight:1000;text-decoration:none}.mini-crosshair{position:absolute;top:50%;left:50%;width:540px;height:540px;transform:translate(-50%,-50%);border:5px solid rgba(16,21,34,.08);border-radius:50%;box-shadow:inset 0 0 0 60px var(--yellow),inset 0 0 0 65px rgba(16,21,34,.08)}footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:55px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;color:var(--muted)}.footer-brand{color:#fff}footer p{margin:0}footer div{display:flex;gap:22px}footer div a{font-weight:750}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}
@keyframes phone-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:880px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:60px;text-align:center}.hero .eyebrow,.hero-actions{justify-content:center}.hero-lede{margin-inline:auto}.hero-art{min-height:620px}.steps{grid-template-columns:1fr}.step-card{min-height:320px}.section-heading{display:block}.modes,.safety{grid-template-columns:1fr}.safety-mark{width:min(310px,70vw);margin:auto}footer{grid-template-columns:1fr;text-align:center}footer .brand,footer div{justify-content:center}footer small{grid-column:auto}}@media(max-width:520px){.site-header{height:76px}.brand{font-size:18px}.brand img{width:39px;height:39px}.nav-cta{padding:10px 13px;font-size:13px}.hero{width:min(100% - 28px,1180px);min-height:auto;gap:30px;padding-bottom:60px}.hero-copy h1{font-size:clamp(57px,18vw,83px)}.hero-lede{font-size:16px}.store-button{width:100%;justify-content:center}.hero-art{min-height:540px}.phone-card{height:510px}.camera-scene{height:427px}.sticker-top{right:-5px}.sticker-bottom{left:-5px}.ticker{justify-content:flex-start;font-size:12px}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+2){display:none}.section{width:min(100% - 28px,1180px);padding:85px 0}.modes{width:100%;padding-inline:20px;gap:45px}.safety{gap:55px}h2{font-size:46px}.step-card{padding:24px}.final-cta h2{font-size:50px}footer div{flex-direction:column;gap:12px}}