/* Home-page token deltas on top of theme.css (B141: lifted verbatim from the approved preview,
   site-output/reactivation-agent/site/tokens.css, codex judge r3 PASS). Loaded only by index.html (/ and /for/<kind>).
   (1) the plan card's count stop 64/700 (brief TOKEN DELTAS);
   (2) the SMS bubble grey — the received-text grey the bubble needs;
   (3) the hero card's one lifted shadow (0 16px 40px at 14%, ink #10131a);
   (4) layout only: the grid widens to 1760 at >= 1800 px so a 2000 screen is used (DESIGN I-10);
   (5) vertical rhythm that follows the viewport height so each band fills its screen;
   (6) at >= 1800 px only, the type scale steps up (theme sizes unchanged at 1440 and 390) so the 2000 bands are filled, not half empty. */
:root {
  --text-count: 64px;
  --font-weight-count: 700;
  --color-bubble: #e9e9eb;
  --shadow-card: 0 16px 40px rgba(16, 19, 26, .14);
  --radius-bubble: 18px;
  --max: 1380px;
  --gutter: 32px;
  --grid-gap: 48px;
  --pad: 64px;
  --row-pad: clamp(9px, 1.25vh, 18px);
  --step-pad: clamp(14px, 2.1vh, 30px);
  /* band 2's desk artefacts (bubble, Approve, booking row) and the compact close */
  --desk-gap: 8px;
  --desk-pad-y: 10px;
  --desk-pad-x: 14px;
  --close-pad: calc(var(--pad) * 2);
}
@media (min-width: 1800px) {
  :root { --max: 1760px; --grid-gap: 72px; --pad: 80px;
    --text-count: 88px; --text-hero: 72px; --text-headline: 44px; --text-lead: 21px; --text-body-md: 18px; --text-small: 16px;
    --row-pad: clamp(12px, 1.8vh, 26px); --step-pad: clamp(18px, 3vh, 40px); }
}
@media (max-width: 720px) {
  :root { --gutter: 16px; --grid-gap: 28px; --pad: 40px; }
}