/* LAYOFF v2 — shared styles for /, /about, /privacy.
   Built from design-handoff/reference/*.html (visual source of truth). */

/* ── Fonts (self-hosted) ── */
@font-face{font-family:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/dela-gothic-one-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/work-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/work-sans-latin-700-normal.woff2") format("woff2")}

/* ── Tokens ── */
:root{
  /* base palette — 8 values, and that is all */
  --paper:#f8f4ed;
  --black:#2e2225;
  --white:#ffffff;
  --gray-700:#4a4a4a;
  --gray-500:#9a9a9a;
  --gray-300:#c4c4c4;
  --red:#ea2c33;
  --red-deep:#c22521;

  /* semantic — paper ground (default) */
  --ground:var(--paper);
  --ink:var(--black);
  --ink-muted:var(--gray-700);
  --surface-raised:var(--white);
  --outline:var(--black);
  --focus-ring:var(--red);

  --font-display:"Dela Gothic One","Arial Black",sans-serif;
  --font-sans:"Work Sans",system-ui,sans-serif;

  --shadow:6px 6px 0 #2e2225;
  --shadow-sm:3px 3px 0 #2e2225;
  --shadow-lg:8px 8px 0 #2e2225;
  --shadow-on-ink:6px 6px 0 0 #9a9a9a, 6px 6px 0 2px #2e2225;
  --shadow-on-ink-lg:8px 8px 0 0 #9a9a9a, 8px 8px 0 2px #2e2225;

  --ease-out:cubic-bezier(0.2,0,0,1);
}

/* Inversion is opt-in and applies to a whole band, edge to edge. */
.layoff-invert{
  --ground:var(--black);
  --ink:var(--white);
  --ink-muted:var(--gray-500);
  --surface-raised:var(--black);
  --outline:var(--white);
  --focus-ring:var(--white);
  --shadow:6px 6px 0 #ffffff;
  --shadow-sm:3px 3px 0 #ffffff;
  --shadow-lg:8px 8px 0 #ffffff;
  --shadow-on-ink:6px 6px 0 0 #9a9a9a, 6px 6px 0 2px #ffffff;
  --shadow-on-ink-lg:8px 8px 0 0 #9a9a9a, 8px 8px 0 2px #ffffff;
  background:var(--ground);
  color:var(--ink);
}

/* ── Base ── */
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:var(--font-sans);font-size:16px;line-height:1.5}
img{max-width:100%}
a{color:var(--black);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--red-deep)}
::selection{background:var(--red);color:var(--black)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}

.page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--black)}

/* ── Band (full-width section with centred 1120px column) ── */
.band{width:100%;background:var(--ground);color:var(--ink);padding:64px 32px}
.band--tight{padding:32px}
.band--rule{border-top:2px solid var(--outline)}
.band__inner{max-width:1120px;margin:0 auto}
.band--grow{flex:1}
.band-body{margin:-32px 0}

/* ── Type helpers ── */
.display{margin:0;font-family:var(--font-display);font-weight:400;color:var(--black)}
.h-section{font-size:40px;line-height:0.95;letter-spacing:-0.01em;text-wrap:balance}
.h-box{font-size:24px;line-height:1.1}
.body-l{margin:0;font-size:22px;line-height:1.5;text-wrap:pretty}
.label{font-weight:700;font-size:16px;line-height:1;letter-spacing:0.14em;text-transform:uppercase}
@media (max-width:943px){.h-section{font-size:36px}}

/* ── Surface: 2px outline, 6px radius, hard shadow ── */
.box{background:var(--white);border:2px solid var(--black);border-radius:6px;box-shadow:var(--shadow)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--outline);border-radius:6px;font-family:var(--font-sans);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto;cursor:pointer;text-decoration:none;transition:box-shadow 80ms var(--ease-out),transform 80ms var(--ease-out),background-color 80ms var(--ease-out),color 80ms var(--ease-out)}
.btn--m{height:40px;padding:0 16px;font-size:14px}
.btn--xl{height:72px;padding:0 48px;font-size:20px}
.btn--primary{background:var(--red);color:var(--white);box-shadow:var(--shadow)}
.btn--primary:hover,.btn--primary:active{background:var(--black);color:var(--white);transform:translate(3px,3px);box-shadow:none}
.btn--ink{background:var(--ink);color:var(--ground);box-shadow:var(--shadow-on-ink)}
.btn--ink:hover{box-shadow:var(--shadow-on-ink-lg)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:none}
.btn--ghost:hover{background:var(--ink);color:var(--ground)}
.btn--ink:active,.btn--ghost:active{transform:translate(3px,3px);box-shadow:none}
@media (max-width:559px){
  .btn--xl{height:60px;padding:0 30px}
  .btn--block-narrow{display:flex;width:100%}
}

