:root { color-scheme: dark; --bg:#0d1211; --panel:#141b19; --line:#29312f; --ink:#eff7f3; --muted:#93a09b; --green:#65e8a7; --warm:#d8c49a; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); }
a { color:inherit; }
nav { height:76px; max-width:1180px; padding:0 28px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:14px; align-items:center; text-decoration:none; }
.brand b { font-size:20px; letter-spacing:-1px; }.brand b span,.hero em,.page-hero em,.about-cta em { color:var(--green); font-style:normal; }
.brand small { color:var(--muted); font-size:11px; letter-spacing:.08em; }
.nav-links { display:flex; gap:24px; }.nav-links a { color:var(--muted); text-decoration:none; font-size:13px; }.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--ink); }.nav-links a[aria-current="page"] { text-decoration:underline; text-decoration-color:var(--green); text-underline-offset:7px; }.nav-links .support-link { color:var(--green); }
main { overflow:hidden; }
.hero { max-width:1180px; min-height:550px; margin:auto; padding:72px 28px 52px; position:relative; }
.hero::after { content:""; position:absolute; width:430px; height:430px; right:-40px; top:55px; border:1px solid #24302c; border-radius:50%; box-shadow:0 0 0 64px #111816,0 0 0 65px #24302c,0 0 0 128px #0f1513,0 0 0 129px #1e2825; opacity:.72; z-index:-1; }
.eyebrow { color:var(--muted); font:600 11px/1.2 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }.eyebrow i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); margin-right:8px; box-shadow:0 0 14px var(--green); }
h1 { max-width:830px; margin:24px 0; font-size:clamp(50px,8.2vw,104px); line-height:.91; letter-spacing:-.065em; font-weight:680; }
.lede { max-width:650px; color:#b7c2be; font-size:18px; line-height:1.65; }
.actions { display:flex; gap:12px; margin-top:28px; }.actions a { padding:14px 20px; border:1px solid var(--line); text-decoration:none; font-weight:700; font-size:14px; }.primary { background:var(--green); border-color:var(--green)!important; color:#07110c; }.primary:hover { background:#8cf1bb; }.secondary:hover { border-color:#64706c; }
.caveat { color:#6f7c77; font-size:12px; margin-top:15px; }
.signal { max-width:1124px; margin:0 auto; padding:0; display:grid; grid-template-columns:1fr auto 1.15fr auto 1fr; align-items:center; border:1px solid var(--line); background:#111715; }.signal div { padding:25px 30px; display:flex; flex-direction:column; }.signal .center { background:#17201d; }.signal span { color:var(--green); font:600 10px ui-monospace,monospace; letter-spacing:.16em; }.signal strong { margin-top:8px; }.signal small { color:var(--muted); margin-top:4px; }.signal>b { color:#52605b; font-size:20px; }
.features { max-width:1180px; margin:68px auto; padding:0 28px; display:grid; grid-template-columns:repeat(3,1fr); }.features article { padding:26px 30px; border-left:1px solid var(--line); }.features article:last-child { border-right:1px solid var(--line); }.features article>span { color:var(--green); font:600 11px ui-monospace,monospace; }.features h2 { font-size:22px; margin:22px 0 10px; }.features p,.section-copy>p { color:var(--muted); line-height:1.65; font-size:14px; }.features code { color:var(--warm); }
.how { max-width:1180px; margin:0 auto 72px; padding:50px 28px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:70px; }.section-copy h2 { font-size:clamp(34px,5vw,58px); line-height:1; letter-spacing:-.045em; margin:20px 0; }.section-copy>p { max-width:460px; }
.technical-trigger { margin-top:20px; padding:0 0 5px; border:0; border-bottom:1px solid #51625b; background:transparent; color:var(--warm); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }.technical-trigger span { margin-left:8px; color:var(--green); }.technical-trigger:hover { color:var(--ink); border-color:var(--green); }
ol { list-style:none; padding:0; margin:0; }li { display:flex; gap:22px; padding:19px 0; border-bottom:1px solid var(--line); }li:first-child { border-top:1px solid var(--line); }li>b { width:30px; height:30px; border:1px solid #476255; border-radius:50%; display:grid; place-items:center; color:var(--green); font:600 11px ui-monospace,monospace; flex:none; }li div { display:flex; flex-direction:column; gap:6px; }li span { color:var(--muted); font-size:13px; line-height:1.5; }
footer { max-width:1124px; margin:auto; min-height:90px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; color:var(--muted); font-size:12px; }footer b { color:var(--ink); }.footer-links { justify-self:end; display:flex; gap:20px; }.footer-links a { color:var(--muted); }.footer-links a:hover { color:var(--ink); }

.technical-panel { width:min(500px,100%); height:100dvh; max-width:none; max-height:none; margin:0 0 0 auto; padding:0; overflow-y:auto; border:0; border-left:1px solid var(--line); background:var(--panel); color:var(--ink); }
.technical-panel[open] { animation:panel-in .2s ease-out; }
.technical-panel::backdrop { background:rgba(2,7,5,.72); backdrop-filter:blur(3px); }
.technical-panel-inner { min-height:100%; padding:32px 40px 42px; }
.technical-panel form { text-align:right; }
.panel-close { padding:6px 0; border:0; background:transparent; color:var(--muted); font:inherit; font-size:12px; font-weight:600; cursor:pointer; }.panel-close span { margin-left:7px; color:var(--green); font-size:20px; vertical-align:-2px; }.panel-close:hover { color:var(--ink); }
.technical-panel h2 { margin:16px 0; font-size:44px; line-height:1; letter-spacing:-.045em; }
.panel-intro { margin:0 0 30px; color:#b7c2be; font-size:15px; line-height:1.65; }
.technical-list section { padding:22px 0; border-top:1px solid var(--line); }.technical-list section:last-child { border-bottom:1px solid var(--line); }.technical-list span { color:var(--green); font:600 10px ui-monospace,monospace; }.technical-list h3 { margin:10px 0 7px; font-size:17px; }.technical-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }.technical-list code { color:var(--warm); }
.panel-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:26px; }.panel-links a { color:var(--warm); font-size:13px; text-underline-offset:4px; }
@keyframes panel-in { from { transform:translateX(35px); opacity:0; } to { transform:translateX(0); opacity:1; } }

/* Download and About */
.page-hero { max-width:1180px; min-height:500px; margin:auto; padding:76px 28px 58px; position:relative; }
.page-hero::after { content:""; position:absolute; width:390px; height:390px; right:25px; top:83px; border:1px solid #24302c; transform:rotate(45deg); box-shadow:0 0 0 54px #111816,0 0 0 55px #24302c,0 0 0 108px #0f1513,0 0 0 109px #1e2825; opacity:.7; z-index:-1; }
.page-hero h1 { max-width:970px; }
.page-hero .lede { max-width:720px; }
.platforms { max-width:1124px; margin:0 auto 76px; border:1px solid var(--line); background:#111715; }
.section-intro { padding:38px 40px; display:grid; grid-template-columns:1fr 2fr; align-items:start; border-bottom:1px solid var(--line); }
.section-intro h2,.download-steps h2,.replacements h2,.about-cta h2 { font-size:clamp(34px,5vw,58px); line-height:1; letter-spacing:-.045em; margin:0; }
.platform-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.platform-grid article { min-height:225px; padding:28px; border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; }
.platform-grid article:last-child { border-right:0; }
.platform-grid article.available { background:#17201d; }
.platform-grid .status { color:var(--muted); font:600 10px ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }
.platform-grid .available .status { color:var(--green); }
.platform-grid h3 { margin:24px 0 10px; font-size:23px; }
.platform-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.platform-grid a { margin-top:auto; color:var(--warm); font-size:13px; text-underline-offset:4px; }
.download-steps { max-width:1180px; margin:0 auto 76px; padding:50px 28px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.download-steps code { color:var(--warm); font-size:.95em; }
.manifesto { max-width:1124px; margin:0 auto 78px; padding:56px 58px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.manifesto-lead { max-width:970px; margin:0 0 50px; font-size:clamp(32px,5vw,62px); line-height:1.09; letter-spacing:-.04em; }
.manifesto-lead strong { color:var(--green); font-weight:inherit; text-transform:uppercase; }
.prose-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; max-width:850px; margin-left:auto; }
.prose-grid p,.replacement-copy p { color:#b7c2be; font-size:17px; line-height:1.75; margin:0; }
.manifesto blockquote { margin:54px 0 0; padding:28px 0 0 34px; border-top:1px solid var(--line); border-left:3px solid var(--green); color:var(--warm); font-size:clamp(22px,3vw,34px); line-height:1.4; letter-spacing:-.02em; }
.replacements { max-width:1124px; margin:0 auto 78px; padding:50px 58px; display:grid; grid-template-columns:1fr 1fr; gap:64px; background:var(--panel); border:1px solid var(--line); }
.replacements .section-copy h2 { margin-top:20px; }
.replacement-copy { display:flex; flex-direction:column; gap:28px; padding-top:28px; }
.replacement-copy strong { color:var(--green); }
.about-cta { max-width:1124px; margin:0 auto 70px; padding:60px 58px; text-align:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.about-cta h2 { font-size:clamp(44px,7vw,80px); margin:20px 0 38px; }
.about-cta .actions { justify-content:center; }

@media (max-width:760px) { nav { padding:0 18px; }.brand small,.nav-links .desktop-link { display:none; }.nav-links { gap:16px; }.hero { padding:58px 20px 46px; min-height:500px; }.hero::after { width:250px;height:250px;right:-130px;top:75px; }.signal { margin:0 20px; grid-template-columns:1fr; }.signal>b { display:none; }.signal div { padding:17px 20px; }.features { grid-template-columns:1fr; padding:0 20px; margin:52px auto; }.features article,.features article:last-child { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.how { grid-template-columns:1fr; gap:34px; padding:40px 20px; margin-bottom:54px; }.page-hero { min-height:auto; padding:58px 20px 48px; }.page-hero::after { width:210px; height:210px; right:-120px; top:85px; }.platforms { margin:0 20px 54px; }.section-intro { padding:30px 24px; grid-template-columns:1fr; gap:16px; }.platform-grid { grid-template-columns:1fr; }.platform-grid article { min-height:190px; border-right:0; border-bottom:1px solid var(--line); }.platform-grid article:last-child { border-bottom:0; }.download-steps { grid-template-columns:1fr; gap:34px; padding:40px 20px; margin-bottom:54px; }.manifesto { margin:0 20px 54px; padding:42px 4px; }.manifesto-lead { margin-bottom:36px; }.prose-grid { grid-template-columns:1fr; gap:24px; }.manifesto blockquote { margin-top:36px; padding:23px 0 0 22px; }.replacements { margin:0 20px 54px; padding:34px 24px; grid-template-columns:1fr; gap:22px; }.replacement-copy { padding-top:0; }.about-cta { margin:0 20px 54px; padding:44px 20px; }.about-cta .actions { align-items:stretch; }.technical-panel-inner { padding:24px 26px 34px; }footer { margin:0 20px; grid-template-columns:1fr auto; }footer>span { display:none; } }