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

:root { color-scheme: dark; --ink:#e9f5ee; --muted:#91a49a; --green:#64f49b; --deep:#07110d; --panel:#0c1813; --line:rgba(214,255,230,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--deep); color:var(--ink); font-family:'DM Sans',system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
svg { width:1em; height:1em; fill:currentColor; }
.nav { height:78px; max-width:1240px; margin:auto; padding:0 30px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-family:Manrope,sans-serif; font-weight:700; letter-spacing:-.03em; font-size:20px; }
.brand img { width:31px; height:31px; border-radius:9px; }
.nav nav { display:flex; gap:34px; color:#b7c7be; font-size:14px; }
.nav nav a:hover { color:var(--green); }
.status { font:500 11px Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#cce9d6; }
.status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); margin-right:7px; }
main { overflow:hidden; }
.hero { min-height:670px; max-width:1240px; margin:auto; padding:100px 30px 90px; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.glow { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.glow-a { width:560px; height:560px; right:-130px; top:10px; background:radial-gradient(circle,rgba(52,221,117,.18),rgba(7,17,13,0) 70%); }
.glow-b { width:260px; height:260px; right:230px; top:180px; border:1px solid rgba(101,244,156,.14); box-shadow:0 0 80px rgba(71,220,129,.08) inset; }
.eyebrow { display:flex; align-items:center; gap:15px; color:#a8b9af; font:500 11px Manrope,sans-serif; letter-spacing:.17em; }
.eyebrow .line { width:52px; height:1px; background:#496155; }
h1 { margin:30px 0 24px; font:500 clamp(64px,9vw,126px)/.88 Manrope,sans-serif; letter-spacing:-.075em; max-width:950px; }
h1 span { color:transparent; -webkit-text-stroke:1px #7aa18a; }
.lead { max-width:490px; color:#a7bbb0; font-size:19px; line-height:1.65; }
.primary-cta { display:flex; align-items:center; gap:42px; margin-top:25px; padding:17px 20px 17px 22px; border-radius:4px; color:#06100b; background:var(--green); font-weight:600; transition:.2s ease; }
.primary-cta:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(71,237,133,.18); }
.primary-cta svg { width:19px; height:19px; }
.hero-meta { position:absolute; right:30px; bottom:38px; display:flex; gap:26px; color:#6f8679; text-transform:uppercase; font:500 10px Manrope,sans-serif; letter-spacing:.11em; }
.hero-meta span::before { content:'·'; color:var(--green); margin-right:8px; }
.download-section,.updates { max-width:1240px; margin:auto; padding:108px 30px; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; margin-bottom:54px; }
.section-heading h2 { font:500 clamp(38px,5vw,64px)/1 Manrope,sans-serif; letter-spacing:-.055em; margin:13px 0 0; }
.section-no { color:var(--green); font:600 10px Manrope,sans-serif; letter-spacing:.17em; }
.section-heading>p { color:#819488; line-height:1.65; max-width:410px; margin:0 0 4px auto; }
.section-heading b { color:#d8eee0; font-weight:500; }
.download-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.download-card { min-height:154px; padding:27px 29px; display:grid; grid-template-columns:50px 1fr 30px; gap:19px; align-items:center; background:var(--panel); border:1px solid var(--line); transition:.2s ease; }
.download-card:hover { border-color:rgba(100,244,155,.55); background:#102118; transform:translateY(-2px); }
.platform-icon { width:48px; height:48px; display:grid; place-items:center; background:#14251c; color:var(--green); border-radius:50%; font-size:23px; }
.platform-copy { display:flex; flex-direction:column; gap:4px; }
.platform-copy small { color:#798e82; text-transform:uppercase; letter-spacing:.11em; font-size:10px; }
.platform-copy strong { font:500 19px Manrope,sans-serif; }
.platform-copy em { color:#61756a; font-size:12px; font-style:normal; }
.card-arrow { color:#80968a; font-size:22px; }
.platform-note { margin-top:18px; color:#5f7468; font-size:12px; }
.empty { padding:35px; color:#809287; border:1px dashed var(--line); }
.updates { padding-bottom:130px; }
.release-card { display:grid; grid-template-columns:1fr 2fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.release-version { padding:38px 32px 38px 0; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.release-version span { color:var(--green); font:600 9px Manrope,sans-serif; letter-spacing:.16em; }
.release-version strong { font:500 76px/1 Manrope,sans-serif; letter-spacing:-.07em; margin:31px 0 18px; }
.release-version time { color:#6e8277; font-size:12px; }
.change-list { padding:39px 0 39px 48px; }
.change-list h3 { font:500 24px Manrope,sans-serif; margin:0 0 27px; }
.change-list ol { list-style:none; margin:0; padding:0; }
.change-list li { display:grid; grid-template-columns:43px 1fr; border-top:1px solid var(--line); padding:18px 0; color:#a8bbb0; }
.change-list li span { color:#4f6559; font:500 11px Manrope,sans-serif; }
.change-list li p { margin:0; }
.history { margin-top:28px; border:1px solid var(--line); }
.history summary { cursor:pointer; padding:20px; color:#a9b9b0; }
.history summary span { float:right; color:var(--green); }
.history-row { display:grid; grid-template-columns:120px 1fr 170px; gap:20px; padding:18px 20px; border-top:1px solid var(--line); color:#7f9388; }
.history-row b { color:#d8ebe0; }
footer { max-width:1240px; margin:auto; padding:37px 30px 45px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#63766b; }
footer p { text-align:center; font-size:12px; }
footer small { text-align:right; }
.state-page { min-height:calc(100vh - 78px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 20px; }
.state-page h1 { font-size:clamp(42px,7vw,88px); max-width:900px; margin:24px auto; }
.state-page p { color:var(--muted); }
.state-page button { margin-top:22px; padding:13px 22px; border:1px solid var(--green); background:transparent; color:var(--green); cursor:pointer; font:600 14px inherit; }
@media (max-width:720px) {
  .nav { padding:0 18px; } .nav nav { display:none; } .status { font-size:9px; }
  .hero { padding:75px 18px 72px; min-height:600px; } h1 { font-size:64px; } .lead { font-size:16px; }
  .hero-meta { position:static; margin-top:50px; flex-wrap:wrap; gap:12px; }
  .download-section,.updates { padding:78px 18px; }
  .section-heading { grid-template-columns:1fr; gap:24px; } .section-heading>p { margin:0; }
  .download-grid { grid-template-columns:1fr; }
  .release-card { grid-template-columns:1fr; }
  .release-version { border-right:0; border-bottom:1px solid var(--line); padding-right:0; }
  .change-list { padding:32px 0; }
  .history-row { grid-template-columns:80px 1fr; } .history-row time { grid-column:2; }
  footer { grid-template-columns:1fr; gap:20px; } footer p,footer small { text-align:left; }
}