@font-face{font-family:"Inter Tight";src:url("/assets/fonts/InterDisplay-Medium.woff2") format("woff2");font-weight:500;font-display:swap;}
@font-face{font-family:"Inter Tight";src:url("/assets/fonts/InterDisplay-SemiBold.woff2") format("woff2");font-weight:600 700;font-display:swap;}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-display:swap;}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-display:swap;}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap;}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:400 500;font-display:swap;}

html{scroll-behavior:smooth;}
:root{
  --paper:#ded8ca;
  --paper-2:#e8e3d8;
  --ink:#0c0c0e;
  --soft:#625e52;
  --rule:#b9b2a0;
  --crimson:#c4141f;
  --crimson-deep:#a30f19;
  --g:#61bb46; --y:#f6bb18; --o:#f5821f; --r:#e03a3e; --p:#963d97; --b:#009ddc;
  --fd:"Inter Tight",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fb:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fm:ui-monospace,SFMono-Regular,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fb);
  font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:var(--fd);margin:0;font-weight:600;}
p{margin:0 0 1.1em;} p:last-child{margin-bottom:0;}
:focus-visible{outline:2px solid var(--crimson);outline-offset:3px;}

.wrap{max-width:720px;margin:0 auto;padding:0 24px;}
/* Vertical only — the shorthand was resetting .wrap's 24px side gutter to 0
   because both classes sit on the same element. */
.pad{padding-top:clamp(48px,8vw,86px);padding-bottom:clamp(48px,8vw,86px);}

/* six solid bands — the 1977 palette, not the mark */
.bands{display:flex;flex-direction:column;width:100%;}
.bands span{display:block;height:5px;width:100%;}
.bands span:nth-child(1){background:var(--g);} .bands span:nth-child(2){background:var(--y);}
.bands span:nth-child(3){background:var(--o);} .bands span:nth-child(4){background:var(--r);}
.bands span:nth-child(5){background:var(--p);} .bands span:nth-child(6){background:var(--b);}

.kicker{font-family:var(--fm);font-size:12px;font-weight:500;letter-spacing:.17em;
  text-transform:uppercase;color:var(--soft);margin:30px 0 0;}
h1{font-size:clamp(3rem,9vw,5.4rem);line-height:.98;letter-spacing:-.034em;margin-top:14px;}
.deck{font-family:var(--fd);font-weight:500;font-size:clamp(1.3rem,3vw,1.75rem);
  line-height:1.3;letter-spacing:-.017em;color:#4c4738;margin-top:16px;max-width:20ch;}
.blurb{margin-top:26px;max-width:56ch;}

/* ---------- the form ---------- */
.grab{margin-top:34px;padding-top:26px;border-top:1.5px solid var(--ink);max-width:520px;}
.grab__l{display:block;font-family:var(--fm);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--soft);margin-bottom:12px;}
.row{display:flex;gap:10px;flex-wrap:wrap;}
input[type=email]{
  flex:1 1 240px;min-width:0;font-family:var(--fb);font-size:1.125rem;color:var(--ink);
  background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:15px 16px;
}
input[type=email]::placeholder{color:#a5a08f;}
button{
  font-family:var(--fd);font-weight:600;font-size:1.125rem;letter-spacing:-.008em;color:#fff;
  background:var(--crimson);border:1.5px solid var(--crimson);border-radius:8px;
  padding:15px 30px;cursor:pointer;transition:background .16s ease,transform .16s ease;
}
button:hover{background:var(--crimson-deep);border-color:var(--crimson-deep);transform:translateY(-1px);}
button:disabled{opacity:.6;cursor:default;transform:none;}
.micro{font-size:1.125rem;color:var(--soft);margin-top:12px;line-height:1.5;}
.msg{margin-top:12px;font-size:1.125rem;font-weight:500;display:none;}
.msg.err{color:var(--crimson);display:block;}
.msg.ok{color:#2f7a2a;display:block;}

/* ---------- inside ---------- */
.hr{border:0;border-top:1.5px solid var(--ink);margin:0;}
.eyebrow{font-family:var(--fm);font-size:12px;font-weight:500;letter-spacing:.15em;
  text-transform:uppercase;color:var(--soft);margin:0 0 22px;}
h2{font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.14;letter-spacing:-.022em;margin-bottom:.6em;}

.four{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--rule);}
.four li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:18px 0;
  border-bottom:1px solid var(--rule);align-items:baseline;}
.four .n{font-family:var(--fm);font-size:13px;letter-spacing:.06em;}
.four li:nth-child(1) .n{color:var(--g);} .four li:nth-child(2) .n{color:var(--o);}
.four li:nth-child(3) .n{color:var(--r);} .four li:nth-child(4) .n{color:var(--b);}
.four h3{font-size:1.5rem;letter-spacing:-.016em;margin-bottom:3px;}
.four p{font-size:1.125rem;color:#4c4738;margin:0;}

/* ---------- who ---------- */
.who{list-style:none;margin:24px 0 0;padding:0;}
.who li{padding:13px 0;border-bottom:1px solid var(--rule);font-size:1.125rem;line-height:1.5;}
.who li:first-child{border-top:1px solid var(--rule);}
.who strong{font-weight:600;}

/* ---------- story ---------- */
.story{text-align:center;}
.story p{font-family:var(--fd);font-weight:500;font-size:clamp(1.2rem,2.6vw,1.6rem);
  line-height:1.4;letter-spacing:-.015em;color:#3d3930;margin:0 0 .8em;}
.story .punch{font-weight:600;color:var(--crimson);font-size:clamp(1.5rem,3.6vw,2.2rem);
  line-height:1.2;letter-spacing:-.024em;margin-top:1em;}

.close{text-align:center;}
.close h2{max-width:18ch;margin-left:auto;margin-right:auto;}
.close .grab{margin-left:auto;margin-right:auto;text-align:left;}

.note{font-size:1.125rem;color:var(--soft);line-height:1.55;margin-top:34px;
  padding-top:22px;border-top:1px solid var(--rule);}
.sig{font-family:var(--fd);font-weight:600;font-size:1.125rem;margin-top:26px;}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}}

a{color:inherit;text-underline-offset:3px;}
.skip{position:absolute;top:10px;left:18px;z-index:5;background:var(--ink);color:#fff;padding:10px 15px;transform:translateY(-200%);}
.skip:focus{transform:translateY(0);}
.review-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule);}
.wordmark{font-family:var(--fd);font-size:18px;font-weight:600;letter-spacing:-.04em;text-decoration:none;white-space:nowrap;}
.wordmark span{color:var(--crimson);}
.review-header nav{display:flex;gap:25px;}
.review-header nav a{font-size:13px;line-height:44px;text-decoration:none;white-space:nowrap;}
.review-header nav a:hover{text-decoration:underline;}
.site-legal-footer{background:#0c0c0e;color:#aaa69c;padding:28px 24px;font:500 18px/1.7 var(--fm);letter-spacing:.04em;}
.site-legal-footer__in{width:min(1000px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.site-legal-footer nav{display:flex;flex-wrap:wrap;gap:16px;}
.site-legal-footer a{color:inherit;text-decoration:none;}
.site-legal-footer a:hover{color:#fff;text-decoration:underline;}
@media(max-width:480px){.review-header{flex-wrap:wrap;gap:4px;padding-top:17px;padding-bottom:9px;}.review-header nav{width:100%;justify-content:space-between;}.site-legal-footer__in{align-items:flex-start;flex-direction:column;}.row button{width:100%;}h1{font-size:clamp(3rem,14vw,4rem);}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}