@font-face{font-family:Outfit;src:url('/assets/Outfit-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Atkinson;src:url('/assets/Atkinson-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--background:#111111;--surface:#1a1a1a;--raised:#2a2a2a;--gold:#d4af37;--warm:#ffdeac;--text:#fff;--secondary:#a0a0a0;--line:#444;--radius:16px}
*{box-sizing:border-box}
::selection{background:var(--warm);color:var(--background)}
html{background:var(--background);scrollbar-color:var(--line) var(--background)}
body{margin:0;color:var(--text);font:1.0625rem/1.5 Atkinson,sans-serif}
a{color:var(--warm);text-underline-offset:.2em}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--warm);outline-offset:5px}
button{font:inherit;cursor:pointer}
.page{max-width:1100px;min-height:100svh;margin:auto;padding:32px clamp(24px,5vw,64px);display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font:600 1.5rem Outfit,sans-serif}
.brand img{border-radius:12px}
nav{display:flex;gap:4px}
nav button{min-width:48px;min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--secondary)}
nav button[aria-pressed=true]{color:var(--warm);border-color:var(--line);background:var(--surface)}
nav button:hover{color:var(--text);background:var(--raised)}
main{flex:1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.6fr);align-items:center;gap:clamp(32px,6vw,88px);padding:64px 0}
.identity img{width:100%;height:auto;max-width:280px;border-radius:24%;display:block}
h1,h2{font-family:Outfit,sans-serif;font-weight:600;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}
h2{font-size:1.375rem}
p{margin:16px 0 0;max-width:65ch}
.description{font-size:1.1875rem;color:var(--secondary)}
.environment{color:var(--warm);padding:12px 16px;background:var(--surface);border-radius:12px}
.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;margin-top:28px;padding:14px 20px;background:var(--warm);border-radius:var(--radius);color:var(--background);text-decoration:none;font:600 1.0625rem/1.4 Outfit,sans-serif}
.primary:hover{background:var(--gold)}
.primary:active{transform:translateY(1px)}
.support{color:var(--secondary);font-size:.9375rem}
.downloads{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.downloads>p{color:var(--secondary);margin-top:12px}
.download-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:16px 0;border-bottom:1px solid #222}
.download-row span:last-child{color:var(--secondary);font-size:.9375rem}
.download-row a{min-height:44px;display:flex;align-items:center}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid #222;color:var(--secondary);font-size:.8125rem;overflow-wrap:anywhere}
.noscript{max-width:65ch;margin:24px auto;padding:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(max-width:640px){.page{padding:20px 24px}main{display:block;padding:40px 0}.identity img{width:104px;margin-bottom:28px;border-radius:24px}.downloads{margin-top:28px;padding-top:24px}.brand{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){.primary{transition:background-color .15s,transform .15s}nav button{transition:background-color .15s,color .15s}}
