:root { color-scheme: dark; --ink:#07111f; --cyan:#42e8e0; --lilac:#a78bfa; --coral:#ff7a8a; --text:#f7fbff; --muted:#a8b5c7; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 50% 28%,#16375a 0,#0b1b33 28%,var(--ink) 68%); font:16px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--cyan); text-decoration:none; }
a:hover { text-decoration:underline; }
nav { width:min(1080px,calc(100% - 40px)); margin:auto; padding:24px 0; display:flex; align-items:center; justify-content:space-between; }
nav>a:last-child { color:var(--text); }
.brand { display:flex; align-items:center; gap:10px; color:var(--text); font-weight:750; letter-spacing:-.02em; }
.brand img { width:34px; height:34px; border-radius:9px; }
.hero { min-height:calc(100vh - 70px); overflow:hidden; position:relative; }
.hero:after { content:""; position:absolute; width:760px; height:230px; border:2px solid color-mix(in srgb,var(--cyan),transparent 55%); border-radius:50%; left:50%; bottom:-150px; translate:-50% 0; box-shadow:0 0 60px #42e8e044,0 0 140px #a78bfa33; }
.hero section { width:min(820px,calc(100% - 40px)); margin:5vh auto 0; text-align:center; position:relative; z-index:1; }
.app-icon { width:clamp(120px,22vw,220px); border-radius:24%; box-shadow:0 25px 90px #42e8e03d; }
.eyebrow { color:var(--cyan); font-weight:800; text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; }
h1 { margin:.2em 0; font-size:clamp(3.3rem,9vw,7.8rem); line-height:.86; letter-spacing:-.075em; }
h1 span { background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--coral)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lead { max-width:610px; margin:30px auto 16px; color:#dbe7f6; font-size:clamp(1.1rem,2.5vw,1.45rem); }
.availability { color:var(--muted); }
.document { min-height:calc(100vh - 70px); }
.document article { width:min(740px,calc(100% - 40px)); margin:8vh auto 12vh; padding:clamp(24px,5vw,56px); background:#0c1b2dcc; border:1px solid #ffffff16; border-radius:28px; box-shadow:0 24px 100px #0006; }
.document h1 { font-size:clamp(2.7rem,7vw,4.8rem); line-height:.96; }
.document h2 { margin-top:2.2em; font-size:1.25rem; }
.document p { color:#cfdaea; }
footer { min-height:70px; width:min(1080px,calc(100% - 40px)); margin:auto; display:flex; gap:24px; align-items:center; color:var(--muted); border-top:1px solid #ffffff12; }
footer span { margin-left:auto; }
@media (max-width:600px) { footer { flex-wrap:wrap; padding:18px 0; gap:14px 22px; } footer span { width:100%; margin:0; } }