:root{--ink:#020408;--panel:#070b11;--text:#f5f7fa;--muted:#9aa6b4;--blue:#00a8ff;--blue-pale:#8bd8ff;--red:#ff2039;--red-pale:#ff9aa6;--line:rgba(255,255,255,.14);--max:1440px}
*{box-sizing:border-box}
html{background:var(--ink);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;background:white;color:black;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:min(100% - 64px,var(--max));margin:auto;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.wordmark,.studio-link,.footer-brand{display:inline-flex;align-items:center;text-decoration:none}.wordmark{gap:12px;font-size:19px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.wordmark-mark{position:relative;width:17px;height:17px;border:1px solid white;transform:rotate(45deg)}.wordmark-mark:before,.wordmark-mark:after{content:"";position:absolute;inset:3px;border:1px solid var(--blue)}.wordmark-mark:after{inset:auto -4px -4px auto;width:7px;height:7px;border-color:var(--red)}
.studio-link{gap:10px;color:#d7dde4;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.studio-link img,.footer-brand img{filter:grayscale(1) brightness(2.2)}.studio-link:hover,.studio-link:focus-visible{color:white}
.hero{position:relative;display:grid;align-items:center;min-height:max(760px,100svh);overflow:hidden;isolation:isolate}.hero-media,.hero-media img,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-4}.hero-media img{object-fit:cover;object-position:center}.hero-shade{z-index:-3;background:linear-gradient(180deg,rgba(1,3,7,.72),rgba(1,3,7,.05) 42%,rgba(1,3,7,.28) 76%,#020408),radial-gradient(circle at 50% 35%,rgba(0,0,0,.04),rgba(0,0,0,.35) 70%)}.hero-grid{z-index:-2;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 10%,black 45%,transparent 80%)}
.hero-content{width:min(100% - 48px,920px);margin:-16vh auto 0;text-align:center}.eyebrow,.kicker{display:flex;align-items:center;gap:13px;margin:0 0 24px;font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.eyebrow{justify-content:center;color:#e8edf2}.eyebrow span:first-child{text-shadow:0 0 24px var(--blue)}.eyebrow span:last-child{text-shadow:0 0 24px var(--red)}.eyebrow i{width:34px;height:1px;background:linear-gradient(90deg,var(--blue),var(--red))}
h1,h2,h3,p{margin-top:0}h1,h2{text-wrap:balance}h1{margin-bottom:24px;font-size:clamp(3.2rem,7.6vw,8rem);font-weight:780;line-height:.88;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 3px 38px rgba(0,0,0,.7)}h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.82);text-shadow:14px 0 38px rgba(0,168,255,.42),-14px 0 38px rgba(255,32,57,.42)}.hero-copy{max-width:590px;margin:0 auto 34px;color:#d2dae3;font-size:clamp(1rem,1.6vw,1.22rem)}
.store-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;min-width:184px;min-height:59px;gap:12px;padding:9px 18px;border:1px solid rgba(255,255,255,.36);border-radius:10px;background:rgba(3,6,10,.72);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 12px 34px rgba(0,0,0,.26);backdrop-filter:blur(12px);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.store-button:hover,.store-button:focus-visible{border-color:white;background:rgba(13,18,25,.92);transform:translateY(-2px)}.store-button svg{width:27px;height:27px;fill:currentColor;flex:0 0 auto}.store-button span{display:flex;flex-direction:column;font-size:19px;font-weight:650;line-height:1.05;text-align:left}.store-button small{margin-bottom:4px;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.store-button.compact{min-width:165px;min-height:54px}
.scroll-cue{position:absolute;bottom:35px;left:50%;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.62);font-size:9px;font-weight:700;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue span{width:1px;height:46px;background:linear-gradient(white,transparent)}
.signal-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;align-items:center;min-height:108px;border-block:1px solid var(--line);background:#03060a}.signal-strip p{margin:0;color:#bec8d2;font-size:11px;font-weight:750;letter-spacing:.2em;text-align:center;text-transform:uppercase}.signal-strip>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font:600 12px/1 ui-monospace,monospace}
.section-shell{width:min(100% - 96px,var(--max));margin:0 auto}.rule{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);align-items:center;gap:clamp(52px,7vw,120px);min-height:900px;padding-block:120px}.kicker{color:#aeb9c5}.kicker span{color:var(--blue);font-family:ui-monospace,monospace}
.section-copy h2,.loop h2,.inversion h2{margin-bottom:28px;font-size:clamp(3rem,5.2vw,6rem);font-weight:720;line-height:.95;letter-spacing:-.06em;text-transform:uppercase}.section-copy h2 strong,.loop h2 strong,.inversion h2 strong{color:transparent;font-weight:inherit;-webkit-text-stroke:1px rgba(255,255,255,.62)}.section-copy>p:not(.kicker),.inversion-copy>p:last-child{max-width:560px;color:var(--muted);font-size:18px;line-height:1.72}
.rule-diagram{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin-top:54px}.rule-diagram>div{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.rule-diagram>div:first-child{border-top-color:var(--blue)}.rule-diagram>div:last-child{border-top-color:var(--red)}.rule-diagram small{display:block;margin-bottom:8px;color:var(--muted);font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.rule-diagram b{display:flex;justify-content:space-between;font-size:13px}.rule-diagram>div:first-child b span{color:var(--blue)}.rule-diagram>div:last-child b span{color:var(--red)}.rule-diagram>i{height:1px;background:linear-gradient(90deg,var(--blue),var(--red))}
.feature-frame{position:relative;margin:0;padding:14px;border:1px solid rgba(0,168,255,.34);background:rgba(0,168,255,.045);box-shadow:0 0 90px rgba(0,112,255,.11)}.feature-frame:before,.feature-frame:after{content:"";position:absolute;width:50px;height:50px;border-color:var(--blue)}.feature-frame:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.feature-frame:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.feature-frame img{width:100%;aspect-ratio:16/10;object-fit:cover}.feature-frame figcaption{display:flex;justify-content:space-between;padding:14px 4px 2px;color:#c2cbd5;font:700 10px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.feature-frame figcaption span{color:var(--blue)}
.inversion{position:relative;display:grid;align-items:center;min-height:max(780px,92svh);overflow:hidden;isolation:isolate}.inversion-media,.inversion-media img,.inversion-shade{position:absolute;inset:0;width:100%;height:100%}.inversion-media{z-index:-3}.inversion-media img{object-fit:cover}.inversion-shade{z-index:-2;background:linear-gradient(90deg,rgba(2,4,8,.92),rgba(2,4,8,.6) 37%,rgba(2,4,8,.1) 66%,rgba(2,4,8,.4)),linear-gradient(180deg,#020408,transparent 22%,transparent 74%,#020408)}.inversion-copy{width:min(100% - 96px,var(--max));margin:auto}.inversion-copy h2{max-width:820px}.inversion-copy .kicker span{color:var(--red)}
.state-label{position:absolute;bottom:36px;margin:0;padding:10px 14px;border:1px solid currentColor;background:rgba(2,4,8,.74);font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.state-label.normal{left:4vw;color:var(--blue-pale)}.state-label.inverted{right:4vw;color:var(--red-pale)}
.loop{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,10vw,170px);padding-block:160px}.loop-heading{position:sticky;top:90px;align-self:start}.loop-list{margin:0;padding:0;list-style:none}.loop-list li{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:36px 0;border-top:1px solid var(--line)}.loop-list li:last-child{border-bottom:1px solid var(--line)}.loop-list>li>span{color:var(--blue);font:600 11px/1 ui-monospace,monospace}.loop-list h3{margin-bottom:8px;font-size:28px;letter-spacing:-.03em;text-transform:uppercase}.loop-list p{margin:0;color:var(--muted)}.loop-list li:nth-child(3)>span{color:var(--red)}
.vista{position:relative;min-height:min(86svh,940px);overflow:hidden;isolation:isolate}.vista>picture,.vista>picture img{position:absolute;inset:0;width:100%;height:100%}.vista>picture{z-index:-2}.vista>picture img{object-fit:cover}.vista:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#020408,rgba(2,4,8,.05) 38%,rgba(2,4,8,.8)),radial-gradient(circle at center,transparent,rgba(2,4,8,.46) 80%)}.vista-overlay{position:absolute;right:5vw;bottom:7vh;max-width:650px;text-align:right}.vista-overlay>p{margin-bottom:10px;color:var(--blue-pale);font:700 10px/1 ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}.vista-overlay h2{margin-bottom:30px;font-size:clamp(2.7rem,5vw,5.7rem);line-height:.96;letter-spacing:-.06em;text-transform:uppercase}.vista-overlay .store-links{justify-content:flex-end}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(100% - 64px,var(--max));min-height:190px;margin:auto;color:#84909c}.footer-brand{gap:14px;color:white}.footer-brand span{display:flex;flex-direction:column;font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.footer-brand small{margin-bottom:4px;color:#77838f;font-size:8px;letter-spacing:.18em}footer nav{display:flex;gap:28px}footer nav a{font-size:11px;font-weight:650;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}footer nav a:hover,footer nav a:focus-visible{color:white}footer>p{margin:0;font-size:10px;letter-spacing:.08em;text-align:right;text-transform:uppercase}:focus-visible{outline:2px solid white;outline-offset:5px}
.error-page{display:grid;align-content:center;justify-items:start;min-height:100svh;width:min(100% - 40px,760px);margin:auto}.error-page h1{margin-bottom:18px}.error-page>p:not(.kicker){color:var(--muted);font-size:18px}
@media(max-width:900px){.rule{grid-template-columns:1fr}.feature-frame{order:-1}.loop{grid-template-columns:1fr}.loop-heading{position:static}footer{grid-template-columns:1fr 1fr;padding:42px 0}footer>p{grid-column:1/-1;text-align:left}}
@media(max-width:767px){.site-header{width:calc(100% - 32px);padding:18px 0}.wordmark{font-size:15px}.studio-link span{display:none}.hero{min-height:max(720px,100svh)}.hero-shade{background:linear-gradient(180deg,rgba(1,3,7,.7),rgba(1,3,7,.05) 39%,rgba(1,3,7,.16) 70%,#020408)}.hero-content{width:calc(100% - 34px);margin-top:-24vh}.eyebrow{margin-bottom:18px;font-size:9px}h1{font-size:clamp(3.3rem,15.8vw,5.4rem);letter-spacing:-.07em}.hero-copy{max-width:370px;font-size:14px}.store-button{min-width:158px;min-height:54px;padding:8px 13px}.store-button svg{width:23px;height:23px}.store-button span{font-size:16px}.scroll-cue{bottom:20px}.scroll-cue span{height:30px}.signal-strip{grid-template-columns:1fr 1fr 1fr;min-height:84px}.signal-strip>span{display:none}.signal-strip p{padding:0 8px;font-size:8px}.section-shell{width:calc(100% - 32px)}.rule{gap:58px;min-height:auto;padding-block:80px 100px}.feature-frame{padding:9px}.feature-frame img{aspect-ratio:4/5}.section-copy h2,.loop h2,.inversion h2{font-size:clamp(2.8rem,13vw,4.2rem)}.section-copy>p:not(.kicker),.inversion-copy>p:last-child{font-size:16px}.rule-diagram{grid-template-columns:1fr}.rule-diagram>i{width:1px;height:24px;margin-left:50%;background:linear-gradient(var(--blue),var(--red))}.inversion{min-height:850px;align-items:start}.inversion-shade{background:linear-gradient(180deg,rgba(2,4,8,.9),rgba(2,4,8,.44) 38%,rgba(2,4,8,.06) 70%,#020408)}.inversion-copy{width:calc(100% - 32px);padding-top:100px}.state-label{bottom:22px;font-size:7px}.loop{gap:20px;padding-block:100px 110px}.loop-list li{padding:28px 0}.vista{min-height:820px}.vista-overlay{right:20px;bottom:42px;left:20px;text-align:center}.vista-overlay h2{font-size:3.1rem}.vista-overlay .store-links{justify-content:center}footer{grid-template-columns:1fr;width:calc(100% - 32px)}footer nav{gap:22px}footer>p{grid-column:auto}}
@media(max-width:380px){.store-links{gap:8px}.store-button{min-width:146px}.store-button span{font-size:14px}.hero-copy{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}