:root{color-scheme:dark;--bg:#121519;--ink:#f1eee7;--muted:#9da4aa;--line:#32373d;--accent:#e7a36d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;display:flex}
.page{width:min(1680px,100%);min-height:100vh;margin:auto;padding:clamp(28px,5vw,84px);display:grid;grid-template-rows:auto 1fr auto;gap:48px}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 16px Georgia,serif;letter-spacing:.02em}.status{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#d4d0c9}
main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(50px,8vw,140px)}.eyebrow{font:11px monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:34px}.hero{max-width:820px}h1{font-size:clamp(56px,7.8vw,124px);font-weight:300;letter-spacing:-.06em;line-height:.9;margin:0 0 34px}.serif{font-family:Georgia,serif;font-style:italic;color:var(--accent)}p{max-width:520px;margin:0;color:#c0c3c6;font-size:clamp(16px,1.3vw,20px);line-height:1.65}
.visual{position:relative;aspect-ratio:1;max-width:480px;justify-self:center}.ring{position:absolute;inset:18%;border:1px solid #6d625c;border-radius:50%;transform:rotate(var(--r)) scaleX(1.35)}.core{position:absolute;inset:39%;border-radius:50%;background:var(--accent);box-shadow:0 0 80px #e7a36d22}.dot{position:absolute;left:22%;top:28%;width:10px;height:10px;background:var(--ink);border-radius:50%}
footer{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font:10px monospace;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){main{grid-template-columns:1fr}.visual{width:min(76vw,360px);order:-1}h1{font-size:clamp(52px,17vw,82px)}header,footer{align-items:flex-start}.status{white-space:nowrap}.page{gap:32px}}