/* ── Tag ── */
.tag{display:inline-flex;align-items:center;gap:4px;border:2px solid var(--outline);border-radius:4px;padding:0 8px;height:24px;background:var(--surface-raised);color:var(--ink);font-family:var(--font-sans);font-weight:700;font-size:11px;line-height:1;letter-spacing:0.16em;text-transform:uppercase;white-space:nowrap}
.tag--lg{height:32px;padding:0 12px;font-size:14px;letter-spacing:0.14em}

/* ── Header ── */
.site-header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 48px}
.site-header__conf{font-weight:700;font-size:16px;line-height:1;letter-spacing:0.16em;text-transform:uppercase;color:var(--gray-700);white-space:nowrap}
.site-header__logo{display:block;width:clamp(88px,11vw,128px);height:auto}
.site-header a,.site-header a:hover{display:block;background:none}
@media (max-width:719px){.site-header__conf{display:none}}

/* ── Footer ── */
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;font-size:16px;line-height:1.5;color:var(--gray-500)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.site-footer a{color:var(--white)}
.site-footer a:hover{color:var(--black);background:var(--white)}

/* ── Waitlist form (/ and /about) ── */
.signup-form{background:var(--white);border:2px solid var(--black);border-radius:6px;box-shadow:var(--shadow);padding:40px 32px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;text-align:left;color:var(--black)}
.signup-form__field{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:8px}
.signup-form__label{font-weight:700;font-size:11px;line-height:1;letter-spacing:0.16em;text-transform:uppercase;color:var(--black)}
.signup-form__input{width:100%;height:48px;border:2px solid var(--black);border-radius:6px;background:var(--white);color:var(--black);font-family:var(--font-sans);font-size:16px;line-height:1.5;padding:0 12px;outline:none;transition:box-shadow 80ms var(--ease-out)}
.signup-form__input::placeholder{color:var(--gray-700)}
.signup-form__input:hover{box-shadow:var(--shadow-sm)}
.signup-form__input:focus-visible{box-shadow:var(--shadow-sm);outline:3px solid var(--red);outline-offset:2px}
@media (max-width:559px){.signup-form{padding:32px 24px}}

/* ── Cookie consent ── */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:720px;margin:0 auto;background:var(--black);border:2px solid var(--white);border-radius:6px;box-shadow:6px 6px 0 #ffffff;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;font-size:16px;line-height:1.5;color:var(--white)}
.consent[hidden]{display:none}
.consent p{flex:1 1 16em;margin:0}
.consent a{color:var(--white)}
.consent a:hover{color:var(--black);background:var(--white)}
.consent__actions{display:flex;gap:12px;flex:none}

/* ════════════════════════ LANDING ════════════════════════ */

