:root {
    --paper:#FAF7F2; --alt:#EEE6D9; --card:#FFFFFF;
    --ink:#101826;
    --copper:#C2652B; --copper-deep:#9A4E1F; --copper-soft:#F3E2D4;
    --slate:#5F6B7A; --line:#E4DDD2;

    --bg:var(--paper); --bg-alt:var(--alt); --surface:var(--card);
    --text:var(--ink); --muted:var(--slate); --rule:var(--line);
    --accent:var(--copper); --accent-text:var(--copper-deep);
    /* bright copper fails AA behind button text, so buttons use the deep tone */
    --btn-bg:#9A4E1F; --btn-bg-hover:#82401A; --btn-fg:#FFF8F2;
    --wm:var(--ink);
    --shadow:0 1px 2px rgba(16,24,38,.05), 0 8px 24px -12px rgba(16,24,38,.16);
    --shadow-lift:0 2px 4px rgba(16,24,38,.06), 0 18px 40px -18px rgba(16,24,38,.28);
    --nav-bg:rgba(250,247,242,.86);

    --sans:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --serif:"Newsreader", Georgia, "Times New Roman", serif;
  }
  * { box-sizing:border-box; margin:0; }
  html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }

  body {
    font-family:var(--serif); font-size:1.0625rem; line-height:1.72;
    background:var(--bg); color:var(--text);
    font-optical-sizing:auto;
  }
  h1,h2,h3 { font-family:var(--sans); font-optical-sizing:auto; }
  a { color:var(--accent-text); }
  a:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:2px; }
  img,svg { max-width:100%; }

  .wrap { width:100%; max-width:74rem; margin:0 auto; padding:0 clamp(20px, 5vw, 40px); }
  .skip {
    position:fixed; left:-9999px; top:0; background:var(--surface); color:var(--text);
    padding:12px 18px; z-index:100; font-family:var(--sans); border-radius:0 0 8px 0;
  }
  .skip:focus { left:0; }

  /* ── nav ─────────────────────────────────────── */
  .nav {
    position:sticky; top:0; z-index:50;
    background:var(--nav-bg); backdrop-filter:saturate(180%) blur(12px);
    border-bottom:1px solid var(--rule);
  }
  .nav-in { display:flex; align-items:center; gap:20px; height:68px; }
  .wordmark { display:block; width:132px; height:auto; flex:none; }
  .wordmark .wm-ink { fill:var(--wm); }
  .wordmark .wm-copper { fill:var(--accent); }
  .nav-links { margin-left:auto; display:flex; gap:clamp(14px, 2vw, 30px); align-items:center; }
  .nav-links a {
    font-family:var(--sans); font-size:14px; font-weight:500; color:var(--muted);
    text-decoration:none; letter-spacing:.005em; white-space:nowrap;
  }
  .nav-links a:hover { color:var(--text); }
  .btn {
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    font-family:var(--sans); font-size:15px; font-weight:600; letter-spacing:.005em;
    padding:12px 22px; border-radius:8px; text-decoration:none; border:1px solid transparent;
    transition:transform .14s ease, box-shadow .14s ease, background-color .14s ease;
    white-space:nowrap;
  }
  /* `a.` keeps these winning over `.nav-links a` (equal specificity, later in source) */
  a.btn-primary, .btn-primary { background:var(--btn-bg); color:var(--btn-fg); box-shadow:0 1px 2px rgba(16,24,38,.14); }
  a.btn-primary:hover, .btn-primary:hover { background:var(--btn-bg-hover); transform:translateY(-1px); box-shadow:var(--shadow); }
  a.btn-ghost, .btn-ghost { border-color:var(--rule); color:var(--text); background:var(--surface); }
  a.btn-ghost:hover, .btn-ghost:hover { border-color:var(--muted); transform:translateY(-1px); }
  .cta-band a.btn-primary, .band-dark a.btn-primary { background:#D9834A; color:#131A26; }
  .cta-band a.btn-primary:hover, .band-dark a.btn-primary:hover { background:#E5945D; }
  .btn-sm { padding:9px 16px; font-size:14px; border-radius:7px; }
  .btn-lg { padding:15px 30px; font-size:17px; border-radius:9px; }
  .nav .btn { flex:none; }

  /* ── section scaffold ────────────────────────── */
  .band { padding:clamp(46px, 6vw, 82px) 0; scroll-margin-top:76px; }
  .band-alt { background:var(--bg-alt); }
  .band-dark { background:var(--ink); color:#F1EDE6; }

  /* slate, not copper — copper is reserved for the wordmark, buttons, and the strikeouts */
  .eyebrow {
    font-family:var(--sans); font-size:13px; font-weight:600;
    letter-spacing:.02em; color:var(--muted);
    display:flex; align-items:center; gap:10px; margin-bottom:16px;
  }
  .eyebrow::before { content:""; width:18px; height:1.5px; background:var(--muted); flex:none; }
  .band-dark .eyebrow { color:#93A3BA; }
  .band-dark .eyebrow::before { background:#93A3BA; }

  h2.title {
    font-size:clamp(27px, 3.6vw, 41px); font-weight:700; letter-spacing:-0.028em;
    line-height:1.14; max-width:20ch; text-wrap:balance;
  }
  .lede { margin-top:16px; max-width:42rem; font-size:clamp(17px, 1.5vw, 19px); color:var(--muted); }
  .band-dark .lede { color:#B9C2D0; }
  .sec-head { margin-bottom:clamp(26px, 3vw, 38px); }

  /* ── hero ────────────────────────────────────── */
  .hero { padding:clamp(32px, 4.5vw, 56px) 0 clamp(38px, 5vw, 60px); }
  .hero h1 {
    font-size:clamp(34px, 5.4vw, 60px); font-weight:800; letter-spacing:-0.035em;
    line-height:1.05; max-width:19ch; text-wrap:balance;
  }
  .hero p.sub em { font-style:italic; color:var(--accent-text); }
  .hero p.sub {
    margin-top:22px; max-width:35rem; font-size:clamp(17.5px, 1.8vw, 20.5px); color:var(--muted);
  }
  .hero-actions { margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }

  /* signature: the manual middle, removed */
  .flow {
    margin-top:clamp(32px, 4vw, 48px); background:var(--surface);
    border:1px solid var(--rule); border-radius:14px; box-shadow:var(--shadow);
    padding:clamp(22px, 3vw, 32px) clamp(18px, 3vw, 32px) clamp(18px, 2.5vw, 24px);
    position:relative; overflow:hidden;
  }
  /* inline-block so the bracket hugs the rail's content width instead of the card */
  .flow-inner { display:inline-block; max-width:100%; }
  .flow-bracket { position:relative; height:30px; margin-bottom:6px; }
  .flow-bracket .bar {
    position:absolute; left:0; right:0; bottom:0; height:100%;
    border-top:1.5px solid var(--accent); border-left:1.5px solid var(--accent); border-right:1.5px solid var(--accent);
    border-radius:8px 8px 0 0; transform-origin:center;
  }
  .flow-bracket .lbl {
    position:absolute; left:22px; top:2px;
    background:var(--surface); padding:0 12px 0 6px;
    font-family:var(--sans); font-size:13.5px; font-weight:700; letter-spacing:.005em;
    color:var(--accent-text); white-space:nowrap;
  }
  .flow-rail { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
  .flow-mid { display:flex; flex-wrap:wrap; gap:10px; }
  .chip {
    font-family:var(--sans); font-size:16px; padding:11px 16px; border-radius:8px;
    border:1px solid var(--rule); white-space:nowrap;
  }
  .chip-anchor { font-weight:700; background:var(--surface); border-color:var(--text); color:var(--text); }
  /* the manual steps are the most persuasive copy on the page — keep them legible, not ghosted */
  .chip-manual { color:var(--text); background:var(--bg-alt); border-style:dashed; position:relative; }
  .chip-manual .strike {
    position:absolute; left:10px; right:10px; top:50%; height:2px; background:var(--copper);
    transform:scaleX(0); transform-origin:left center;
  }
  .flow-arrow { color:var(--muted); flex:none; }
  .flow-foot {
    margin-top:18px; padding-top:15px; border-top:1px solid var(--rule);
    font-family:var(--sans); font-size:14.5px; color:var(--text);
  }
  .flow-foot b { font-weight:700; }

  /* ── assurance strip ─────────────────────────── */
  .assure { background:var(--bg-alt); border-top:2px solid var(--copper); border-bottom:1px solid var(--rule); }
  /* padding-block only — a `padding` shorthand here would cancel .wrap's side padding */
  .assure-in { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px clamp(20px, 3vw, 40px); padding-top:26px; padding-bottom:26px; }
  .assure .k { font-family:var(--sans); font-size:12px; font-weight:600; color:var(--muted); margin-bottom:5px; }
  .assure .v { font-family:var(--sans); font-size:16px; font-weight:600; letter-spacing:-0.01em; line-height:1.4; }

  /* ── quote cards ─────────────────────────────── */
  .quote-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:clamp(16px, 2vw, 24px); }
  .qcard {
    background:var(--surface); border:1px solid var(--rule); border-radius:14px;
    padding:clamp(22px, 2.6vw, 30px); box-shadow:var(--shadow);
    transition:transform .16s ease, box-shadow .16s ease;
  }
  .qcard:hover { transform:translateY(-3px); box-shadow:var(--shadow-lift); }
  /* these are spoken lines — Newsreader italic is the pairing's one real display moment */
  .qcard h3 {
    font-family:var(--serif); font-style:italic; font-weight:500;
    font-size:clamp(21px, 2.3vw, 27px); letter-spacing:-0.01em;
    line-height:1.25; margin-bottom:14px;
  }
  .qcard p { font-size:15.5px; color:var(--muted); }
  .qcard .then {
    margin-top:16px; padding-top:15px; border-top:1px solid var(--rule);
    font-size:16px; color:var(--text);
  }
  .qcard .then b {
    display:block; font-family:var(--sans); font-size:11px; font-weight:700;
    letter-spacing:.16em; text-transform:uppercase; color:var(--accent-text); margin-bottom:7px;
  }
  .closer {
    margin-top:clamp(28px, 3.5vw, 44px); font-family:var(--sans);
    font-size:clamp(21px, 2.8vw, 30px); font-weight:700; letter-spacing:-0.024em;
    line-height:1.22; text-wrap:balance; max-width:24ch;
  }
  .closer span { color:var(--accent-text); }

  /* ── method ──────────────────────────────────── */
  .method-grid { padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0 clamp(28px, 4vw, 56px); }
  .method-grid li { list-style:none; padding:19px 0; border-bottom:1px solid var(--rule); }
  .method-grid li b {
    display:block; font-family:var(--sans); font-size:16.5px; font-weight:700;
    letter-spacing:-0.014em; margin-bottom:5px;
  }
  .method-grid li span { font-size:15.5px; color:var(--muted); }

  /* ── dark statement ──────────────────────────── */
  .statement {
    font-family:var(--sans); font-size:clamp(25px, 3.6vw, 42px); font-weight:700;
    letter-spacing:-0.03em; line-height:1.12; max-width:19ch; text-wrap:balance;
  }
  .band-dark .cols { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(26px, 4vw, 60px); margin-top:clamp(26px, 3vw, 40px); align-items:center; }
  .band-dark .cols p { color:#C3CBD8; font-size:16.5px; margin-bottom:15px; }
  .band-dark .cols p:last-child { margin-bottom:0; }
  .band-dark .payoff {
    border-left:3px solid var(--copper); padding-left:22px; color:#F5F1EA !important;
    font-family:var(--serif); font-style:italic; font-size:clamp(20px, 2.2vw, 25px) !important;
    line-height:1.35;
  }

  /* ── build cards ─────────────────────────────── */
  .build-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(16px, 2vw, 24px); }
  .bcard {
    background:var(--surface); border:1px solid var(--rule); border-radius:14px;
    padding:clamp(22px, 2.4vw, 28px); box-shadow:var(--shadow);
    transition:transform .16s ease, box-shadow .16s ease;
  }
  .bcard:hover { transform:translateY(-3px); box-shadow:var(--shadow-lift); }
  .bcard h3 { font-size:21px; font-weight:700; letter-spacing:-0.018em; line-height:1.28; margin-bottom:10px; }
  .bcard p { font-size:15px; color:var(--muted); }
  .bcard-cta { background:var(--bg-alt); border:none; box-shadow:none; }
  .bcard-cta:hover { transform:none; box-shadow:none; }
  .stack-note {
    margin-top:clamp(22px, 3vw, 34px); background:var(--bg-alt); border:1px solid var(--rule);
    border-radius:12px; padding:20px 24px; font-size:15px; color:var(--muted);
  }
  .stack-note b { font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-text); display:block; margin-bottom:8px; }

  /* ── proof ───────────────────────────────────── */
  .proof-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(16px, 2vw, 24px); }
  .pcard { background:var(--surface); border:1px solid var(--rule); border-top:3px solid var(--text); border-radius:4px 4px 14px 14px; padding:clamp(22px, 2.4vw, 28px); box-shadow:var(--shadow); }
  .pcard .fact { font-family:var(--sans); font-size:clamp(23px, 2.5vw, 29px); font-weight:700; letter-spacing:-0.028em; line-height:1.15; margin-bottom:13px; }
  .pcard p { font-size:15px; color:var(--muted); }

  /* ── packages ────────────────────────────────── */
  .when {
    font-family:var(--sans); font-size:13px; font-weight:600; color:var(--muted);
    display:inline-block;
  }
  /* the entry point gets its own weight — the rest are peers, and the last two are terms, not products */
  .pkg-lead {
    background:var(--surface); border:1px solid var(--rule); border-left:4px solid var(--copper);
    border-radius:4px 14px 14px 4px; padding:clamp(24px, 2.8vw, 34px);
    box-shadow:var(--shadow); margin-bottom:14px;
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px clamp(28px, 4vw, 56px); align-items:center;
  }
  .pkg-lead .tag { font-family:var(--sans); font-size:12.5px; font-weight:700; color:var(--accent-text); margin-bottom:8px; }
  .pkg-lead h3 { font-size:clamp(22px, 2.4vw, 28px); font-weight:700; letter-spacing:-0.024em; line-height:1.2; margin-bottom:8px; }
  .pkg-lead p { font-size:16px; color:var(--muted); }
  .pkg-cards { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-bottom:14px; }
  .pkg-card {
    background:var(--surface); border:1px solid var(--rule); border-radius:14px;
    padding:clamp(20px, 2.2vw, 26px); box-shadow:var(--shadow);
    transition:transform .16s ease, box-shadow .16s ease;
  }
  .pkg-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-lift); }
  .pkg-card h3 { font-size:19.5px; font-weight:700; letter-spacing:-0.018em; line-height:1.25; margin-bottom:6px; }
  .pkg-card .when { margin-bottom:10px; }
  .pkg-card p { font-size:15px; color:var(--muted); }
  .pkg-terms { border-top:1px solid var(--rule); }
  .pkg-term {
    display:grid; grid-template-columns:14rem minmax(0,1fr); gap:6px clamp(24px, 3vw, 40px);
    padding:18px 2px; border-bottom:1px solid var(--rule); align-items:baseline;
  }
  .pkg-term h3 { font-size:16.5px; font-weight:700; letter-spacing:-0.014em; }
  .pkg-term h3 span { display:block; font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--muted); margin-top:3px; }
  .pkg-term p { font-size:15px; color:var(--muted); }

  /* ── who / side ──────────────────────────────── */
  .who-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(28px, 4vw, 64px); align-items:start; }
  .who-grid > div > p { margin-bottom:16px; max-width:34rem; }
  .who-grid > div > p:last-child { margin-bottom:0; }
  .sidecard {
    background:var(--surface); border:1px solid var(--rule); border-radius:14px;
    padding:24px 26px; box-shadow:var(--shadow); margin-bottom:14px;
  }
  .sidecard:last-child { margin-bottom:0; }
  .sidecard h3 { font-family:var(--sans); font-size:15px; font-weight:700; letter-spacing:-0.01em; margin-bottom:13px; }
  .sidecard ul { list-style:none; padding:0; }
  .sidecard li { font-size:15.5px; padding:6px 0 6px 20px; position:relative; }
  .sidecard li::before { content:""; position:absolute; left:0; top:15px; width:8px; height:2px; background:var(--accent); }
  .sidecard p { font-size:15px; color:var(--muted); }

  /* ── cta + footer ────────────────────────────── */
  .cta-band { background:var(--ink); color:#F1EDE6; padding:clamp(48px, 6.5vw, 84px) 0; }
  .cta-in { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(30px, 5vw, 72px); align-items:start; }
  .cta-band h2 { font-size:clamp(28px, 4vw, 46px); font-weight:800; letter-spacing:-0.032em; line-height:1.08; max-width:17ch; text-wrap:balance; }
  .cta-band p { margin-top:18px; max-width:38rem; color:#BCC5D2; font-size:17.5px; }
  .cta-actions { margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
  .whois { border-left:3px solid var(--copper); padding-left:22px; }
  .whois h3 { font-size:17px; font-weight:700; letter-spacing:-0.014em; margin-bottom:12px; color:#F5F1EA; }
  .whois p { margin-top:0; margin-bottom:13px; font-size:15.5px; color:#BCC5D2; max-width:32rem; }
  .whois p:last-child { margin-bottom:0; }
  .cta-band .btn-ghost { background:transparent; border-color:#3A465F; color:#F1EDE6; }
  .cta-band .btn-ghost:hover { border-color:#7F8DA5; }

  footer { background:var(--bg); border-top:1px solid var(--rule); padding:34px 0 44px; }
  .foot-in { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; }
  .foot-in p { font-family:var(--sans); font-size:13.5px; color:var(--muted); }
  .foot-in a { font-weight:600; text-decoration:none; }
  .foot-in a:hover { text-decoration:underline; }

  /* ── motion ──────────────────────────────────── */
  @media (prefers-reduced-motion: no-preference) {
    .hero h1, .hero p.sub, .hero-actions, .flow { animation:rise .6s cubic-bezier(.2,.7,.3,1) both; }
    .hero p.sub { animation-delay:.08s; }
    .hero-actions { animation-delay:.16s; }
    .flow { animation-delay:.24s; }
    @keyframes rise { from { opacity:0; transform:translateY(14px); } }
    .flow-bracket .bar { animation:grow .7s cubic-bezier(.3,.8,.3,1) .8s both; }
    @keyframes grow { from { transform:scaleX(.04); opacity:0; } to { transform:scaleX(1); opacity:1; } }
    .flow-bracket .lbl { animation:fade .4s ease-out 1.35s both; }
    .chip-manual { animation:dim .4s ease-out both; }
    .chip-manual:nth-of-type(1) { animation-delay:1.5s; }
    .chip-manual:nth-of-type(2) { animation-delay:1.62s; }
    .chip-manual:nth-of-type(3) { animation-delay:1.74s; }
    .chip-manual:nth-of-type(4) { animation-delay:1.86s; }
    @keyframes dim { from { opacity:1; } to { opacity:.78; } }
    .chip-manual .strike { animation:strike .32s ease-out both; }
    .chip-manual:nth-of-type(1) .strike { animation-delay:1.5s; }
    .chip-manual:nth-of-type(2) .strike { animation-delay:1.62s; }
    .chip-manual:nth-of-type(3) .strike { animation-delay:1.74s; }
    .chip-manual:nth-of-type(4) .strike { animation-delay:1.86s; }
    @keyframes strike { to { transform:scaleX(1); } }
    @keyframes fade { from { opacity:0; } }
  }
  @media (prefers-reduced-motion: reduce) {
    .chip-manual { opacity:.78; }
    .chip-manual .strike { transform:scaleX(1); }
  }

  /* ── responsive ──────────────────────────────── */
  @media (max-width: 1010px) {
    .build-grid, .proof-grid, .pkg-cards { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .pkg-lead { grid-template-columns:minmax(0,1fr); }
    /* once the chips wrap, a bracket spanning only the first row reads as broken */
    .flow-arrow { display:none; }
    .flow-bracket { height:auto; margin-bottom:12px; }
    .flow-bracket .bar { display:none; }
    .flow-bracket .lbl { position:static; transform:none; padding:0; background:none; }
  }
  @media (max-width: 860px) {
    /* :not(.btn) — a bare `.nav-links a` also hides the Email button (equal specificity, later in source) */
    .nav-links a:not(.btn) { display:none; }
    .who-grid, .band-dark .cols, .cta-in { grid-template-columns:minmax(0,1fr); }
    .assure-in { grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 680px) {
    .quote-grid, .method-grid, .build-grid, .proof-grid, .pkg-cards { grid-template-columns:minmax(0,1fr); }
    .pkg-term { grid-template-columns:minmax(0,1fr); }
    /* vertical rail: request → the struck middle → draft, so the story still reads top-to-bottom */
    .flow-inner, .flow-rail { display:block; }
    .flow-rail .chip-anchor { display:inline-block; }
    .flow-mid {
      flex-direction:column; align-items:flex-start; gap:8px;
      margin:10px 0 10px 13px; padding:12px 0 12px 17px;
      border-left:2px solid var(--copper);
    }
    .chip { font-size:14.5px; padding:9px 14px; white-space:normal; }
    .hero-actions .btn, .cta-actions .btn { width:100%; }
  }

  /* ── two-page additions ──────────────────────── */
  .nav-links a.here { color:var(--text); font-weight:600; }
  .pitch { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:clamp(14px,1.6vw,20px); }
  .pitch div { border-top:2px solid var(--text); padding-top:12px; }
  .pitch b { display:block; font-family:var(--sans); font-size:15.5px; font-weight:700; letter-spacing:-0.014em; line-height:1.3; margin-bottom:5px; }
  .pitch span { font-size:14px; color:var(--muted); line-height:1.5; }
  .promise { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:clamp(16px,2vw,28px); }
  .promise div b { display:block; font-family:var(--sans); font-size:16px; font-weight:700; letter-spacing:-0.014em; margin-bottom:5px; }
  .promise div span { font-size:14.5px; color:var(--muted); }
  .more {
    margin-top:clamp(26px,3vw,38px); display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    font-family:var(--sans); font-size:15px; color:var(--muted);
  }
  .qcard-tight .then { margin-top:12px; padding-top:12px; }
  .qcard-tight .then b { margin-bottom:5px; }
  .pkg-names { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px clamp(20px,2.5vw,32px); }
  .pkg-names div { border-top:1px solid var(--rule); padding-top:12px; }
  .pkg-names b { display:block; font-family:var(--sans); font-size:16.5px; font-weight:700; letter-spacing:-0.014em; line-height:1.3; }
  .pkg-names span { font-family:var(--sans); font-size:13px; color:var(--muted); }
  .page-head { padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,44px); }
  .page-head h1 { font-size:clamp(32px,4.6vw,52px); font-weight:800; letter-spacing:-0.032em; line-height:1.08; max-width:20ch; text-wrap:balance; }
  .page-head p { margin-top:18px; max-width:40rem; font-size:clamp(17px,1.6vw,19.5px); color:var(--muted); }
  .backlink { font-family:var(--sans); font-size:15px; }
  @media (max-width: 1000px) {
    .pitch { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .promise, .pkg-names { grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 680px) {
    .pitch, .promise, .pkg-names { grid-template-columns:minmax(0,1fr); }
  }