/* Thoroughbred Labs visual alignment, requested 2026-10-15.
   Matches the live site's Inter 800 headings, white/grey surfaces and pill CTAs. */
:root{--ink:#000;--muted:#444;--paper:#fff;--line:#e4e4e4;--accent:#000;--serif:Inter,Arial,sans-serif}
body{background:#fff;color:#000}
h1,h2,h3,h4{font-weight:800}
.serif{font-family:Inter,Arial,sans-serif;font-weight:800;font-style:normal}
.eyebrow{font-size:12px;letter-spacing:.03em;color:#444}
.hero{min-height:750px}
.hero-copy{padding-top:35px}
.brand{margin-bottom:55px}
.hero .eyebrow{font-size:12px;letter-spacing:.03em}
.status-dot{background:#b8b8b8}
.hero h1{font-size:clamp(44px,4.1vw,65px);font-weight:800;line-height:1.13;letter-spacing:-.035em}
.hero h1 .serif{letter-spacing:inherit}
.hero-intro{font-size:17px;line-height:1.65;color:#333;max-width:460px}
.button{background:#000;color:#fff;border-radius:999px;padding:18px 31px;min-height:58px;font-size:13px;letter-spacing:.025em;text-transform:uppercase;justify-content:center;gap:15px}
.button:hover{background:#252525;transform:none}
.button-light{background:#000;color:#fff}
.button-light:hover{background:#252525}
.button span{font-size:19px}
.micro{font-size:10px;color:#555}
.read-on{font-size:11px}
.reading-time{font-size:10px}
.hero-visual{min-height:750px;background:#d6d6d6}
.hero-image{object-position:67% center}
.hero-visual:after{background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 30%,rgba(0,0,0,.37))}
.visual-note p{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:34px;line-height:1.15;letter-spacing:-.03em}
.assurance-strip{background:#f9f9f9}
.assurance-strip>span{font-size:12px}
.section-number{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:800;font-size:78px;color:#dedede}
.aside-note{font-size:12px;color:#555}
.letter-photo{width:100%;border-radius:4px;margin-top:28px;aspect-ratio:1/1;object-fit:cover}
.letter h2{font-weight:800;letter-spacing:-.035em;line-height:1.15}
.letter-body>p{font-size:16px;color:#222;line-height:1.8}
.letter-body>p.lead{font-size:19px;color:#000}
.text-link{font-size:13px}
.text-link:hover{color:#555}
.evidence{background:#f9f9f9;color:#000}
.evidence .eyebrow{color:#444}
.evidence h2{font-weight:800;letter-spacing:-.04em;font-size:52px;line-height:1.1}
.evidence-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#222}
.brand-points{padding-left:20px;margin:24px 0 30px}
.brand-points li{font-size:15px;line-height:1.6;margin-bottom:12px;padding-left:9px;color:#000}
.brand-points li::marker{color:#b8b8b8}
.quiet-link{font-size:12px;color:#444}
.quiet-link:hover{color:#000}
.document-offset{border-color:#d3d3d3}
.document{background:#fff;box-shadow:0 12px 34px #0000000b;border:1px solid #e3e3e3;border-radius:4px}
.document-top{border-color:#e4e4e4;font-size:10px}
.document-kicker{color:#666;font-size:10px}
.document h3{font-size:28px;letter-spacing:-.03em}
.document-checks li{border-color:#e4e4e4}
.document-checks h4{font-size:14px}
.document-checks p{font-size:13px;color:#444}
.check{border-color:#bbb;color:#000}
.document-small{color:#666;border-color:#e4e4e4;font-size:9px}
.document-seal{color:#555}
.document-seal>span:first-child{font-family:Inter,Arial,sans-serif}
.document-seal>span:last-child{font-size:9px;letter-spacing:.04em}
.range h2{font-size:38px;letter-spacing:-.035em}
.range-heading>p{font-size:15px;color:#333}
.range-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.range-row,.range-row:last-child{display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;padding:0;min-width:0}
.range-row:hover{padding:0;background:transparent}
.range-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.range-row:hover .range-photo{filter:brightness(.94)}
.range-card-copy{padding-top:23px}
.range-row h3{font-size:21px;letter-spacing:-.03em}
.range-row p{font-size:14px;line-height:1.7;color:#444}
.card-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;font-weight:700;text-transform:uppercase;margin-top:20px;border-bottom:1px solid #000;padding-bottom:7px}
.card-link>span{font-size:18px}
.range-note{font-size:11px;color:#555;margin-top:32px}
.delivery{background:#f9f9f9;border-color:#eee}
.delivery .eyebrow{font-size:10px}
.delivery h2{font-size:29px;font-weight:800}
.delivery-grid>div>p{font-size:15px}
.delivery-grid>div>p.delivery-small{font-size:12px;color:#555}
.closing{background:#fff;color:#000;border-bottom:1px solid #eee}
.closing:before,.closing:after{color:#ddd}
.closing .eyebrow{color:#444}
.closing h2{font-weight:800;letter-spacing:-.035em;font-size:52px;line-height:1.15}
.closing-content>p:not(.eyebrow){font-size:17px;color:#333}
.destination{font-size:11px;color:#555}
.endnote>p{font-size:10px;color:#555}
.endnote-meta{font-size:10px;color:#555}
.welcome-offer{margin:30px auto;max-width:530px;padding:27px 20px;border-block:1px solid #ddd}
.welcome-offer .offer-saving{font-size:27px;font-weight:800;letter-spacing:-.035em;line-height:1.3;margin:0 0 14px}
.welcome-offer .offer-code-line{font-size:15px;color:#333;margin:0;line-height:2.3}
.coupon-code{display:inline-block;background:#f1f1f1;border:1px dashed #aaa;border-radius:4px;color:#000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:.07em;padding:0 13px;margin-inline:7px;user-select:all}
.closing-content>p.offer-terms{max-width:600px;margin:100px auto 0;font-size:11px;line-height:1.75;color:#555}
.delivery .text-link{font-size:12px;margin-top:5px}
a:focus-visible{outline-color:#333}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;align-items:center}
.hero-actions .button{font-size:11px;padding-inline:23px;white-space:nowrap}
.hero-actions .button-secondary{background:#fff;color:#000;border:1px solid #000}
.hero-actions .button-secondary:hover{background:#f2f2f2;color:#000}
@media(min-width:1600px){.hero h1{font-size:68px}.hero,.hero-visual{min-height:800px}.hero .button{font-size:14px}}
@media(max-width:1100px){.hero h1{font-size:47px}.hero,.hero-visual{min-height:760px}.hero .button{font-size:11px;padding-inline:23px}.range-rows{gap:18px}.range-row h3{font-size:19px}.evidence-grid{gap:45px}.evidence .button{font-size:11px;padding-inline:24px}}
@media(max-width:760px){
  .hero{min-height:0}.hero-copy{padding-top:26px}.brand{margin-bottom:36px}
  .hero .eyebrow{font-size:10px}.hero h1{font-size:43px;letter-spacing:-.035em;line-height:1.13}
  .hero-intro{font-size:16px}.hero .button,.button{font-size:12px;padding:17px 25px;min-height:56px}
  .micro{font-size:9px}.read-on{font-size:10px}.reading-time{font-size:9px}
  .hero-visual{min-height:390px}.hero-image{object-position:62% center}.visual-note p{font-size:28px}
  .assurance-strip>span{font-size:9px}.eyebrow{font-size:11px}
  .letter .section-aside{display:block;margin-bottom:24px}.section-number,.aside-note,.letter-photo{display:none}
  .letter h2{font-size:29px}.letter-body>p{font-size:15px}.letter-body>p.lead{font-size:18px}
  .text-link{font-size:12px}.evidence h2{font-size:43px}.evidence-copy>p:not(.eyebrow){font-size:15px}
  .brand-points li{font-size:14px}.evidence .button{font-size:11px;padding-inline:24px}.quiet-link{font-size:11px}
  .document h3{font-size:25px}.document-checks h4{font-size:14px}.document-checks p{font-size:13px}
  .range h2{font-size:32px}.range-heading>p{font-size:14px}
  .range-rows{grid-template-columns:1fr;gap:36px}.range-photo{aspect-ratio:4/3}
  .range-row h3{font-size:23px}.range-row p{font-size:14px}.range-card-copy{padding-top:19px}
  .delivery h2{font-size:27px}.delivery-grid>div>p{font-size:14px}.delivery-grid>div>p.delivery-small{font-size:11px}
  .closing h2{font-size:34px}.closing-content>p:not(.eyebrow){font-size:15px}.closing .eyebrow{font-size:10px}
  .endnote>p{font-size:10px}.endnote-meta{font-size:9px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:12px}
  .hero-actions .button{width:100%;font-size:11px;padding-inline:20px}
}