/* Hero */
.hero{display:flex;flex-direction:column;align-items:center}
.hero__text{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.hero__title{font-size:56px;line-height:0.95;letter-spacing:-0.01em;text-wrap:balance}
.hero__title br{display:none}
.hero__intro{margin:0;font-size:22px;line-height:1.5;text-wrap:balance}
.hero__cta{margin-top:32px}
@media (min-width:900px){.hero__title br{display:inline}}
@media (max-width:943px){.hero__title{font-size:44px}.hero__cta{margin-top:48px}}

/* Desktop card fan (5 cards, hover to lift) */
.fan{position:relative;width:100%;max-width:1120px;aspect-ratio:1120 / 430;margin-top:48px}
.fan__card{position:absolute;bottom:0;width:24.8%;transform:var(--rest);z-index:var(--rz);transition:transform 120ms var(--ease-out)}
.fan__card img{width:100%;height:auto;display:block}
.fan__card:nth-child(1){--rest:translateY(0) rotate(-12deg);--rz:1;left:0.67%}
.fan__card:nth-child(2){--rest:translateY(-3%) rotate(-6deg);--rz:2;left:19%}
.fan__card:nth-child(3){--rest:translateY(-6%) rotate(0deg);--rz:3;left:37.6%}
.fan__card:nth-child(4){--rest:translateY(-3%) rotate(6deg);--rz:2;left:56.2%}
.fan__card:nth-child(5){--rest:translateY(0) rotate(12deg);--rz:1;left:74.5%}
@media (hover:hover){.fan__card:hover{z-index:10;transform:translateY(-12%) rotate(0deg) scale(1.06)}}

/* Phone card fan (3 cards, tap to bring forward) */
.fan-m{display:none;position:relative;width:100%;aspect-ratio:1 / 0.8;margin-top:40px}
.fan-m__card{all:unset;cursor:pointer;position:absolute;bottom:0;width:48%;transform-origin:50% 90%;transition:transform 120ms var(--ease-out);-webkit-tap-highlight-color:transparent}
.fan-m__card:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.fan-m__card img{width:100%;height:auto;display:block;backface-visibility:hidden}
.fan-m__card:nth-child(1){left:0}
.fan-m__card:nth-child(2){left:26%}
.fan-m__card:nth-child(3){left:52%}
@media (max-width:559px){.fan{display:none}.fan-m{display:block}}

/* Specs */
.specs{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;background:var(--black);border:2px solid var(--black);border-radius:6px;box-shadow:var(--shadow);overflow:hidden}
.specs__item{background:var(--white);padding:40px 32px;display:flex;flex-direction:column;gap:8px}
.specs__item p{margin:0;font-size:22px;line-height:1.5;color:var(--black);text-wrap:pretty}
@media (min-width:760px){.specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:944px){.specs__item{padding:32px 24px}}

/* How to play */
.htp{display:flex;flex-direction:column;gap:32px;color:var(--black)}
.htp__head{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.htp__muted{color:var(--gray-700)}
.htp__pad{padding:32px 24px}
.htp__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:0.95}
.htp__title-wrap{display:flex;flex-direction:column;gap:24px}

.deal{display:flex;flex-direction:column;gap:32px;color:var(--black)}
.deal__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
.deal__copy{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.deal__lead{font-weight:700}
.deal__img{width:100%;max-width:100%;height:auto;display:block;justify-self:center}
.goal{margin:16px -26px -34px;background:var(--black);border-radius:0 0 6px 6px;padding:40px 24px 48px;display:flex;flex-direction:column;gap:48px;color:var(--white)}
.goal p.body-l{margin-top:8px;max-width:760px;color:var(--white)}
.goal__win{margin:0;border-top:1px solid var(--gray-500);padding-top:24px;font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--white);text-wrap:balance}

.turn{background:var(--red);display:flex;flex-direction:column;gap:32px;color:var(--white)}
.turn__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px}
.turn .htp__title{color:var(--white)}
.choice{background:var(--white);border:2px solid var(--black);border-radius:6px;box-shadow:var(--shadow);padding:32px 24px;display:flex;flex-direction:column;gap:12px;color:var(--black)}
.choice__name{font-family:var(--font-display);font-size:24px;line-height:1;color:var(--black)}
.choice p{margin:0;font-size:22px;line-height:1.5;color:var(--black);text-wrap:pretty}
.choice--draw{align-items:center}

