*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#0d0f10;--panel:#15191b;--text:#e7e5df;--muted:#aaa59b;--line:#353839;--red:#9f2a25;--red2:#c83a31}
html{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
body{margin:0;background:var(--bg)}
a{color:#e7e5df;text-decoration-color:var(--red2);text-underline-offset:3px}
.site{width:min(100% - 36px,1000px);margin:auto}
header{border-bottom:1px solid var(--line);background:#0b0d0e}
.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:800;letter-spacing:.09em;text-decoration:none}
.links{display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem}
.hero{min-height:560px;background:linear-gradient(90deg,rgba(8,9,10,.35),rgba(8,9,10,.12)),url("stairwell-zero-hero.webp") center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero .site{min-height:560px;display:flex;align-items:flex-end;padding-bottom:46px}
.hero-card{max-width:570px;background:rgba(8,9,10,.78);border:1px solid rgba(255,255,255,.13);padding:24px}
.kicker{color:#d24a3e;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}
h1{font-size:clamp(2.2rem,7vw,4.8rem);line-height:.95;margin:.15em 0 .22em;letter-spacing:.03em}
h2{margin-top:2.1rem}
.page{padding:42px 0 64px;max-width:820px}
section{margin:0 0 24px}
.small{color:var(--muted);font-size:.9rem}
.notice{background:var(--panel);border-left:3px solid var(--red);padding:14px 16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.card{border:1px solid var(--line);padding:18px;background:var(--panel)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}
ul{padding-left:1.25rem}
@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.links{gap:12px}.hero,.hero .site{min-height:430px}.cards{grid-template-columns:1fr}.site{width:min(100% - 24px,1000px)}}