:root{--bg:#EEE9DE;--surface:#F6F2E8;--ink:#26231E;--mute:#615B51;--accent:#7A2E3A;--on:#FBF6EC;--head:"Source Serif 4",Georgia,serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r:8px}
@media(prefers-color-scheme:dark){:root{--bg:#1B1D22;--surface:#25272D;--ink:#ECE6D8;--mute:#A9A498;--accent:#D58E98;--on:#2A1015;}}
/* Tokens (--bg --surface --ink --mute --accent --on, fonts, --r) are prepended per biome by landing.mjs; Day/Night follows the system. */
:root{
  --acct:color-mix(in srgb,var(--accent) 65%,var(--ink));
  --line:color-mix(in srgb,var(--ink) 13%,transparent);
  --rule:color-mix(in srgb,var(--ink) 5%,transparent);
  --orn:color-mix(in srgb,var(--accent) 30%,transparent);
  --tint:color-mix(in srgb,var(--accent) 9%,transparent);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/24px var(--body);
  background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--rule) 31px 32px);background-attachment:local}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 50% 0,var(--tint),transparent 70%)}
.wrap{position:relative;max-width:1080px;margin:0 auto;padding:0 24px}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

header{display:flex;align-items:center;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.logo{flex:none;width:48px;height:48px;border-radius:12px}
.word{font:600 17px/20px var(--head);letter-spacing:.01em}
.word small{display:block;font:400 13px/16px var(--body);color:var(--mute);letter-spacing:0}

.hero{display:grid;gap:32px;padding:32px 0 48px}
.caps{font:600 13px/18px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 16px}
h1{font:600 32px/36px var(--head);letter-spacing:-.005em;margin:0 0 16px;text-wrap:balance}
.lede{font:400 17px/26px var(--head);color:var(--mute);margin:0 0 24px;max-width:34em}
.actions{display:grid;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;border-radius:var(--r);background:var(--accent);color:var(--on);font:600 17px/24px var(--body);text-decoration:none}
.btn.ghost{background:none;color:var(--acct)}
.btn:active{transform:scale(.98);opacity:.9}
.honest{font:400 13px/20px var(--body);color:var(--mute);margin:16px 0 0}

.sample{background:var(--surface);border-radius:var(--r);padding:24px;border:1px solid var(--line)}
.sample .tag{font:500 13px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acct);margin:0 0 12px}
.sample p{margin:0 0 16px;font:400 17px/26px var(--head)}
.sample .cite{margin:0;padding:16px 0 0;border-top:1px solid var(--line);font:400 17px/24px var(--body)}
.sample .cite span{display:block;font:500 13px/20px var(--mono);color:var(--acct);margin-bottom:4px}
.coin{width:min(100%,320px);height:auto;justify-self:center}

.rule{height:1px;background:var(--orn);border:0;margin:0}
.rows{list-style:none;margin:0;padding:48px 0;display:grid;gap:32px;scroll-margin-top:16px}
.rows li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.num{font:500 13px/24px var(--mono);letter-spacing:.08em;color:var(--acct)}
.rows h2{font:600 21px/28px var(--head);margin:0 0 4px}
.rows p{margin:0;color:var(--mute)}

.close{padding:48px 0;display:grid}
footer{border-top:1px solid var(--line);padding:24px 0 48px}
footer p{margin:0;font:400 13px/20px var(--body);color:var(--mute)}

@media(min-width:760px){
  .wrap{padding:0 48px}
  header{padding:32px 0}
  .hero{grid-template-columns:1.15fr .85fr;gap:48px;padding:48px 0 72px;align-items:center}
  h1{font-size:56px;line-height:60px;letter-spacing:-.01em}
  .actions{display:flex;gap:16px}
  .rows{grid-template-columns:1fr 1fr;gap:48px;padding:72px 0}
  .close{justify-items:start}
}
@media(prefers-reduced-motion:no-preference){.btn{transition:opacity .2s cubic-bezier(.4,0,.2,1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}