/* TAKE RATE: a classic direct-response sales letter. Newsprint cream, one 720px column, serif headlines,
   yellow highlighter, red underlines, typewriter accents, a P.S. */
:root{
  --paper:#f1e9d2;--paper2:#fbf5e3;--table:#d9cdab;--ink:#1b1a17;--red:#c8102e;--hl:#ffe14a;--mute:#5d574a;--rule:#1b1a17;
  --serif-d:'Playfair Display','Didot','Georgia','Times New Roman',serif;
  --serif:'Libre Baskerville','Baskerville','Georgia','Times New Roman',serif;
  --type:'Courier Prime','Courier New',Courier,monospace;
  --col:720px;--pad:clamp(20px,5.5vw,44px);
}
html{background:var(--table)}
body{margin:0;font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--ink);background:var(--table);background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.5px);background-size:6px 6px;-webkit-font-smoothing:antialiased}
.masthead,main,.foot{max-width:var(--col);margin:0 auto;background:var(--paper);position:relative}
.masthead{margin-top:clamp(0px,3vw,28px);border-top:6px double var(--rule)}
main{box-shadow:0 0 0 1px rgba(0,0,0,.12),0 24px 60px rgba(0,0,0,.16);background-image:linear-gradient(90deg,rgba(0,0,0,.05),transparent 6%,transparent 94%,rgba(0,0,0,.05))}
.wrap{padding:0 var(--pad)}
a{color:var(--ink)}
strong{font-weight:700;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}

/* masthead nav */
.masthead .wrap{text-align:center;padding-top:22px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.logo{display:inline-block;line-height:0;color:var(--ink)}.logo img,.logo svg{height:58px;width:auto}
.mast-tag{font-family:var(--type);font-style:italic;font-size:.9rem;margin:6px 0 12px;color:var(--mute)}
.mast-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 0;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);padding:8px 0}
.mast-nav a{font-family:var(--type);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;padding:2px 16px;border-right:1px solid var(--rule)}
.mast-nav a:last-child{border-right:0}
.mast-nav a:hover{background:var(--hl)}

.sec{padding:clamp(34px,6vw,56px) 0}
.sec+.sec::before{content:"* * *";display:block;text-align:center;font-family:var(--type);letter-spacing:.7em;color:var(--mute);margin:0 0 clamp(24px,4vw,36px);padding-left:.7em}
.kicker{font-family:var(--type);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin:0 0 10px}
.sec-head{margin-bottom:26px}
.sec-title{display:inline;font-family:var(--serif-d);font-weight:900;font-size:clamp(1.9rem,5.6vw,2.7rem);line-height:1.38;letter-spacing:-.01em;background:linear-gradient(transparent 52%,var(--hl) 52%,var(--hl) 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em;margin:0 -.12em}
.intro{margin:20px 0 0;font-size:1.05rem}
p{margin:0 0 1em}

/* buttons */
.cta{display:inline-block;font-family:var(--type);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1rem;line-height:1.2;text-decoration:none;padding:16px 22px;border:3px solid var(--ink)}
.cta-primary{background:var(--red);color:var(--paper2);box-shadow:4px 4px 0 var(--ink)}
.cta-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.cta-ghost{border-color:transparent;background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;padding-left:6px;padding-right:6px}
.cta-ghost:hover{background:var(--hl)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:28px 0 0}

/* hero letter */
.hero-letter{padding-top:clamp(26px,5vw,44px)}
.dateline{font-family:var(--type);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--rule);padding-bottom:8px;margin:0 0 24px;color:var(--red)}
.hl-wrap{margin:0 0 26px}
.hero-h{display:inline;font-family:var(--serif-d);font-weight:900;font-size:clamp(2.2rem,7.4vw,3.8rem);line-height:1.3;letter-spacing:-.02em;background:linear-gradient(transparent 50%,var(--hl) 50%,var(--hl) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .1em;margin:0 -.1em;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:4px;text-underline-offset:.16em;text-decoration-skip-ink:none}
.salute{font-style:italic;font-size:1.15rem;margin:0 0 .5em}
.hero-letter .sub{font-size:1.15rem}
.hero-letter .sub::first-letter{font-family:var(--serif-d);font-weight:900;font-size:3.4em;line-height:.8;float:left;padding:.06em .1em 0 0;color:var(--red)}
.typed{font-family:var(--type);font-weight:700;font-size:1rem;border:2px dashed var(--red);padding:12px 14px;margin:22px 0;transform:rotate(-.6deg);background:var(--paper2)}
.facts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--rule)}
.facts li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 0;border-bottom:1px dotted var(--rule)}
.facts b{font-family:var(--type);font-size:.86rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);line-height:1.6}
.facts span{font-size:1rem;line-height:1.55}

