:root {
    --bg: #f7f6f2;
    --bg-2: #ffffff;
    --bg-3: #efede7;
    --bg-paper: #f1ede2;
    --bg-dark: #0b0b0c;
    --line: #e3e1d9;
    --line-2: #d8d6cf;
    --ink-0: #0b0b0c;
    --ink-1: #1a1a1e;
    --ink-2: #3d3d44;
    --ink-3: #8a8a92;
    --accent: #ff6a3d;
    --moss: #6b7d5a; /* organic secondary, low chroma */
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink-1); }
  body {
    font-family: "Inter Tight", system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.55;
  }
  ::selection { background: var(--accent); color: #fff; }
  a { color: inherit; text-decoration: none; }

  .container { max-width: 1200px; margin: 0 auto; padding-inline: clamp(20px, 4vw, 56px); }
  .container-narrow { max-width: 920px; margin: 0 auto; padding-inline: clamp(20px, 4vw, 56px); }

  .eyebrow {
    font-family: "JetBrains Mono", monospace;
    font-size: 12.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent);
    display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px;
  }
  .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }

  /* LOGO */
  .lg { font-family: "Inter Tight", sans-serif; font-weight: 600; letter-spacing: -0.055em; line-height: 1; display: inline-flex; align-items: baseline; color: var(--ink-0); }
  .lg .acc { color: var(--accent); }

  /* NAV */
  .nav-wrap { position: sticky; top: 0; z-index: 50; background: rgba(247,246,242,0.85); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
  .nav { display: flex; align-items: center; gap: 32px; padding: 18px 0; }
  .nav .logo-link { font-size: 34px; }
  .nav .crumb { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); display: inline-flex; align-items: center; gap: 8px; padding-left: 14px; border-left: 1px solid var(--line-2); }
  .nav .crumb b { color: var(--ink-0); font-weight: 600; }
  .nav .links { display: flex; gap: 28px; margin-left: auto; align-items: center; }
  .nav .links a { font-size: 17px; font-weight: 500; color: var(--ink-1); transition: color 150ms ease; }
  .nav .links a:hover { color: var(--ink-0); }
  .nav .links a.active { color: var(--accent); font-weight: 700; }
  .nav .phone { font-family: "JetBrains Mono", monospace; font-size: 15px; color: var(--ink-0); padding: 10px 18px; border: 1.5px solid var(--ink-0); border-radius: 999px; transition: all 150ms ease; font-weight: 600; }
  .nav .phone:hover { background: var(--ink-0); color: #fff; }
  @media (max-width: 1024px) { .nav .links, .nav .crumb { display: none; } }

  /* ─── HERO — editorial feel ─────────────────────────────────────────── */
  .hero {
    position: relative;
    overflow: hidden;
    padding: 40px 0 44px;
    background:
      linear-gradient(180deg, #f4f1e8 0%, #f7f6f2 55%, #f1ede2 100%);
    border-bottom: 1px solid var(--line);
  }
  /* layered texture: warm vignettes + paper grain + tight cross-hatch */
  .hero::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
      /* warm tonal washes */
      radial-gradient(ellipse 900px 600px at 8% 12%, rgba(255,106,61,0.07), transparent 65%),
      radial-gradient(ellipse 1100px 720px at 100% 88%, rgba(107,125,90,0.10), transparent 70%),
      /* fine cross-hatch */
      repeating-linear-gradient( 45deg, rgba(11,11,12,0.035) 0 1px, transparent 1px 7px),
      repeating-linear-gradient(-45deg, rgba(11,11,12,0.025) 0 1px, transparent 1px 7px),
      /* paper grain dots */
      radial-gradient(circle at 1px 1px, rgba(11,11,12,0.10) 0.6px, transparent 1.1px);
    background-size: auto, auto, auto, auto, 4px 4px;
    background-blend-mode: normal, normal, normal, normal, normal;
    pointer-events: none;
    z-index: 0;
    opacity: 0.85;
  }
  /* heavier organic contour blob, top-right */
  .hero::after {
    content: "";
    position: absolute;
    right: -160px; top: -120px;
    width: 620px; height: 620px;
    background:
      radial-gradient(circle at 50% 50%,
        transparent 0 38%,
        rgba(11,11,12,0.05) 38% 38.5%,
        transparent 38.5% 50%,
        rgba(107,125,90,0.08) 50% 50.6%,
        transparent 50.6% 64%,
        rgba(255,106,61,0.07) 64% 64.6%,
        transparent 64.6% 80%,
        rgba(11,11,12,0.03) 80% 80.4%,
        transparent 80.4%);
    pointer-events: none;
    z-index: 0;
    filter: blur(0.3px);
  }
  .hero-inner {
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: 1.02fr 0.98fr;
    gap: 72px;
    align-items: stretch;
  }
  .hero-right { display: flex; flex-direction: column; gap: 16px; }
  @media (max-width: 980px) {
    .hero-inner { grid-template-columns: 1fr; gap: 56px; }
    .hero { padding: 56px 0 56px; }
  }

  .audit-card {
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 26px 28px 24px;
    box-shadow: 0 30px 60px -20px rgba(60,40,20,0.18), 0 8px 20px rgba(60,40,20,0.06);
    position: relative;
  }
  .audit-card .audit-head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding-bottom: 16px; margin-bottom: 18px;
    border-bottom: 1px solid var(--line);
  }
  .audit-card .audit-head .lab {
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--ink-3);
    display: inline-flex; align-items: center; gap: 8px;
  }
  .audit-card .audit-head .lab .live {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--moss);
    box-shadow: 0 0 0 3px rgba(107,125,90,0.18);
    animation: auditPulse 2s ease-in-out infinite;
  }
  @keyframes auditPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }
  .audit-card .audit-head .free {
    font-family: "JetBrains Mono", monospace;
    font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--accent); font-weight: 700;
    padding: 4px 9px; border-radius: 999px;
    background: rgba(255,106,61,0.08);
    border: 1px solid rgba(255,106,61,0.35);
  }
  .audit-card h2.audit-title {
    font-family: "Inter Tight", sans-serif;
    font-weight: 700; font-size: 28px;
    letter-spacing: -0.028em; line-height: 1.08;
    color: var(--ink-0); margin: 0 0 8px;
    text-wrap: balance;
  }
  .audit-card h2.audit-title em { font-style: italic; font-family: "Source Serif 4", serif; font-weight: 500; color: var(--accent); letter-spacing: -0.01em; }
  .audit-card p.audit-sub { font-size: 14.5px; line-height: 1.5; color: var(--ink-2); margin: 0 0 18px; }
  .audit-scope {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--bg-paper) 0%, var(--bg) 100%);
    padding: 14px 16px 12px;
    margin-bottom: 20px;
    position: relative;
  }
  .audit-scope::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
      repeating-linear-gradient(45deg, rgba(11,11,12,0.025) 0 1px, transparent 1px 7px),
      repeating-linear-gradient(-45deg, rgba(11,11,12,0.02) 0 1px, transparent 1px 7px);
    pointer-events: none; border-radius: inherit;
  }
  .audit-scope .sc-head {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: space-between;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--ink-3);
    padding-bottom: 9px; margin-bottom: 8px;
    border-bottom: 1px dashed var(--line-2);
  }
  .audit-scope .sc-head .ttl { color: var(--ink-0); font-weight: 700; }
  .audit-scope .sc-head .nbr { color: var(--accent); font-weight: 700; }
  .audit-scope ul {
    position: relative; z-index: 1;
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column;
  }
  .audit-scope li {
    display: grid; grid-template-columns: 18px 1fr auto;
    gap: 10px; align-items: baseline;
    padding: 6px 0;
    font-size: 13.5px; line-height: 1.35;
    color: var(--ink-1);
    border-bottom: 1px dashed var(--line-2);
  }
  .audit-scope li:last-child { border-bottom: 0; }
  .audit-scope li .ck {
    align-self: center;
    width: 16px; height: 16px;
    display: inline-grid; place-items: center;
    border-radius: 50%;
    background: var(--accent); color: #fff;
    flex-shrink: 0;
  }
  .audit-scope li .ck svg { width: 10px; height: 10px; display: block; }
  .audit-scope li .nm { color: var(--ink-0); font-weight: 600; }
  .audit-scope li .nm em { font-family: "Source Serif 4", serif; font-style: italic; font-weight: 400; color: var(--ink-2); font-size: 13px; margin-left: 4px; letter-spacing: 0.005em; }
  .audit-scope li .tag {
    font-family: "JetBrains Mono", monospace; font-size: 10px;
    letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--ink-3);
  }
  .audit-card .wpcf7 form { display: block; }
  .audit-card .audit-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .audit-card .audit-form p { margin: 0; display: contents; }
  .audit-card .audit-form br { display: none; }
  .audit-card .audit-form .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
  .audit-card .audit-form .field.full { grid-column: 1 / -1; }
  .audit-card .audit-form label {
    display: flex; flex-direction: column; gap: 6px;
    font-family: "JetBrains Mono", monospace; font-size: 10.5px;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--ink-3); font-weight: 600;
  }
  .audit-card .audit-form input,
  .audit-card .audit-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--line-2);
    border-radius: 10px;
    background: var(--bg);
    font-family: "Inter Tight", sans-serif;
    font-size: 15px; color: var(--ink-0);
    transition: all 150ms ease; outline: none;
  }
  .audit-card .audit-form input::placeholder,
  .audit-card .audit-form textarea::placeholder { color: var(--ink-3); }
  .audit-card .audit-form input:focus,
  .audit-card .audit-form textarea:focus {
    border-color: var(--accent);
    background: var(--bg-2);
    box-shadow: 0 0 0 3px rgba(255,106,61,0.14);
  }
  .audit-card .audit-form .submit-row {
    grid-column: 1 / -1;
    display: flex; align-items: center; justify-content: space-between;
    gap: 14px; flex-wrap: wrap; margin-top: 4px;
  }
  .audit-card .audit-form .submit,
  .audit-card .audit-form .wpcf7-submit {
    flex: 1; min-width: 200px;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    padding: 14px 22px;
    background: var(--accent); color: #fff;
    border: 0; border-radius: 999px;
    font-family: "Inter Tight", sans-serif;
    font-size: 16px; font-weight: 700;
    letter-spacing: -0.005em; cursor: pointer;
    box-shadow: 0 8px 20px rgba(255,106,61,0.3);
    transition: all 180ms ease;
  }
  .audit-card .audit-form .submit:hover,
  .audit-card .audit-form .wpcf7-submit:hover { background: #f25a2c; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(255,106,61,0.4); }
  .audit-card .audit-form .fineprint {
    font-family: "JetBrains Mono", monospace; font-size: 10.5px;
    letter-spacing: 0.06em; color: var(--ink-3);
  }
  .audit-card .audit-form .fineprint b { color: var(--ink-0); font-weight: 600; }
  .audit-card .audit-form .fineprint a { border-bottom: 1px solid var(--line-2); transition: border-color 150ms ease, color 150ms ease; }
  .audit-card .audit-form .fineprint a:hover { color: var(--accent); border-bottom-color: var(--accent); }
  @media (max-width: 520px) { .audit-card .audit-form { grid-template-columns: 1fr; } }

  .hero-left .head { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
  .hero-left .head .glyph {
    width: 32px; height: 32px;
    border: 1.5px solid var(--ink-0);
    border-radius: 8px;
    display: inline-flex;
    align-items: center; justify-content: center;
    color: var(--ink-0);
    position: relative;
    background: var(--bg-2);
  }
  .hero-left .head .glyph svg { width: 18px; height: 18px; display: block; color: var(--accent); }
  .hero-left .head .crumb { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; }
  .hero-left .head .crumb b { color: var(--ink-0); }

  h1.hero-title {
    font-family: "Inter Tight", sans-serif;
    font-weight: 700;
    font-size: clamp(40px, 5.2vw, 72px);
    line-height: 0.96;
    letter-spacing: -0.038em;
    color: var(--ink-0);
    margin: 0 0 24px;
    text-wrap: balance;
  }
  h1.hero-title em { font-style: normal; font-weight: 700; position: relative; display: inline-block; z-index: 1; }
  h1.hero-title em::after { content: ""; position: absolute; left: -2px; right: -2px; bottom: 0.06em; height: 0.34em; background: rgba(255,106,61,0.22); z-index: -1; }
  h1.hero-title b { color: var(--accent); font-weight: 700; }

  .hero-left p.lead { font-size: 18px; line-height: 1.65; color: var(--ink-1); margin: 0 0 16px; max-width: 56ch; }
  .hero-left p.lead strong { color: var(--ink-0); font-weight: 600; }

  .hero-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 28px 0 24px; max-width: 580px; }
  .hero-stats .s { padding: 16px 0; display: flex; flex-direction: column; gap: 4px; }
  .hero-stats .s + .s { border-left: 1px solid var(--line); padding-left: 18px; }
  .hero-stats .s:not(:first-child) { padding-left: 18px; }
  .hero-stats .s .n { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 28px; line-height: 1; letter-spacing: -0.025em; color: var(--ink-0); }
  .hero-stats .s .n span { color: var(--accent); }
  .hero-stats .s .l { font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase; }

  .cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 24px; align-items: center; }
  .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; font-size: 15px; font-weight: 600; transition: all 180ms ease; cursor: pointer; }
  .btn.pri { background: var(--accent); color: #fff; box-shadow: 0 8px 24px rgba(255,106,61,0.32); }
  .btn.pri:hover { background: #f25a2c; transform: translateY(-2px); }
  .btn.sec { background: var(--bg-2); color: var(--ink-0); border: 1.5px solid var(--ink-0); }
  .btn.sec:hover { background: var(--ink-0); color: #fff; }
  .btn.dark { background: var(--ink-0); color: #fff; }
  .btn.dark:hover { background: var(--accent); }
  .btn .arr { width: 14px; height: 14px; }

  /* visibility-tier pills (mirrors auth/audit legends on sister pages) */
  .hero-left .legend { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-2); letter-spacing: 0.04em; }
  .hero-left .legend .pill { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; padding: 3px 9px; border-radius: 4px; letter-spacing: 0.14em; font-weight: 700; text-transform: uppercase; }
  .hero-left .legend .pill .dot { width: 8px; height: 8px; border-radius: 50%; }
  .hero-left .legend .pill.hi { background: rgba(44,138,79,0.10); color: #2c8a4f; border: 1px solid rgba(44,138,79,0.3); }
  .hero-left .legend .pill.hi .dot { background: #2c8a4f; }
  .hero-left .legend .pill.md { background: rgba(201,138,20,0.10); color: #c98a14; border: 1px solid rgba(201,138,20,0.3); }
  .hero-left .legend .pill.md .dot { background: #c98a14; }
  .hero-left .legend .pill.lo { background: rgba(138,138,146,0.10); color: #8a8a92; border: 1px solid rgba(138,138,146,0.3); }
  .hero-left .legend .pill.lo .dot { background: #8a8a92; }
  .hero-left .legend .item { color: var(--ink-3); }

  /* RIGHT — Growth chart signifier */
  .growth-card {
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px 20px 16px;
    box-shadow: 0 30px 60px -20px rgba(60,40,20,0.18), 0 8px 20px rgba(60,40,20,0.06);
    position: relative;
  }
  .growth-card .gh-head {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid var(--line);
  }
  .growth-card .gh-head .lab { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); }
  .growth-card .gh-head .lab b { color: var(--ink-0); font-weight: 600; }
  .growth-card .gh-head .live { display: inline-flex; align-items: center; gap: 6px; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--moss); }
  .growth-card .gh-head .live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--moss); box-shadow: 0 0 0 3px rgba(107,125,90,0.18); animation: livePulse 2s ease-in-out infinite; }
  @keyframes livePulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }

  .growth-plot { position: relative; height: 168px; margin-top: 4px; }
  .growth-plot svg { width: 100%; height: 100%; overflow: visible; }
  .growth-card .axis { position: absolute; pointer-events: none; }
  .growth-card .yax { left: 0; top: 0; bottom: 26px; display: flex; flex-direction: column; justify-content: space-between; font-family: "JetBrains Mono", monospace; font-size: 9.5px; color: var(--ink-3); }
  .growth-card .legend-row {
    display: grid; grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    padding: 10px 0 2px;
    border-top: 1px dashed var(--line-2);
    margin-top: 4px;
  }
  .growth-card .legend-row .it { display: flex; flex-direction: column; gap: 2px; }
  .growth-card .legend-row .it .n { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; color: var(--ink-0); line-height: 1; }
  .growth-card .legend-row .it .n .acc { color: var(--accent); }
  .growth-card .legend-row .it .l { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }

  /* Keyword chips below chart */
  .kw-chips {
    display: flex; flex-wrap: wrap; gap: 5px;
    padding-top: 10px;
    border-top: 1px dashed var(--line-2);
    margin-top: 10px;
  }
  .kw-chip {
    font-family: "JetBrains Mono", monospace;
    font-size: 10.5px;
    letter-spacing: 0.04em;
    color: var(--ink-2);
    background: var(--bg-paper);
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid var(--line-2);
  }
  .kw-chip.up { color: var(--moss); border-color: rgba(107,125,90,0.3); background: rgba(107,125,90,0.08); }
  .kw-chip.up::after { content: " ↑"; }
  .kw-chip.win { color: #fff; background: var(--ink-0); border-color: var(--ink-0); }
  .kw-chip.win::after { content: " ★"; color: var(--accent); }

  /* MONTHLY SNAPSHOT under growth-card */
  .snap-card {
    background: var(--ink-0);
    color: #fff;
    border-radius: 14px;
    padding: 18px 22px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px -16px rgba(11,11,12,0.4);
  }
  .snap-card::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
      repeating-linear-gradient(45deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 6px);
    pointer-events: none;
  }
  .snap-head {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 12px; margin-bottom: 10px;
    border-bottom: 1px dashed rgba(255,255,255,0.14);
    font-family: "JetBrains Mono", monospace;
    font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
    position: relative;
  }
  .snap-lab { color: rgba(255,255,255,0.5); }
  .snap-lab b { color: var(--accent); font-weight: 700; }
  .snap-date { color: rgba(255,255,255,0.4); font-size: 10px; }
  .snap-rows { display: flex; flex-direction: column; gap: 7px; position: relative; }
  .snap-row {
    display: grid; grid-template-columns: 1fr auto;
    gap: 12px; align-items: center;
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px;
  }
  .snap-kw { color: rgba(255,255,255,0.78); letter-spacing: 0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .snap-shift { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
  .snap-shift .from { color: rgba(255,255,255,0.35); text-decoration: line-through; }
  .snap-shift .arr { color: rgba(255,255,255,0.4); font-weight: 400; }
  .snap-shift .to { color: var(--accent); font-size: 12.5px; }

  /* TOOL PARTNER STRIP */
  .strip { padding: 26px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .strip .row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    align-items: center;
  }
  @media (max-width: 880px) { .strip .row { grid-template-columns: 1fr; gap: 16px; } }
  .strip .lab {
    font-family: "JetBrains Mono", monospace;
    font-size: 11px; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--ink-3);
    line-height: 1.5;
  }
  .strip .lab b { color: var(--ink-0); font-weight: 700; display: block; font-size: 12px; letter-spacing: 0.2em; }
  .strip .tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: center; }
  .strip .tool {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 8px 16px 8px 12px;
    background: var(--bg-2);
    border: 1px solid var(--line-2);
    border-radius: 999px;
    font-family: "Inter Tight", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--ink-0);
    letter-spacing: -0.01em;
    box-shadow: 0 1px 0 rgba(11,11,12,0.03);
  }
  .strip .tool .dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
  .strip .tool.semrush .dot { background: #ff642d; box-shadow: 0 0 0 2px rgba(255,100,45,0.18); }
  .strip .tool.ahrefs .dot { background: #1b6dff; box-shadow: 0 0 0 2px rgba(27,109,255,0.18); }
  .strip .tool.moz .dot { background: #1ea2e4; box-shadow: 0 0 0 2px rgba(30,162,228,0.18); }
  .strip .tool.gsc .dot { background: #34a853; box-shadow: 0 0 0 2px rgba(52,168,83,0.18); }
  .strip .tool.ga .dot { background: #f9ab00; box-shadow: 0 0 0 2px rgba(249,171,0,0.18); }
  .strip .partner-badge {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 14px 6px 8px;
    background: var(--ink-0); color: #fff;
    border: 1px solid var(--ink-0);
    border-radius: 999px;
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px; letter-spacing: 0.08em;
    text-transform: uppercase; font-weight: 600;
    white-space: nowrap;
    justify-self: end;
  }
  .strip .partner-badge .pb-mark {
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--accent); color: #fff;
    display: inline-grid; place-items: center;
    flex-shrink: 0;
  }
  .strip .partner-badge .pb-mark svg { width: 11px; height: 11px; }

  /* ─── INTRO — long form, editorial ────────────────────────────────────── */
  .intro {
    padding: 110px 0;
    border-bottom: 1px solid var(--line);
  }
  .intro .col-2 {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 80px;
    align-items: start;
  }
  @media (max-width: 980px) { .intro .col-2 { grid-template-columns: 1fr; gap: 32px; } }
  .intro h2 {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 500;
    font-size: clamp(36px, 4.4vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.018em;
    color: var(--ink-0);
    margin: 0;
    max-width: 14ch;
    text-wrap: balance;
  }
  .intro h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .intro .body p { font-family: "Inter Tight", sans-serif; font-size: 19px; line-height: 1.7; color: var(--ink-1); margin: 0 0 20px; max-width: 60ch; }
  .intro .body p:first-child::first-letter {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 500;
    font-size: 4.6em;
    line-height: 0.85;
    float: left;
    margin: 0.06em 0.12em 0 0;
    color: var(--accent);
  }
  .intro .body p strong { color: var(--ink-0); font-weight: 600; }
  .intro .body p em { font-style: italic; color: var(--ink-2); }

  /* ─── REVENUE — two-column positioning (replaces old INTRO) ───────────── */
  .revenue { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .revenue .head {
    display: grid; grid-template-columns: 1fr 1.5fr;
    gap: 56px; align-items: end;
    padding-bottom: 56px; margin-bottom: 56px;
    border-bottom: 1px solid var(--line);
  }
  @media (max-width: 980px) { .revenue .head { grid-template-columns: 1fr; gap: 24px; align-items: start; } }
  .revenue .head h2 {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 500;
    font-size: clamp(44px, 5.4vw, 68px);
    line-height: 0.98; letter-spacing: -0.02em;
    color: var(--ink-0); margin: 0; text-wrap: balance;
  }
  .revenue .head h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .revenue .head .kicker {
    font-family: "Inter Tight", sans-serif;
    font-size: 18px; line-height: 1.55; color: var(--ink-2);
    max-width: 52ch; margin: 0;
  }
  .revenue .head .kicker b { color: var(--ink-0); font-weight: 600; }
  .revenue .cols { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
  @media (max-width: 980px) { .revenue .cols { grid-template-columns: 1fr; gap: 40px; } }
  .revenue .col + .col { padding-left: 56px; border-left: 1px solid var(--line); }
  @media (max-width: 980px) { .revenue .col + .col { padding-left: 0; border-left: 0; padding-top: 40px; border-top: 1px solid var(--line); } }
  .revenue .col h3 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 700; font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--ink-0); margin: 0 0 24px;
    display: inline-flex; align-items: center; gap: 10px;
  }
  .revenue .col h3::before { content: ""; width: 22px; height: 2px; background: var(--accent); }
  .revenue .col p {
    font-family: "Inter Tight", sans-serif;
    font-size: 17.5px; line-height: 1.7; color: var(--ink-1);
    margin: 0 0 18px; max-width: 56ch;
  }
  .revenue .col p strong { color: var(--ink-0); font-weight: 600; }
  .revenue .col p a {
    color: var(--accent); border-bottom: 1px solid rgba(255,106,61,0.4);
    transition: border-color 150ms ease;
  }
  .revenue .col p a:hover { border-bottom-color: var(--accent); }
  .revenue .col .services {
    display: flex; flex-wrap: wrap; gap: 6px 8px;
    margin: 18px 0 4px;
    font-family: "JetBrains Mono", monospace;
  }
  .revenue .col .services .sv {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; letter-spacing: 0.06em;
    padding: 6px 10px; border-radius: 4px;
    background: var(--bg-2); border: 1px solid var(--line);
    color: var(--ink-1);
  }
  .revenue .col .services .sv::before { content: "+"; color: var(--accent); font-weight: 700; }

  /* ─── AI BAND — dark, narrow, sets up the four pillars ────────────────── */
  .ai-band {
    background: var(--bg-dark);
    color: #e9e6dd;
    padding: 80px 0 88px;
    position: relative;
    overflow: hidden;
  }
  .ai-band::before {
    content: ""; position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 60% 80% at 8% 50%, rgba(255,106,61,0.10), transparent 60%),
      radial-gradient(ellipse 50% 70% at 96% 30%, rgba(255,106,61,0.06), transparent 60%);
    pointer-events: none;
  }
  .ai-band .container { position: relative; z-index: 1; }
  .ai-band .grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; }
  @media (max-width: 980px) { .ai-band .grid { grid-template-columns: 1fr; gap: 24px; } }
  .ai-band .eyebrow { color: var(--accent); margin-bottom: 18px; }
  .ai-band .eyebrow .dot { background: var(--accent); }
  .ai-band h2 {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 500;
    font-size: clamp(36px, 4.4vw, 56px);
    line-height: 1.02; letter-spacing: -0.02em;
    color: #fff; margin: 0; text-wrap: balance;
  }
  .ai-band h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .ai-band .body p {
    font-family: "Inter Tight", sans-serif;
    font-size: 19px; line-height: 1.7; color: #c9c6bd;
    margin: 0 0 18px; max-width: 60ch;
  }
  .ai-band .body p strong { color: #fff; font-weight: 600; }
  .ai-band .body p:last-child { margin-bottom: 0; }
  .ai-band .tools {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin: 24px 0 28px;
    font-family: "JetBrains Mono", monospace;
  }
  .ai-band .tools .tool {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12px; letter-spacing: 0.08em;
    padding: 8px 12px; border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    color: #e9e6dd; background: rgba(255,255,255,0.03);
  }
  .ai-band .tools .tool .ti { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
  .ai-band .handoff {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.12);
    font-family: "JetBrains Mono", monospace;
    font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--ink-3);
    display: inline-flex; align-items: center; gap: 12px;
  }
  .ai-band .handoff .arr { color: var(--accent); }

  /* ─── PILLARS — soft 4-up ─────────────────────────────────────────────── */
  .pillars { padding: 110px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .pillars .head { max-width: 720px; margin: 0 auto 64px; text-align: center; }
  .pillars h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -0.02em; color: var(--ink-0); margin: 0 0 20px; }
  .pillars h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .pillars .head p { font-size: 19px; color: var(--ink-1); line-height: 1.65; margin: 0; }
  .pillar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
  @media (max-width: 980px) { .pillar-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px) { .pillar-grid { grid-template-columns: 1fr; } }
  .pillar {
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 32px 28px 24px;
    display: flex; flex-direction: column; gap: 14px;
    min-height: 340px;
    position: relative; overflow: hidden;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
  }
  a.pillar { color: inherit; }
  a.pillar:hover {
    transform: translateY(-3px);
    border-color: var(--accent);
    box-shadow: 0 20px 40px -16px rgba(60,40,20,0.18);
  }
  a.pillar:hover .gohere { color: var(--accent); }
  a.pillar:hover .gohere .arr-s { transform: translateX(3px); }
  .pillar .num {
    font-family: "JetBrains Mono", monospace; font-size: 11px;
    letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--ink-3);
    display: flex; justify-content: space-between;
    align-items: center;
    padding-bottom: 14px; border-bottom: 1px dashed var(--line-2);
  }
  .pillar .num .pct { font-family: "Inter Tight", sans-serif; font-size: 22px; color: var(--accent); font-weight: 700; letter-spacing: -0.02em; }
  .pillar .subtitle {
    font-family: "JetBrains Mono", monospace;
    font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--accent); font-weight: 600;
    margin: 0 0 -6px;
  }
  .pillar h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 24px; letter-spacing: -0.018em; line-height: 1.15; color: var(--ink-0); margin: 0; }
  .pillar p { font-size: 15px; color: var(--ink-2); line-height: 1.6; margin: 0; }
  .pillar ul { list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-direction: column; gap: 6px; padding-top: 14px; border-top: 1px dashed var(--line-2); }
  .pillar ul li { font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: var(--ink-2); letter-spacing: 0.04em; padding-left: 14px; position: relative; }
  .pillar ul li::before { content: "·"; position: absolute; left: 0; top: -3px; color: var(--accent); font-weight: 700; font-size: 18px; }
  .pillar .gohere {
    margin-top: auto;
    padding-top: 18px;
    display: inline-flex; align-items: center; gap: 8px;
    font-family: "JetBrains Mono", monospace; font-size: 11px;
    letter-spacing: 0.14em; text-transform: uppercase;
    font-weight: 700; color: var(--ink-0);
    transition: color 180ms ease;
  }
  .pillar .gohere .arr-s {
    display: inline-block; width: 14px; height: 1.5px; background: currentColor; position: relative;
    transition: transform 220ms ease;
  }
  .pillar .gohere .arr-s::after {
    content: ""; position: absolute; right: -1px; top: -3px;
    width: 7px; height: 7px;
    border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
  }
  .pillar.soon { background: linear-gradient(180deg, var(--bg-2) 0%, rgba(247,246,242,0.7) 100%); }
  .pillar.soon .gohere { color: var(--ink-3); }

  /* ─── TESTIMONIAL BAND — small accent quote, ER client ──────────────────── */
  .testimonial-band {
    padding: 64px 0; border-bottom: 1px solid var(--line);
    background: var(--bg-paper);
  }
  .testimonial-band .tb {
    display: grid; grid-template-columns: auto 1fr auto; gap: 36px; align-items: center;
    max-width: 1100px; margin: 0 auto;
  }
  @media (max-width: 880px) { .testimonial-band .tb { grid-template-columns: 1fr; gap: 20px; } }
  .testimonial-band .mark {
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 96px; line-height: 0.6; color: var(--accent);
    font-weight: 500; font-style: italic;
    align-self: start; margin-top: 14px;
  }
  .testimonial-band blockquote {
    margin: 0;
    font-family: "Source Serif 4", Georgia, serif;
    font-style: italic; font-weight: 400;
    font-size: clamp(22px, 2.2vw, 30px); line-height: 1.35; letter-spacing: -0.005em;
    color: var(--ink-0); text-wrap: balance;
  }
  .testimonial-band blockquote b { color: var(--accent); font-weight: 500; font-style: normal; }
  .testimonial-band .stars {
    display: inline-flex; gap: 3px; color: var(--accent);
    font-size: 18px; letter-spacing: 0.06em;
  }
  .testimonial-band .source {
    display: flex; flex-direction: column; gap: 6px; align-items: flex-end; text-align: right;
  }
  @media (max-width: 880px) { .testimonial-band .source { align-items: flex-start; text-align: left; } }
  .testimonial-band .source .who {
    font-family: "JetBrains Mono", monospace; font-size: 11.5px;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3);
  }
  .testimonial-band .source .who b { color: var(--ink-0); font-weight: 600; }

  /* ─── INDUSTRIES — sleek single-row strip ───────────────────────────── */
  .industries {
    padding: 36px 0;
    border-bottom: 1px solid var(--line);
    background: var(--bg-2);
  }
  .industries .bar {
    display: flex; align-items: center; gap: 24px;
  }
  .industries .bar .lab {
    flex-shrink: 0;
    font-family: "JetBrains Mono", monospace;
    font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--ink-3); padding-right: 24px;
    border-right: 1px solid var(--line);
  }
  .industries .bar .lab b { color: var(--ink-0); font-weight: 600; }
  .industries .strip {
    flex: 1; min-width: 0;
    display: flex; gap: 8px;
    overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
  }
  .industries .strip::-webkit-scrollbar { display: none; }
  .industries .strip { scrollbar-width: none; }
  .industries .chip {
    flex-shrink: 0; scroll-snap-align: start;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 8px 14px 8px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--bg-paper);
    font-family: "Inter Tight", sans-serif;
    font-size: 13.5px; font-weight: 500;
    color: var(--ink-1);
    transition: all 150ms ease;
    white-space: nowrap;
    cursor: default;
  }
  .industries .chip:hover {
    border-color: var(--ink-0); color: var(--ink-0);
    background: #fff;
  }
  .industries .chip .ico {
    width: 20px; height: 20px;
    display: grid; place-items: center;
    color: var(--accent);
  }
  .industries .chip .ico svg { width: 16px; height: 16px; display: block; }
  @media (max-width: 720px) {
    .industries .bar { flex-direction: column; align-items: flex-start; gap: 12px; }
    .industries .bar .lab { border-right: 0; padding-right: 0; }
  }

  /* ─── EAT ─────────────────────────────────────────────────────────────────── */
  .eat { padding: 110px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .eat .head { max-width: 800px; margin: 0 auto 64px; text-align: center; }
  .eat .head .eyebrow { justify-content: center; }
  .eat .head h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(46px, 5.4vw, 72px); line-height: 0.98; letter-spacing: -0.025em; color: var(--ink-0); margin: 0 0 22px; text-wrap: balance; }
  .eat .head h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .eat .head h2 .plus { color: var(--accent); font-weight: 500; }
  .eat .head p { font-family: "Inter Tight", sans-serif; font-size: 18px; line-height: 1.65; color: var(--ink-2); margin: 0 auto; max-width: 68ch; text-wrap: pretty; }
  .eat .head p strong { color: var(--ink-0); font-weight: 600; }
  .eat .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
  @media (max-width: 1100px) { .eat .grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) { .eat .grid { grid-template-columns: 1fr; } }
  .eat .card { display: flex; flex-direction: column; background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 30px 28px 32px; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; }
  .eat .card:hover { transform: translateY(-3px); border-color: var(--ink-0); box-shadow: 0 18px 40px -22px rgba(11,11,12,0.18); }
  .eat .card .num { display: flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px dashed var(--line-2); }
  .eat .card .num b { color: var(--ink-0); font-weight: 700; }
  .eat .card .sub { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); font-weight: 700; margin: 0 0 14px; }
  .eat .card h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: 26px; line-height: 1.08; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 18px; text-wrap: balance; }
  .eat .card p { font-family: "Inter Tight", sans-serif; font-size: 15.5px; line-height: 1.65; color: var(--ink-1); margin: 0 0 22px; }
  .eat .card ul { list-style: none; padding: 18px 0 0; margin: auto 0 0; border-top: 1px dashed var(--line-2); display: flex; flex-direction: column; gap: 10px; }
  .eat .card li { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.04em; line-height: 1.45; color: var(--ink-1); display: grid; grid-template-columns: 14px 1fr; gap: 8px; align-items: start; }
  .eat .card li::before { content: "◆"; color: var(--accent); font-size: 9px; line-height: 1.55; }
  .eat .card.dark { background: radial-gradient(circle at 100% 0%, rgba(255,106,61,0.22), transparent 55%), radial-gradient(circle at 0% 100%, rgba(255,106,61,0.08), transparent 50%), linear-gradient(180deg, #1c1612 0%, #0b0b0c 100%); border-color: transparent; color: #e9e6dd; position: relative; overflow: hidden; }
  .eat .card.dark::before { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0 1px, transparent 1px 6px); pointer-events: none; opacity: 0.6; }
  .eat .card.dark:hover { transform: translateY(-3px); box-shadow: 0 18px 50px -20px rgba(0,0,0,0.6); }
  .eat .card.dark .num { color: rgba(255,255,255,0.45); border-bottom-color: rgba(255,255,255,0.12); position: relative; z-index: 1; }
  .eat .card.dark .num b { color: #fff; }
  .eat .card.dark .sub { color: var(--accent); position: relative; z-index: 1; }
  .eat .card.dark h3 { color: #fff; position: relative; z-index: 1; }
  .eat .card.dark p { color: #c9c6bd; position: relative; z-index: 1; }
  .eat .card.dark ul { border-top-color: rgba(255,255,255,0.12); position: relative; z-index: 1; }
  .eat .card.dark li { color: #d8d4ca; }
  .eat .card.dark li::before { color: var(--accent); }

  /* ─── PHASES — 3 cards, replaces old PROCESS ───────────────────────────── */
  .phases { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .phases .head { display: grid; grid-template-columns: 1fr 1.5fr; gap: 56px; align-items: end; margin-bottom: 56px; }
  @media (max-width: 980px) { .phases .head { grid-template-columns: 1fr; gap: 16px; align-items: start; } }
  .phases h2 {
    font-family: "Source Serif 4", Georgia, serif; font-weight: 500;
    font-size: clamp(42px, 5vw, 64px); line-height: 1.0; letter-spacing: -0.02em;
    color: var(--ink-0); margin: 0; text-wrap: balance;
  }
  .phases h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .phases .meta {
    font-family: "Inter Tight", sans-serif; font-size: 18px; line-height: 1.6;
    color: var(--ink-2); margin: 0; max-width: 56ch;
  }
  .phases .row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  @media (max-width: 980px) { .phases .row { grid-template-columns: 1fr; } }
  .phases .card {
    background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px;
    padding: 32px 30px; display: flex; flex-direction: column;
    transition: border-color 180ms ease, transform 180ms ease;
  }
  .phases .card:hover { border-color: var(--ink-0); transform: translateY(-2px); }
  .phases .card .tag {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: "JetBrains Mono", monospace; font-size: 11px;
    letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent);
    margin: 0 0 16px;
  }
  .phases .card .tag .n {
    color: var(--ink-3);
  }
  .phases .card h3 {
    font-family: "Source Serif 4", Georgia, serif; font-weight: 500;
    font-size: 28px; line-height: 1.1; letter-spacing: -0.018em;
    color: var(--ink-0); margin: 0 0 18px;
  }
  .phases .card p {
    font-family: "Inter Tight", sans-serif; font-size: 16px; line-height: 1.65;
    color: var(--ink-1); margin: 0 0 22px;
  }
  .phases .card .cta {
    margin-top: auto; padding-top: 18px;
    border-top: 1px dashed var(--line-2);
    display: inline-flex; align-items: center; gap: 8px;
    font-family: "JetBrains Mono", monospace; font-size: 12px;
    letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-0);
    transition: color 150ms ease;
  }
  .phases .card .cta:hover { color: var(--accent); }
  .phases .card .cta .arr { color: var(--accent); }

  /* ─── PROMISE — 3 column, dark on cream ────────────────────────────────── */
  .promise { padding: 110px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .promise .head { text-align: center; max-width: 760px; margin: 0 auto 64px; }
  .promise h2 {
    font-family: "Source Serif 4", Georgia, serif; font-weight: 500;
    font-size: clamp(42px, 5vw, 64px); line-height: 1.0; letter-spacing: -0.02em;
    color: var(--ink-0); margin: 0 0 16px; text-wrap: balance;
  }
  .promise h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .promise .head p {
    font-family: "Inter Tight", sans-serif; font-size: 19px; line-height: 1.55;
    color: var(--ink-2); margin: 0;
  }
  .promise .row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
  @media (max-width: 880px) { .promise .row { grid-template-columns: 1fr; } }
  .promise .col {
    padding: 0 36px;
  }
  .promise .col + .col { border-left: 1px solid var(--line); }
  @media (max-width: 880px) { .promise .col { padding: 32px 0; } .promise .col + .col { border-left: 0; border-top: 1px solid var(--line); } }
  .promise .col .ico {
    width: 44px; height: 44px;
    border: 1.5px solid var(--ink-0);
    border-radius: 10px;
    display: grid; place-items: center;
    color: var(--accent); background: var(--bg-2);
    margin: 0 0 22px;
  }
  .promise .col .ico svg { width: 22px; height: 22px; }
  .promise .col h3 {
    font-family: "Source Serif 4", Georgia, serif; font-weight: 500;
    font-size: 26px; line-height: 1.1; letter-spacing: -0.015em;
    color: var(--ink-0); margin: 0 0 16px;
  }
  .promise .col p {
    font-family: "Inter Tight", sans-serif; font-size: 16.5px; line-height: 1.7;
    color: var(--ink-1); margin: 0;
  }

  /* ─── SERP MOCK — organic, no ad chrome ───────────────────────────────── */
  .serp-section { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .serp-section .grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 80px; align-items: center; }
  @media (max-width: 980px) { .serp-section .grid { grid-template-columns: 1fr; gap: 40px; } }
  .serp-section h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 24px; max-width: 16ch; text-wrap: balance; }
  .serp-section h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .serp-section p { font-size: 18px; line-height: 1.65; color: var(--ink-1); margin: 0 0 18px; max-width: 50ch; }
  .serp-section ul.fixes { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-direction: column; gap: 14px; }
  .serp-section ul.fixes li { display: grid; grid-template-columns: 24px 1fr; gap: 14px; align-items: start; font-size: 16px; color: var(--ink-1); line-height: 1.5; }
  .serp-section ul.fixes li .ck { width: 22px; height: 22px; border-radius: 50%; background: var(--moss); color: #fff; display: grid; place-items: center; flex-shrink: 0; margin-top: 1px; }
  .serp-section ul.fixes li b { color: var(--ink-0); font-weight: 600; }

  .serp-mock {
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 26px 28px;
    box-shadow: 0 24px 60px -10px rgba(60,40,20,0.18), 0 8px 20px rgba(60,40,20,0.06);
    position: relative;
  }
  .serp-mock .sm-head { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 16px; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.12em; text-transform: uppercase; }
  .serp-mock .sm-head .q { color: var(--ink-0); }
  .organic-row { padding: 14px 0; border-bottom: 1px dashed var(--line-2); }
  .organic-row:last-child { border-bottom: 0; }
  .organic-row .url { font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: var(--ink-3); letter-spacing: 0.04em; margin-bottom: 5px; }
  .organic-row .ttl { font-family: "Inter Tight", sans-serif; font-size: 17px; font-weight: 500; color: #1a3fa3; line-height: 1.25; margin-bottom: 5px; letter-spacing: -0.005em; }
  .organic-row .desc { font-size: 13.5px; color: var(--ink-2); line-height: 1.45; }
  .organic-row .desc b { color: var(--ink-0); font-weight: 600; background: rgba(255,106,61,0.18); padding: 0 2px; }
  .organic-row.us {
    background: linear-gradient(to right, rgba(255,106,61,0.08), rgba(255,106,61,0));
    border-left: 3px solid var(--accent);
    padding-left: 14px;
    border-radius: 4px;
    margin-bottom: 4px;
    border-bottom: 1px dashed var(--line-2);
  }
  .organic-row.us .ttl { color: var(--accent); }
  .organic-row .pos {
    display: inline-block;
    background: var(--ink-0); color: #fff;
    font-family: "JetBrains Mono", monospace;
    font-size: 9.5px; font-weight: 700;
    letter-spacing: 0.1em;
    padding: 2px 6px; border-radius: 3px;
    vertical-align: 2px;
    margin-right: 8px;
  }
  .organic-row.us .pos { background: var(--accent); }
  .organic-row .badge { display: inline-block; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: var(--ink-0); color: #fff; margin-right: 8px; }
  .organic-row.us .badge { background: var(--accent); }

  /* ─── PROCESS — timeline ribbon ──────────────────────────────────────── */
  .process { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .process .head { display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: end; margin-bottom: 56px; }
  @media (max-width: 720px) { .process .head { grid-template-columns: 1fr; gap: 12px; } }
  .process .head h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0; max-width: 14ch; }
  .process .head h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .process .head .meta { justify-self: end; max-width: 38ch; font-size: 17px; color: var(--ink-1); line-height: 1.6; }

  .timeline {
    position: relative;
    padding: 24px 0 0;
  }
  .timeline::before {
    content: ""; position: absolute; left: 24px; top: 36px; bottom: 36px; width: 2px;
    background: repeating-linear-gradient(to bottom, var(--accent) 0 6px, transparent 6px 12px);
  }
  .step {
    display: grid; grid-template-columns: 60px 1fr;
    gap: 32px;
    padding: 24px 0;
    align-items: start;
  }
  .step .marker {
    width: 50px; height: 50px;
    background: var(--bg-2);
    border: 2px solid var(--accent);
    border-radius: 50%;
    display: grid; place-items: center;
    font-family: "JetBrains Mono", monospace;
    font-size: 13px; font-weight: 700;
    color: var(--accent);
    position: relative; z-index: 1;
  }
  .step .body {
    display: grid; grid-template-columns: 1fr 1fr 200px;
    gap: 24px;
    align-items: start;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--line);
  }
  @media (max-width: 880px) { .step .body { grid-template-columns: 1fr; gap: 12px; } }
  .step .body h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 26px; letter-spacing: -0.018em; line-height: 1.15; color: var(--ink-0); margin: 0; }
  .step .body p { font-size: 15.5px; color: var(--ink-2); line-height: 1.6; margin: 0; }
  .step .body .out { font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.5; }
  .step .body .out b { color: var(--ink-0); font-weight: 600; display: block; margin-top: 4px; }

  /* ─── BACKLINKS / TRUST FLOW — original viz ──────────────────────────── */
  .links-wrap { padding: 110px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .links { display: grid; grid-template-columns: 1.05fr 1fr; gap: 80px; align-items: center; }
  @media (max-width: 980px) { .links { grid-template-columns: 1fr; } }
  .links h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 24px; max-width: 14ch; }
  .links h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .links p { font-size: 18px; line-height: 1.65; color: var(--ink-1); margin: 0 0 18px; max-width: 50ch; }
  .links p strong { color: var(--ink-0); font-weight: 600; }

  .trust-vis {
    background: var(--bg-2); border: 1px solid var(--line); border-radius: 18px;
    padding: 28px;
    box-shadow: 0 24px 60px -10px rgba(60,40,20,0.16);
    position: relative;
  }
  .trust-vis svg { width: 100%; height: auto; display: block; }
  .trust-vis .vk-head {
    font-family: "JetBrains Mono", monospace;
    font-size: 11px; color: var(--ink-3); letter-spacing: 0.14em;
    text-transform: uppercase;
    display: flex; justify-content: space-between;
    padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 18px;
  }
  .trust-vis .vk-head b { color: var(--ink-0); font-weight: 600; }

  /* ─── RESULTS / CASE ──────────────────────────────────────────────────── */
  .case-wrap { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .case-wrap .head { max-width: 760px; margin: 0 0 48px; }
  .case-wrap h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 18px; max-width: 18ch; }
  .case-wrap h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .case-wrap .head p { font-size: 18px; line-height: 1.65; color: var(--ink-1); margin: 0; }
  .case {
    background: var(--bg-2); border: 1px solid var(--line); border-radius: 20px;
    padding: 40px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 48px;
    align-items: center;
  }
  @media (max-width: 980px) { .case { grid-template-columns: 1fr; padding: 32px; gap: 28px; } }
  .case .copy h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 32px; letter-spacing: -0.018em; line-height: 1.15; color: var(--ink-0); margin: 0 0 18px; max-width: 18ch; }
  .case .copy h3 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .case .copy .client { font-family: "JetBrains Mono", monospace; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }
  .case .copy p { font-size: 17px; color: var(--ink-2); line-height: 1.65; margin: 0 0 16px; }
  .case .stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border-radius: 14px; overflow: hidden; }
  .case .stats .s { padding: 22px; background: var(--bg); }
  .case .stats .s .n { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 36px; letter-spacing: -0.025em; line-height: 1; color: var(--ink-0); }
  .case .stats .s .n span { color: var(--accent); }
  .case .stats .s .l { font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 8px; }

  /* ─── PRICING — factors + plans ───────────────────────────────────────── */
  .pricing { padding: 110px 0; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
  .pricing .head { text-align: center; max-width: 760px; margin: 0 auto 56px; }
  .pricing h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 16px; }
  .pricing h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .pricing .head p { font-size: 18px; color: var(--ink-1); line-height: 1.65; margin: 0 auto; max-width: 64ch; }
  .pricing .head p + p { margin-top: 14px; }
  .pricing .head p strong { color: var(--ink-0); font-weight: 600; }

  /* Factors panel */
  .factors {
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 36px 40px;
    margin-bottom: 40px;
    box-shadow: 0 24px 60px -28px rgba(60,40,20,0.16);
  }
  .factors .fact-head {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: 20px; border-bottom: 1px solid var(--line);
    margin-bottom: 28px;
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--ink-3);
    flex-wrap: wrap; gap: 12px;
  }
  .factors .fact-head .ttl { color: var(--ink-0); font-weight: 700; }
  .factors .fact-head .ttl b { color: var(--accent); }
  .factors .fact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 56px;
  }
  @media (max-width: 760px) { .factors { padding: 28px 24px; } .factors .fact-grid { grid-template-columns: 1fr; gap: 24px; } }
  .factor { display: flex; flex-direction: column; gap: 12px; }
  .factor .top {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 12px;
  }
  .factor .top h4 {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 600; font-size: 18px;
    color: var(--ink-0); margin: 0;
    letter-spacing: -0.01em;
  }
  .factor .top .rng {
    font-family: "JetBrains Mono", monospace;
    font-size: 11px; color: var(--ink-3);
    letter-spacing: 0.08em; text-transform: uppercase;
    white-space: nowrap;
  }
  .factor .top .rng b { color: var(--ink-0); }
  .factor .bar {
    position: relative;
    height: 8px;
    background: var(--bg-paper);
    border-radius: 999px;
    overflow: hidden;
  }
  .factor .bar .seg {
    position: absolute; top: 0; bottom: 0;
    background: linear-gradient(to right, rgba(255,106,61,0.25), var(--accent));
    border-radius: 999px;
  }
  .factor .bar .ticks {
    position: absolute; inset: 0;
    display: flex; justify-content: space-between;
    padding: 0 1px;
  }
  .factor .bar .ticks span {
    width: 1px; background: rgba(11,11,12,0.12);
  }
  .factor .scale {
    display: flex; justify-content: space-between;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px; color: var(--ink-3);
    letter-spacing: 0.06em;
    padding-top: 2px;
  }
  .factor .ex {
    font-size: 14px; color: var(--ink-2);
    line-height: 1.5;
    padding-top: 8px;
    border-top: 1px dashed var(--line-2);
  }
  .factor .ex b { color: var(--ink-0); font-weight: 600; }

  /* Plans */
  .plans-head {
    display: flex; align-items: baseline;
    gap: 16px; flex-wrap: wrap;
    padding: 0 4px 22px;
  }
  .plans-head .lab {
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--ink-3);
    font-weight: 700;
  }
  .plans-head .lab b { color: var(--accent); }
  .plans-head .note {
    font-size: 14.5px; color: var(--ink-2); margin-left: auto;
  }
  .plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
  @media (max-width: 880px) { .plans { grid-template-columns: 1fr; } }
  .plan { background: var(--bg-2); padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; min-height: 360px; position: relative; }
  .plan .lab { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; }
  .plan h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 28px; letter-spacing: -0.018em; line-height: 1.15; color: var(--ink-0); margin: 0; }
  .plan .price { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 44px; letter-spacing: -0.03em; color: var(--ink-0); line-height: 1; padding: 8px 0 12px; border-bottom: 1px dashed var(--line-2); margin-bottom: 4px; }
  .plan .price span { font-size: 16px; color: var(--ink-3); font-weight: 500; }
  .plan ul { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-direction: column; gap: 10px; }
  .plan ul li { font-size: 14.5px; color: var(--ink-1); padding-left: 22px; position: relative; line-height: 1.5; }
  .plan ul li::before { content: ""; position: absolute; left: 0; top: 8px; width: 10px; height: 2px; background: var(--accent); }
  .plan ul li b { color: var(--ink-0); font-weight: 600; }
  .plan .cta { margin-top: auto; padding-top: 20px; }
  .plan.featured { background: var(--ink-0); color: #fff; }
  .plan.featured .lab { color: var(--accent); }
  .plan.featured h3, .plan.featured .price { color: #fff; }
  .plan.featured .price span { color: rgba(255,255,255,0.5); }
  .plan.featured ul li { color: rgba(255,255,255,0.85); }
  .plan.featured ul li b { color: #fff; }
  .plan.featured .price { border-color: rgba(255,255,255,0.15); }
  .plan.featured ul li::before { background: var(--accent); }
  .plan.featured .ribbon {
    position: absolute; top: 20px; right: 20px;
    background: var(--accent); color: #fff;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
    padding: 4px 10px; border-radius: 999px; font-weight: 700;
  }

  /* ─── QUOTE CARD (replaces plans grid) ────────────────────────────────── */
  .quote-card {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 0;
    background: var(--bg-2);
    border: 1px solid var(--line);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 60px -28px rgba(60,40,20,0.2);
  }
  @media (max-width: 880px) { .quote-card { grid-template-columns: 1fr; } }

  .qc-left {
    background: var(--ink-0);
    color: #fff;
    padding: 44px 44px 40px;
    position: relative;
    overflow: hidden;
  }
  .qc-left::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
      repeating-linear-gradient(45deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 8px),
      radial-gradient(ellipse 600px 400px at 0% 100%, rgba(255,106,61,0.16), transparent 65%);
    pointer-events: none;
  }
  .qc-eyebrow {
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--accent);
    position: relative;
    display: block; margin-bottom: 22px;
  }
  .qc-h {
    font-family: "Source Serif 4", Georgia, serif;
    font-weight: 500;
    font-size: clamp(28px, 2.6vw, 36px);
    line-height: 1.1;
    letter-spacing: -0.018em;
    color: #fff;
    margin: 0 0 18px;
    position: relative;
    text-wrap: balance;
  }
  .qc-h em { font-style: italic; color: var(--accent); font-weight: 500; }
  .qc-p {
    position: relative;
    font-size: 15.5px;
    line-height: 1.6;
    color: rgba(255,255,255,0.72);
    margin: 0 0 26px;
  }
  .qc-p b { color: #fff; font-weight: 600; }

  .qc-promises {
    list-style: none; padding: 0; margin: 0 0 28px;
    display: flex; flex-direction: column; gap: 11px;
    position: relative;
    padding: 18px 0;
    border-top: 1px dashed rgba(255,255,255,0.14);
    border-bottom: 1px dashed rgba(255,255,255,0.14);
  }
  .qc-promises li {
    font-family: "Inter Tight", sans-serif;
    font-size: 14.5px;
    color: rgba(255,255,255,0.85);
    display: flex; align-items: center; gap: 12px;
  }
  .qc-promises li b { color: #fff; font-weight: 600; }
  .qc-promises .qc-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 3px rgba(255,106,61,0.18);
    flex-shrink: 0;
  }

  .qc-meta { position: relative; display: flex; flex-direction: column; gap: 8px; }
  .qc-meta-row {
    display: grid; grid-template-columns: 110px 1fr;
    gap: 12px; align-items: baseline;
    font-family: "JetBrains Mono", monospace;
    font-size: 11.5px;
  }
  .qc-meta-row .k { color: rgba(255,255,255,0.4); letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; }
  .qc-meta-row .v { color: #fff; font-size: 13px; }

  .qc-quote {
    position: relative;
    margin: 22px 0 0;
    padding: 18px 20px 18px 22px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    display: flex; flex-direction: column; gap: 10px;
  }
  .qc-quote .qc-mark {
    position: absolute;
    top: -14px; left: 16px;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 56px; line-height: 1;
    color: var(--accent);
    font-style: italic;
    font-weight: 500;
  }
  .qc-quote blockquote {
    margin: 0;
    font-family: "Source Serif 4", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    color: rgba(255,255,255,0.92);
    letter-spacing: -0.005em;
    text-wrap: pretty;
  }
  .qc-quote figcaption {
    display: flex; flex-direction: column; gap: 2px;
    padding-top: 8px;
    border-top: 1px dashed rgba(255,255,255,0.1);
  }
  .qc-quote .qa-name {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    letter-spacing: -0.005em;
  }
  .qc-quote .qa-role {
    font-family: "JetBrains Mono", monospace;
    font-size: 10.5px;
    color: rgba(255,255,255,0.45);
    letter-spacing: 0.06em;
  }

  .qc-form {
    padding: 44px;
    display: flex; flex-direction: column; gap: 18px;
    background:
      linear-gradient(180deg, var(--bg-2) 0%, var(--bg-2) 100%);
  }
  .qc-form .wpcf7,
  .qc-form .wpcf7 form {
    margin: 0;
  }
  .qc-form .wpcf7 form {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .qc-form .wpcf7 p {
    margin: 0;
  }
  .qc-form .wpcf7 form > p:has(.qc-submit-wrap) {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .qc-form .wpcf7 br {
    display: none;
  }
  @media (max-width: 600px) { .qc-form, .qc-left { padding: 28px 24px; } }

  .qc-field-row {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .qc-field-row > p {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 0;
  }
  @media (max-width: 520px) { .qc-field-row { grid-template-columns: 1fr; } }
  @media (max-width: 520px) { .qc-field-row > p { grid-template-columns: 1fr; } }

  .qc-field {
    display: flex; flex-direction: column; gap: 7px;
  }
  .qc-label {
    font-family: "JetBrains Mono", monospace;
    font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--ink-3); font-weight: 600;
  }
  .qc-field input,
  .qc-field textarea {
    width: 100%;
    font-family: "Inter Tight", sans-serif;
    font-size: 15px;
    color: var(--ink-0);
    background: var(--bg);
    border: 1px solid var(--line-2);
    border-radius: 10px;
    padding: 12px 14px;
    transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    outline: none;
    resize: vertical;
  }
  .qc-field input::placeholder,
  .qc-field textarea::placeholder { color: var(--ink-3); }
  .qc-field input:focus,
  .qc-field textarea:focus {
    border-color: var(--accent);
    background: var(--bg-2);
    box-shadow: 0 0 0 3px rgba(255,106,61,0.12);
  }

  .qc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
  .qc-chips .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .qc-chips .wpcf7-list-item {
    margin: 0;
  }
  .qc-chips .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
  }
  .qc-chips .wpcf7-list-item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .qc-chip {
    font-family: "Inter Tight", sans-serif;
    font-size: 13px; font-weight: 500;
    color: var(--ink-1);
    background: var(--bg);
    border: 1px solid var(--line-2);
    padding: 8px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 150ms ease;
    letter-spacing: -0.005em;
  }
  .qc-chips .wpcf7-list-item-label {
    font-family: "Inter Tight", sans-serif;
    font-size: 13px; font-weight: 500;
    color: var(--ink-1);
    background: var(--bg);
    border: 1px solid var(--line-2);
    padding: 8px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 150ms ease;
    letter-spacing: -0.005em;
  }
  .qc-chip:hover { border-color: var(--ink-0); color: var(--ink-0); }
  .qc-chips .wpcf7-list-item-label:hover { border-color: var(--ink-0); color: var(--ink-0); }
  .qc-chips input[type="radio"]:checked + .wpcf7-list-item-label {
    background: var(--ink-0);
    border-color: var(--ink-0);
    color: #fff;
  }
  .qc-chip.on {
    background: var(--ink-0);
    border-color: var(--ink-0);
    color: #fff;
  }

  .qc-submit-wrap {
    margin-top: 4px;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  .qc-submit {
    margin-top: 4px;
    align-self: flex-start;
    display: inline-flex; align-items: center; gap: 10px;
    padding: 15px 24px;
    background: var(--accent);
    color: #fff;
    border: 0;
    border-radius: 999px;
    font-family: "Inter Tight", sans-serif;
    font-size: 15px; font-weight: 600;
    cursor: pointer;
    transition: all 180ms ease;
    box-shadow: 0 8px 24px rgba(255,106,61,0.32);
    letter-spacing: -0.005em;
  }
  .qc-submit-wrap .qc-submit {
    margin-top: 0;
    padding-right: 48px;
  }
  .qc-submit:hover { background: #f25a2c; transform: translateY(-2px); }
  .qc-submit.sent { background: var(--moss); box-shadow: 0 8px 24px rgba(107,125,90,0.32); pointer-events: none; }
  .qc-submit .arr { width: 14px; height: 14px; }
  .qc-submit-wrap .arr {
    position: absolute;
    right: 24px;
    width: 14px;
    height: 14px;
    color: #fff;
    pointer-events: none;
  }
  .qc-form .wpcf7-spinner {
    margin: 0 0 0 8px;
  }

  .qc-fineprint {
    font-size: 12.5px;
    color: var(--ink-3);
    line-height: 1.5;
    margin: 0;
    max-width: 56ch;
  }

  /* ─── FAQ — soft list ─────────────────────────────────────────────────── */
  .faq-section { padding: 110px 0; border-bottom: 1px solid var(--line); }
  .faq-section .head { max-width: 720px; margin: 0 auto 56px; text-align: center; }
  .faq-section h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -0.018em; color: var(--ink-0); margin: 0 0 16px; }
  .faq-section h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .faq-section .head p { font-size: 18px; color: var(--ink-1); margin: 0; }
  .faq-list { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--line); }
  .faq-item { border-bottom: 1px solid var(--line); padding: 28px 0; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: start; transition: padding-left 200ms ease; }
  .faq-item:hover { padding-left: 8px; }
  .faq-item h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: 22px; letter-spacing: -0.012em; color: var(--ink-0); margin: 0; line-height: 1.3; transition: color 150ms ease; }
  .faq-item:hover h3 { color: var(--accent); }
  .faq-item .toggle { width: 32px; height: 32px; border: 1.5px solid var(--ink-0); border-radius: 50%; display: grid; place-items: center; transition: all 200ms ease; }
  .faq-item.open .toggle { background: var(--ink-0); color: #fff; }
  .faq-item.open .toggle svg { transform: rotate(45deg); }
  .faq-item .toggle svg { transition: transform 200ms ease; }
  .faq-item .ans { grid-column: 1 / -1; font-size: 17px; color: var(--ink-2); line-height: 1.7; max-width: 64ch; max-height: 0; overflow: hidden; transition: max-height 250ms ease, margin-top 200ms ease; }
  .faq-item.open .ans { max-height: 320px; margin-top: 14px; }

  /* CTA */
  .cta-band-wrap { padding: 80px 0; }
  .cta-band {
    background: var(--bg-dark); color: #fff; border-radius: 24px;
    padding: 72px 56px; display: grid; grid-template-columns: 1.4fr 1fr;
    gap: 48px; align-items: end; position: relative; overflow: hidden;
  }
  .cta-band::before { content: ""; position: absolute; left: -100px; bottom: -120px; width: 380px; height: 380px; background: radial-gradient(circle, rgba(107,125,90,0.25), transparent 60%); filter: blur(40px); }
  .cta-band::after { content: ""; position: absolute; right: -60px; top: -80px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(255,106,61,0.2), transparent 60%); filter: blur(40px); }
  @media (max-width: 880px) { .cta-band { grid-template-columns: 1fr; padding: 48px 32px; gap: 28px; } }
  .cta-band h2 { font-family: "Source Serif 4", Georgia, serif; font-weight: 500; font-size: clamp(40px, 5vw, 64px); line-height: 1.04; letter-spacing: -0.02em; color: #fff; margin: 0; max-width: 16ch; text-wrap: balance; position: relative; }
  .cta-band h2 em { font-style: italic; color: var(--accent); font-weight: 500; }
  .cta-band p { font-size: 18px; line-height: 1.65; color: #d4d4d8; margin: 0 0 24px; max-width: 44ch; position: relative; }
  .cta-band .pri { background: #fff; color: var(--ink-0); }
  .cta-band .pri:hover { background: var(--accent); color: #fff; }
  .cta-band .sec { color: #fff; border-color: rgba(255,255,255,0.18); background: transparent; }
  .cta-band .sec:hover { border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.05); }
  .cta-band .row-cta { position: relative; display: flex; flex-direction: column; gap: 20px; }
  .cta-band .row-cta .btns { display: flex; gap: 12px; flex-wrap: wrap; }

  /* FOOTER */
  footer.site { padding: 72px 0 28px; background: var(--bg); border-top: 1px solid var(--line); }
  footer.site .top { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; padding-bottom: 48px; border-bottom: 1px solid var(--line); }
  @media (max-width: 880px) { footer.site .top { grid-template-columns: 1fr 1fr; } }
  footer.site .brand .logo-link { font-size: 36px; display: inline-block; margin-bottom: 14px; }
  footer.site .brand p { font-size: 16px; line-height: 1.55; color: var(--ink-1); margin: 0 0 14px; max-width: 36ch; }
  footer.site .brand .addr { font-family: "JetBrains Mono", monospace; font-size: 13.5px; line-height: 1.7; color: var(--ink-3); }
  footer.site .footer-heading { font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 12.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 16px; }
  footer.site ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; }
  footer.site ul a { font-size: 15px; color: var(--ink-1); }
  footer.site ul a:hover { color: var(--accent); }
footer.site .bottom { padding-top: 22px; display: flex; justify-content: space-between; font-family: "JetBrains Mono", monospace; font-size: 12.5px; letter-spacing: 0.06em; color: var(--ink-3); flex-wrap: wrap; gap: 12px; }

.arr { display: inline-block; width: 1em; height: 1em; vertical-align: -0.1em; }

/* Form additions pilot: compact service credentials */
.hero-creds { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 28px 0 24px; max-width: 580px; }
.hero-creds .cred {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 9px 13px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hero-creds .cred .dot { width: 6px; height: 6px; border-radius: 50%; }
.hero-creds .cred-since { background: var(--ink-0); color: var(--accent); }
.hero-creds .cred-since .dot { background: var(--accent); }
.hero-creds .cred-month { background: var(--accent); color: #fff; }
.hero-creds .cred-month .dot { background: #fff; }

/* Service strips handoff update: Unified .strip CSS */
/* TRUST STRIP — founder + tools (unified service-page pattern) */
.strip { padding: 22px 0 24px; border-bottom: 1px solid var(--line); background: var(--bg-paper); }
.strip .strip-lab { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.strip .strip-lab::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
.strip .strip-lab b { color: var(--ink-0); font-weight: 700; }
.strip .row { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; }
@media (max-width: 880px) { .strip .row { grid-template-columns: 1fr; gap: 18px; } }
.strip .founder { display: inline-flex; align-items: center; gap: 14px; color: var(--ink-0); text-decoration: none; padding-right: 26px; border-right: 1px dashed var(--line-2); transition: opacity 150ms ease; }
.strip .founder:hover { opacity: 0.78; }
.strip .founder .av { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--bg-2, #fff); border: 1px solid var(--line-2); flex-shrink: 0; }
.strip .founder .av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.strip .founder .who { display: flex; flex-direction: column; line-height: 1.2; gap: 3px; }
.strip .founder .who b { font-family: "Inter Tight", sans-serif; font-size: 15.5px; font-weight: 600; color: var(--ink-0); letter-spacing: -0.012em; }
.strip .founder .who .role { font-family: "Source Serif 4", Georgia, serif; font-style: italic; font-size: 13.5px; color: var(--ink-2); }
.strip .tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.strip .tools-sep { color: var(--line-2); font-family: "Inter Tight", sans-serif; font-size: 18px; font-weight: 300; padding: 0 4px; user-select: none; }
@media (max-width: 880px) {
  .strip .founder { padding-right: 0; border-right: 0; border-bottom: 1px dashed var(--line-2); padding-bottom: 18px; width: 100%; }
  .strip .tools { justify-content: flex-start; }
}
.strip .tool { display: inline-flex; align-items: center; gap: 9px; padding: 8px 16px 8px 12px; background: var(--bg-2, #fff); border: 1px solid var(--line-2); border-radius: 999px; font-family: "Inter Tight", sans-serif; font-size: 14.5px; font-weight: 600; color: var(--ink-0); letter-spacing: -0.01em; box-shadow: 0 1px 0 rgba(11,11,12,0.03); }
.strip .tool .dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.strip .tool.semrush .dot     { background: #ff642d; box-shadow: 0 0 0 2px rgba(255,100,45,0.18); }
.strip .tool.ahrefs .dot      { background: #1b6dff; box-shadow: 0 0 0 2px rgba(27,109,255,0.18); }
.strip .tool.moz .dot         { background: #1ea2e4; box-shadow: 0 0 0 2px rgba(30,162,228,0.18); }
.strip .tool.gsc .dot         { background: #34a853; box-shadow: 0 0 0 2px rgba(52,168,83,0.18); }
.strip .tool.surfer .dot      { background: #21a366; box-shadow: 0 0 0 2px rgba(33,163,102,0.18); }
.strip .tool.frog .dot        { background: #00803c; box-shadow: 0 0 0 2px rgba(0,128,60,0.18); }
.strip .tool.brightlocal .dot { background: #f5b800; box-shadow: 0 0 0 2px rgba(245,184,0,0.18); }
.strip .tool.whitespark .dot  { background: #00a0a0; box-shadow: 0 0 0 2px rgba(0,160,160,0.18); }
.strip .tool.yext .dot        { background: #006eff; box-shadow: 0 0 0 2px rgba(0,110,255,0.18); }
.strip .tool.mozlocal .dot    { background: #1ea2e4; box-shadow: 0 0 0 2px rgba(30,162,228,0.18); }
.strip .tool.looker .dot      { background: #4285F4; box-shadow: 0 0 0 2px rgba(66,133,244,0.18); }
.strip .tool.gbp .dot         { background: #34a853; box-shadow: 0 0 0 2px rgba(52,168,83,0.18); }
.strip .tool.localfalcon .dot { background: #ff5a36; box-shadow: 0 0 0 2px rgba(255,90,54,0.18); }
/* Google Partner pill (use on Houston SEO Services, Google Ads Management, Google Maps Marketing) */
.strip .partner-logo { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 8px; background: #fff; border: 1px solid var(--line-2); border-radius: 999px; box-shadow: 0 1px 0 rgba(11,11,12,0.03); white-space: nowrap; }
.strip .partner-logo .g-mark { width: 22px; height: 22px; display: inline-grid; place-items: center; flex-shrink: 0; }
.strip .partner-logo .g-mark svg { width: 100%; height: 100%; }
.strip .partner-logo .g-txt { font-family: "Inter Tight", sans-serif; font-size: 14px; font-weight: 600; color: var(--ink-0); letter-spacing: -0.005em; }
/* Google Ads Certified pill (Google Ads Management only) */
.strip .ads-cert-logo { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 8px; background: #fff; border: 1px solid var(--line-2); border-radius: 999px; box-shadow: 0 1px 0 rgba(11,11,12,0.03); white-space: nowrap; }
.strip .ads-cert-logo .ads-mark { width: 22px; height: 22px; display: inline-grid; place-items: center; flex-shrink: 0; }
.strip .ads-cert-logo .ads-mark svg { width: 100%; height: 100%; }
.strip .ads-cert-logo .g-txt { font-family: "Inter Tight", sans-serif; font-size: 14px; font-weight: 600; color: var(--ink-0); letter-spacing: -0.005em; }