:root { color-scheme:dark; --night:#030b1c; --navy:#071936; --surface:#0b2145; --ink:#ecf6ff; --muted:#9db4cf; --line:rgba(170,213,255,.18); --ice:#bde9ff; --blue:#3989ff; --blue-hi:#6fbaff; --danger:#ff9eaf; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; background:var(--night); } body { margin:0; overflow-x:hidden; color:var(--ink); background:radial-gradient(circle at 86% 7%, rgba(38,115,243,.26), transparent 29rem), radial-gradient(circle at 8% 65%, rgba(21,72,153,.19), transparent 30rem), linear-gradient(140deg,#0a1c3c 0%,var(--navy) 45%,var(--night) 100%); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }.shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }.nav { height:88px; display:flex; align-items:center; justify-content:space-between; }.nav-links { display:flex; align-items:center; gap:20px; }.brand { display:inline-flex; align-items:center; gap:11px; font-size:.77rem; font-weight:900; letter-spacing:.14em; }.brand-mark { width:21px; height:21px; border:1px solid var(--ice); border-radius:6px; box-shadow:inset 0 0 12px rgba(111,186,255,.3),0 0 18px rgba(57,137,255,.18); position:relative; }.brand-mark::before { content:""; position:absolute; width:7px; height:8px; left:6px; top:7px; border:1px solid var(--ice); border-radius:2px; }.brand-mark::after { content:""; position:absolute; width:5px; height:4px; left:7px; top:3px; border:1px solid var(--ice); border-bottom:0; border-radius:5px 5px 0 0; }.nav-link { color:var(--muted); font-size:.82rem; font-weight:760; }.nav-link:hover { color:var(--ice); }
.hero { min-height:625px; display:grid; grid-template-columns:1.02fr .98fr; gap:62px; align-items:center; padding:62px 0 94px; }.eyebrow { margin:0 0 15px; display:flex; align-items:center; gap:10px; color:var(--ice); font-size:.69rem; font-weight:900; letter-spacing:.16em; }.eyebrow::before { content:""; width:27px; height:1px; background:var(--ice); }h1,h2,h3,p { margin-top:0; }h1 { max-width:640px; margin-bottom:24px; font-weight:540; font-size:clamp(3rem,6vw,5.5rem); line-height:.98; letter-spacing:-.075em; }h1 em { color:var(--ice); font-family:Georgia,serif; font-weight:400; }.lead { max-width:560px; color:#b6c8dc; font-size:1.07rem; line-height:1.7; }.platforms { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; color:#9db3ca; font-size:.78rem; }.platforms span { display:inline-flex; align-items:center; gap:8px; }.platforms i { width:7px; height:7px; border-radius:50%; border:1px solid #68829c; }.platforms i.active { border-color:var(--blue-hi); background:var(--blue-hi); box-shadow:0 0 0 4px rgba(111,186,255,.13); }.hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; border-radius:8px; padding:0 19px; font:800 .84rem/1 inherit; cursor:pointer; transition:transform .18s ease,background .18s ease; }.button:hover { transform:translateY(-2px); }.button.primary { color:#fff; background:linear-gradient(135deg,#66a7ff,#2871dd); box-shadow:0 13px 28px rgba(14,87,205,.33); }.button.primary:hover { background:linear-gradient(135deg,#86bcff,#3989ff); }.button.quiet { border-color:var(--line); background:rgba(255,255,255,.025); color:var(--ice); }.button:disabled { cursor:wait; opacity:.65; transform:none; }
.hero-visual { min-height:410px; display:grid; place-items:center; position:relative; }.ring { position:absolute; border:1px solid var(--line); border-radius:50%; }.ring-one { width:340px; height:340px; }.ring-two { width:470px; height:470px; border-style:dashed; opacity:.55; }.phone { z-index:1; width:300px; min-height:367px; padding:20px; border:1px solid rgba(176,221,255,.38); border-radius:28px; background:linear-gradient(150deg,rgba(30,80,142,.78),rgba(5,17,39,.95)); box-shadow:20px 34px 76px rgba(0,2,16,.56),inset 0 1px 0 rgba(255,255,255,.16); }.phone-top { display:flex; justify-content:space-between; color:#e5f5ff; font-size:.74rem; font-weight:800; }.phone-top i { width:8px; height:8px; border-radius:50%; background:var(--blue-hi); box-shadow:0 0 12px var(--blue-hi); }.thread { display:flex; align-items:center; gap:11px; padding:18px 0; border-bottom:1px solid rgba(175,220,255,.12); }.thread b { width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(156,213,255,.45); border-radius:50%; color:#d9f3ff; background:rgba(89,158,255,.17); font-size:.66rem; }.thread div { flex:1; }.thread strong { display:block; font-size:.76rem; }.thread span { display:block; margin-top:4px; color:#8ba9c7; font-size:.65rem; }.thread small { color:var(--blue-hi); }.sealed { margin-top:24px; padding:17px; border:1px solid rgba(145,207,255,.24); border-radius:12px; background:rgba(92,160,255,.075); text-align:center; }.mini-lock { width:25px; height:22px; display:block; margin:0 auto 10px; border:1px solid var(--ice); border-radius:5px; position:relative; }.mini-lock::before { content:""; position:absolute; width:11px; height:9px; left:5px; top:-10px; border:1px solid var(--ice); border-bottom:0; border-radius:8px 8px 0 0; }.sealed strong { font-size:.74rem; }.sealed p { margin:6px 0 0; color:#91abc7; font-size:.66rem; line-height:1.45; }
.security { display:grid; grid-template-columns:.72fr 1.28fr; gap:72px; padding:122px 0; }.section-copy h2,.server-note h2,.flow h2,.access h2 { margin:0; font-size:clamp(2.05rem,4vw,3.6rem); line-height:1; letter-spacing:-.065em; }.section-copy>p:last-child,.server-note p,.access p { margin-top:22px; color:var(--muted); line-height:1.7; }.security-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.security-grid article { min-height:180px; padding:22px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(130deg,rgba(26,68,121,.5),rgba(5,18,42,.4)); }.security-grid span { color:var(--blue-hi); font:700 .7rem/1 ui-monospace,monospace; letter-spacing:.1em; }.security-grid h3 { margin:19px 0 9px; font-size:.96rem; }.security-grid p { margin:0; color:#9cb1c9; font-size:.82rem; line-height:1.55; }
.server-note { display:grid; grid-template-columns:90px 1fr; gap:32px; align-items:start; padding:47px; border:1px solid rgba(157,211,255,.23); border-radius:16px; background:linear-gradient(115deg,rgba(17,57,110,.63),rgba(5,17,39,.68)); }.server-icon { width:64px; height:64px; border:1px solid var(--blue-hi); border-radius:15px; box-shadow:inset 0 0 26px rgba(66,139,255,.25); position:relative; }.server-icon::before,.server-icon::after { content:""; position:absolute; left:16px; width:30px; height:9px; border:1px solid var(--ice); border-radius:3px; }.server-icon::before { top:18px; }.server-icon::after { top:34px; }.server-icon { background:radial-gradient(circle at 23px 22px,var(--blue-hi) 0 2px,transparent 3px),radial-gradient(circle at 23px 38px,var(--blue-hi) 0 2px,transparent 3px); }.server-note p { margin-bottom:0; }
.beta-status { display:grid; grid-template-columns:.72fr 1.28fr; gap:72px; padding:118px 0; }.beta-status h2 { margin:0; font-size:clamp(2.05rem,4vw,3.6rem); line-height:1; letter-spacing:-.065em; }.beta-status-copy>p:last-child { margin:22px 0 0; color:var(--muted); line-height:1.7; }.beta-status-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.beta-status-grid article { min-height:195px; padding:22px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(130deg,rgba(26,68,121,.5),rgba(5,18,42,.4)); }.beta-status-grid h3 { margin:18px 0 9px; font-size:.96rem; }.beta-status-grid p { margin:0; color:#9cb1c9; font-size:.82rem; line-height:1.55; }.status-live,.status-next { display:inline-flex; padding:5px 7px; border:1px solid; border-radius:5px; font:800 .61rem/1 ui-monospace,monospace; letter-spacing:.08em; }.status-live { color:#a9f6db; border-color:rgba(104,232,190,.38); background:rgba(41,155,117,.14); }.status-next { color:#c3dcff; border-color:rgba(111,186,255,.38); background:rgba(52,118,204,.13); }
.flow { padding:132px 0; }.flow>h2 { max-width:500px; }.flow ol { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:55px 0 0; padding:0; list-style:none; }.flow li { padding:24px 0; border-top:1px solid var(--line); }.flow li>span { color:var(--blue-hi); font:800 .85rem/1 ui-monospace,monospace; }.flow h3 { margin:25px 0 9px; font-size:1rem; }.flow li p { margin:0; color:var(--muted); font-size:.86rem; line-height:1.55; }
.access-wrap { border-block:1px solid var(--line); background:linear-gradient(115deg,#0c2855,#071731); }.access { display:grid; grid-template-columns:1fr 1fr; gap:76px; padding:90px 0; align-items:start; }.access h2 { max-width:430px; }.access .ios-note { color:var(--ice); font-size:.88rem; }.access form { padding:26px; border:1px solid rgba(162,217,255,.28); border-radius:14px; background:rgba(3,13,32,.67); }.access label,.returning-download label { display:block; margin-bottom:9px; color:var(--muted); font-size:.69rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.access input,.returning-download input { width:100%; min-height:52px; margin-bottom:12px; border:1px solid var(--line); border-radius:8px; padding:0 14px; outline:none; color:var(--ink); background:#050e20; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }.access input:focus,.returning-download input:focus { border-color:var(--blue-hi); box-shadow:0 0 0 4px rgba(111,186,255,.12); }.access form .button,.returning-download form .button { width:100%; }.form-status { min-height:1.35em; margin:15px 0 0; color:var(--ice); font-size:.83rem; }.form-status.error { color:var(--danger); }.form-note { margin:14px 0 0; color:#7188a5; font-size:.75rem; line-height:1.5; }.returning-download-wrap { background:#051126; }.returning-download { display:grid; grid-template-columns:1fr 1fr; gap:76px; padding:80px 0 94px; align-items:start; }.returning-download h2 { max-width:430px; margin:0; font-size:clamp(2.05rem,4vw,3.6rem); line-height:1; letter-spacing:-.065em; }.returning-download>div>p:last-child { margin:22px 0 0; color:var(--muted); line-height:1.7; }.returning-download form { padding:26px; border:1px solid rgba(162,217,255,.18); border-radius:14px; background:rgba(3,13,32,.48); }.footer { display:flex; justify-content:space-between; padding:28px 0 38px; color:#7288a3; font-size:.75rem; }
@media (max-width:760px) { .shell { width:min(100% - 30px,1120px); }.nav { height:74px; }.nav-links { gap:13px; }.nav-link { font-size:.72rem; }.hero,.security,.beta-status,.access,.returning-download { grid-template-columns:1fr; gap:40px; }.hero { min-height:0; padding:55px 0 72px; }.hero-visual { min-height:320px; }.ring-one { width:275px; height:275px; }.ring-two { width:365px; height:365px; }.phone { transform:scale(.88); }.security,.beta-status,.flow { padding:78px 0; }.security-grid,.beta-status-grid,.flow ol { grid-template-columns:1fr; }.server-note { grid-template-columns:1fr; gap:22px; padding:30px; }.access,.returning-download { padding:70px 0; }.footer { flex-direction:column; gap:10px; } }