@font-face{font-family:Inter Tight;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-tight-latin.woff2) format("woff2")}
*,*:before,*:after{box-sizing:border-box}
:root{--ink:#0a0a0a;--muted:#74746d;--line:#e8e8e4;--paper:#fff;--field:#fafaf8;--red:#d62828;--green:#087f5b}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Inter Tight','Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
.page{max-width:1120px;margin:0 auto;padding:42px 28px 84px}
.back{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;margin-bottom:26px;padding:6px 0;border-bottom:1px solid var(--ink)}
.back:hover{color:var(--red);border-bottom-color:var(--red)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:28px;margin-bottom:28px}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 18px}
.sq{display:inline-block;width:10px;height:10px;background:var(--red)}
h1{font-size:64px;font-weight:650;letter-spacing:-.045em;line-height:.92;text-transform:lowercase;margin:0;max-width:780px}
.deck{font-size:19px;line-height:1.45;color:#2a2a2a;margin:22px 0 0;max-width:720px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:13px 17px;font-size:13px;font-weight:700;text-decoration:none}
.btn span{color:var(--red)}
.ghost{display:inline-flex;align-items:center;color:var(--ink);padding:13px 0;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px}
.price{border:1px solid var(--line);background:var(--field);padding:18px;display:grid;gap:14px}
.price .label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.price strong{font-size:48px;font-weight:650;letter-spacing:-.04em;line-height:.9}
.price p{margin:0;color:#2a2a2a;font-size:13px}
.ledger{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--ink);margin:0 0 34px;background:#fff}
.ledger div{padding:14px 14px 16px;min-height:112px;border-left:1px solid var(--line);position:relative}
.ledger div:first-child{border-left:0}
.ledger small{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.ledger strong{display:block;font-size:20px;letter-spacing:-.02em;line-height:1.05;text-transform:lowercase}
.ledger span{display:block;color:#2a2a2a;font-size:12.5px;margin-top:8px;line-height:1.35}
.ledger .mark{position:absolute;right:12px;top:12px;width:10px;height:10px;background:var(--red)}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}
.section{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}
.section:first-child{margin-top:0}
h2{font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.05;text-transform:lowercase;margin:0 0 14px;display:flex;gap:14px;align-items:baseline}
h2 .num{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
p{margin:0 0 12px;color:#2a2a2a}
ul,ol{margin:10px 0 0;padding-left:22px;color:#2a2a2a}
li{margin:0 0 7px}
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:14px}
.compare div{padding:16px;border-left:1px solid var(--line)}
.compare div:first-child{border-left:0}
.compare strong{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.compare ul{margin:0;padding-left:18px}
.aside{position:sticky;top:24px;border:1px solid var(--line);background:var(--field);padding:20px}
.aside h2{font-size:22px}
.mini{font-size:13px;color:#2a2a2a;margin-bottom:16px}
.field-list{counter-reset:item;margin:0 0 18px;padding:0;list-style:none}
.field-list li{counter-increment:item;display:grid;grid-template-columns:30px 1fr;gap:8px;border-top:1px solid var(--line);padding:10px 0;margin:0;font-size:13px;color:#2a2a2a}
.field-list li:before{content:counter(item,decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}
.callout{border-left:3px solid var(--red);background:#fff;padding:14px 16px;margin:16px 0}
.callout strong{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.callout p{font-size:13.5px;margin:0;color:#2a2a2a}
.good{border-left-color:var(--green)}
.quiet{font-size:12px;color:var(--muted);margin-top:12px}
footer{margin-top:58px;padding-top:20px;border-top:2px solid var(--ink);color:var(--muted);font-size:11px;letter-spacing:.04em}
footer a{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px;color:var(--ink)}
@media(max-width:900px){
  .page{padding:30px 18px 64px}
  .hero,.grid{grid-template-columns:1fr}
  h1{font-size:42px}
  .deck{font-size:16px}
  .ledger{grid-template-columns:1fr}
  .ledger div{min-height:auto;border-left:0;border-top:1px solid var(--line)}
  .ledger div:first-child{border-top:0}
  .compare{grid-template-columns:1fr}
  .compare div{border-left:0;border-top:1px solid var(--line)}
  .compare div:first-child{border-top:0}
  .aside{position:static}
}
/* --- additions for capture + proof pages (2026-10-13) --- */
form.signup{display:grid;gap:12px;margin-top:6px}
.signup label.l{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.signup input[type=email]{width:100%;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:17px;padding:13px 14px;border-radius:0}
.signup input[type=email]:focus{outline:2px solid var(--red);outline-offset:2px}
.signup .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.signup .check{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;font-size:12.5px;color:#2a2a2a;line-height:1.4}
.signup .check input{margin:2px 0 0}
.signup button{appearance:none;border:0;background:var(--ink);color:#fff;padding:13px 17px;font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer}
.signup button span{color:var(--red)}
.signup button:disabled{opacity:.6;cursor:wait}
.signup button:focus{outline:2px solid var(--red);outline-offset:3px}
.signup .status{min-height:20px;font-size:13px;color:#2a2a2a}
.signup .status.ok{color:var(--green)}
.signup .status.err{color:var(--red)}
.signup .trust{font-size:11.5px;color:var(--muted);line-height:1.4}
.signup a,.check a{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}
.stat{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 6px}
.stat div{border-left:3px solid var(--red);padding-left:12px}
.stat strong{display:block;font-size:34px;font-weight:650;letter-spacing:-.03em;line-height:1}
.stat span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.roles{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);background:#fff;margin:14px 0}
.roles div{padding:14px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.roles div:nth-child(3n+1){border-left:0}
.roles div:nth-child(-n+3){border-top:0}
.roles small{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.roles strong{display:block;font-size:18px;letter-spacing:-.02em;text-transform:lowercase;line-height:1.1}
.roles span{display:block;font-size:12.5px;color:#2a2a2a;margin-top:6px;line-height:1.35}
.check-list{list-style:none;padding:0;margin:10px 0 0}
.check-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line);margin:0}
.check-list li:before{content:"";width:14px;height:14px;border:1.5px solid var(--ink);margin-top:3px}
.banner{border:1px solid var(--ink);background:var(--field);padding:14px 16px;margin:0 0 24px;font-size:14px}
@media(max-width:900px){.roles{grid-template-columns:1fr}.roles div{border-left:0!important;border-top:1px solid var(--line)!important}.roles div:first-child{border-top:0!important}}
@media print{.back,.no-print,footer .no-print{display:none!important}.page{padding:0;max-width:none}h1{font-size:34px}.section{break-inside:avoid}body{font-size:12pt}.banner{border:1px solid #000}}