/* Turn: wide diagram (≥944px) */
.turn-wide{display:none;grid-template-columns:168px 56px minmax(0,280px) 28px minmax(0,460px);grid-template-rows:1fr 1fr;row-gap:24px;justify-content:center}
.turn-wide .choice{height:240px;justify-content:center;align-self:center}
.turn-wide .choice--draw{grid-column:1;grid-row:1 / span 2;gap:16px}
.turn-wide .choice--draw img{width:100%;height:auto;display:block}
.turn-wide .choice--keep{grid-column:3;grid-row:1}
.turn-wide .choice--play{grid-column:3;grid-row:2}
.branch{grid-column:2;grid-row:1 / span 2;position:relative}
.branch span{position:absolute;background:var(--black)}
.branch span:nth-child(1){left:8px;top:calc(50% - 1px);width:calc(50% - 8px);height:2px}
.branch span:nth-child(2){left:calc(50% - 1px);top:calc(25% - 6px);height:calc(50% + 12px);width:2px}
.branch span:nth-child(3){left:50%;right:0;top:calc(25% - 7px);height:2px}
.branch span:nth-child(4){left:50%;right:0;top:calc(75% + 5px);height:2px}
.link-line{grid-column:4;align-self:center;height:2px;background:var(--black)}
.link-line--1{grid-row:1}
.link-line--2{grid-row:2}
.file{grid-column:5;grid-row:1;align-self:center;padding-left:15px;display:flex;flex-direction:column;align-items:flex-start}
.file__stack{display:flex;flex-direction:column;align-items:center;gap:16px}
.file__grid{width:200px;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.file__grid img{width:100%;height:auto;display:block}
.file__swap{position:relative;transform:translate(-6px,-10px) rotate(-10deg)}
.file__badge{position:absolute;top:-10px;right:-12px;width:32px;height:32px;background:var(--black);border:2px solid var(--white);border-radius:4px;display:grid;place-items:center}
.turn__caption{font-weight:700;font-size:16px;line-height:1;letter-spacing:0.14em;text-transform:uppercase;color:var(--white);text-align:center}
.powers{grid-column:5;grid-row:2;align-self:center;padding-left:15px;display:flex;flex-direction:column;gap:16px}
.powers .turn__caption{line-height:1.2}
.powers__row{display:flex;align-items:flex-start;padding:8px 0}
.powers__card{flex:0 0 44%;min-width:0;position:relative;transform:var(--rest);z-index:var(--rz);transition:transform 120ms var(--ease-out)}
.powers__card img{width:100%;height:auto;display:block;backface-visibility:hidden}
.powers__card:nth-child(1){--rest:rotate(-7deg) translateY(10px);--rz:1}
.powers__card:nth-child(2){--rest:rotate(1deg) translateY(-6px);--rz:2;margin-left:-16%}
.powers__card:nth-child(3){--rest:rotate(8deg) translateY(12px);--rz:3;margin-left:-16%}
@media (hover:hover){.powers__card:hover{z-index:10;transform:translateY(-12%) rotate(0deg) scale(1.06)}}

/* Turn: stacked (<944px) */
.turn-narrow{display:flex;flex-direction:column;gap:32px}
.turn-flow{display:flex;flex-direction:column;align-items:center}
.turn-flow .choice--draw{padding:24px}
.turn-flow .choice--draw img{width:150px;height:auto;display:block}
.turn-flow__stem{width:2px;height:24px;background:var(--black)}
.turn-flow__or{display:grid;grid-template-rows:1fr auto 1fr;gap:16px;width:100%}
.turn-flow__or > span{font-weight:700;font-size:20px;line-height:1;letter-spacing:0.14em;text-transform:uppercase;color:var(--white);text-align:center}
.powers-m{display:flex;flex-direction:column;gap:24px}
.powers-m__lead{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--white);text-wrap:balance}
.powers-m__stack{display:flex;flex-direction:column;margin:0 -24px;overflow:hidden;padding:8px 0 16px}
.powers-m__row{position:relative;display:flex;align-items:center}
.powers-m__row img{width:72%;height:auto;display:block;backface-visibility:hidden}
.powers-m__row:nth-child(1){justify-content:flex-end;z-index:1}
.powers-m__row:nth-child(1) img{transform:translateX(12%) rotate(8deg)}
.powers-m__row:nth-child(2){justify-content:flex-start;margin-top:-96px;z-index:2}
.powers-m__row:nth-child(2) img{transform:translateX(-12%) rotate(-7deg)}
.powers-m__row:nth-child(3){justify-content:flex-end;margin-top:-96px;z-index:3}
.powers-m__row:nth-child(3) img{transform:translateX(12%) rotate(9deg)}
/* Not in the reference (its card images were broken): keep the stack phone-sized on tablets. */
@media (min-width:560px){.powers-m__stack{width:100%;max-width:400px;margin:0 auto;overflow:visible}}

