@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --bg:#09090d; --panel:rgba(23,23,31,.72); --ink:#f4f2f8; --muted:#aaa8b4; --line:rgba(255,255,255,.12); --violet:#a579ff; --mint:#4df4c5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--bg); font-family:"Space Grotesk",Arial,sans-serif; line-height:1.55; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:-2; background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
.aurora { position:fixed; width:42vw; height:42vw; min-width:340px; min-height:340px; border-radius:50%; filter:blur(85px); opacity:.18; pointer-events:none; z-index:-1; }
.aurora-one { background:var(--violet); top:-19vw; left:-13vw; }.aurora-two { background:var(--mint); top:21rem; right:-26vw; }
.site-header, main, footer { width:min(1120px,calc(100% - 48px)); margin:auto; }.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-size:1rem; font-weight:600; letter-spacing:-.02em; white-space:nowrap; }.brand-mark { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; color:#111017; background:linear-gradient(135deg,var(--mint),var(--violet)); font-family:"DM Mono",monospace; font-size:.9rem; }
nav { display:flex; gap:24px; } nav a,footer a { color:var(--muted); text-decoration:none; font-size:.9rem; }nav a:hover,nav a.active,footer a:hover,a { color:var(--mint); }
.hero { padding:132px 0 115px; max-width:850px; }.eyebrow { color:var(--mint); font-family:"DM Mono",monospace; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; margin:0 0 18px; }.hero h1,.page h1,.legal h1 { margin:0; font-size:clamp(3rem,7vw,6.25rem); font-weight:600; letter-spacing:-.07em; line-height:.98; }.hero h1 span,.page h1 span { background:linear-gradient(100deg,var(--violet),var(--mint)); background-clip:text; -webkit-background-clip:text; color:transparent; }.hero-copy,.intro { color:var(--muted); max-width:590px; margin:30px 0; font-size:1.18rem; }.hero-actions { display:flex; align-items:center; gap:25px; }.button { background:var(--ink); color:#131218; padding:13px 18px; border-radius:8px; text-decoration:none; font-weight:600; }.button span,.text-link span { margin-left:7px; }.text-link { color:var(--mint); text-underline-offset:5px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.feature-grid article { padding:34px 30px 36px 0; }.feature-grid article+article { padding-left:30px; border-left:1px solid var(--line); }.feature-number { color:var(--violet); font-family:"DM Mono",monospace; font-size:.75rem; }.feature-grid h2,.panel h2,.publisher h2,.coming-soon h2 { font-size:1.35rem; letter-spacing:-.04em; margin:27px 0 9px; }.feature-grid p,.panel p,.publisher p,.coming-soon p { color:var(--muted); margin:0; }
.panel { margin:115px 0; display:grid; grid-template-columns:1.35fr .65fr; gap:50px; padding:55px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(125deg,rgba(165,121,255,.12),rgba(77,244,197,.055)); overflow:hidden; }.panel h2 { font-size:2.25rem; margin-top:0; }.panel p:not(.eyebrow) { max-width:500px; margin-bottom:26px; font-size:1.05rem; }.app-orb { place-self:center; display:grid; place-items:center; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#d5c0ff,var(--violet) 36%,#352553 72%); box-shadow:0 0 80px rgba(165,121,255,.43); }.app-orb span { color:#f4f2f8; font-size:6rem; transform:translateY(-7px); }
.publisher { padding-bottom:125px; }.publisher h2 { margin-top:0; font-size:2.15rem; }.publisher-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; }.publisher-layout>p { font-size:1.12rem; }.publisher dl { margin:0; }.publisher dl div { padding:13px 0; display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); }.publisher dt { color:var(--muted); }.publisher dd { margin:0; text-align:right; }
.page { padding:100px 0 110px; }.page h1 { font-size:clamp(2.8rem,6vw,5.5rem); }.app-card { display:grid; grid-template-columns:100px 1fr 155px; gap:28px; align-items:start; padding:42px; margin-top:70px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }.app-icon { width:80px; height:80px; display:grid; place-items:center; border-radius:20px; background:linear-gradient(135deg,#b589ff,#58427f); font-size:2.7rem; }.app-card h2 { margin:2px 0 12px; letter-spacing:-.05em; font-size:2rem; }.app-card p:not(.eyebrow) { color:var(--muted); max-width:590px; margin:0; }.tag-list { list-style:none; padding:0; margin:22px 0 0; display:flex; flex-wrap:wrap; gap:8px; }.tag-list li { border:1px solid var(--line); border-radius:20px; padding:4px 10px; color:var(--muted); font-size:.8rem; }.app-status { color:var(--mint); font-family:"DM Mono",monospace; font-size:.7rem; line-height:1.7; }.coming-soon { margin-top:65px; padding:46px 0; border-top:1px solid var(--line); }.coming-soon h2 { font-size:2rem; margin:0 0 8px; }
.legal { max-width:800px; padding:92px 0 120px; }.legal h1 { font-size:clamp(3rem,6vw,5rem); }.legal-date { color:var(--muted); margin:18px 0 55px; }.legal article h2 { font-size:1.25rem; margin:35px 0 8px; letter-spacing:-.035em; }.legal article p { color:var(--muted); margin:0; }
footer { min-height:110px; padding:27px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:18px; }footer p { margin:0; color:var(--muted); font-size:.8rem; }footer div { display:flex; gap:17px; }
@media (max-width:700px) { .site-header { min-height:76px; flex-wrap:wrap; padding:17px 0; gap:13px; } nav { width:100%; justify-content:space-between; gap:5px; } nav a { font-size:.82rem; }.hero { padding:82px 0 75px; }.feature-grid,.panel,.publisher-layout,.app-card { grid-template-columns:1fr; }.feature-grid article,.feature-grid article+article { padding:27px 0; border-left:0; }.feature-grid article+article { border-top:1px solid var(--line); }.panel { margin:75px 0; padding:30px; gap:25px; }.app-orb { width:130px; height:130px; place-self:start; }.app-orb span { font-size:4rem; }.publisher { padding-bottom:80px; }.publisher-layout { gap:30px; }.page { padding:68px 0 75px; }.app-card { margin-top:45px; padding:25px; gap:20px; }.app-icon { width:65px; height:65px; font-size:2.2rem; }.app-card h2 { font-size:1.75rem; }.legal { padding:70px 0 80px; }footer { flex-wrap:wrap; } footer p { order:3; width:100%; } }
@media (max-width:430px) { .site-header,main,footer { width:min(100% - 32px,1120px); }.hero-actions { align-items:flex-start; flex-direction:column; gap:16px; }.hero h1,.page h1,.legal h1 { letter-spacing:-.06em; } }