/* 4TH QTR inner pages (services, work, pricing, insights), generated by tools-pages.py.
   Type rules T1-T9 from ~/Clients/4thQtr/research/STARTUP-BENCHMARK-2026-10-02.md 5a:
   one scale, two voices (Unbounded display + Hanken body), body 17-18px, paragraphs capped at 65ch,
   tabular numerals on prices, balanced headings, one caps style, nothing under 12px. */
:root {
  --pg-fs-body: clamp(17px, 0.35vw + 15.6px, 18px);
  --pg-fs-lede: clamp(19px, 0.5vw + 17px, 21px);
  --pg-fs-h1: clamp(40px, 5.2vw + 20px, 80px);
  --pg-fs-h2: clamp(30px, 3.2vw + 17px, 56px);
  --pg-fs-h3: clamp(20px, 0.8vw + 16px, 26px);
  --pg-fs-small: 14px;
  --pg-fs-label: 12.5px;
  --pg-measure: 65ch;
  --pg-text: rgba(6, 9, 10, 0.78);
  --pg-line: rgba(6, 9, 10, 0.12);
}
body.page-sub { background: var(--cream); color: var(--ink); }
.pg { padding-top: 96px; }
.pg :where(h1, h2, h3) { text-wrap: balance; }
.pg p, .pg li, .pg td { text-wrap: pretty; }

/* hero */
.pg-hero { padding: clamp(40px, 6vw, 96px) var(--gut) clamp(48px, 7vw, 112px); max-width: 1200px; }
.pg-crumbs { margin: 0 0 28px; font: 500 var(--pg-fs-small)/1.4 var(--font-body); color: var(--pg-text); }
.pg-crumbs a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--pg-line); }
.pg-crumbs a:hover { color: var(--ink); text-decoration-color: var(--tiff-ink); }
.pg-eyebrow, .pg-steps__w, .pg-tags { font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff-ink); }
.pg-eyebrow { margin: 0 0 18px; }
.pg-h1 { margin: 0; max-width: 18ch; font: 700 var(--pg-fs-h1)/0.98 var(--font-display); letter-spacing: -0.035em; }
.pg-h1 em, .pg-h2 em { font-style: normal; font-weight: 300; }
.pg-lede { margin: 28px 0 0; max-width: 58ch; font: 400 var(--pg-fs-lede)/1.5 var(--font-body); color: var(--pg-text); }
.pg-hero__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin: 36px 0 0; }
.pg-link { font: 600 15px/1.4 var(--font-body); color: var(--ink); text-underline-offset: 4px; text-decoration-color: var(--tiff-ink); }

/* sections */
.pg-sec { padding: clamp(48px, 6vw, 96px) var(--gut); border-top: 1px solid var(--pg-line); }
.pg-sec--split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px 64px; align-items: start; }
.pg-sec--split > .pg-h2 { margin: 0; }
.pg-h2 { margin: 0 0 clamp(28px, 3.5vw, 48px); max-width: 20ch; font: 700 var(--pg-fs-h2)/1.04 var(--font-display); letter-spacing: -0.025em; }
.pg h3 { margin: 0 0 12px; font: 700 var(--pg-fs-h3)/1.15 var(--font-display); letter-spacing: -0.015em; }
.pg h3 a { color: inherit; text-decoration: none; }
.pg h3 a:hover { color: var(--tiff-ink); }
.pg-p, .pg-card p, .pg-steps p, .pg-faq p, .pg-list li { max-width: var(--pg-measure); font: 400 var(--pg-fs-body)/1.6 var(--font-body); color: var(--pg-text); }
.pg-p { margin: 0 0 1.1em; }
.pg-p b, .pg-list b { color: var(--ink); font-weight: 600; }
.pg-p a, .pg-list a, .pg-faq a { color: var(--ink); text-underline-offset: 3px; text-decoration-color: var(--tiff-ink); }
.pg-fine { font-size: var(--pg-fs-small) !important; }

/* cards */
.pg-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.pg-card { padding: 28px 26px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 1px 0 var(--pg-line), 0 18px 40px -28px rgba(6, 9, 10, 0.35); }
.pg-card p { margin: 0 0 14px; }
.pg-tags { margin: 6px 0 0; }
.pg-tags a { color: inherit; text-decoration: none; }
.pg-price { display: block; margin-top: 12px; font: 700 24px/1.1 var(--font-display); letter-spacing: -0.02em; color: var(--ink); font-variant-numeric: tabular-nums lining-nums; }
.pg-price sup { font-size: 0.55em; vertical-align: 0.6em; margin-right: 1px; }
.pg-price small { font: 500 15px/1 var(--font-body); color: var(--pg-text); }
.pg-price .gst { margin-left: 4px; font: 500 12px/1 var(--font-body); letter-spacing: 0.08em; color: var(--pg-text); }

