:root{color-scheme:dark;--base:#0d1423;--surface:#151f32;--line:#2c3c56;--text:#edf5ff;--muted:#b5c4d9;--accent:#79ead4}
*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 80% 5%,#192b50,transparent 45%),var(--base);color:var(--text);font:16px/1.65 system-ui,sans-serif}
.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}header{padding:16px 0;border-bottom:1px solid var(--line)}nav,.actions,.pills{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;margin-inline-end:auto;color:var(--text)}.brand img{width:34px;height:34px}
a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:64px 0 28px}.hero img,.gallery img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px}
.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}h1{margin:.2em 0;font-size:clamp(2rem,5.2vw,4rem);line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}h2{font-size:1.55rem;margin:0 0 12px}h3{margin:0 0 8px}p{color:var(--muted);margin:0 0 16px}.lede{font-size:1.08rem;max-width:58ch}
.button{display:inline-block;border-radius:9px;background:var(--accent);color:#092321;padding:10px 16px;font-weight:750;text-decoration:none}.section{margin-block:42px}.cards,.gallery,.columns{display:grid;gap:16px}.cards{grid-template-columns:repeat(3,1fr)}.gallery,.columns{grid-template-columns:repeat(2,1fr)}.card,article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.card p:last-child{margin-bottom:0}.pill{padding:3px 10px;border:1px solid var(--line);border-radius:100px}
.language-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:5px 16px}.language-list a{display:inline-block;padding:4px 0}article{margin-block:42px}article h2{margin-top:26px}article h1{font-size:clamp(1.75rem,4vw,2.4rem);margin-bottom:16px}article li{margin-block:8px;color:var(--muted)}footer{margin-top:44px;padding:22px 0 36px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:720px){.hero,.cards,.columns{grid-template-columns:1fr}.hero{padding-top:32px;gap:22px}.section{margin-block:30px}}@media(max-width:420px){.gallery{grid-template-columns:1fr}.brand{width:100%}}