/* ledger (old / new) */
.lead-in{font-family:var(--type);font-weight:700;font-size:1rem;margin:28px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.ledger{list-style:none;margin:0 0 8px;padding:0;counter-reset:l}
.ledger li{counter-increment:l;display:grid;grid-template-columns:44px 1fr;padding:9px 0;border-bottom:1px dotted var(--rule)}
.ledger li::before{content:counter(l) ")";font-family:var(--type);font-weight:700;color:var(--red)}
.ledger-old li{color:var(--mute)}
.ledger-old li:last-child{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.ledger-new li:last-child{font-weight:700;background:rgba(255,225,74,.55);padding-left:6px;padding-right:6px;margin:0 -6px}

/* demo exhibit */
.exhibit{position:relative;border:2px dashed var(--ink);padding:44px clamp(12px,3vw,24px) 24px;background:var(--paper2);margin:6px 0 24px}
.exhibit-tag{position:absolute;left:14px;top:-14px;margin:0;font-family:var(--type);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--red);border:3px solid var(--red);padding:3px 10px;background:var(--paper);transform:rotate(-2deg)}
.chat-tabs{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:16px}
.chat-tab{font-family:var(--type);font-weight:700;font-size:.9rem;background:none;border:0;border-bottom:3px solid transparent;padding:4px 0;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.chat-tab.is-active{border-bottom-color:var(--red);background:var(--hl)}
.chat{background:#fff;border:1px solid var(--ink);padding-bottom:16px}
.chat-label{font-family:var(--type);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding:6px 12px;background:var(--paper)}
.chat-thread{gap:10px;padding:16px 14px 0}
.chat .msg{padding:10px 14px;font-size:.98rem;line-height:1.5;border-radius:12px;border:1px solid var(--ink)}
.chat .msg-shopper{background:var(--ink);color:var(--paper2);border-bottom-right-radius:2px}
.chat .msg-ai{background:var(--paper2);border-bottom-left-radius:2px}
.chat .msg-system{background:none;border:0;font-family:var(--type);font-size:.84rem;color:var(--mute);max-width:100%;text-transform:uppercase;letter-spacing:.05em}
.chat .msg-meta,.chat .msg-author{font-family:var(--type);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.chat .msg-btn{display:inline-block;margin-top:8px;font-family:var(--type);font-weight:700;font-size:.85rem;text-transform:uppercase;background:var(--red);color:var(--paper2);padding:7px 12px}
.chat .msg.typing{background:var(--paper2)}
.demo-notes{margin:0;padding:0 0 0 1.2em;font-size:.98rem;font-style:italic}
.demo-notes li{margin-bottom:.4em}

/* numbered steps */
.steps{list-style:none;margin:0;padding:0}
.steps li{padding:14px 0;border-bottom:1px dotted var(--rule)}
.steps h3{font-family:var(--serif-d);font-weight:700;font-size:1.3rem;line-height:1.3;margin:0 0 4px}
.tw{font-family:var(--type);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-right:6px}
.steps p{margin:0}

/* checks */
.checks{list-style:none;margin:0;padding:0}
.checks li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0}
.ck{color:var(--red);padding-top:5px}
.checks p{margin:0}

/* pricing terms */
.pricing-terms .price-body{font-size:1.1rem;margin-top:26px}
.pts{list-style:none;margin:26px 0 0;padding:0;border:3px double var(--ink);background:var(--paper2);counter-reset:p}
.pts li{counter-increment:p;display:block;padding:16px 18px;border-bottom:1px dotted var(--rule);position:relative;padding-left:56px}
.pts li:last-child{border-bottom:0}
.pt-n{display:none}
.pts li::before{content:counter(p) ".";position:absolute;left:18px;top:14px;font-family:var(--type);font-weight:700;font-size:1.3rem;color:var(--red)}
.pts h3{font-family:var(--serif-d);font-weight:700;font-size:1.15rem;margin:0 0 2px}
.pts p{margin:0;font-size:.98rem}

/* calculator: order form + adding-machine tape */
.calc{border:3px solid var(--ink);background:var(--paper2);padding:clamp(16px,3vw,26px);box-shadow:6px 6px 0 var(--ink);font-family:var(--type)}
.calc-f{display:block;position:relative;margin-bottom:22px}
.calc-f span{display:block;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;line-height:1.35}
.calc-pre{position:absolute;left:2px;bottom:9px;font-style:normal;font-weight:700;font-size:1.3rem}
.calc-f input{width:100%;font-family:var(--type);font-weight:700;font-size:1.4rem;background:transparent;border:0;border-bottom:3px solid var(--ink);border-radius:0;padding:6px 6px 6px 1.3em;color:var(--ink)}
.calc-f input::placeholder{font-weight:400;color:#9a937f;font-size:1rem}
.calc-f input:focus{outline:0;background:var(--hl)}
.calc-out{min-height:110px;border:2px dashed var(--ink);padding:16px;background:#fff;margin-top:6px}
.calc-empty,.calc-line{margin:0;color:var(--mute)}
.tape-row{display:flex;justify-content:space-between;gap:10px;margin:0 0 4px;border-bottom:1px dotted var(--ink)}
.tape-row b{font-weight:700}
.tape-sum{border-top:3px double var(--ink);border-bottom:0;padding-top:6px;margin-top:6px;font-weight:700}
.calc-fee{margin:16px 0 4px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;font-weight:700}
.calc-fee b{font-family:var(--serif-d);font-weight:900;font-size:clamp(1.6rem,5vw,2.2rem);background:linear-gradient(transparent 55%,var(--hl) 55%);padding:0 .15em}
.calc-fine{margin:6px 0 0;font-size:.82rem;color:var(--mute)}
.calc-note{margin:14px 0 0;font-size:.85rem;color:var(--mute)}

/* proof: terms + illustrative report */
.clauses{margin:0 0 30px;padding:0;list-style:none;counter-reset:c}
.clauses li{counter-increment:c;padding:12px 0 12px 44px;position:relative;border-bottom:1px dotted var(--rule)}
.clauses li::before{content:"§" counter(c);position:absolute;left:0;top:12px;font-family:var(--type);font-weight:700;color:var(--red)}
.clauses h3{font-family:var(--serif-d);font-size:1.2rem;margin:0 0 2px}
.clauses p{margin:0}
.report{border:2px solid var(--ink);background:#fff;position:relative;font-family:var(--type)}
.report-head{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:center;margin:0;padding:10px 14px;background:var(--ink);color:var(--paper2);font-size:.9rem}
.report-head span{color:var(--hl);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.report-t{width:100%;border-collapse:collapse}
.report-t th,.report-t td{padding:9px 14px;border-bottom:1px dotted var(--ink);text-align:left;font-size:.92rem}
.report-t th{font-weight:400}
.report-t .ph{font-weight:700;text-align:right;width:70px;font-size:1.05rem}
.report-t .rn{color:var(--mute);font-size:.78rem;width:36%}
.report-t tr:nth-child(7) th,.report-t tr:nth-child(7) td,.report-t tr:last-child th,.report-t tr:last-child td{font-weight:700;background:rgba(255,225,74,.35)}

/* fine print */
.fine{margin:0}
.fine dt{font-family:var(--type);font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);padding-top:14px}
.fine dd{margin:2px 0 0;padding-bottom:12px;border-bottom:1px dotted var(--rule)}

/* faq as printed Q and A */
.faq{margin:0}
.faq-item{border-bottom:1px dotted var(--rule);padding:14px 0}
.faq-q{list-style:none;cursor:default;font-family:var(--serif-d);font-weight:700;font-size:1.25rem;line-height:1.35;padding-left:34px;position:relative}
.faq-q::-webkit-details-marker{display:none}
.faq-q::before{content:"Q.";position:absolute;left:0;font-family:var(--type);font-weight:700;color:var(--red)}
.faq-a{padding:6px 0 0 34px;position:relative}
.faq-a::before{content:"A.";position:absolute;left:0;top:6px;font-family:var(--type);font-weight:700}
.faq-a p{margin:0}

/* cta: reply card */
.cta-letter .sec-title{font-size:clamp(2rem,6vw,2.9rem)}
.reply-card{position:relative;margin-top:30px;border:3px dashed var(--ink);padding:34px clamp(14px,3vw,26px) 22px;background:var(--paper2)}
.reply-tag{position:absolute;left:14px;top:-13px;margin:0;font-family:var(--type);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;background:var(--paper);padding:2px 8px;color:var(--red)}
.cta-points{list-style:none;margin:18px 0 0;padding:0}
.cta-points li{display:flex;gap:10px;align-items:center;font-family:var(--type);font-weight:700;font-size:.95rem}
.cta-points .ico{color:var(--red)}
.lf-title{font-family:var(--serif-d);font-size:1.4rem;margin:0 0 12px}
.lf-grid{display:grid;gap:18px}
.lf-label{display:block;font-family:var(--type);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.lf-input{font-family:var(--type);font-size:1.05rem;font-weight:700;background:transparent;border:0;border-bottom:3px solid var(--ink);border-radius:0;padding:8px 2px;color:var(--ink);appearance:none;-webkit-appearance:none}
select.lf-input{background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 8px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.lf-input::placeholder{font-weight:400;color:#9a937f}
.lf-input:focus{outline:0;background:var(--hl)}
.lf-submit{display:block;width:100%;margin-top:24px;background:var(--red);color:var(--paper2);font-family:var(--type);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;padding:18px;border:3px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink)}
.lf-submit:hover{background:#a50d26}
.lf-submit:disabled{opacity:.5}
.lf-note{font-family:var(--type);font-size:.84rem;margin:14px 0 0;color:var(--mute)}
.lf-error{font-family:var(--type);font-weight:700;color:var(--red);margin:12px 0 0}
.lf-done-title{font-family:var(--serif-d);font-weight:900;font-size:1.8rem;margin:0 0 6px}
.lf-book{display:inline-block;margin-top:6px;font-family:var(--type);font-weight:700;text-transform:uppercase;border:3px solid var(--ink);padding:10px 16px;text-decoration:none;background:var(--hl)}

/* P.S. */
.sec-ps{padding-top:8px;padding-bottom:40px}
.ps-line{font-size:1.1rem;margin:0 0 1em}
.ps-line b{font-family:var(--type);font-weight:700;color:var(--red);font-size:1.15em;margin-right:.3em}

/* footer: sign-off */
.foot-letter{border-top:3px double var(--rule);padding:30px 0 120px}
.sign-off{font-style:italic;margin:0 0 0}
.signature{font-family:var(--serif-d);font-style:italic;font-weight:900;font-size:2.6rem;line-height:1.1;margin:0 0 10px;transform:rotate(-1.5deg);display:inline-block;color:#243a8a}
.foot-tag{font-family:var(--type);font-size:.9rem;color:var(--mute);margin:0 0 16px}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-links a{font-family:var(--type);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
.legal-wrap{margin-top:24px;border-top:1px solid var(--rule);padding-top:14px}
.legal{font-size:.78rem;line-height:1.55;color:var(--mute);margin:0 0 8px}

/* sticky strip */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--paper);border-top:3px double var(--ink);transform:translateY(110%);transition:transform .25s}
.sticky-cta.is-on{transform:none}
.sticky-in{max-width:var(--col);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:14px}
.sticky-t{font-family:var(--type);font-weight:700;font-size:.95rem}
.sticky-btn{padding:11px 16px;font-size:.9rem;box-shadow:none;white-space:nowrap}


/* ---------- illustration system: engraved ink linework, hatched shading, red + yellow spot colour printed slightly off-register ---------- */
.art{display:block;line-height:0}
.art svg{display:block;width:100%;height:auto;fill:none;stroke:none;overflow:visible}
.art .i{stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.art .f{stroke:var(--ink);stroke-width:1;stroke-linecap:round}
.art .p{fill:var(--paper2)}.art .rd{fill:var(--red)}.art .yl{fill:var(--hl)}.art .tx{fill:var(--ink)}
.art .rs{stroke:var(--red);stroke-width:3}.art .rs2{stroke:var(--red);stroke-width:1;stroke-dasharray:2 2}.art .rsw{stroke:var(--paper2);stroke-width:3;stroke-linecap:round}
.hero-art{margin:30px 0 4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0 6px}
.checks li.has-art{grid-template-columns:92px 1fr;gap:14px;align-items:center}.checks .uc-art{width:92px}
.flow-art{max-width:200px;margin:4px 0 8px}
.divider{display:block;max-width:300px;margin:clamp(0px,1vw,6px) auto;padding:clamp(4px,2vw,12px) 0}
.sec+.sec::before{margin:0}
.cta-art{max-width:330px;margin:22px 0 4px}

/* social proof: renders only when the owner adds real, verified items to brand.json */
.sp-body{display:flex;flex-direction:column;gap:34px}
.sp-quotes{display:grid;gap:26px}
.sp-quote{margin:0;position:relative;background:var(--paper2);border:1px solid var(--ink);padding:22px 22px 16px 22px;box-shadow:3px 3px 0 rgba(0,0,0,.18)}
.sp-quote::before{content:"Letters to the editor";position:absolute;top:-10px;left:14px;background:var(--paper);padding:0 8px;font-family:var(--type);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--red)}
.sp-quote blockquote{margin:0 0 12px}.sp-quote p{margin:0;font-style:italic;font-size:1.12rem;line-height:1.55}
.sp-quote figcaption{font-family:var(--type);font-size:.85rem;border-top:1px dotted var(--ink);padding-top:8px}
.sp-quote figcaption b{display:block;text-transform:uppercase;letter-spacing:.08em}.sp-quote figcaption span{color:var(--mute)}
.sp-stats{list-style:none;margin:0;padding:18px 20px;background:#fff;border:1px solid var(--ink);font-family:var(--type);box-shadow:3px 3px 0 rgba(0,0,0,.18)}
.sp-stats li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 8px;padding:8px 0;border-bottom:1px dotted var(--ink)}
.sp-stats li:last-child{border-bottom:3px double var(--ink)}
.sp-stats span{grid-column:1;grid-row:1;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem}
.sp-stats li::before{content:"";grid-column:2;grid-row:1;border-bottom:2px dotted var(--mute);transform:translateY(-4px)}
.sp-stats b{grid-column:3;grid-row:1;font-family:var(--serif-d);font-weight:900;font-size:1.6rem;background:linear-gradient(transparent 55%,var(--hl) 55%);padding:0 .15em}
.sp-stats cite{grid-column:1/-1;font-style:normal;font-size:.76rem;color:var(--mute)}
.sp-logos{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
.sp-logos li{padding:2px 18px;border-right:1px solid var(--ink);display:grid;place-items:center}.sp-logos li:last-child{border-right:0}
.sp-logos img{height:28px;width:auto;filter:grayscale(1) contrast(1.2)}
.sp-logo-text{font-family:var(--serif-d);font-weight:900;font-style:italic;font-size:1.2rem}

@media (max-width:640px){
  body{font-size:17px}
  .facts li{grid-template-columns:1fr;gap:2px}
  .mast-nav a{padding:2px 10px;font-size:.74rem}
  .logo img{height:50px}
  .cta{width:100%;text-align:center}
  .cta-ghost{width:auto}
  .sticky-t{display:none}.sticky-btn{width:100%;text-align:center}
  .report-t .rn{display:none}
  .calc{box-shadow:4px 4px 0 var(--ink)}
  .checks li.has-art{grid-template-columns:64px 1fr;gap:10px}.checks .uc-art{width:64px}
  .hero-art{margin:22px -6px 2px}.hero-art .cap{display:none}
}
@media (prefers-reduced-motion:reduce){.sticky-cta,.cta{transition:none}.typed{transform:none}}