:root{color-scheme:dark;--night:#050918;--text:#f6f8ff;--muted:#adb9d2;--cyan:#68edff;--blue:#335bff;--line:#24314d;font-family:Arial,Helvetica,sans-serif;background:var(--night);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 65% 27% at 85% 14%,#0c1c52 0%,transparent 80%),var(--night);line-height:1.5}a{color:inherit}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:#68edff;color:#050918}.wrap{width:calc(100% - 40px);max-width:1200px;margin-inline:auto}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand img{width:34px;height:34px}.brand span{font-size:17px;font-weight:700;letter-spacing:.19em}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:16px 24px;border-radius:9px;text-decoration:none;font-weight:700;font-size:16px;line-height:1.3;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#04132c;box-shadow:0 0 28px #28c7ff23;border:1px solid #a0f7ff}.button-primary:hover{background:#a1f6ff;box-shadow:0 0 35px #28c7ff44}.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button .arrow{font-size:24px;margin-left:18px}.button-small{min-height:44px;font-size:13px;padding:10px 14px;gap:10px}.button-outline{border:1px solid #415071;background:#111a30}.button-outline:hover{background:#1a2946}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:var(--cyan);color:var(--night);z-index:20}.skip-link:focus{top:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--cyan);margin:0 0 24px;line-height:1.5}.tiny-mark{display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:8px;box-shadow:0 0 15px #68edff70}.hero{padding-block:44px 12px;display:grid;gap:18px}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(42px,11vw,64px);line-height:1.01;letter-spacing:-.065em;margin:0 0 24px;font-weight:800}h2{font-size:36px;line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:700}.gradient-text{color:var(--cyan);background:linear-gradient(100deg,#f4fcff -25%,#71f1ff 35%,#7191ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:16px;line-height:1.65;max-width:430px;margin:0 0 26px;color:var(--muted)}.hero .button-primary{width:100%}.micro{font-size:12px;color:var(--muted);margin:12px 0 0}.hero-art{height:340px;position:relative;isolation:isolate;max-width:540px;width:100%;margin-inline:auto;overflow:hidden}.hero-art::before{content:"";position:absolute;inset:14% 8%;background:radial-gradient(ellipse,#1859f066,transparent 68%);z-index:-1}.device{position:absolute;left:13%;top:12%;width:74%;height:73%;border:1px solid #6488c9;border-right:4px solid #2c4c82;border-bottom:5px solid #1b2d51;border-radius:20px;background:linear-gradient(125deg,#334c71,#0b1125 18%,#101b39 70%,#5975a2);padding:10px;box-shadow:16px 25px 35px #0007,inset 1px 1px 0 #d8e9ff77;transform:rotate(-8deg);animation:float 7s ease-in-out infinite}.device-top,.device-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;padding:2px 5px 8px;color:#9db0d2}.mini-dots{font-size:5px;color:#91b7ff}.device-screen{position:relative;overflow:hidden;border-radius:9px;height:81%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 90% 100%,#245cff,#07122d 55%,#04091b);border:1px solid #3f5b8b}.device-screen::after{content:"";position:absolute;bottom:-68%;left:-40%;width:180%;height:100%;border-top:2px solid #5cedff;border-radius:50%;transform:rotate(-25deg);box-shadow:0 -8px 40px #4f81ff50}.hero-symbol{width:39%;height:auto;z-index:1;filter:drop-shadow(0 6px 22px #65abff3a)}.screen-wordmark{font-size:12px;font-weight:700;letter-spacing:.35em;margin:10px 0 4px;z-index:1}.screen-caption{font-size:5px;letter-spacing:.12em;z-index:1;color:#c3d0ea}.device-bottom{padding-top:9px}.orbital{position:absolute;border:1px solid #4375b4;border-radius:50%;z-index:-1;left:1%;width:98%;height:34%;top:35%;transform:rotate(-23deg);box-shadow:0 0 10px #357df020}.orbital-two{transform:rotate(38deg);width:82%;left:10%;border-color:#243b60}.art-coordinate{position:absolute;top:1%;left:15%;font-size:7px;letter-spacing:.22em;color:#7e91b3}.floating-tag{position:absolute;background:linear-gradient(120deg,#203c79f2,#102346ed);border:1px solid #5277b9;border-radius:11px;box-shadow:0 12px 35px #0005;z-index:3}.tag-one{left:0;top:62%;padding:12px;display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.4;transform:rotate(-5deg)}.tag-icon{font-size:27px;color:var(--cyan);font-weight:400}.tag-one strong{font-weight:600}.tag-two{right:0;top:17%;padding:10px 12px;transform:rotate(7deg);text-align:center;font-size:6px;letter-spacing:.11em}.people{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:40px;margin:1px 0 10px}.people i{width:15px;height:17px;background:#d8f4ff;border-radius:10px 10px 2px 2px;position:relative}.people i::before{content:"";position:absolute;background:#d8f4ff;border-radius:50%;width:9px;height:9px;left:3px;top:-12px}.people i:nth-child(2){height:22px;width:19px}.people i:nth-child(2)::before{left:4px;width:11px;height:11px;top:-14px}.art-star{position:absolute;color:#bcf5ff;text-shadow:0 0 20px #76acff;font-size:20px}.star-one{right:7%;bottom:18%}.star-two{left:7%;top:30%;font-size:12px}.mode-strip{border-block:1px solid var(--line);background:#0b1324}.mode-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:19px;font-size:10px;letter-spacing:.11em;color:#abbad4}.mode-strip strong{color:#f3f6ff}.strip-symbol{color:var(--cyan);font-size:16px}.section{padding-top:64px}.section-heading{margin-bottom:28px}.section-heading .eyebrow,.join .eyebrow{margin-bottom:14px}.section-heading>p{font-size:14px;color:var(--muted);margin:18px 0 0}.cards{display:grid;gap:14px}.card{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px;background:linear-gradient(145deg,#14213d88,#0b1122);min-width:0}.card-featured{background:radial-gradient(ellipse at 90% 0%,#153d7799,transparent 75%),#0d172c;border-color:#395c8b}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:26px}.icon-box{display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:#9bbaff}.card-featured .icon-box{color:var(--cyan)}.icon-box svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-number{color:#809bbb;font-size:12px;font-family:monospace}.badge{font-size:10px;color:#c6d6ef;border:1px solid #435576;border-radius:30px;padding:5px 9px;white-space:nowrap}.card h3{font-size:24px;line-height:1.13;letter-spacing:-.025em;margin:0 0 16px}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:310px}.card-bottom{border-top:1px solid #375076;margin-top:26px;padding-top:16px;font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between;color:#a9c9ee}.card-bottom span:last-child{font-size:18px;line-height:1}.join{padding-bottom:64px}.steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0}.steps li{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:flex-start;gap:18px}.step-no{color:var(--cyan);font-size:13px;border:1px solid #385c83;border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#101d34}.steps p{margin:3px 0 0;font-size:17px;color:var(--muted);line-height:1.5}.steps strong{color:var(--text);font-weight:400}.closing-panel{position:relative;isolation:isolate;overflow:hidden;padding:40px 22px 44px;border:1px solid #3b5586;border-radius:20px;text-align:center;background:radial-gradient(ellipse at 50% 110%,#2348bb80,transparent 70%),linear-gradient(130deg,#102a59,#0b142e 55%,#131c40)}.closing-logo{width:52px;height:52px;margin-bottom:22px}.closing .eyebrow{font-size:8px;margin-bottom:18px}.closing h2{font-size:48px;letter-spacing:-.055em}.closing-panel>p:not(.eyebrow){color:#b7c8e6;font-size:15px;max-width:400px;margin:22px auto 26px}.closing .button{width:100%;max-width:300px}.closing-orbit{position:absolute;width:120%;height:230px;border:1px solid #4263a333;border-radius:50%;left:-10%;bottom:30px;z-index:-1;transform:rotate(-15deg)}.footer{padding-block:32px;display:flex;gap:14px;flex-direction:column;font-size:10px;color:#8e9fbc}.footer p{margin:0}.footer strong{color:#ccd8ed;letter-spacing:.15em;font-size:11px}.footer p:last-child{font-size:10px;max-width:310px}.footer span{display:inline}.footer{line-height:1.6}
@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-7deg)}}
@media(min-width:600px){.wrap{width:calc(100% - 64px)}.brand img{width:42px;height:42px}.brand span{font-size:21px}.button-small{padding:12px 20px;font-size:14px}.hero .button-primary{width:auto}.hero-art{height:440px}.tag-one{font-size:13px;padding:16px}.tag-two{font-size:8px;padding:14px 19px}.device-top,.device-bottom{font-size:9px}.screen-wordmark{font-size:17px}.screen-caption{font-size:7px}.art-coordinate{font-size:9px}.mode-strip .wrap{font-size:13px}.card{padding:32px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-heading>p{margin:0}.closing-panel{padding:48px}.closing h2{font-size:64px}.closing h2 br{display:none}.footer{flex-direction:row;justify-content:space-between;align-items:center}.footer p:last-child{max-width:none}}
@media(min-width:960px){.wrap{width:calc(100% - 112px)}.header{height:100px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:0;padding-block:76px 64px;min-height:650px}.hero-copy{padding-bottom:16px}.hero .eyebrow{font-size:11px;margin-bottom:28px}h1{font-size:clamp(64px,5.9vw,82px);max-width:620px;margin-bottom:28px}.lead{font-size:17px;margin-bottom:30px}.hero-art{height:470px;width:110%;max-width:none;justify-self:end;margin:0 -3% 0 0}.device{top:15%;height:69%}.tag-one{top:66%}.tag-two{top:19%}.art-coordinate{top:8%}.mode-strip .wrap{justify-content:center;gap:60px;padding-block:23px;font-size:12px}.section{padding-top:88px}.section-heading{margin-bottom:36px}h2{font-size:44px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{min-height:320px;padding:30px}.card h3{font-size:27px}.card-top{margin-bottom:32px}.join{display:grid;grid-template-columns:1fr 2.1fr;gap:32px;align-items:start;padding-bottom:88px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.steps li{display:block;padding:0;border:0}.step-no{margin-bottom:23px}.steps p{border-top:1px solid var(--line);padding-top:20px;font-size:16px}.closing-panel{padding:55px 40px 62px}.closing-logo{width:60px;height:60px;margin-bottom:20px}.closing h2{font-size:76px}.closing-panel>p:not(.eyebrow){font-size:16px;max-width:none}.closing .eyebrow{font-size:10px}.closing-orbit{height:370px;bottom:0}.footer{padding-block:38px}.footer p:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}