/* Slap interrupt (torn top edge) */
.slap{margin:16px -26px -34px;background:var(--white);border-radius:0 0 6px 6px;padding:52px 24px 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;color:var(--black);
  clip-path:polygon(0% 100%,0% 20px,1.389% 0px,2.778% 20px,4.167% 0px,5.556% 20px,6.944% 0px,8.333% 20px,9.722% 0px,11.111% 20px,12.5% 0px,13.889% 20px,15.278% 0px,16.667% 20px,18.056% 0px,19.444% 20px,20.833% 0px,22.222% 20px,23.611% 0px,25% 20px,26.389% 0px,27.778% 20px,29.167% 0px,30.556% 20px,31.944% 0px,33.333% 20px,34.722% 0px,36.111% 20px,37.5% 0px,38.889% 20px,40.278% 0px,41.667% 20px,43.056% 0px,44.444% 20px,45.833% 0px,47.222% 20px,48.611% 0px,50% 20px,51.389% 0px,52.778% 20px,54.167% 0px,55.556% 20px,56.944% 0px,58.333% 20px,59.722% 0px,61.111% 20px,62.5% 0px,63.889% 20px,65.278% 0px,66.667% 20px,68.056% 0px,69.444% 20px,70.833% 0px,72.222% 20px,73.611% 0px,75% 20px,76.389% 0px,77.778% 20px,79.167% 0px,80.556% 20px,81.944% 0px,83.333% 20px,84.722% 0px,86.111% 20px,87.5% 0px,88.889% 20px,90.278% 0px,91.667% 20px,93.056% 0px,94.444% 20px,95.833% 0px,97.222% 20px,98.611% 0px,100% 20px,100% 100%)}
.slap__side{display:flex;flex-direction:column;gap:12px}
.slap__kicker{font-weight:700;font-size:16px;line-height:1;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-700)}
.slap__sticker{align-self:flex-start;position:relative;margin:16px 24px 8px 16px;transform:rotate(-4deg);cursor:default}
.slap__sticker svg{position:absolute;overflow:visible}
.slap__sticker svg:nth-of-type(1){top:-30px;right:-32px}
.slap__sticker svg:nth-of-type(2){bottom:-26px;left:-30px}
.slap__label{display:block;background:var(--red);border:2px solid var(--black);border-radius:6px;box-shadow:var(--shadow);padding:12px 24px;font-family:var(--font-display);font-size:24px;line-height:1;color:var(--white);white-space:nowrap}
.slap p{margin:0;font-size:22px;line-height:1.5;color:var(--black);text-wrap:pretty}
.slap strong{font-weight:700}
@keyframes lo-slap-shake{0%,100%{transform:rotate(-4deg) translate(0,0)}20%{transform:rotate(-8deg) translate(-3px,1px)}40%{transform:rotate(1deg) translate(3px,-1px)}60%{transform:rotate(-7deg) translate(-2px,1px)}80%{transform:rotate(-1deg) translate(2px,0)}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.slap__sticker:hover{animation:lo-slap-shake 360ms var(--ease-out) infinite}}

/* Call LAYOFF */
.call{background:var(--black);border-color:var(--black);display:flex;flex-direction:column;gap:32px;color:var(--white)}
.call__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:end}
.call__lead{display:flex;flex-direction:column;gap:24px}
.call__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:0.95;color:var(--white);align-self:flex-start;white-space:nowrap;transform-origin:left center;transition:transform 400ms var(--ease-out);cursor:default}
.call__title span{color:var(--red)}
@media (hover:hover){.call__title:hover{transform:scale(1.15)}}
.call p{margin:0;font-size:22px;line-height:1.45;color:var(--white);text-wrap:pretty}
.call__plus{font-family:var(--font-display);font-size:24px;line-height:1;color:var(--red)}
.call p.call__foot{border-top:1px solid var(--gray-500);padding-top:24px;font-weight:700}

.htp__cta{display:flex;justify-content:center;padding-top:16px}
.htp__cta .btn{display:flex;width:100%}
@media (max-width:943px){.htp__cta .btn{height:60px;padding:0 30px}}

