:root{
  --cream: #F6EEDC; /* The page. The only ground colour; no white or grey sections. */
  --ink: #141414; /* Text, the 2px rules, icons, the stamp ring. Text on yellow, sky, pink, lime and cream. */
  --white: #FFFFFF; /* Blueprint lines, text on red/orange/green/blueprint, buttons on orange. */
  --orange: #F2541B; /* The hero headline, the ribbon, the third bento cell, the install panel. White text only, 24px+ or 11px/700 labels. */
  --red: #D9382B; /* The first bento cell (who are we). White text; the cat in red on the pink flower. */
  --yellow: #F6C53B; /* The second bento cell (behind the apps); the Speed pill. Ink text. */
  --sky: #A9D4F5; /* The fourth bento cell (CHILL VIBES); the Agency pill. Ink text. */
  --pink: #F2A2CF; /* Newsletter panel, FREE FOREVER sticker, the flower cutout, the Free pill. Ink text. */
  --green: #1E7A3C; /* The Inbox pill. White text. */
  --lime: #D9F23A; /* ON SHADES DUTY sticker; the Needs-you tag inside the blueprint. Ink text. */
  --blueprint: #2F6BE0; /* Blueprint component only: the grid ground for product UI drawn in white lines. Never a cell, button or pill. */
  --blueprint-line: #FFFFFF; /* Lines, text and frames inside a Blueprint; fills at 18–30% opacity for panels. */
  --font-cond: "Anton", Impact, "Arial Narrow", sans-serif;
  --font-chunk: "Bowlby One", "Arial Black", sans-serif;
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-wordmark: "Inter", system-ui, sans-serif;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --rule: 2px;
  --blueprint-stroke: 2.5px;
}
.display-hero{font-family:var(--font-cond);font-size:68px;line-height:0.95;font-weight:400;letter-spacing:0.02em;text-transform:uppercase;}
.title-cell{font-family:var(--font-cond);font-size:44px;line-height:0.95;font-weight:400;letter-spacing:0.02em;text-transform:uppercase;}
.title-split{font-family:var(--font-cond);font-size:40px;line-height:0.95;font-weight:400;letter-spacing:0.02em;text-transform:uppercase;}
.tab{font-family:var(--font-cond);font-size:34px;line-height:1;font-weight:400;letter-spacing:0.01em;}
.pill{font-family:var(--font-cond);font-size:16px;line-height:1;font-weight:400;letter-spacing:0.06em;text-transform:uppercase;}
.chunk-xl{font-family:var(--font-chunk);font-size:128px;line-height:0.8;font-weight:400;letter-spacing:-0.01em;}
.chunk-sticker{font-family:var(--font-chunk);font-size:22px;line-height:1;font-weight:400;}
.body-lg{font-family:var(--font-sans);font-size:15px;line-height:1.65;font-weight:400;}
.body{font-family:var(--font-sans);font-size:14px;line-height:1.7;font-weight:400;}
.body-sm{font-family:var(--font-sans);font-size:12px;line-height:1.7;font-weight:400;}
.label{font-family:var(--font-sans);font-size:11px;line-height:1;font-weight:700;letter-spacing:0.14em;}
.label-xs{font-family:var(--font-sans);font-size:10px;line-height:1;font-weight:700;letter-spacing:0.2em;}