/* lists, steps */
.pg-list { margin: 0; padding: 0; list-style: none; }
.pg-list li { position: relative; padding: 14px 0 14px 28px; border-bottom: 1px solid var(--pg-line); }
.pg-list li::before { content: ""; position: absolute; left: 4px; top: 1.45em; width: 8px; height: 8px; border-radius: 50%; background: var(--tiff); }
.pg-list--num { counter-reset: n; }
.pg-list--num li::before { counter-increment: n; content: counter(n, decimal-leading-zero); width: auto; height: auto; top: 14px; background: none; font: 700 13px/1.6 var(--font-display); color: var(--tiff-ink); }
.pg-list--num li { padding-left: 40px; }
.pg-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.pg-steps__n { display: block; margin-bottom: 14px; font: 700 clamp(36px, 3vw, 48px)/1 var(--font-display); color: var(--tiff-ink); font-variant-numeric: tabular-nums; }
.pg-steps p { margin: 0 0 12px; }

/* proof */
.pg-shot { margin: 0 0 32px; border-radius: 20px; overflow: hidden; background: var(--ink); }
.pg-shot video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.pg-shot figcaption { padding: 12px 18px; font: 500 var(--pg-fs-small)/1.4 var(--font-body); color: rgba(246, 251, 251, 0.75); }
.pg-stat { max-width: 30ch; margin: 0; font: 400 clamp(24px, 2.2vw, 34px)/1.25 var(--font-body); letter-spacing: -0.01em; color: var(--ink); }
.pg-stat b { font: 700 1em/1 var(--font-display); color: var(--tiff-ink); font-variant-numeric: tabular-nums; }
.pg-out { margin-top: 28px; color: var(--ink); border-color: var(--pg-line); background: #FFFFFF; }

/* tables */
.pg-table { width: 100%; max-width: 1100px; border-collapse: collapse; font-variant-numeric: tabular-nums lining-nums; }
.pg-table th, .pg-table td { padding: 18px 16px 18px 0; border-bottom: 1px solid var(--pg-line); text-align: left; vertical-align: top; }
.pg-table th[scope="row"] { width: 22%; font: 700 18px/1.3 var(--font-display); letter-spacing: -0.01em; }
.pg-table td { font: 400 var(--pg-fs-body)/1.55 var(--font-body); color: var(--pg-text); }
.pg-table__p { width: 24%; text-align: right !important; white-space: nowrap; }
.pg-table__p .pg-price { display: inline; margin: 0; font-size: 20px; }
.pg-table--bands th[scope="col"] { font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff-ink); }
.pg-table--bands td { color: var(--ink); }

/* faq */
.pg-faq { max-width: 900px; border-bottom: 1px solid var(--pg-line); }
.pg-faq summary { cursor: pointer; list-style: none; padding: 22px 40px 22px 0; position: relative; font: 600 clamp(18px, 1.2vw + 13px, 22px)/1.35 var(--font-body); }
.pg-faq summary::-webkit-details-marker { display: none; }
.pg-faq summary::after { content: "+"; position: absolute; right: 4px; top: 18px; font: 300 28px/1 var(--font-display); color: var(--tiff-ink); transition: transform 0.3s; }
.pg-faq[open] summary::after { transform: rotate(45deg); }
.pg-faq p { margin: 0 0 24px; }

/* article */
.pg-article { max-width: 860px; }
.pg-article .pg-h2 { margin-top: 56px; }

/* closing CTA band, on ink */
.pg-cta { padding: clamp(64px, 9vw, 140px) var(--gut); background: var(--ink); color: var(--paper); }
.pg-cta .pg-h2 { color: var(--paper); max-width: 16ch; }
.pg-cta .pg-h2 em { color: var(--tiff); }
.pg-cta p { max-width: 52ch; font: 400 var(--pg-fs-lede)/1.5 var(--font-body); color: rgba(246, 251, 251, 0.8); }
.page-sub .footer { background: var(--ink); }

@media (max-width: 760px) {
  .pg { padding-top: 76px; }
  .pg-sec--split { grid-template-columns: 1fr; }
  .pg-table, .pg-table tbody, .pg-table tr, .pg-table th, .pg-table td { display: block; width: auto !important; }
  .pg-table tr { padding: 16px 0; border-bottom: 1px solid var(--pg-line); }
  .pg-table th, .pg-table td { padding: 2px 0; border: 0; text-align: left !important; }
  .pg-table--bands thead { display: none; }
}
.page-sub .footer { flex-wrap: wrap; row-gap: 18px; }
.page-sub .footer__links { flex-wrap: wrap; gap: 6px 20px; }
/* inner pages have no hero film: the bar is always the solid ink bar, whatever main.js toggles */
.page-sub .nav, .page-sub .nav.is-scrolled.in-hero { background: rgba(6, 9, 10, 0.94); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); }
.page-sub .nav .nav__links a, .page-sub .nav:not(.is-scrolled) .nav__links a { color: rgba(246, 251, 251, 0.78); }
.page-sub .nav .nav__links a:hover { color: var(--paper); }
.page-sub .nav .nav__word, .page-sub .nav:not(.is-scrolled) .nav__word { color: var(--paper); }

/* ============================================================
   Feature-page skeleton (3 Oct 2026): centred hero, floating screen with live chips,
   problem cards, how it runs, what it covers (ink), four live panels (ink), trust strip, FAQ, CTA.
   ============================================================ */