@media (min-width:944px){
  .htp__head{gap:12px;margin-bottom:0}
  .htp__pad{padding:48px 40px}
  .htp__title-wrap,.call__lead{gap:16px}
  .htp__title{white-space:nowrap}
  .deal__grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:32px}
  .deal__img{max-width:480px}
  .goal{margin:16px -42px -50px;padding:48px 40px 56px}
  .turn{gap:48px}
  .turn-wide{display:grid}
  .turn-narrow{display:none}
  .slap{margin:0 -42px -50px;padding:60px 40px 48px;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px}
  .call__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px}
  .htp__cta .btn{display:inline-flex;width:auto}
}

/* Pitch + incident reports */
.pitch{display:flex;flex-direction:column;gap:48px}
.reports{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.report{margin:0;padding:32px 24px;display:flex;flex-direction:column;gap:24px}
.report blockquote{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--black);text-wrap:balance}
.report figcaption{margin-top:auto;padding-top:16px;border-top:1px solid var(--gray-300);font-size:18px;line-height:1.5;color:var(--gray-700)}
.report figcaption strong{color:var(--black)}
@media (min-width:560px){.reports{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:944px){.pitch{gap:32px}.reports{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}

/* Waitlist (landing) */
.waitlist{margin:-32px 0 -64px;display:flex;flex-direction:column}
.waitlist__head{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--black)}
.waitlist__head h2{margin-top:16px}
.waitlist__head p{margin:16px 0 0;text-wrap:balance}
.waitlist__form-row{display:flex;align-items:center;justify-content:center;width:100%;margin-top:48px}
.waitlist__form-row .signup-form{flex:0 1 700px;min-width:0}
.waitlist__art{width:100%;max-width:640px;height:auto;display:block;margin:48px auto 20px;transform:translateX(-30px)}
@media (min-width:944px){.waitlist__form-row{margin-top:32px}}

/* ════════════════════════ ABOUT + PRIVACY ════════════════════════ */
.doc{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.doc__kicker{color:var(--black)}
.doc__paper{padding:clamp(32px,6vw,56px) clamp(24px,5vw,48px);display:flex;flex-direction:column;font-size:22px;line-height:1.5;color:var(--black)}
.doc__paper p{margin:0}
.doc__h1{font-size:36px;line-height:0.95}

/* About: founder letter */
.letter{gap:16px}
.letter .doc__h1{margin-bottom:8px}
.letter .pretty{text-wrap:pretty}
.letter strong,.letter .b{font-weight:700}
.letter s{text-decoration-thickness:2px}
.letter__rule{height:1px;background:var(--gray-300);margin:16px 0}
.letter__sign{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-300)}
.letter__name{font-family:var(--font-display);font-size:36px;line-height:1;color:var(--black)}
.letter__title{font-weight:700;font-size:16px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-700)}
.about-signup{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:32px;color:var(--black)}
.about-signup .tag--lg{font-size:16px;height:36px;padding:0 16px}
.about-signup .signup-form{width:100%;margin-top:24px}
.about-signup .signup-form__label{font-size:16px}
.about-signup .signup-form__input{height:72px;font-size:20px;padding:0 24px}
@media (max-width:559px){.about-signup .signup-form__input{height:60px;padding:0 16px}}

/* Privacy */
.policy{gap:32px}
.policy__intro{display:flex;flex-direction:column;gap:16px}
.policy__title{display:flex;flex-direction:column;gap:8px}
.policy__date{font-size:16px;line-height:1.5;color:var(--gray-700)}
.policy section{display:flex;flex-direction:column;gap:16px;padding-top:32px;border-top:1px solid var(--gray-300)}
.policy p,.policy li{text-wrap:pretty}
.policy ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.policy a{color:var(--black)}
.policy a:hover{color:var(--black);background:var(--red)}

/* Secondary text link: "← Back to LAYOFF" */
.back-link{align-self:flex-start;margin-top:8px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;line-height:1;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;color:var(--gray-700);background:none;transform-origin:left center;transition:transform 120ms var(--ease-out),color 120ms var(--ease-out)}
.back-link:hover{color:var(--black);background:none;transform:scale(0.85)}

/* ── Reduced motion ── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0.001ms !important;animation:none !important}
}