:root { color-scheme: dark; --ink:#f3f0e4; --muted:#a6aaa5; --gold:#d3ad62; --green:#537b64; --panel:#181c20; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#101317; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 78% 28%,#1c2b24 0,transparent 30rem),#101317; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
a { color:inherit; }
.nav { height:76px; padding:0 clamp(24px,6vw,92px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff16; }
.brand { text-decoration:none; font-size:.82rem; letter-spacing:.16em; font-weight:700; }
.brand span { color:var(--gold); }
.nav-link { color:var(--gold); text-decoration:none; border-bottom:1px solid transparent; padding:8px 0; }
.nav-link:hover { border-color:currentColor; }
main { max-width:1440px; margin:auto; }
.hero { min-height:680px; padding:clamp(70px,10vw,150px) clamp(24px,7vw,110px); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); align-items:center; gap:4rem; }
.eyebrow { color:var(--gold); text-transform:uppercase; font-size:.72rem; letter-spacing:.2em; font-weight:700; }
h1 { max-width:760px; margin:.2em 0; font:clamp(4rem,8.5vw,8.5rem)/.86 Georgia,serif; letter-spacing:-.065em; }
.lede { max-width:660px; color:#c3c7c2; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1.65; }
.actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.actions a { padding:15px 21px; text-decoration:none; font-weight:650; }
.primary { background:var(--gold); color:#17140e; }
.primary span { margin-left:24px; }
.secondary { border:1px solid #ffffff29; }
.note { color:#7f8581; font-size:.8rem; margin-top:18px; }
.board-mark { width:min(36vw,480px); aspect-ratio:1; justify-self:center; position:relative; display:grid; place-items:center; }
.piece { color:var(--ink); font:clamp(9rem,20vw,17rem)/1 Georgia,serif; filter:drop-shadow(0 26px 45px #000b); z-index:2; }
.orbit { position:absolute; border:1px solid #d3ad6238; border-radius:50%; }
.orbit-one { inset:7%; }.orbit-two { inset:22%; border-color:#ffffff19; }
.proof { margin:0 clamp(24px,7vw,110px); padding:32px 0; display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid #ffffff16; }
.proof div { padding:10px 28px; border-right:1px solid #ffffff16; }.proof div:last-child{border:0}.proof strong,.proof span{display:block}.proof strong{font:2rem Georgia,serif;color:var(--gold)}.proof span{margin-top:6px;color:var(--muted);font-size:.8rem}
.details { padding:120px clamp(24px,7vw,110px) 150px; }
h2 { max-width:700px; margin:.2em 0 1.2em; font:clamp(2.8rem,6vw,5.5rem)/.95 Georgia,serif; letter-spacing:-.045em; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#ffffff17; }
.cards article { min-height:290px; padding:34px; background:var(--panel); }.cards article>span{color:var(--gold);font-size:.75rem}.cards h3{font:1.55rem/1.2 Georgia,serif;margin:55px 0 14px}.cards p{color:var(--muted);line-height:1.65;margin:0}
footer { padding:30px clamp(24px,6vw,92px); display:flex; justify-content:space-between; color:#747a76; border-top:1px solid #ffffff16; font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.legal { max-width:900px; min-height:calc(100vh - 153px); padding:80px clamp(24px,7vw,110px) 120px; }
.legal h1 { font-size:clamp(3rem,7vw,6rem); }
.legal h2 { margin:1.8em 0 .5em; font-size:clamp(1.7rem,3vw,2.5rem); letter-spacing:-.025em; }
.legal p,.legal li { color:#c3c7c2; line-height:1.7; }
.legal a,footer a { color:var(--gold); }
.legal code { color:var(--ink); }
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.board-mark{position:absolute;opacity:.12;right:0;pointer-events:none}.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(2){border-right:0}.cards{grid-template-columns:1fr}h1{font-size:clamp(3.6rem,18vw,6rem)}footer{gap:20px;flex-direction:column}}