:root{
  --ground:oklch(0.14 0.008 28);
  --ground-2:oklch(0.18 0.01 28);
  --line:oklch(0.30 0.012 28);
  --ink:oklch(0.96 0.004 28);
  --ink-2:oklch(0.72 0.01 28);
  --ink-3:oklch(0.55 0.012 28);
  --red:oklch(0.47 0.19 28);
  --red-hot:oklch(0.58 0.22 28);
  --red-ink:oklch(0.98 0.01 28);
  --space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-2xl:96px;
  --display:'Antonio','Impact','Arial Narrow',sans-serif;
  --body:'Chakra Petch','Helvetica Neue',Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.page{max-width:1040px;margin:0 auto;padding:clamp(24px,5vw,64px) clamp(20px,5vw,48px) var(--space-2xl)}
.mast{display:flex;align-items:center;gap:var(--space-md);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.mast .mark{width:14px;height:14px;background:var(--red);flex:none}
.mast a{text-decoration:none}
.display{font-family:var(--display);font-weight:700;line-height:.9;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.h-giant{font-size:clamp(5rem,22vw,15rem);color:var(--ink)}
.h-giant em{font-style:normal;color:var(--red-hot)}
.h-lg{font-size:clamp(2.25rem,6vw,4.5rem)}
.h-md{font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1}
.lede{max-width:34ch;font-size:clamp(1.125rem,2.2vw,1.5rem);line-height:1.35;color:var(--ink);margin:0}
.muted{color:var(--ink-2)}
.small{font-size:.875rem;line-height:1.5}
.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ledger li{display:grid;grid-template-columns:3.5rem 1fr;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--line);align-items:baseline}
.ledger .n{font-family:var(--display);font-size:1.75rem;line-height:1;color:var(--red-hot)}
.ledger .t{font-weight:600}
.ledger .d{color:var(--ink-2);font-size:.9375rem}
.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem;line-height:1;padding:18px 26px 16px;background:var(--red);color:var(--red-ink);border:0;cursor:pointer;text-decoration:none;transition:background .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}
.btn:hover{background:var(--red-hot)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,input:focus-visible,.copy:focus-visible{outline:2px solid var(--red-hot);outline-offset:3px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ink-2)}
.field{display:grid;gap:var(--space-sm)}
.field label{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.field input{font:inherit;font-size:1.25rem;padding:16px 18px;background:var(--ground-2);color:var(--ink);border:1px solid var(--line);border-radius:0;width:100%}
.field input::placeholder{color:var(--ink-3)}
.row{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);align-items:end}
@media (max-width:640px){.row{grid-template-columns:1fr}.btn{justify-content:center}}
.err{background:oklch(0.25 0.08 28);color:var(--ink);padding:12px 16px;font-size:.9375rem}
.foot{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--line);color:var(--ink-2);font-size:.875rem;display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg)}
@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .7s cubic-bezier(.22,1,.36,1) both}
  .rise:nth-child(2){animation-delay:.08s}.rise:nth-child(3){animation-delay:.16s}.rise:nth-child(4){animation-delay:.24s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}