.pg-hero--c { max-width: none; text-align: center; padding-bottom: clamp(28px, 4vw, 56px); }
.pg-hero--c .pg-h1 { margin: 0 auto; max-width: 20ch; }
.pg-hero--c .pg-lede { margin-left: auto; margin-right: auto; }
.pg-hero--c .pg-hero__ctas { justify-content: center; }
.pg-hero--c .pg-crumbs { text-align: left; }
/* the floating screen */
.pg-screen { position: relative; max-width: 1100px; margin: 0 auto clamp(40px, 5vw, 72px); padding: 0 var(--gut); }
.pg-screen__frame { border-radius: 18px; overflow: hidden; background: var(--ink); box-shadow: 0 1px 0 var(--pg-line), 0 40px 80px -40px rgba(6, 9, 10, 0.5); }
.pg-screen__frame img { width: 100%; height: auto; display: block; }
.pg-screen::before { content: ""; position: absolute; left: 10%; right: 10%; top: -8%; height: 70%; z-index: -1; background: radial-gradient(60% 60% at 50% 40%, var(--t7) 0%, rgba(180, 236, 233, 0) 70%); filter: blur(30px); pointer-events: none; }
.pg-chip { position: absolute; display: grid; gap: 2px; padding: 10px 14px; border-radius: 12px; background: #FFFFFF; color: var(--ink); box-shadow: 0 16px 36px -16px rgba(6, 9, 10, 0.5), 0 1px 0 var(--pg-line); font: 500 13px/1.3 var(--font-body); margin: 0; animation: chipin 0.9s var(--ease) both; }
.pg-chip b { display: inline-flex; align-items: center; gap: 8px; font: 600 11px/1.2 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--tiff-ink); }
.pg-chip span { color: var(--pg-text); }
.pg-chip--a { right: calc(var(--gut) - 16px); top: 8%; animation-delay: 0.3s; }
.pg-chip--b { left: calc(var(--gut) - 16px); bottom: 14%; animation-delay: 0.6s; }
@keyframes chipin { from { opacity: 0; transform: translateY(10px); } }
.pg-screen figcaption { margin: 12px 4px 0; font: 500 var(--pg-fs-small)/1.4 var(--font-body); color: var(--pg-text); }
/* section head with a lede beside the title */
.pg-sec__head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px 64px; align-items: end; margin-bottom: clamp(28px, 3.5vw, 48px); }
.pg-sec__head .pg-h2 { margin: 0; }
.pg-sec__head .pg-p { margin: 0; }
.lose__grid--pg { padding: 0; max-width: none; }
.pg-sec--fails .lcard__p, .pg-sec--fails .lcard__heard { max-width: none; }
/* ink sections */
.pg-sec--ink { background: var(--ink); color: var(--paper); border-top: 0; }
.pg-sec--ink + .pg-sec--ink { padding-top: 0; }
.pg-sec--ink .pg-h2, .pg-sec--ink h3 { color: var(--paper); }
.pg-sec--ink .pg-p { color: var(--mut-d); }
.pg-sec--ink .pg-h2 em { color: var(--tiff); }
/* what it covers: 3 rows x 4 icon items */
.pg-cov { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 16px 48px; padding: 28px 0; border-top: 1px solid var(--line-d); }
.pg-cov:last-child { border-bottom: 1px solid var(--line-d); }
.pg-cov__k h3 { margin: 0 0 6px; font-size: 18px; }
.pg-cov__k p { margin: 0; max-width: 34ch; font-size: 15px; line-height: 1.5; color: var(--mut-d); }
.pg-cov__items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.pg-cov__items li { display: flex; align-items: center; gap: 12px; font-size: 15.5px; color: var(--paper); }
.pg-ic { flex: 0 0 auto; width: 36px; height: 36px; padding: 8px; border-radius: 10px; border: 1px solid var(--line-d); color: var(--t6); }
/* four live panels */
.live { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line-d); border-bottom: 1px solid var(--line-d); }
.pg-panel { position: relative; padding: 28px 24px 56px 0; border-left: 1px solid var(--line-d); padding-left: 24px; min-height: 300px; }
.pg-panel:first-child { border-left: 0; padding-left: 0; }
.pg-panel h3 { font-size: 17px; margin-bottom: 18px; }
.pg-panel__p { margin: 14px 0 0; max-width: 30ch; font-size: 14px; line-height: 1.5; color: var(--mut-d); }
.pg-panel__tag { position: absolute; left: 24px; bottom: 22px; margin: 0; font: 600 10.5px/1 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mut-d); }
.pg-panel:first-child .pg-panel__tag { left: 0; }
.pg-feed { list-style: none; margin: 0; padding: 0; }
.pg-feed li { display: grid; gap: 2px; padding: 10px 0 10px 18px; position: relative; border-bottom: 1px solid var(--line-d); opacity: 0; transform: translateY(8px); }
.pg-feed li::before { content: ""; position: absolute; left: 0; top: 16px; width: 8px; height: 8px; border-radius: 50%; background: var(--tiff); }
.pg-feed b { font: 600 14px/1.3 var(--font-body); color: var(--paper); }
.pg-feed span { font: 500 12.5px/1.3 var(--font-body); color: var(--mut-d); font-variant-numeric: tabular-nums; }
.is-in .pg-feed li { animation: feedin 0.6s var(--ease) calc(0.25s + var(--i) * 0.55s) forwards; }
@keyframes feedin { to { opacity: 1; transform: none; } }
.pg-typing { display: inline-flex; gap: 6px; align-items: center; margin: 6px 0 0; padding: 12px 14px; border-radius: 999px; background: var(--ink-3); }
.pg-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--tiff); opacity: 0.4; }
.is-in .pg-typing i { animation: dots 1.2s ease-in-out infinite; }
.is-in .pg-typing i:nth-child(2) { animation-delay: 0.2s; } .is-in .pg-typing i:nth-child(3) { animation-delay: 0.4s; }
@keyframes dots { 0%, 100% { opacity: 0.35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }
.pg-ring { position: relative; width: 120px; height: 120px; }
.pg-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.pg-ring__bg { fill: none; stroke: var(--line-d); stroke-width: 6; }
.pg-ring__fg { fill: none; stroke: var(--tiff); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 326.7; stroke-dashoffset: 326.7; }
.is-in .pg-ring__fg { animation: ring 1.6s var(--ease) 0.3s forwards; }
@keyframes ring { to { stroke-dashoffset: calc(326.7 - 326.7 * var(--p) / 100); } }
.pg-ring__n { position: absolute; inset: 0; display: grid; place-items: center; font-size: 30px; color: var(--paper); }
.pg-ring__n small { font-size: 0.5em; font-weight: 600; margin-left: 1px; }
.pg-count { margin: 0; font-size: clamp(56px, 5vw, 76px); line-height: 1; color: var(--paper); }
/* trust strip on inner pages */
.ships__grid--pg { padding: 0; max-width: none; }
/* micro-proofs under the final CTA */
.pg-micro { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 22px 0 0; font: 600 13px/1.4 var(--font-body); color: rgba(246, 251, 251, 0.8); }
.pg-micro span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--tiff); }
@media (max-width: 980px) {
  .pg-sec__head, .pg-cov { grid-template-columns: 1fr; }
  .live { grid-template-columns: 1fr 1fr; }
  .pg-panel { border-left: 0; padding-left: 0; min-height: 0; border-top: 1px solid var(--line-d); }
  .pg-panel:nth-child(-n+2) { border-top: 0; }
  .pg-panel__tag { left: 0; }
}
@media (max-width: 600px) {
  .live, .pg-cov__items { grid-template-columns: 1fr; }
  .pg-panel:nth-child(2) { border-top: 1px solid var(--line-d); }
  .pg-chip { position: static; margin-top: 10px; animation: none; }
  .pg-screen { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
  .pg-chip { animation: none; } .pg-feed li { opacity: 1; transform: none; animation: none; } .pg-typing i { animation: none; opacity: 1; }
  .pg-ring__fg { animation: none; stroke-dashoffset: calc(326.7 - 326.7 * var(--p) / 100); }
}
@media (prefers-reduced-motion: reduce) { .pg-faq summary::after { transition: none; } }
@media (prefers-reduced-motion: reduce) { .pg-crumbs a, .pg h3 a, .pg-link { transition: none; } }

/* ============================================================
   Merge build (3 Oct 2026, late): per-week prices, promises, founder tile, verticals, /audit, /ask.
   ============================================================ */
.pg-billed { display: block; margin-top: 4px; font: 500 13px/1.3 var(--font-body); color: var(--pg-text); }
.pg-table__p .pg-billed { white-space: normal; }
.pg-terms { margin: 18px 0 0; max-width: 60ch; }
/* vertical pages (/trades-gold-coast, /clinics-gold-coast) and /ask run on ink */
body.page-vertical { background: var(--ink); color: var(--paper); }
.page-vertical .pg-h1, .page-vertical .pg-h2, .page-vertical h3, .page-vertical .pg-stat { color: var(--paper); }
.page-vertical .pg-h1 em, .page-vertical .pg-h2 em { color: var(--tiff); }
.page-vertical .pg-lede, .page-vertical .pg-crumbs, .page-vertical .pg-p, .page-vertical .pg-list li, .page-vertical .pg-faq p, .page-vertical .pg-screen figcaption { color: var(--mut-d); }
.page-vertical .pg-crumbs a:hover, .page-vertical .pg-link, .page-vertical .pg-p a, .page-vertical .pg-list a, .page-vertical .pg-faq a { color: var(--paper); }
.page-vertical .pg-sec { border-top-color: var(--line-d); }
.page-vertical .pg-sec--ink + .pg-sec--ink { padding-top: clamp(48px, 6vw, 96px); border-top: 1px solid var(--line-d); }
.page-vertical .pg-faq { border-bottom-color: var(--line-d); }
.page-vertical .pg-faq summary { color: var(--paper); }
.page-vertical .pg-faq summary::after { color: var(--tiff); }
.page-vertical .pg-list li { border-bottom-color: var(--line-d); }
.page-vertical .pg-list--num li::before { color: var(--tiff); }
.page-vertical .pg-eyebrow, .page-vertical .pg-tags { color: var(--tiff); }
.page-vertical .pg-screen::before { background: radial-gradient(60% 60% at 50% 40%, rgba(10, 186, 181, 0.35) 0%, rgba(10, 186, 181, 0) 70%); }
.page-vertical .pg-screen__frame { box-shadow: 0 0 0 1px var(--line-d), 0 40px 80px -40px rgba(0, 0, 0, 0.8); }
.page-vertical .pg-steps__n { color: var(--tiff); margin-bottom: 8px; font-size: 14px; letter-spacing: 0.14em; }
.pg-cards--ink .pg-card { background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line-d); }
.pg-cards--ink .pg-card p { color: var(--mut-d); }
.pg-cards--ink .pg-price, .pg-cards--ink h3 a { color: var(--paper); }
.pg-cards--ink .pg-price small, .pg-cards--ink .pg-price .gst, .pg-cards--ink .pg-billed { color: var(--mut-d); }
.pg-cards--ink .tier__gift { margin: 14px 0 0; }
/* the four pains */
.vx { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vx li { position: relative; padding: 18px 20px 18px 48px; border-radius: 14px; border: 1px solid var(--line-d); background: var(--ink-2); font: 400 16.5px/1.5 var(--font-body); color: var(--paper); }
.vx li::before { content: "\2715"; position: absolute; left: 20px; top: 18px; font: 700 15px/1.5 var(--font-body); color: var(--tiff); }
.lcard__heard--ink { max-width: 60ch; margin: 28px 0 0; color: var(--paper); }
.lcard__heard--ink span { color: var(--tiff); }
/* the case block */
.pg-case__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 48px; align-items: start; }
.pg-case__grid .pg-shot { margin: 0; box-shadow: inset 0 0 0 1px var(--line-d); }
.stat--ink { background: linear-gradient(135deg, rgba(10, 186, 181, 0.12) 0%, var(--ink-2) 70%); box-shadow: inset 0 0 0 1px var(--line-d); }
.stat--ink .stat__n { color: var(--paper); }
.stat--ink .stat__l { color: var(--mut-d); }
.stat--ink .stat__row { border-bottom-color: var(--line-d); }
.pg-out--ink { background: transparent; color: var(--paper); border-color: rgba(246, 251, 251, 0.34); }
.page-vertical .contact { padding-top: clamp(80px, 10vw, 140px); border-top: 1px solid var(--line-d); }
.page-vertical .contact .founder { margin-top: 30px; }
@media (max-width: 900px) { .vx, .pg-case__grid { grid-template-columns: 1fr; } }
/* vertical pages (/trades-gold-coast, /clinics-gold-coast) and /ask run on ink */
body.page-vertical { background: var(--ink); color: var(--paper); }
.page-vertical .pg-h1, .page-vertical .pg-h2, .page-vertical h3, .page-vertical .pg-stat { color: var(--paper); }
.page-vertical .pg-h1 em, .page-vertical .pg-h2 em { color: var(--tiff); }
.page-vertical .pg-lede, .page-vertical .pg-crumbs, .page-vertical .pg-p, .page-vertical .pg-list li, .page-vertical .pg-faq p, .page-vertical .pg-screen figcaption { color: var(--mut-d); }
.page-vertical .pg-crumbs a:hover, .page-vertical .pg-link, .page-vertical .pg-p a, .page-vertical .pg-list a, .page-vertical .pg-faq a { color: var(--paper); }
.page-vertical .pg-sec { border-top-color: var(--line-d); }
.page-vertical .pg-sec--ink + .pg-sec--ink { padding-top: clamp(48px, 6vw, 96px); border-top: 1px solid var(--line-d); }
.page-vertical .pg-faq { border-bottom-color: var(--line-d); }
.page-vertical .pg-faq summary { color: var(--paper); }
.page-vertical .pg-faq summary::after { color: var(--tiff); }
.page-vertical .pg-list li { border-bottom-color: var(--line-d); }
.page-vertical .pg-list--num li::before { color: var(--tiff); }
.page-vertical .pg-eyebrow, .page-vertical .pg-tags { color: var(--tiff); }
.page-vertical .pg-screen::before { background: radial-gradient(60% 60% at 50% 40%, rgba(10, 186, 181, 0.35) 0%, rgba(10, 186, 181, 0) 70%); }
.page-vertical .pg-screen__frame { box-shadow: 0 0 0 1px var(--line-d), 0 40px 80px -40px rgba(0, 0, 0, 0.8); }
.page-vertical .pg-steps__n { color: var(--tiff); margin-bottom: 8px; font-size: 14px; letter-spacing: 0.14em; }
.pg-cards--ink .pg-card { background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line-d); }
.pg-cards--ink .pg-card p { color: var(--mut-d); }
.pg-cards--ink .pg-price, .pg-cards--ink h3 a { color: var(--paper); }
.pg-cards--ink .pg-price small, .pg-cards--ink .pg-price .gst, .pg-cards--ink .pg-billed { color: var(--mut-d); }
.pg-cards--ink .tier__gift { margin: 14px 0 0; }
/* the four pains */
.vx { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vx li { position: relative; padding: 18px 20px 18px 48px; border-radius: 14px; border: 1px solid var(--line-d); background: var(--ink-2); font: 400 16.5px/1.5 var(--font-body); color: var(--paper); }
.vx li::before { content: "\2715"; position: absolute; left: 20px; top: 18px; font: 700 15px/1.5 var(--font-body); color: var(--tiff); }
.lcard__heard--ink { max-width: 60ch; margin: 28px 0 0; color: var(--paper); }
.lcard__heard--ink span { color: var(--tiff); }
/* the case block */
.pg-case__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 48px; align-items: start; }
.pg-case__grid .pg-shot { margin: 0; box-shadow: inset 0 0 0 1px var(--line-d); }
.stat--ink { background: linear-gradient(135deg, rgba(10, 186, 181, 0.12) 0%, var(--ink-2) 70%); box-shadow: inset 0 0 0 1px var(--line-d); }
.stat--ink .stat__n { color: var(--paper); }
.stat--ink .stat__l { color: var(--mut-d); }
.stat--ink .stat__row { border-bottom-color: var(--line-d); }
.pg-out--ink { background: transparent; color: var(--paper); border-color: rgba(246, 251, 251, 0.34); }
.page-vertical .contact { padding-top: clamp(80px, 10vw, 140px); border-top: 1px solid var(--line-d); }
.page-vertical .contact .founder { margin-top: 30px; }
@media (max-width: 900px) { .vx, .pg-case__grid { grid-template-columns: 1fr; } }
/* /audit: the capped founder offer */
.pg-spots { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px 64px; align-items: end; }
.spots { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.spots__n { margin: 0; font-size: clamp(88px, 12vw, 180px); line-height: 0.85; color: var(--ink); }
.spots__l { margin: 0; font: 700 clamp(22px, 2.4vw, 34px)/1.1 var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.spots__l em { font-style: normal; font-weight: 300; }
.spots__closes { margin: 0; font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff-ink); }
.audit-full { grid-column: 1 / -1; }
.spots-full .audit-full { display: block; }
.spots-full #contact { display: none; }
.page-audit .contact { margin-top: clamp(48px, 6vw, 96px); }
/* /pricing in the platform layout */
.pg-sec--lanes { border-top: 0; }
.pg-lanes { grid-template-columns: repeat(3, 1fr); align-items: start; }
.pg-card--lane { position: relative; display: flex; flex-direction: column; padding-top: 32px; }
.pg-card--lane .tier__flag { top: 14px; right: 14px; }
.pg-lane__time { margin: -6px 0 0 !important; font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff) !important; }
.pg-card--lane .pg-price { margin: 14px 0 16px; font-size: 30px; }
.pg-list--tight li { padding: 10px 0 10px 24px; font-size: 15px; line-height: 1.45; }
.pg-list--tight li::before { top: 1.15em; width: 6px; height: 6px; }
.pg-cards--ink .pg-list--tight li { color: var(--mut-d); border-bottom-color: var(--line-d); }
.pg-lane__cta { margin: auto 0 0 !important; padding-top: 22px; }
.pg-table--cmp th[scope="col"] { font: 700 16px/1.3 var(--font-display); letter-spacing: -0.01em; }
.pg-table--cmp th[scope="row"] { font: 600 15px/1.4 var(--font-body); color: var(--pg-text); }
.pg-table--cmp td { color: var(--ink); }
.pg-table--cmp .is-pro { background: rgba(6, 120, 115, 0.06); }
.pg-table--cmp thead .is-pro { color: var(--tiff-ink); }
.pg-sec--wont .owned { margin: 0; padding: 0; max-width: none; }
.pg-sec--wont .owned__title { font: 700 var(--pg-fs-h2)/1.04 var(--font-display); letter-spacing: -0.025em; color: var(--paper); }
.pg-sec--wont .owned__title em { color: var(--tiff); }
/* /ask: the live read */
.ask { max-width: 760px; display: grid; gap: 28px; }
.ask__form { grid-template-columns: 1fr; gap: 6px; }
.job--ask { width: 100%; margin: 0; }
.ask__row { position: relative; min-height: 1.55em; padding-left: 20px; color: rgba(246, 251, 251, 0.6); }
.ask__row::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgba(246, 251, 251, 0.35); transition: background-color 0.3s, border-color 0.3s; }
.ask__row.is-typing::before, .ask__row.is-done::before { background: var(--tiff); border-color: var(--tiff); }
.ask__row.is-done { color: var(--paper); }
.ask__row.is-typing::after { content: ""; display: inline-block; width: 2px; height: 1em; margin-left: 3px; vertical-align: -0.15em; background: var(--tiff); animation: caret 0.8s steps(2) infinite; }
.ask__score { display: flex; align-items: baseline; gap: 14px; margin: 0 0 18px; color: var(--paper); }
.ask__score .readout { font-size: clamp(48px, 6vw, 72px); line-height: 1; }
.ask__score small { font: 500 15px/1.4 var(--font-body); color: var(--mut-d); }
.ask-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ask-facts li { position: relative; padding: 12px 14px 12px 36px; border-radius: 12px; border: 1px solid var(--line-d); background: var(--ink-2); font: 500 14px/1.4 var(--font-body); color: var(--paper); }
.ask-facts li::before { content: ""; position: absolute; left: 14px; top: 16px; width: 10px; height: 10px; border-radius: 50%; background: var(--tiff); }
.ask-facts li.is-fail::before { background: transparent; border: 1.5px solid #ff9c85; }
.ask-facts b { display: block; font-weight: 600; }
.ask-facts span { color: var(--mut-d); font-weight: 400; }
.ask-audit { margin-top: 28px; padding: 24px 26px; border-radius: 16px; border: 1px solid rgba(95, 211, 207, 0.22); background: rgba(10, 158, 153, 0.07); }
.ask-audit__k { margin: 0 0 12px; font: 600 11px/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff); }
.ask-audit p { max-width: none; color: var(--paper); font-size: 16.5px; }
.ask-audit__soon { margin-top: 24px; }
.page-vertical .disclaim { padding-left: 0; padding-right: 0; }
@media (max-width: 980px) { .pg-lanes { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .pg-spots { grid-template-columns: 1fr; }
  .ask-facts { grid-template-columns: 1fr; }
  .pg-table--cmp thead { display: none; }
  .pg-table--cmp td::before { content: attr(data-l) ": "; font-weight: 600; color: var(--tiff-ink); }
  .pg-table--cmp th[scope="row"] { padding-top: 8px; }
}
/* fixes found in the merge QA: bold words and the contact block inherit ink on ink; asset slots keep the 16:10 plate shape until the plate lands */
.page-vertical .pg-list b, .page-vertical .pg-p b { color: var(--paper); }
.page-sub .contact { color: var(--paper); }
.pg-screen__frame img[data-asset] { aspect-ratio: 16 / 10; object-fit: cover; }
/* simplicity pass: /pricing keeps three cards above the fold; the rest sits behind one summary, collapsed on phones */
.pg-every { border-top: 1px solid var(--pg-line); }
.pg-every__sum { display: flex; align-items: center; gap: 16px; padding: 26px var(--gut); cursor: pointer; list-style: none; }
.pg-every__sum::-webkit-details-marker { display: none; }
.pg-every__t { font: 700 clamp(22px, 2.2vw, 32px)/1.1 var(--font-display); letter-spacing: -0.025em; color: var(--ink); }
.pg-every__hint { margin-left: auto; font-size: 14px; color: var(--pg-text); }
.pg-every .compare__icon { border-color: var(--pg-line); color: var(--ink); }
.pg-every[open] .compare__icon { transform: rotate(45deg); }
/* Lighthouse fixes: lane flag keeps ink on tiffany, light promise labels darker on cream */
.pg-cards--ink .pg-card .tier__flag { color: var(--ink); }
.promises--light .promise b { color: #045c58; }
@media (max-width: 760px) { .pg-every__hint { display: none; } }
.pg-every .compare__icon::before, .pg-every .compare__icon::after { background: var(--ink); }

/* ============================================================
   The launch platform feature pages (8 Oct 2026): hero stat tiles and chips, the order rail, the timeline
   strip with its reduced-motion fallback, proof tiles, and the four-band matrix on /pricing.
   ============================================================ */
.fhero { max-width: 1100px; margin: 0 auto clamp(28px, 4vw, 48px); padding: 0 var(--gut); }
.fstats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.fstat { padding: 24px 24px 22px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 1px 0 var(--pg-line), 0 18px 40px -28px rgba(6, 9, 10, 0.35); text-align: left; }
.fstat__n { margin: 0; font-size: clamp(32px, 3vw, 46px); line-height: 1; color: var(--ink); letter-spacing: -0.03em; overflow-wrap: anywhere; }
.fstat__l { margin: 10px 0 0; max-width: 30ch; font: 400 15px/1.45 var(--font-body); color: var(--pg-text); }
.fstat__s { display: inline-block; margin-top: 12px; font: 600 12.5px/1.3 var(--font-body); letter-spacing: 0.04em; color: var(--tiff-ink); text-underline-offset: 3px; text-decoration-color: rgba(6, 120, 115, 0.35); }
.fchips { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.fchips li { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--pg-line); background: rgba(255, 255, 255, 0.6); font: 600 13px/1.3 var(--font-body); color: var(--ink); }
.fchips li::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--tiff); vertical-align: 1px; }
/* the launch, in order */
.rail { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; max-width: 1100px; margin: 0 auto clamp(40px, 5vw, 72px); padding: 16px var(--gut) 0; }
.pg-hero + .fhero + .rail, .pg-matrix .rail { border-top: 1px solid var(--pg-line); }
.pg-matrix .rail { margin: 28px 0 0; padding-left: 0; padding-right: 0; max-width: 1100px; }
.rail__k { margin: 0; font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff-ink); }
.rail__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; counter-reset: r; }
.rail__list li { counter-increment: r; }
.rail__list a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; font: 600 13.5px/1.2 var(--font-body); color: var(--ink); text-decoration: none; border: 1px solid transparent; transition: border-color 0.3s, background-color 0.3s; }
.rail__list a::before { content: counter(r, decimal-leading-zero); font: 700 10.5px/1 var(--font-display); letter-spacing: 0.04em; color: var(--tiff-ink); }
.rail__list a:hover { border-color: var(--pg-line); background: #FFFFFF; }
.rail__list a[aria-current="page"] { background: var(--ink); color: var(--paper); }
.rail__list a[aria-current="page"]::before { color: var(--tiff); }
.rail__go { margin-left: auto; font: 600 14px/1.3 var(--font-body); color: var(--ink); text-underline-offset: 4px; text-decoration-color: var(--tiff-ink); }
/* the timeline strip */
.pg-tick .pg-sec__head { margin-bottom: 28px; }
.tk { display: flex; overflow: hidden; border-top: 1px solid var(--pg-line); border-bottom: 1px solid var(--pg-line); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.tk__track { list-style: none; margin: 0; padding: 14px 0; display: flex; flex: 0 0 auto; animation: tk 56s linear infinite; }
.tk__track li { display: inline-flex; align-items: baseline; gap: 10px; padding: 0 28px; border-right: 1px solid var(--pg-line); white-space: nowrap; font: 400 15px/1.3 var(--font-body); color: var(--ink); }
.tk__track b { font: 700 13px/1 var(--font-display); letter-spacing: 0.02em; color: var(--tiff-ink); font-variant-numeric: tabular-nums; }
.tk__track span { color: var(--pg-text); }
@keyframes tk { to { transform: translateX(-100%); } }
.tk:hover .tk__track { animation-play-state: paused; }
.tk__tag { margin: 10px 0 0; font: 600 10.5px/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--pg-text); }
.proofs { list-style: none; margin: clamp(28px, 4vw, 48px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.proof { padding: 24px 24px 22px; border-radius: 18px; border: 1px solid var(--pg-line); }
.proof__n { margin: 0; font-size: clamp(30px, 2.8vw, 40px); line-height: 1; color: var(--ink); letter-spacing: -0.03em; overflow-wrap: anywhere; }
.proof__l { margin: 10px 0 0; max-width: 30ch; font: 400 15px/1.45 var(--font-body); color: var(--pg-text); }
.proof__s { margin: 8px 0 0; font: 600 13px/1.3 var(--font-body); }
.proof__s a { color: var(--tiff-ink); text-underline-offset: 3px; }
/* the four-band matrix on /pricing */
.pg-matrix { border-top: 0; }
.pg-table--mx th[scope="col"] { font: 700 16px/1.3 var(--font-display); letter-spacing: -0.01em; vertical-align: bottom; }
.pg-table--mx th[scope="col"] small { display: block; margin-top: 4px; max-width: 22ch; font: 500 12.5px/1.35 var(--font-body); letter-spacing: 0; color: var(--pg-text); }
.pg-table--mx th[scope="row"] { width: 28%; font: 600 15px/1.4 var(--font-body); color: var(--pg-text); }
.pg-table--mx .pg-band th { padding: 30px 0 10px; font: 600 var(--pg-fs-label)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tiff-ink); width: auto; }
.pg-table--mx td { font-size: 15px; line-height: 1.45; color: var(--ink); }
.pg-table--mx td.is-in::before, .pg-table--mx td.is-out::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--tiff); vertical-align: 1px; }
.pg-table--mx td.is-out { color: var(--pg-text); }
.pg-table--mx td.is-out::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--pg-line); }
.pg-table--mx .is-growth { background: rgba(6, 120, 115, 0.06); }
.pg-table--mx thead .is-growth { color: var(--tiff-ink); }
@media (prefers-reduced-motion: reduce) {
  .tk { -webkit-mask-image: none; mask-image: none; }
  .tk__track { animation: none; flex: 1 1 100%; width: 100%; flex-wrap: wrap; gap: 6px 0; }
  .tk__track[aria-hidden="true"], .tk__track li.tk__dup { display: none; }
  .tk__track li { white-space: normal; padding: 6px 18px 6px 0; border-right: 0; }
  .rail__list a { transition: none; }
}
@media (max-width: 760px) {
  .fstats, .proofs { grid-template-columns: 1fr; }
  .rail__go { margin-left: 0; }
  .pg-table--mx thead { display: none; }
  .pg-table--mx td::before { content: attr(data-l) ": "; display: inline; width: auto; height: auto; margin: 0; border-radius: 0; background: none; box-shadow: none; font-weight: 600; color: var(--tiff-ink); }
  .pg-table--mx th[scope="row"] { padding-top: 8px; }
  .pg-table--mx .pg-band th { padding: 22px 0 4px; }
  .pg-table--mx .is-growth { background: none; }
}