@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  color-scheme: light;
  --paper: #fbfaf7;
  --paper-card: #fffefa;
  --paper-soft: #f3f2ee;
  --ink: #111b1b;
  --ink-2: #24302f;
  --muted: #737b7c;
  --soft-muted: #929899;
  --line: rgba(25, 36, 35, .16);
  --line-dark: rgba(255, 255, 255, .14);
  --green: #315d49;
  --green-2: #547963;
  --mint: #c6ddbc;
  --night: #080b0a;
  --panel: #0e1210;
  --panel-2: #111613;
  --white: #f7f8f3;
  --display: "Instrument Sans", sans-serif;
  --body: "Instrument Sans", sans-serif;
  --wide: 1840px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}
.opportunity-green { color: var(--opportunity-accent, var(--green)) !important; fill: var(--opportunity-accent, var(--green)) !important; }
:is(#intelligence-deck, #next-market, .site-end) .opportunity-green { --opportunity-accent: #c6ddbc; }
#engine .opportunity-green { color: inherit !important; fill: currentColor !important; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 0; background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.48; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body:has(.dark-chapter) { background: var(--paper); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--paper); background: var(--green); }
:focus-visible { outline: 2px solid #6b9278; outline-offset: 4px; }

.skip-link { position: fixed; z-index: 500; top: 12px; left: 12px; padding: 12px 16px; transform: translateY(-150%); border-radius: 4px; background: var(--ink); color: var(--white); }
.skip-link:focus { transform: translateY(0); }
.light-chapter { background: var(--paper); color: var(--ink); }
.hero { position: relative; display: flex; min-height: min(880px, 100svh); min-height: max(740px, 100svh); flex-direction: column; justify-content: center; overflow: hidden; padding: 112px max(5vw, 40px) 70px; }
.hero::before { position: absolute; inset: 0; background: radial-gradient(ellipse at 51% 46%, rgba(255,255,255,.88), transparent 53%); content: ""; pointer-events: none; }
.site-header { position: absolute; z-index: 10; top: 19px; left: 50%; display: grid; width: min(calc(100% - 96px), 1510px); min-height: 56px; grid-template-columns: 1fr auto 1fr; align-items: center; transform: translateX(-50%); }
.brand { display: inline-flex; width: fit-content; align-items: center; gap: 11px; color: var(--ink); font-family: var(--display); font-size: 22px; font-weight: 560; letter-spacing: -.055em; }
.brand-mark { display: inline-block; flex: 0 0 auto; width: 35px; height: 35px; fill: currentColor; stroke: none; vertical-align: middle; }
.brand-mark .mark-base { fill: currentColor; }
.brand-mark .mark-accent { fill: #36745b; }
.wordmark-text { display: inline; white-space: nowrap; }
.wordmark-scope { color: #36745b; }
.primary-nav { display: flex; align-items: center; gap: clamp(24px, 3.5vw, 62px); }
.primary-nav a, .sign-in { color: #5b6465; font-size: 14px; transition: color .2s ease; }
.primary-nav a:hover, .sign-in:hover { color: var(--green); }
.header-actions { display: flex; align-items: center; justify-self: end; gap: 34px; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 18px; padding: 0 25px; border: 1px solid transparent; border-radius: 999px; font-size: 15px; font-weight: 540; transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease; }
.button:hover { transform: translateY(-2px); }
.button-dark { background: #12201e; color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.14); }
.button-dark:hover { background: #24433a; }
.button-outline { border-color: #9ba1a2; background: rgba(255,255,255,.35); color: var(--ink); }
.button-outline:hover { border-color: var(--green); background: #fff; }
.button-small { min-height: 44px; padding-inline: 23px; font-size: 14px; }
.menu-toggle { display: none; }
.hero-inner { position: relative; z-index: 1; display: grid; width: min(1220px, 100%); min-height: 490px; align-items: center; grid-template-columns: minmax(0, 1fr) minmax(280px, .6fr); margin: 15px auto 0; }
.hero-copy { z-index: 2; grid-column: 1 / -1; width: min(830px, 75%); margin: 0 auto; text-align: center; }
.eyebrow, .section-kicker, .tech-kicker { margin: 0; color: #737c80; font-size: 12px; font-weight: 650; letter-spacing: .24em; line-height: 1.4; text-transform: uppercase; }
.hero-copy .eyebrow { margin-bottom: 28px; }
.hero h1 { margin: 0; font-family: var(--display); font-size: clamp(52px, 5vw, 82px); font-weight: 560; letter-spacing: -.073em; line-height: .99; }
.hero h1 span { color: #8b8e90; font-weight: 500; }
.hero-intro { max-width: 585px; margin: 27px auto 27px; color: #737b7f; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.45; letter-spacing: -.025em; }
.hero-actions { display: flex; justify-content: center; gap: 15px; }
.hero-radar { position: absolute; top: 49%; right: 0; width: min(27vw, 390px); aspect-ratio: 1; transform: translateY(-50%); opacity: .92; }
.radar-rings { position: absolute; inset: 13%; display: grid; place-items: center; }
.radar-rings::before, .radar-rings::after, .radar-rings i { position: absolute; border: 1px solid rgba(76,111,94,.33); border-radius: 50%; content: ""; }
.radar-rings::before { inset: 0; border-style: dotted; }
.radar-rings::after { inset: 22%; }
.radar-rings i:first-child { inset: 28%; border-color: transparent; }
.radar-rings i:nth-child(2) { inset: 42%; border-color: transparent; }
.radar-rings b { z-index: 1; width: 32px; aspect-ratio: 1; border-radius: 50%; background: #47745d; box-shadow: 0 0 0 12px rgba(71,116,93,.08); }
.radar-cross { position: absolute; z-index: 2; background: rgba(65,102,84,.5); }
.radar-cross-x { top: 50%; left: -16%; width: 132%; height: 1px; }
.radar-cross-y { top: -17%; left: 50%; width: 1px; height: 134%; }
.radar-dot, .radar-square { position: absolute; z-index: 2; }
.radar-dot { width: 6px; aspect-ratio: 1; border-radius: 50%; background: #507761; }
.radar-dot-a { top: 22%; left: 7%; }.radar-dot-b { top: 5%; right: 10%; }.radar-dot-c { right: 19%; bottom: 4%; background: #a1a8a6; }
.radar-square { width: 12px; aspect-ratio: 1; border: 1px solid #889390; }
.radar-square-a { top: 12%; right: 20%; }.radar-square-b { bottom: -4%; left: 73%; }
.hero-edge-note { position: absolute; top: 8%; right: 0; display: flex; flex-direction: column; gap: 8px; color: #70787d; font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.hero-edge-note i { width: 23px; height: 1px; margin-top: 4px; background: #879092; }
.scroll-cue { position: absolute; bottom: 26px; left: 50%; display: flex; align-items: center; gap: 12px; transform: translateX(-50%); color: #858b8c; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.scroll-cue span { width: 1px; height: 23px; background: #778f81; }

.engine-section { position: relative; min-height: 800px; overflow: hidden; padding: 70px max(5vw, 48px) 42px; }
.section-kicker { display: flex; align-items: center; gap: 18px; }
.kicker-line { width: 21px; height: 1px; background: #889090; }
.engine-heading { position: relative; z-index: 1; max-width: 950px; margin-top: 22px; }
.engine-heading h2 { margin: 0; font-family: var(--display); font-size: clamp(48px, 4.6vw, 72px); font-weight: 520; letter-spacing: -.068em; line-height: 1.02; }
.engine-heading h2 span { color: #83878a; }
.engine-heading p { max-width: 600px; margin: 18px 0 0; color: #727b80; font-size: 19px; line-height: 1.48; }
.engine-margin-note { position: absolute; top: 11%; right: 5.5%; display: flex; flex-direction: column; gap: 6px; color: #737a80; font-size: 10px; font-weight: 650; letter-spacing: .22em; text-transform: uppercase; }
.engine-margin-note i { width: 22px; height: 1px; margin-top: 3px; background: #899092; }
.engine-map { position: relative; width: 100%; height: 385px; margin-top: 28px; }
.engine-path { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.path-base { fill: none; stroke: #55785e; stroke-width: 1.7; }
.path-branch { fill: none; stroke: rgba(68,94,82,.37); stroke-width: .8; }
.path-sparks { fill: #4d715d; }
.engine-step { position: absolute; z-index: 3; display: grid; grid-template-columns: 27px auto; align-items: baseline; min-width: 205px; padding: 8px 10px 8px 0; background: rgba(251,250,247,.86); }
.engine-step b { grid-row: span 2; color: #3d754c; font-size: 12px; }
.engine-step strong { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.engine-step span { grid-column: 2; color: #626a70; font-size: 12px; }
.engine-step i { position: absolute; top: 50%; left: -15px; width: 18px; height: 18px; transform: translate(-50%,-50%); border: 1px solid #aac2ad; border-radius: 50%; background: radial-gradient(circle, #4e7457 0 36%, #fff 38% 100%); box-shadow: 0 0 0 5px rgba(82,123,88,.07); }
.step-one { top: 56%; left: 8%; }.step-two { top: 34%; left: 34%; }.step-three { top: 57%; left: 57%; }.step-four { top: 68%; left: 76%; }
.engine-branch { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 16px; color: #5c646b; font-size: 11px; }
.engine-branch span { position: relative; padding-left: 12px; }
.engine-branch span::before { position: absolute; top: .6em; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #56645d; content: ""; }
.engine-branch-one { top: 37%; left: 0; }.engine-branch-two { top: 7%; left: 26%; display: grid; grid-template-columns: auto auto; column-gap: 25px; row-gap: 9px; }.engine-branch-three { top: 22%; left: 60%; display: grid; grid-template-columns: auto auto; column-gap: 25px; row-gap: 12px; }.engine-branch-four { top: 76%; left: 72%; display: grid; grid-template-columns: auto auto; column-gap: 22px; row-gap: 9px; }
.qualified-node { position: absolute; top: 53%; right: 0; display: grid; grid-template-columns: 24px auto; align-items: center; width: 210px; padding: 12px 0; background: var(--paper); }
.qualified-node i { grid-row: span 2; width: 17px; height: 17px; border: 1px solid #acc4ac; border-radius: 50%; background: #537856; box-shadow: 0 0 0 8px rgba(83,120,86,.08); }
.qualified-node strong { font-size: 12px; }.qualified-node span { color: #737b7e; font-size: 11px; }
.engine-footer { display: flex; justify-content: space-between; margin-top: 6px; color: #6c7479; font-size: 10px; font-weight: 600; letter-spacing: .24em; line-height: 1.5; text-transform: uppercase; }
.wordmark-spaced { display: inline-flex; align-items: center; gap: .7em; align-self: center; font-size: 14px; letter-spacing: .32em; }

.capabilities-section { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 28px max(2vw, 24px); }
  .outcome-card { position: relative; min-height: 445px; overflow: hidden; border: 1px solid rgba(31,38,36,.11); border-radius: 17px; background: linear-gradient(135deg, rgba(255,255,255,.74), rgba(246,245,241,.76)); padding: clamp(24px, 2.5vw, 40px); }
.outcome-card::after { position: absolute; z-index: 0; right: -16%; bottom: -72%; width: 72%; aspect-ratio: 1; border: 1px dotted rgba(70,90,79,.16); border-radius: 50%; content: ""; pointer-events: none; }
.outcome-number { position: relative; z-index: 2; color: #777d81; font-size: 14px; }
.card-arrow { position: absolute; z-index: 5; top: 22px; right: 22px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(20,30,28,.12); border-radius: 8px; background: rgba(255,255,255,.8); font-size: 21px; transition: background .2s, transform .2s; }
.card-arrow:hover { transform: translate(2px,-2px); background: #fff; }
.outcome-card h2 { position: relative; z-index: 2; margin: 3px 0 0; font-family: var(--display); font-size: clamp(27px, 2.5vw, 39px); font-weight: 600; letter-spacing: -.065em; line-height: 1.05; }
.outcome-subtitle { position: relative; z-index: 2; margin: 2px 0 0; color: #818587; font-family: var(--display); font-size: clamp(23px, 2vw, 31px); letter-spacing: -.05em; line-height: 1.16; }
.outcome-copy { position: relative; z-index: 2; max-width: 280px; margin: 36px 0 0; color: #62696e; font-size: 15px; line-height: 1.55; }
.outcome-company .outcome-copy { max-width: 245px; }
.outcome-qualify .outcome-copy { max-width: 230px; }
.outcome-action .outcome-copy { max-width: 265px; }
.search-visual { position: absolute; z-index: 1; top: 81px; right: 25px; width: 56%; height: 250px; }
.query-chip { position: absolute; top: 0; right: 0; display: flex; width: 80%; height: 38px; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px; border: 1px solid rgba(31,42,39,.1); border-radius: 20px; background: #fff; box-shadow: 0 7px 24px rgba(22,29,26,.08); font-size: 9px; font-weight: 600; white-space: nowrap; }
.query-chip span:first-child { font-size: 18px; }.query-chip span:last-child { font-size: 15px; }
.source-stack { position: absolute; top: 56px; left: 0; display: flex; width: 63%; flex-direction: column; gap: 4px; }
.source-stack span { padding: 6px 10px; border: 1px solid rgba(24,35,32,.06); border-radius: 18px; background: rgba(255,255,255,.9); font-size: 10px; }
.source-stack span { display: flex; align-items: center; gap: 7px; }
.source-stack span i { font-style: normal; }
.signal-cloud { position: absolute; top: 54px; right: 0; display: grid; width: 52%; height: 145px; grid-template-columns: repeat(5,1fr); align-content: center; justify-items: center; }
.signal-cloud::before { position: absolute; top: 50%; left: -53%; width: 120%; border-top: 1px solid rgba(60,86,69,.3); content: ""; transform: rotate(6deg); }
.search-paths { position: absolute; z-index: 0; top: 58px; left: -41%; width: 145%; height: 188px; overflow: visible; pointer-events: none; }
.search-paths path { fill: none; stroke: rgba(84,101,91,.28); stroke-width: 1; vector-effect: non-scaling-stroke; }
.search-paths .market-traces path { stroke: rgba(77,102,86,.2); }
.search-paths circle { fill: #202b27; }
.signal-cloud::before { display: none; }
.signal-cloud i { z-index: 1; width: 5px; height: 5px; margin: 8px; border-radius: 50%; background: #497259; box-shadow: 20px 9px 0 -1px #96a39a, 40px -5px 0 -1px #3b5747; }
.signal-cloud > span { position: absolute; right: 0; bottom: 13px; padding: 9px 13px; border-radius: 12px; background: #fff; box-shadow: 0 4px 20px rgba(20,28,26,.08); font-size: 10px; line-height: 1.35; }
.signal-cloud > span { z-index: 2; }
.outcome-metrics { position: absolute; z-index: 2; right: 28px; bottom: 22px; left: 28px; display: flex; align-items: center; gap: 0; }
.outcome-metrics > div:not(.coverage-meter) { min-width: 78px; margin-right: 13px; padding-right: 13px; border-right: 1px solid rgba(25,35,33,.12); }
.outcome-metrics strong { display: block; font-family: var(--display); font-size: 19px; letter-spacing: -.05em; }
.outcome-metrics span { display: block; color: #747b7e; font-size: 10px; line-height: 1.3; }
.coverage-meter { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.coverage-meter i { display: grid; width: 48px; aspect-ratio: 1; place-items: center; border: 4px solid #38705b; border-right-color: #e3e7e3; border-bottom-color: #38705b; border-radius: 50%; color: #345a4b; font-style: normal; font-size: 12px; font-weight: 650; }
.company-ui { position: absolute; top: 120px; right: -1%; bottom: -6%; left: 40%; display: grid; grid-template-columns: 34% 66%; padding: 15px; border: 1px solid #e5e5e1; border-radius: 15px 0 0 0; background: #fff; box-shadow: 0 15px 38px rgba(25,30,28,.12); }
.company-sidebar { display: flex; flex-direction: column; border-right: 1px solid #eee; padding: 6px 11px; }
.company-logo { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: #101615; color: white; font-size: 19px; }
.company-sidebar > strong { margin-top: 11px; font-size: 12px; }
.company-sidebar > small { color: #81888a; font-size: 8px; }
.company-sidebar nav { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }
.company-sidebar nav span, .company-sidebar nav b { padding: 6px 4px; color: #626b6b; font-size: 9px; white-space: nowrap; }
.company-sidebar nav b { border-radius: 5px; background: #f5f5f3; color: #1e2928; }
.company-signals { min-width: 0; padding: 2px 0 0 11px; }
.mini-header { display: flex; justify-content: space-between; margin-bottom: 14px; font-size: 8px; }
.mini-header a { padding: 4px 7px; border: 1px solid #e9e9e6; border-radius: 5px; }
.signal-row { display: grid; height: 36px; grid-template-columns: 20px 1fr 50px; align-items: center; gap: 6px; border-bottom: 1px solid #eee; font-size: 9px; }
.signal-row > b { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; font-size: 10px; }
.up { background: #e8f5ed; color: #3a8b5d; }.down { background: #f9eaea; color: #bb5754; }.neutral { background: #eee; color: #757b7b; }
.spark { width: 47px; height: 14px; overflow: visible; background: none; }
.spark path { fill: none; stroke: #929b96; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.spark-up path { stroke: #46855e; }
.company-meta { display: flex; gap: 5px; margin-top: 11px; color: #7b8181; font-size: 8px; }.company-meta strong { color: #202928; }
.interpretation-ui { position: absolute; right: -1%; bottom: -4%; left: 36%; min-height: 68%; padding: 18px; border: 1px solid #e4e5e1; border-radius: 14px 0 0 0; background: #fff; box-shadow: 0 14px 40px rgba(21,28,25,.1); }
.interpretation-title { display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
.score-chip { display: grid; grid-template-columns: 9px 24px auto; align-items: center; column-gap: 5px; padding: 5px 8px; border: 1px solid #eee; border-radius: 8px; }
.score-chip i { width: 7px; height: 7px; border-radius: 50%; background: #238d62; }.score-chip b { font-size: 15px; }.score-chip small { font-size: 8px; }
.interpretation-grid { display: grid; grid-template-columns: 1fr 1.1fr .85fr; gap: 12px; margin-top: 16px; font-size: 9px; }
.signal-list, .interpretation-flow, .opportunity-result { display: flex; flex-direction: column; gap: 8px; }
.signal-list > span, .interpretation-flow > span, .interpretation-flow blockquote, .opportunity-result > strong { padding: 7px; border: 1px solid #eeefeb; border-radius: 7px; background: #fff; font-size: 8px; line-height: 1.3; }
.signal-list > span { color: #55665a; }
.interpretation-flow > b, .signal-list > b, .opportunity-result > b { color: #333d3c; font-size: 9px; }
.interpretation-flow blockquote { margin: 0; background: #f6f6f4; }
.opportunity-result > span { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid #e5e8e4; border-radius: 9px; font-size: 20px; }
.outcome-action .outcome-copy { max-width: 250px; margin-top: 30px; }
.outcome-action .outcome-subtitle { max-width: 265px; }
.brief-ui { position: absolute; top: 54px; right: 0; bottom: -1px; left: 43%; display: grid; grid-template-columns: 29% 71%; overflow: hidden; border: 1px solid #e5e5e0; border-radius: 15px 0 0 0; background: #fff; box-shadow: 0 12px 32px rgba(20,28,25,.12); }
.brief-list { display: flex; flex-direction: column; gap: 9px; padding: 17px 8px; border-right: 1px solid #eee; font-size: 9px; }
.brief-list strong { margin-bottom: 8px; font-size: 10px; }
.brief-list span { padding: 7px 5px; border-radius: 5px; color: #606868; font-size: 8px; white-space: nowrap; }
.brief-list .active { background: #f1f3f1; color: #172321; }
.brief-detail { padding: 17px 15px; font-size: 9px; }
.brief-detail > strong { display: block; font-family: var(--body); font-size: 16px; }
.brief-detail > small { color: #727b7b; font-size: 8px; }
.brief-row { display: flex; justify-content: space-between; gap: 8px; margin-top: 13px; color: #727a7b; font-size: 8px; }
.brief-row b { color: #384140; font-weight: 550; }
.brief-row b small { color: #77807f; font-size: 7px; }
.brief-quote { margin-top: 9px; padding: 8px; border-radius: 6px; background: #f4f4f1; color: #555f5f; font-size: 8px; line-height: 1.45; }
.brief-buttons { display: flex; gap: 6px; margin-top: 12px; }
.brief-buttons span { padding: 7px 8px; border: 1px solid #e6e8e4; border-radius: 6px; font-size: 7px; white-space: nowrap; }.brief-buttons span:first-child { background: #101817; color: white; }

.problem-section { display: grid; min-height: 710px; place-items: center; padding: 28px max(2.5vw, 22px); }
.problem-frame { position: relative; display: grid; width: min(var(--wide), 100%); min-height: 610px; grid-template-columns: 40% 60%; overflow: hidden; border: 1px solid rgba(31,40,38,.15); border-radius: 23px; background: linear-gradient(120deg, rgba(255,255,255,.65), rgba(250,249,245,.56)); padding: clamp(32px, 3vw, 54px); }
.problem-copy { position: relative; z-index: 2; max-width: 580px; }
.problem-copy .eyebrow { display: flex; align-items: center; gap: 12px; color: #4a5960; }
.problem-copy .eyebrow i { width: 10px; height: 10px; border-radius: 50%; background: #255b43; }
.problem-copy h2 { margin: 30px 0 26px; font-family: var(--display); font-size: clamp(44px, 3.6vw, 72px); font-weight: 500; letter-spacing: -.068em; line-height: 1.04; }
.problem-copy h2 span { color: #919597; }
.big-stat { margin: 21px 0 -3px; color: #174b38; font-family: var(--display); font-size: clamp(54px, 4.4vw, 76px); font-weight: 460; letter-spacing: -.06em; line-height: 1; }
.stat-label { max-width: 500px; margin: 0; color: #31404a; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.28; }
.stat-context { margin: 8px 0 0; color: #778187; font-size: 16px; }
.copy-rule { width: 50px; height: 1px; margin: 27px 0 22px; background: #648172; }
.problem-body { max-width: 530px; margin: 0; color: #33414a; font-size: clamp(17px, 1.32vw, 22px); line-height: 1.45; letter-spacing: -.015em; }
.takeaway { display: flex; min-height: 56px; align-items: center; gap: 18px; margin-top: 36px; padding: 10px 17px; border-radius: 14px; background: rgba(223,231,224,.65); color: #18382b; font-size: 17px; }
.database-icon { display: grid; width: 30px; height: 30px; place-items: center; border-right: 1px solid #87978e; color: #1d6144; font-size: 23px; }
.source-note { color: #879093; font-size: 12px; }
.paid-frame .source-note { position: absolute; right: 0; bottom: 0; }
.paid-flow { position: relative; align-self: center; height: 435px; margin-left: -2%; }
.flow-card { position: absolute; z-index: 1; top: 115px; display: flex; width: 19%; height: 285px; flex-direction: column; align-items: flex-start; border: 1px solid rgba(255,255,255,.85); border-radius: 15px; background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(236,237,233,.83)); box-shadow: 0 16px 27px rgba(27,35,32,.13), inset -7px -2px 0 rgba(192,196,191,.22); padding: 22px 18px; transform: skewY(12deg); }
.flow-card-1 { left: 3%; top: 68px; height: 310px; }.flow-card-2 { left: 25%; top: 110px; height: 318px; }.flow-card-3 { left: 48%; top: 140px; height: 306px; }.flow-card-last { left: 72%; top: 185px; height: 260px; }
.flow-card b { color: #101918; font-size: 15px; font-weight: 600; line-height: 1.2; transform: skewY(-12deg); }
.abstract-shape { display: block; width: 56px; height: 56px; margin-top: 34px; background: rgba(74,83,78,.16); transform: skewY(-12deg); }
.shape-circle { border-radius: 50%; }.shape-triangle { clip-path: polygon(50% 0, 100% 100%, 0 100%); }.shape-hex { clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); }
.flow-card > span { width: 74%; height: 10px; margin-top: 11px; background: rgba(89,96,91,.17); transform: skewY(-12deg); }.flow-card > span:last-child { width: 55%; margin-top: 7px; }
.flow-lines { position: absolute; z-index: 2; inset: 20px -4% 0 0; width: 104%; height: 100%; overflow: visible; }
.flow-lines path { fill: none; stroke: rgba(89,113,101,.35); stroke-width: 1.2; }
.flow-label { position: absolute; z-index: 4; display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; border-top: 1px solid #abb4b0; }
.flow-label span { margin-top: 12px; color: #17211f; font-size: 16px; font-weight: 600; }.flow-label small { color: #727b7f; font-size: 13px; }
.flow-label-1 { top: 0; left: 28%; }.flow-label-2 { top: 29px; left: 56%; }.flow-label-3 { top: 74px; left: 88%; }
.real-opportunity { position: absolute; z-index: 5; top: 58%; right: -1%; display: flex; align-items: center; gap: 40px; transform: translateY(-50%); color: #111918; font-size: 14px; font-weight: 600; }
.real-opportunity i { width: 25px; aspect-ratio: 1; border-radius: 50%; background: #276146; box-shadow: 0 0 0 12px rgba(50,107,77,.08), 0 0 0 25px rgba(50,107,77,.04); }

.outbound-frame { grid-template-columns: 45% 55%; }
.outbound-frame .problem-copy h2 { margin-top: 28px; margin-bottom: 34px; }
.rate-pair { display: flex; align-items: center; gap: 26px; }
.rate-pair > div { display: flex; flex-direction: column; }
.rate-pair strong { color: #1b4b3b; font-family: var(--display); font-size: clamp(44px, 4vw, 65px); font-weight: 450; letter-spacing: -.065em; line-height: 1; }
.rate-pair span { color: #697278; font-size: 16px; }
.rate-pair > i { width: 1px; height: 62px; background: #939a9b; }
.plain-takeaway { gap: 20px; margin-top: 38px; padding: 0; background: none; color: #1b2525; font-size: 20px; }
.plain-takeaway i { width: 42px; height: 4px; border-radius: 4px; background: #315e49; }
.outbound-frame .source-note { display: block; margin-top: 29px; }
.access-board { position: relative; display: flex; height: 450px; align-items: center; margin: 20px 0 0 5%; }
.pegboard { position: relative; display: grid; width: 100%; height: 365px; grid-template-columns: repeat(10,1fr); grid-template-rows: repeat(6,1fr); border: 1px solid rgba(27,39,35,.09); border-radius: 20px; background: linear-gradient(145deg,#f7f6f2,#ecebe7); box-shadow: 0 28px 50px rgba(30,36,32,.13), inset 0 2px 4px rgba(255,255,255,.96); padding: 27px 20px; }
.pegboard span { position: relative; width: 8px; height: 15px; align-self: center; justify-self: center; border: 1px solid rgba(61,70,66,.18); border-radius: 9px; background: rgba(160,164,157,.12); box-shadow: inset 0 2px 3px rgba(255,255,255,.9), 0 1px 2px rgba(28,35,32,.11); }
.pegboard span:nth-child(3n) { width: 17px; height: 8px; }.pegboard span:nth-child(4n) { width: 8px; height: 8px; border-radius: 50%; }.pegboard .hole { width: 13px; height: 39px; border: 0; background: #155439; box-shadow: inset 1px 0 3px rgba(0,0,0,.55), 0 1px 0 white; }
.board-caption { position: absolute; z-index: 3; display: flex; flex-direction: column; gap: 2px; padding-left: 10px; border-left: 1px solid #87938b; color: #15201d; }
.board-caption::before { position: absolute; bottom: -30px; left: -3px; width: 6px; height: 6px; border-radius: 50%; background: #294e3a; content: ""; }
.board-caption b { font-size: 11px; letter-spacing: .19em; text-transform: uppercase; }.board-caption span { color: #737b80; font-size: 12px; }
.board-research { top: 0; left: 21%; }.board-access { top: 0; left: 71%; }
.fit-unknown { position: absolute; z-index: 3; right: -9%; top: 58%; display: flex; align-items: center; gap: 14px; transform: translateY(-50%); }
.fit-unknown::before { position: absolute; top: -1px; left: -42px; width: 41px; border-top: 1px solid #87918b; content: ""; transform: rotate(48deg); transform-origin: right; }
.leader-dot { width: 6px; height: 6px; border-radius: 50%; background: #4a5b53; }.fit-unknown div { display: flex; flex-direction: column; }.fit-unknown b { font-size: 10px; letter-spacing: .2em; line-height: 1.5; text-transform: uppercase; }.fit-unknown small { margin-top: 8px; color: #717a7b; font-size: 10px; }

.referral-frame { grid-template-columns: 39% 61%; }
.network-field { position: relative; min-height: 475px; overflow: hidden; }
.network-region { position: absolute; z-index: 2; top: 24%; left: 24%; display: grid; width: 48%; aspect-ratio: 1.25; place-items: center; border: 1px solid rgba(97,135,103,.48); border-radius: 45% 55% 60% 40% / 45% 45% 55% 55%; background: radial-gradient(ellipse,rgba(226,236,224,.74),rgba(241,243,237,.5) 65%,transparent 67%); transform: rotate(-12deg); }
.network-ring { position: absolute; width: 66%; aspect-ratio: 1; border: 1px solid rgba(77,125,88,.12); border-radius: 50%; }.network-ring:nth-child(2) { width: 48%; }.network-ring:nth-child(3) { width: 30%; }
.building { position: absolute; z-index: 2; display: grid; width: 43px; height: 48px; place-items: center; transform: rotate(12deg); border: 1px solid rgba(255,255,255,.35); background: linear-gradient(145deg,#739780,#294c39); box-shadow: 8px 12px 15px rgba(19,41,28,.16); color: rgba(255,255,255,.73); font-size: 31px; font-weight: 400; }
.building-1 { top: 24%; left: 20%; }.building-2 { top: 18%; right: 23%; background: linear-gradient(145deg,#a5bbaa,#3e674d); }.building-3 { bottom: 23%; left: 29%; }.building-4 { right: 22%; bottom: 24%; width: 54px; height: 59px; background: #fff; color: #85968b; font-size: 39px; }
.market-cubes { position: absolute; inset: 4%; display: grid; grid-template-columns: repeat(7,1fr); grid-template-rows: repeat(4,1fr); align-items: center; justify-items: center; }
.market-cubes i { width: clamp(18px, 2.1vw, 33px); aspect-ratio: 1; border: 1px solid #e2e2dc; border-radius: 4px; background: linear-gradient(140deg,#fff,#e8e7e1); box-shadow: 5px 7px 10px rgba(35,40,36,.1); transform: rotate(8deg) skewY(-5deg); }
.market-cubes i:nth-child(3n) { width: 23px; }.market-cubes i:nth-child(5n) { transform: translateY(15px) rotate(8deg) skewY(-5deg); }.market-cubes i:nth-child(7n) { transform: translateY(-16px) rotate(8deg) skewY(-5deg); }
.network-label { position: absolute; z-index: 4; display: flex; flex-direction: column; gap: 2px; color: #101d1b; }.network-label b { font-size: 13px; letter-spacing: .17em; text-transform: uppercase; }.network-label span { color: #5f6b73; font-size: 15px; }.network-label i { position: absolute; top: 100%; left: 30%; height: 83px; margin-top: 7px; border-left: 1px solid #9ca59e; }.network-label i::after { position: absolute; bottom: 0; left: -3px; width: 6px; height: 6px; border-radius: 50%; background: #436b55; content: ""; }
.warm-label { top: 3%; left: 36%; }.market-label { top: 2%; right: 0; }.market-label i { height: 63px; }

.blindspot-section { min-height: 725px; padding: 34px max(3.5vw, 22px); }
.blindspot-frame { position: relative; display: grid; width: min(var(--wide),100%); min-height: 650px; grid-template-columns: 47% 53%; overflow: hidden; margin: auto; border: 1px solid rgba(47,58,55,.25); border-radius: 22px; background: linear-gradient(115deg,rgba(255,255,255,.82),rgba(249,248,244,.56)); padding: clamp(40px,3.6vw,64px); }
.blindspot-frame::before, .blindspot-frame::after { position: absolute; right: -5%; bottom: -61%; width: 72%; aspect-ratio: 1; border: 1px solid rgba(63,88,77,.08); border-radius: 50%; content: ""; pointer-events: none; }.blindspot-frame::after { right: 1%; bottom: -56%; width: 61%; border-style: dashed; }
.blindspot-copy { position: relative; z-index: 2; max-width: 630px; }
.blindspot-copy .eyebrow { display: flex; align-items: center; gap: 12px; }.blindspot-copy .eyebrow i { width: 10px; height: 10px; border-radius: 50%; background: #1d6144; }
.blindspot-copy h2 { margin: 44px 0 31px; font-family: var(--display); font-size: clamp(48px,4.3vw,68px); font-weight: 500; letter-spacing: -.07em; line-height: 1.07; }.blindspot-copy h2 span { color: #84909c; }
.blindspot-copy > p:not(.eyebrow) { max-width: 570px; color: #6b7682; font-size: 20px; line-height: 1.47; }
.blindspot-takeaway { position: absolute; bottom: 13px; display: flex; align-items: center; gap: 20px; color: #68778a; font-size: 18px; line-height: 1.55; }.blindspot-takeaway i { width: 44px; height: 4px; border-radius: 5px; background: #155c46; }.blindspot-takeaway b { color: #111d1c; font-weight: 500; }
.blindspot-diagram { position: relative; z-index: 1; display: grid; align-content: center; grid-template-columns: 1fr 1fr; justify-items: center; gap: 20px 11%; padding: 60px 0 30px 5%; }
.surface-card { position: relative; display: flex; width: min(100%,290px); height: 155px; align-items: center; padding: 25px; border: 1px solid #dededb; border-radius: 11px; background: linear-gradient(145deg,#fff,#f5f4f0); box-shadow: 0 12px 17px rgba(35,41,38,.13), 0 3px 2px rgba(255,255,255,.9) inset; }
.surface-label { position: absolute; top: -34px; left: 25px; color: #101716; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.surface-label::after { position: absolute; top: 19px; left: 0; height: 18px; border-left: 1px solid #7c8583; content: ""; }.surface-label::before { position: absolute; top: 35px; left: -3px; width: 6px; height: 6px; border-radius: 50%; background: #17201e; content: ""; }
.surface-card > i { display: block; flex: 0 0 55px; width: 55px; height: 55px; background: #d8d7d3; }.surface-card > span:not(.surface-label) { width: 46%; height: 9px; margin-left: 18px; border-radius: 8px; background: #e5e4e0; box-shadow: 0 15px 0 -1px #e5e4e0; }
.surface-card > small { position: absolute; bottom: 18px; left: 25px; padding: 4px 9px; border-radius: 20px; background: #e9e9e7; color: #4e5860; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }.surface-card:nth-child(2) > i { border-radius: 50%; }.surface-qualified { grid-column: 1 / -1; width: min(100%,360px); height: 165px; transform: translateY(3px); }.surface-qualified > i { width: 60px; height: 60px; clip-path: polygon(50% 0,100% 100%,0 100%); }.surface-qualified > small { right: 18px; left: 18px; white-space: nowrap; }
.merge-label { position: absolute; top: 43%; left: 50%; z-index: 2; transform: translate(-50%,-50%); color: #84909e; font-size: 13px; font-weight: 700; letter-spacing: .17em; line-height: 1.6; text-align: center; text-transform: uppercase; }.merge-label b { color: #111; font-size: 20px; }
.diagram-link { position: absolute; right: 0; bottom: 0; color: #105239; font-size: 14px; }.diagram-link span { margin-left: 11px; font-size: 20px; }

.definition-section { position: relative; display: grid; min-height: 800px; grid-template-columns: 1fr 1px 1fr; align-items: center; overflow: hidden; padding: 115px max(8vw,55px) 76px; }
.definition-topline { position: absolute; top: 18px; right: max(6vw,40px); left: max(6vw,40px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand-mini { font-family: var(--display); font-size: 26px; font-weight: 630; letter-spacing: -.07em; }.brand-mini sup { font-size: 9px; vertical-align: top; }
.definition-nav { color: #343c3d; font-size: 13px; }.definition-topline .button { justify-self: end; }
.definition-left { position: relative; align-self: center; padding-right: 60px; }
.word-cloud { display: flex; flex-direction: column; color: rgba(71,82,81,.2); font-family: var(--display); font-size: 19px; letter-spacing: -.035em; line-height: 1.76; text-align: center; }
.word-cloud-top { position: absolute; top: -255px; right: 0; left: 0; }.word-cloud-bottom { position: absolute; top: calc(100% + 5px); right: 0; left: 0; }
.green-label { display: flex; align-items: center; gap: 18px; color: #356b54; }
.green-label i { width: 82px; height: 1px; background: #356b54; }
.definition-left h2 { margin: 25px 0 0; font-family: var(--display); font-size: clamp(56px,5vw,80px); font-weight: 480; letter-spacing: -.075em; line-height: 1.02; }.definition-left h2 em, .definition-right em { color: #41745b; font-style: normal; font-weight: 600; }
.definition-divider { width: 1px; height: 600px; background: #9ea2a1; }
.definition-right { padding-left: clamp(50px,5vw,82px); }
.definition-right .eyebrow { margin-bottom: 26px; }
.definition-right h3 { margin: 0; font-family: var(--display); font-size: clamp(58px,5.6vw,90px); font-weight: 720; letter-spacing: -.075em; line-height: .9; text-transform: uppercase; }
.definition-right h3 span { display: block; margin-top: 12px; font-size: .49em; font-weight: 400; letter-spacing: -.05em; line-height: 1.1; text-transform: none; white-space: nowrap; }
.definition-right .copy-rule { margin-top: 44px; margin-bottom: 30px; background: #356b54; }
.definition-right > p:not(.eyebrow) { color: #84898d; font-size: 24px; letter-spacing: -.05em; line-height: 1.35; }.definition-right > p strong { color: #40765c; font-weight: 450; }
.definition-right > small { display: block; margin-top: 52px; color: #7a7e88; font-size: 13px; font-weight: 650; letter-spacing: .24em; text-transform: uppercase; }

.principle-section { display: flex; min-height: 680px; flex-direction: column; align-items: center; justify-content: center; background: #050605; color: #f9faf6; text-align: center; }
.principle-section .eyebrow { color: #f1f2ef; font-size: 16px; letter-spacing: .22em; }
.principle-section h2 { margin: 32px 0; font-family: var(--display); font-size: clamp(76px,10vw,150px); font-weight: 690; letter-spacing: -.075em; line-height: .79; }
.principle-section h2 span { color: #87a88e; }

.opportunity-section { padding: 10px max(3vw,26px) 30px; }
.opportunity-heading { position: relative; display: grid; max-width: 1530px; grid-template-columns: 1.25fr .7fr .5fr; align-items: start; gap: 55px; margin: 0 auto 15px; }
.opportunity-heading h2 { margin: 12px 0 10px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(43px,3.55vw,58px); font-weight: 500; letter-spacing: -.045em; line-height: .98; }
.opportunity-heading > div > p:last-child { max-width: 670px; margin: 0; color: #787d7e; font-size: 18px; line-height: 1.5; }
.opportunity-heading aside { margin-top: 15px; padding-left: 27px; border-left: 1px solid #c9cac6; font-family: Georgia, serif; }
.opportunity-heading aside strong { font-size: 17px; font-weight: 500; line-height: 1.25; }.opportunity-heading aside p { color: #7e8180; font-family: var(--body); font-size: 13px; line-height: 1.5; }
.hand-note { align-self: center; color: #7b766e; font-family: Georgia,serif; font-size: 16px; font-style: italic; line-height: 1.5; transform: rotate(-7deg); }
.comparison-grid { display: grid; max-width: 1570px; grid-template-columns: 1.91fr 1fr; align-items: stretch; gap: 24px; margin: 0 auto; }
.account-card { min-height: 635px; overflow: hidden; border: 1px solid #d9ddd6; border-radius: 10px; background: rgba(255,255,255,.49); padding: 18px 20px; }
.account-high { border-color: rgba(65,119,83,.45); }
.account-high { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.28fr); grid-template-areas: "head head" "profile details" "facts details" "quote details" "assessment assessment"; align-content: stretch; align-items: start; column-gap: 28px; row-gap: 0; }
.account-high > .account-head { grid-area: head; }
.account-high > .account-main { grid-area: profile; }
.account-high > .account-facts { grid-area: facts; }
.account-high > .account-evidence { grid-area: details; grid-row: 2 / span 3; align-self: stretch; min-width: 0; }
.account-high > .account-quote { grid-area: quote; }
.account-high > .assessment { grid-area: assessment; }
.account-head { display: flex; justify-content: space-between; align-items: center; }
.priority, .alignment { display: inline-flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.priority { padding: 6px 10px; border-radius: 20px; background: #edf4ef; color: #24543b; }.priority i { width: 8px; height: 8px; border-radius: 50%; background: #4e8a5a; }.priority.low { background: #f1f1ef; color: #686d6c; }.priority.low i { background: #b2b4b1; }.alignment { color: #557b5c; }.alignment b { font-size: 16px; }.alignment.weak { color: #999b98; }
.account-main { display: grid; grid-template-columns: 95px 1fr; gap: 17px; align-items: center; margin-top: 15px; }
.roof-photo { display: grid; width: 95px; height: 150px; place-items: center; overflow: hidden; border-radius: 6px; background: linear-gradient(145deg,#d6e0e4,#97a9ae); }.roof-photo svg { width: 100%; height: 100%; }.roof-photo path:first-child { fill: #43575b; stroke: #d0dadc; stroke-width: 3; }.roof-photo path:last-child { fill: none; stroke: rgba(242,245,241,.76); stroke-width: 3; }.roof-ever { background: linear-gradient(145deg,#dde3e7,#93a0a2); }.roof-ever path:first-child { fill: #59605d; }
.roof-photo { display: block; }
.roof-photo img { width: 100%; height: 100%; object-fit: cover; }
.account-main h3 { margin: 0; font-family: Georgia,serif; font-size: 26px; font-weight: 500; letter-spacing: -.045em; }.account-main p { margin: 2px 0 7px; color: #858787; font-size: 14px; }.account-main > div:last-child > span { display: block; max-width: 470px; color: #7c8080; font-size: 14px; line-height: 1.45; }
.account-facts { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 15px; padding: 12px 0; border-top: 1px solid #e1e2de; border-bottom: 1px solid #e1e2de; }.account-facts > div { display: flex; flex-direction: column; gap: 3px; padding-left: 12px; border-left: 1px solid #e2e2df; }.account-facts > div:first-child { padding-left: 0; border: 0; }.account-facts b { font-family: Georgia,serif; font-size: 15px; font-weight: 500; }.account-facts span { color: #888c8b; font-size: 11px; }
.account-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 13px; }
.account-detail-grid > div { min-height: 120px; padding: 11px; border: 1px solid #ecece8; border-radius: 6px; background: rgba(255,255,255,.35); }
.account-detail-grid b { display: block; font-family: Georgia,serif; font-size: 12px; font-weight: 500; }.account-detail-grid p { margin: 8px 0 0; color: #7b807f; font-size: 11px; line-height: 1.4; }.account-detail-grid .stronger { border-color: #c6d6c8; background: #edf4ee; }.account-detail-grid .stronger p { color: #355a43; }
.account-quote { margin: 13px 0 0; padding: 11px 0 0; border-top: 1px solid #e4e4e0; font-family: Georgia,serif; font-size: 16px; font-style: italic; line-height: 1.3; }.account-quote small { display: block; margin-top: 7px; color: #777e7d; font-family: var(--body); font-size: 8px; font-style: normal; letter-spacing: .22em; text-transform: uppercase; }
.assessment { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; padding: 11px 13px; border: 1px solid #e4e5e1; border-radius: 7px; background: rgba(255,255,255,.43); color: #626968; font-size: 10px; }.assessment > div { display: grid; grid-template-columns: 1fr; }.assessment small { color: #858987; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }.assessment > div > b { margin-top: 2px; color: #1c2724; font-family: Georgia,serif; font-size: 16px; font-weight: 500; }.assessment > div > span { color: #7a807e; }.assessment > span { white-space: nowrap; }.assessment > span b { color: #386849; }
.account-low { padding: 18px; }.account-low .account-main { grid-template-columns: 116px 1fr; }.account-low .roof-photo { width: 116px; height: 132px; }.account-low .account-detail-grid { gap: 7px; }.account-low .account-detail-grid > div { min-height: 98px; padding: 9px; }.account-low .account-detail-grid b { font-size: 11px; }.account-low .account-detail-grid p { font-size: 10px; }

.dark-chapter { --paper: #080b0a; --ink: #f4f5f0; position: relative; overflow: hidden; background: var(--night); color: var(--white); }
.dark-chapter::before { position: absolute; inset: 0; background: radial-gradient(ellipse at 68% 46%, rgba(27,43,33,.17), transparent 49%); content: ""; pointer-events: none; }
.technical-section { display: grid; min-height: 740px; place-items: center; padding: 50px max(3vw,24px); }
.tech-layout { position: relative; z-index: 1; display: grid; width: min(1510px,100%); min-height: 610px; grid-template-columns: 34% 66%; gap: 16px; }
.tech-story { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; border: 1px solid var(--line-dark); border-radius: 24px; padding: clamp(31px,3.2vw,53px); }
.tech-kicker { display: flex; width: 100%; justify-content: space-between; gap: 14px; color: #e8ebe5; font-size: 11px; letter-spacing: .1em; }.tech-kicker span { white-space: nowrap; }
.tech-story h2 { margin: 62px 0 24px; font-family: var(--display); font-size: clamp(46px,5vw,78px); font-weight: 690; letter-spacing: -.067em; line-height: .93; }.tech-story h2 em { color: #c6dfba; font-style: normal; }
.tech-story > p:not(.tech-kicker) { max-width: 480px; margin: 0 0 18px; color: rgba(247,248,243,.86); font-size: clamp(17px,1.4vw,21px); line-height: 1.45; }
.tech-accent { color: #c6d9b7 !important; font-size: 17px !important; }
.dark-outline-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 30px; margin-top: auto; padding: 0 21px; border: 1px solid rgba(255,255,255,.84); border-radius: 999px; color: #f4f5f0; font-size: 14px; transition: border-color .2s ease, color .2s ease, background .2s ease; }.dark-outline-button:hover { border-color: #c6dfba; background: rgba(198,223,186,.09); color: #d7f4c9; }.dark-outline-button span { font-size: 20px; }
.tech-panel { min-width: 0; border: 1px solid var(--line-dark); border-radius: 21px; background: rgba(10,14,12,.8); }
.coverage-layout { grid-template-columns: 1fr 1fr; }.coverage-layout .tech-story { min-height: 610px; }
.coverage-visual { display: grid; min-height: 610px; grid-template-rows: 50px 1fr auto; padding: 31px 36px 18px; }
.coverage-compare { display: flex; justify-content: space-between; }.coverage-compare > div { display: flex; flex-direction: column; gap: 3px; }.coverage-compare b { color: #eef0e9; font-size: 13px; letter-spacing: .11em; text-transform: uppercase; }.coverage-compare span { color: #d0d4ce; font-size: 14px; }.coverage-compare > div:last-child b, .coverage-compare > div:last-child span { color: #c6ddb8; }
.market-coverage-map { position: relative; min-height: 255px; overflow: hidden; margin: 12px 0 20px; }
.coverage-nodes { position: absolute; inset: 10% 0; display: grid; grid-template-columns: repeat(12,1fr); grid-template-rows: repeat(5,1fr); align-items: center; justify-items: center; }
.coverage-nodes i { z-index: 1; width: 13px; aspect-ratio: 1; border: 1px solid #b4d9aa; border-radius: 50%; background: #b9dcaf; }.coverage-nodes i:nth-child(4n) { border-radius: 0; }.coverage-nodes i:nth-child(3n) { border-color: #e6e6df; background: transparent; }.coverage-nodes i:nth-child(5n) { border-color: #464c48; background: #252a27; }
.visible-window { position: absolute; z-index: 2; top: 12%; bottom: 11%; left: 0; width: 21%; border: 2px solid #e3e7df; border-radius: 7px; background: rgba(4,6,5,.32); }
.coverage-wedge { position: absolute; top: 13%; left: 21%; width: 79%; height: 74%; border-top: 1px solid rgba(187,212,177,.22); border-bottom: 1px solid rgba(187,212,177,.22); clip-path: polygon(0 0,100% 15%,100% 85%,0 100%); pointer-events: none; }
.panel-caption { display: flex; flex-direction: column; gap: 1px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.2); }.panel-caption b { font-family: var(--display); font-size: 25px; letter-spacing: -.04em; }.panel-caption span { color: #b6bdb8; font-size: 13px; }
.coverage-stats { display: grid; grid-column: 1/-1; grid-template-columns: 1fr 1fr; gap: 14px; margin: 15px -1px 0; }.coverage-stats > div { display: flex; flex-direction: column; min-height: 210px; padding: 18px 22px; border: 1px solid var(--line-dark); border-radius: 18px; }.coverage-stats strong { color: #c7e6b9; font-family: var(--display); font-size: 54px; letter-spacing: -.07em; line-height: .95; }.coverage-stats > div > b { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }.coverage-stats > div > span { margin-top: auto; color: #d3d7d1; font-size: 13px; }.dot-row { height: 38px; margin-top: 12px; background-image: radial-gradient(circle,#59605a 0 5px,transparent 5.5px); background-size: 22px 19px; }.dot-row.sparse { width: 95%; background-image: radial-gradient(circle,#b7ddaa 0 5px,transparent 5.5px); background-size: 22px 19px; mask-image: linear-gradient(90deg,#000,transparent); }.dot-row.qualify-dots { position: relative; width: 72%; }.dot-row.qualify-dots::after { position: absolute; top: 10px; right: 0; width: 90px; height: 18px; background: radial-gradient(circle,#c2e0b7 0 10px,transparent 10.5px) 0 0/32px 22px repeat-x; content: ""; }

.database-layout { grid-template-columns: 39% 61%; }.database-layout .tech-story h2 { margin-top: 64px; }.database-visual { display: grid; grid-template-rows: 1.12fr .8fr; gap: 14px; }
.record-panel { padding: 23px 26px; }.panel-title { display: flex; flex-direction: column; gap: 1px; }.panel-title > b { font-size: 17px; letter-spacing: .1em; text-transform: uppercase; }.panel-title > span { color: #d0d4ce; font-size: 15px; }.table-and-questions { display: grid; grid-template-columns: 1fr 205px; gap: 23px; margin-top: 19px; }
.fake-table { min-width: 0; }.table-row { display: grid; min-height: 45px; grid-template-columns: 23px 1.4fr 1fr 1fr .65fr 1fr; align-items: center; gap: 13px; border-top: 1px solid rgba(255,255,255,.1); }.table-head { min-height: 31px; border-top: 0; }.table-head b { color: #eceee8; font-size: 9px; font-weight: 600; text-transform: uppercase; }.table-row > i { width: 17px; height: 17px; border: 1px solid #737975; border-radius: 4px; }.table-row > span { width: 100%; height: 13px; border-radius: 5px; background: linear-gradient(180deg,#303532,#202522); }.table-row > span:nth-of-type(2) { width: 77%; }.table-row > span:nth-of-type(4) { width: 65%; }
.question-list { display: grid; grid-template-columns: 35px 1fr; align-items: center; column-gap: 12px; border-left: 1px solid rgba(255,255,255,.2); padding-left: 22px; }.question-list > b { grid-column: 1/-1; align-self: start; margin-bottom: 8px; font-size: 13px; letter-spacing: .13em; line-height: 1.6; text-transform: uppercase; }.question-list > span { grid-column: 1/-1; margin-bottom: 6px; color: #aeb5af; font-size: 12px; }.question-list > i { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #383d39; border-radius: 50%; background: #151a17; color: #eff0ea; font-size: 19px; font-style: normal; }.question-list > p { margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 12px; line-height: 1.4; }.data-judgment-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.data-panel { display: flex; min-height: 190px; align-items: center; gap: 22px; padding: 22px; }.data-panel > div:last-child { display: flex; flex-direction: column; gap: 8px; }.data-panel > div:last-child b { font-family: var(--display); font-size: 21px; letter-spacing: -.04em; }.data-panel > div:last-child span { max-width: 220px; color: #c0c6c0; font-size: 13px; }.record-stack { position: relative; width: 112px; height: 120px; flex: 0 0 112px; }.record-stack i { position: absolute; display: grid; width: 93px; height: 105px; place-items: start; padding: 25px 13px; border: 1px solid #434a43; border-radius: 12px; background: #141916; color: #e6ebe2; font-size: 23px; font-style: normal; box-shadow: 0 6px 12px rgba(0,0,0,.3); }.record-stack i:first-child { top: 0; left: 0; opacity: .55; }.record-stack i:nth-child(2) { top: 12px; left: 12px; opacity: .78; }.record-stack i:nth-child(3) { top: 24px; left: 24px; }.question-stack { display: flex; width: 120px; flex: 0 0 120px; flex-direction: column; gap: 7px; padding: 12px; border: 1px solid #343b35; border-radius: 10px; }.question-stack i { display: flex; align-items: center; gap: 9px; font-style: normal; }.question-stack i::after { width: 62px; height: 8px; border-radius: 6px; background: #313732; content: ""; }

.search-layout { grid-template-columns: 35% 65%; min-height: 715px; }.search-layout .tech-story h2 { margin-top: 57px; }.search-layout .tech-story > p:not(.tech-kicker) { font-size: 18px; }.search-visuals { display: grid; grid-template-columns: .95fr 1.5fr; grid-template-rows: 1.5fr .8fr; gap: 13px; }
.traditional-panel, .sitescope-search-panel, .query-card, .search-program-card { padding: 24px; }.traditional-panel > div:first-child, .sitescope-search-panel > div:first-child { display: flex; flex-direction: column; gap: 2px; }.traditional-panel > div:first-child b, .sitescope-search-panel > div:first-child b { font-size: 17px; letter-spacing: .1em; text-transform: uppercase; }.traditional-panel > div:first-child span, .sitescope-search-panel > div:first-child span { color: #d3d6d0; font-size: 15px; }
.search-query { display: flex; height: 40px; align-items: center; gap: 10px; margin: 18px 0 12px; padding: 0 13px; border: 1px solid #454a46; border-radius: 10px; background: #0a0d0c; font-size: 12px; }.search-query i { font-size: 19px; font-style: normal; }.search-query b { margin-left: auto; }
.result-skeleton { display: grid; height: 54px; grid-template-columns: 36px 1fr; grid-template-rows: 1fr 1fr; align-items: center; column-gap: 12px; margin-bottom: 6px; border-radius: 11px; background: #121714; padding: 8px 11px; }.result-skeleton i { width: 35px; height: 35px; grid-row: 1/3; border-radius: 5px; background: #3a3e3c; }.result-skeleton span { width: 68%; height: 8px; border-radius: 5px; background: #373c39; }.result-skeleton span:last-child { width: 87%; }
.traditional-panel ul, .sitescope-search-panel ul { display: flex; flex-direction: column; gap: 7px; margin: 14px 0 0; padding: 0; list-style: none; color: #e4e8e0; font-size: 12px; }.traditional-panel ul li::first-letter { color: #babebb; }
.sitescope-search-panel { display: flex; flex-direction: column; }.sitescope-search-panel > div:first-child { margin-bottom: 14px; }.search-filters { display: flex; gap: 6px; overflow: hidden; }.search-filters span { flex: 1; min-width: 58px; padding: 7px; border: 1px solid #404642; border-radius: 8px; color: #eee; font-size: 10px; white-space: nowrap; }.search-filters small { display: block; margin-top: 3px; color: #aeb4ae; font-size: 8px; }.search-filters .selected { border-color: #c0eeb8; background: #c7f4bc; color: #122019; }.search-filters .selected small { color: #2e4835; }
.search-result { display: grid; min-height: 44px; grid-template-columns: 27px minmax(45px,1fr) auto auto auto 110px; align-items: center; gap: 7px; margin-top: 6px; border-radius: 9px; background: #111613; padding: 5px 9px; }.search-result i { width: 25px; height: 25px; border-radius: 6px; background: #b9edb0; }.search-result > span { width: 75%; height: 8px; border-radius: 6px; background: #454b46; box-shadow: 0 10px 0 -1px #303632; }.search-result > b { padding: 5px 7px; border-radius: 5px; background: #1d231f; color: #c4c9c2; font-size: 8px; font-weight: 500; white-space: nowrap; }.search-result > strong { padding: 7px 9px; border-radius: 20px; background: #bff0b4; color: #102019; font-size: 10px; text-align: center; white-space: nowrap; }.sitescope-search-panel ul { gap: 4px; margin-top: 10px; }.sitescope-search-panel ul li::first-letter { color: #baf1ad; }
.query-card > b, .search-program-card > b { font-size: 15px; letter-spacing: .1em; text-transform: uppercase; }.query-card .search-query { margin-top: 12px; }.query-results { display: flex; align-items: center; gap: 8px; }.query-results i { display: block; width: 35px; height: 44px; border-radius: 5px; background: linear-gradient(180deg,#424744 0 10px,transparent 11px), linear-gradient(180deg,#303532,#171b19); }.query-results span { margin-left: auto; color: #dde1da; font-size: 12px; line-height: 1.4; }
.program-flow { display: flex; width: 45%; flex-direction: column; gap: 6px; margin-top: 14px; }.program-flow span { padding: 7px 9px; border: 1px solid #464c47; border-radius: 7px; font-size: 10px; white-space: nowrap; }.search-program-card { position: relative; }.program-grid { position: absolute; top: 71px; right: 100px; display: grid; width: 120px; height: 93px; grid-template-columns: repeat(6,1fr); gap: 4px; }.program-grid::before { display: block; width: 100%; height: 100%; background: radial-gradient(circle,#566057 0 6px,transparent 7px); background-size: 19px 19px; content: ""; }.search-program-card > strong { position: absolute; right: 16px; bottom: 40px; color: #e9eee5; font-size: 13px; line-height: 1.35; }.search-program-card > strong::first-line { color: #d4edc7; }

.enrichment-layout { grid-template-columns: 34% 66%; min-height: 670px; }.enrichment-layout .tech-story h2 { margin-top: 63px; }.enrichment-panels { display: grid; grid-template-columns: .93fr 1.2fr; gap: 14px; }.enrichment-table, .commercial-panel { padding: 25px 24px; }.enrich-row { display: grid; min-height: 81px; grid-template-columns: 48px 105px 1fr; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.1); }.enrich-row:first-of-type { margin-top: 15px; }.enrich-row > i { display: grid; width: 46px; height: 50px; place-items: center; border-radius: 12px; background: #171c19; color: #ecf0e9; font-size: 22px; font-style: normal; }.enrich-row > b { color: #e2e5df; font-size: 12px; font-weight: 500; }.enrich-row > span { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.enrich-row > span::after { display: block; width: 90%; height: 11px; margin-top: 7px; border-radius: 6px; background: #343936; content: ""; box-shadow: 0 16px 0 -2px #282d29; }
.commercial-panel { display: flex; flex-direction: column; }.commercial-panel > .panel-title { margin-bottom: 11px; }.commercial-row { display: grid; grid-template-columns: 52px 1fr; gap: 15px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.12); }.commercial-row > i, .commercial-reading > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 11px; background: #171d19; color: white; font-size: 26px; font-style: normal; }.commercial-row > div, .commercial-reading > div { display: flex; flex-direction: column; gap: 2px; }.commercial-row small, .commercial-reading small { color: #d4d9d1; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }.commercial-row b { font-size: 13px; font-weight: 550; }.commercial-row span { margin-top: 4px; color: #bdc4bc; font-size: 9px; line-height: 1.65; }.commercial-reading { display: grid; grid-template-columns: 52px 1fr; gap: 15px; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); }.commercial-reading > i { background: #13251b; color: #c8e9ba; }.commercial-reading b { font-size: 13px; line-height: 1.4; }.commercial-reading span { color: #b9c1ba; font-size: 10px; }

.collection-layout { grid-template-columns: 29% 38% 33%; min-height: 675px; gap: 14px; }.collection-layout .tech-story { padding: 35px 30px; }.collection-layout .tech-story h2 { margin-top: 92px; }.collection-layout .tech-story > p:not(.tech-kicker) { font-size: 18px; }.rule-accent { position: relative; margin-top: 18px; padding-top: 22px; font-size: 16px !important; line-height: 1.6; }.rule-accent i { position: absolute; top: 0; left: 0; width: 44px; height: 3px; border-radius: 4px; background: #c9e9b8; }
.collection-data, .collection-questions { padding: 24px 25px; }.collection-data .panel-title { position: relative; margin-bottom: 24px; }.collection-data .panel-title b, .collection-questions .panel-title b { font-size: 16px; }.collection-data .panel-title em { position: absolute; top: 0; right: 0; padding: 6px 8px; border: 1px solid #3e443f; border-radius: 15px; font-size: 8px; font-style: normal; text-transform: uppercase; }.collected-rows > div { display: grid; min-height: 42px; grid-template-columns: 138px 1fr; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.1); }.collected-rows small { color: #c7cdc5; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }.collected-rows b { font-size: 12px; font-weight: 500; }.collection-questions .panel-title { margin-bottom: 13px; }.question-row { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.11); }.question-row > i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #303732; border-radius: 50%; background: #171c19; color: #f0f2ec; font-size: 22px; font-style: normal; }.question-row div { display: flex; flex-direction: column; gap: 3px; }.question-row b { font-size: 12px; font-weight: 550; line-height: 1.3; }.question-row span { color: #c2c8c0; font-size: 10px; line-height: 1.35; }.commercial-readout { display: flex; flex-direction: column; gap: 7px; margin-top: 13px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.25); }.commercial-readout small { color: #c9edb6; font-size: 11px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }.commercial-readout > b { font-family: var(--display); font-size: 18px; font-weight: 650; line-height: 1.28; }.commercial-readout > b em { color: #c6e8b7; font-style: normal; }.commercial-readout > span { color: #c3c8c1; font-size: 10px; line-height: 1.4; }

.reasoning-layout { grid-template-columns: 38% 62%; min-height: 670px; }.reasoning-layout .tech-story h2 { margin-top: 84px; font-size: clamp(47px,4.8vw,72px); }.reasoning-layout .tech-story > p:not(.tech-kicker) { max-width: 470px; font-size: 19px; }.reasoning-panels { display: grid; grid-template-columns: .98fr 1.02fr; gap: 14px; }.inconsistent-panel { display: flex; flex-direction: column; padding: 23px 17px; }.inconsistent-panel .panel-title { padding: 0 8px 13px; }.inconsistent-panel .panel-title b, .system-panels .panel-title b { font-size: 16px; }.input-chip { margin-bottom: 9px; padding: 12px; border: 1px solid #292f2a; border-radius: 12px; background: #111613; font-size: 11px; }.response { position: relative; display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; padding: 11px 12px 12px 22px; border: 1px solid #2b312d; border-radius: 12px; background: #111613; }.response::before { position: absolute; top: 10px; bottom: 10px; left: 8px; width: 5px; border-radius: 5px; content: ""; }.response-green::before { background: #baf2ba; }.response-yellow::before { background: #f2d400; }.response-purple::before { background: #ca78e3; }.response b { font-size: 12px; }.response span { font-size: 12px; line-height: 1.35; }.input-conclusion { display: flex; align-items: center; gap: 12px; color: #e9eee6; font-size: 12px; }.input-conclusion::first-letter { color: #c7ecb7; }.reasoning-alone { display: flex; flex-direction: column; gap: 3px; margin-top: auto; padding: 14px 9px 0; border-top: 1px solid rgba(255,255,255,.12); }.reasoning-alone b { font-size: 15px; letter-spacing: .12em; text-transform: uppercase; }.reasoning-alone > span { color: #c0c5bf; font-size: 12px; }.reasoning-alone > div { margin-top: 11px; padding: 15px 10px; border: 1px solid #252b27; border-radius: 10px; color: #dbe2d8; font-size: 11px; line-height: 2; }
.system-panels { display: grid; grid-template-rows: 1fr .86fr; gap: 13px; }.system-standard, .system-response { padding: 22px; }.system-standard h3 { margin: 18px 0; padding: 0 0 17px; border-bottom: 1px solid rgba(255,255,255,.17); font-family: var(--display); font-size: 21px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3; }.system-standard h3 em { color: #c5e9b5; font-style: normal; }.standard-grid { display: grid; grid-template-columns: 1fr 1fr; }.standard-grid > div { display: grid; grid-template-columns: 42px 1fr; align-content: center; gap: 4px 10px; min-height: 87px; padding: 8px; border-top: 1px solid rgba(255,255,255,.12); }.standard-grid > div:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.12); }.standard-grid i { display: grid; width: 39px; height: 39px; grid-row: span 2; place-items: center; border-radius: 10px; background: #172b1d; color: #d5e9cf; font-size: 22px; font-style: normal; }.standard-grid b { align-self: end; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.standard-grid span { color: #c2c9c0; font-size: 10px; line-height: 1.35; }
.system-response { padding: 18px; }.final-response { position: relative; display: grid; grid-template-columns: 5px 1fr; gap: 14px; margin-top: 13px; padding: 13px; border: 1px solid #242c27; border-radius: 13px; background: #0d110f; }.final-response > i { border-radius: 5px; background: #c7edb8; }.final-response > div { display: flex; flex-direction: column; gap: 5px; }.final-response > div > b:first-child { font-size: 11px; }.final-response strong { color: #c4edb4; font-size: 12px; line-height: 1.35; }.final-response p { margin: 0; font-size: 10px; line-height: 1.4; }.strategy { color: #c4edb4; font-size: 10px; }.strategy span { color: #f0f2ec; font-weight: 450; }

.site-end { display: grid; min-height: 170px; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 28px max(5vw,30px); border-top: 1px solid rgba(30,38,35,.13); background: var(--paper); color: var(--ink); }.site-end p { color: #687172; font-size: 13px; }.site-end > a:last-of-type { font-size: 13px; }.site-end > small { grid-column: 1/-1; justify-self: end; color: #8a8d8a; font-size: 10px; }
.demo-dialog { width: min(450px,calc(100% - 32px)); padding: 34px; border: 1px solid rgba(24,37,32,.17); border-radius: 18px; background: var(--paper); color: var(--ink); box-shadow: 0 30px 100px rgba(0,0,0,.25); }.demo-dialog::backdrop { background: rgba(10,16,14,.45); backdrop-filter: blur(3px); }.demo-dialog h2 { margin: 14px 0 8px; font-family: var(--display); font-size: 36px; letter-spacing: -.06em; }.demo-dialog > p:not(.eyebrow) { margin: 0 0 22px; color: #697171; }.dialog-close { position: absolute; top: 10px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; font-size: 27px; }.dialog-close:hover { background: #ecece7; }

.motion-ready [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }
.motion-ready [data-reveal].is-visible { opacity: 1; transform: none; }
.motion-ready [data-reveal="stagger"] > * { opacity: 0; transform: translateY(12px); transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); }
.motion-ready [data-reveal="stagger"].is-visible > * { opacity: 1; transform: none; }
.motion-ready [data-reveal="stagger"].is-visible > *:nth-child(2) { transition-delay: 70ms; }.motion-ready [data-reveal="stagger"].is-visible > *:nth-child(3) { transition-delay: 140ms; }.motion-ready [data-reveal="stagger"].is-visible > *:nth-child(4) { transition-delay: 210ms; }

.will-reveal { opacity: 0; transform: translateY(14px); transition: opacity .65s var(--ease-out), transform .65s var(--ease-out); }
.will-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .will-reveal { opacity: 1; transform: none; transition: none; } }

@media (min-width: 1700px) {
  .hero { min-height: 920px; }
  .engine-section { min-height: 900px; }
  .engine-map { height: 440px; margin-top: 42px; }
  .problem-section { min-height: 800px; }
  .problem-frame { min-height: 680px; }
  .technical-section { min-height: 840px; }
  .tech-layout { min-height: 690px; }
}

@media (max-width: 1120px) {
  .site-header { width: calc(100% - 48px); }.primary-nav { gap: 22px; }
  .hero-copy { width: 78%; margin-left: 8%; }.hero-radar { right: -7%; width: 30vw; opacity: .62; }
  .engine-section { padding-inline: 4vw; }.engine-margin-note { right: 4%; }
  .engine-step { min-width: 177px; }.engine-step strong { font-size: 10px; }.engine-step span { font-size: 10px; }
  .outcome-card { min-height: 500px; padding: 24px; }.outcome-copy { max-width: 260px; margin-top: 27px; font-size: 13px; }
  .search-visual { width: 59%; }.outcome-metrics { right: 18px; left: 18px; }.outcome-metrics > div:not(.coverage-meter) { min-width: 66px; margin-right: 8px; padding-right: 8px; }.outcome-metrics strong { font-size: 16px; }.coverage-meter i { width: 40px; }
  .company-ui { left: 37%; grid-template-columns: 30% 70%; }
  .company-identity { position: absolute; z-index: 2; top: 14px; left: 14px; display: flex; align-items: center; gap: 9px; }
  .company-identity > div:last-child { display: flex; flex-direction: column; white-space: nowrap; }
  .company-identity strong { font-size: 10px; }.company-identity small { color: #81888a; font-size: 7px; }
  .company-identity .company-logo { width: 30px; height: 30px; flex-basis: 30px; font-size: 16px; }
  .company-sidebar { grid-column: 1; grid-row: 1; padding-top: 48px; }
  .company-sidebar nav { margin-top: 0; }
  .company-signals { grid-column: 2; grid-row: 1; padding-top: 46px; }
  .mini-header { justify-content: flex-end; margin-right: 7px; margin-bottom: 8px; }
  .mini-header a { transform: none; }
  .interpretation-ui { left: 31%; }.brief-ui { left: 39%; }
  .problem-frame { grid-template-columns: 43% 57%; }.problem-copy h2 { font-size: 55px; }.paid-flow { transform: scale(.92); transform-origin: center right; }.fit-unknown { right: -12%; }
  .definition-section { padding-inline: 5vw; }.definition-left { padding-right: 35px; }.definition-left h2 { font-size: 62px; }.definition-right { padding-left: 45px; }.definition-right h3 { font-size: 69px; }
  .tech-layout { grid-template-columns: 35% 65%; }.tech-story { padding: 31px; }.tech-story h2 { font-size: 55px; }.database-layout { grid-template-columns: 36% 64%; }.table-and-questions { grid-template-columns: 1fr 175px; gap: 14px; }.question-list { padding-left: 15px; }.table-row { gap: 7px; }
  .search-layout { grid-template-columns: 31% 69%; }.search-layout .tech-story { padding: 25px; }.search-result { grid-template-columns: 22px minmax(30px,1fr) auto auto 90px; }.search-result > b:nth-of-type(3) { display: none; }.search-result i { width: 21px; height: 21px; }.search-program-card { padding: 18px; }.program-grid { right: 70px; }.search-program-card > strong { right: 13px; font-size: 11px; }
  .collection-layout { grid-template-columns: 28% 38% 34%; }.collection-layout .tech-story { padding: 25px 21px; }.collection-data, .collection-questions { padding: 20px 17px; }.collected-rows > div { grid-template-columns: 115px 1fr; }
}

@media (max-width: 760px) {
  body { font-size: 15px; }
  .hero { min-height: max(740px,100svh); padding: 104px 22px 66px; }
  .site-header { top: 12px; width: calc(100% - 36px); grid-template-columns: 1fr auto; min-height: 52px; }
  .brand { gap: 8px; font-size: 20px; }.brand-mark { width: 31px; height: 31px; }
  .menu-toggle { display: flex; width: 40px; height: 40px; grid-column: 2; grid-row: 1; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(29,39,36,.17); border-radius: 50%; background: rgba(255,255,255,.7); }
  .menu-toggle span { width: 15px; height: 1px; background: #1c2724; transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .primary-nav { position: absolute; top: 59px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px 15px; border: 1px solid rgba(25,35,32,.12); border-radius: 14px; background: rgba(251,250,247,.98); box-shadow: 0 12px 30px rgba(20,28,24,.1); }
  .primary-nav.is-open { display: flex; }.primary-nav a { padding: 12px 4px; border-bottom: 1px solid rgba(25,35,32,.08); font-size: 14px; }.primary-nav a:last-child { border-bottom: 0; }
  .header-actions { display: none; }.hero-inner { min-height: 0; margin-top: 36px; }.hero-copy { width: 100%; margin: 0; text-align: left; }.hero-copy .eyebrow { margin-bottom: 22px; font-size: 10px; }.hero h1 { font-size: clamp(43px,12vw,64px); line-height: 1.02; }.hero h1 br { display: none; }.hero h1 span { display: block; }.hero-intro { max-width: 470px; margin: 21px 0 22px; font-size: 17px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 10px; }.hero-actions .button { min-width: 208px; min-height: 48px; }.hero-radar { top: auto; right: -18px; bottom: 7%; width: min(62vw,300px); transform: none; opacity: .62; }.hero-edge-note { top: auto; right: 5px; bottom: 13%; font-size: 8px; }.scroll-cue { bottom: 19px; left: 22px; transform: none; font-size: 8px; }
  .engine-section { min-height: auto; padding: 55px 22px 28px; }.section-kicker { font-size: 10px; }.engine-heading { margin-top: 24px; }.engine-heading h2 { font-size: clamp(37px,9vw,58px); line-height: 1.02; }.engine-heading p { max-width: 460px; font-size: 16px; }.engine-margin-note { top: 7%; right: 22px; font-size: 7px; gap: 4px; }.engine-margin-note i { width: 17px; }
  .engine-map { height: auto; min-height: 620px; margin-top: 39px; padding: 0 0 0 32px; }.engine-path { top: 20px; left: 10px; width: 28px; height: 570px; overflow: visible; }.engine-path .path-base { d: path("M14 5 C14 90 8 125 14 183 S8 280 14 344 S8 425 14 500 S8 550 14 570"); }.engine-path .path-branch { display: none; }.engine-path .path-sparks { display: none; }
  .engine-step { right: 0; left: 32px; min-width: 0; padding: 10px 8px; background: transparent; }.engine-step i { left: -30px; width: 16px; height: 16px; }.engine-step b { font-size: 10px; }.engine-step strong { font-size: 10px; }.engine-step span { font-size: 10px; }.step-one { top: 8%; }.step-two { top: 29%; }.step-three { top: 52%; }.step-four { top: 74%; }
  .engine-branch { position: relative; top: auto; left: auto; display: flex; flex-flow: row wrap; gap: 4px 12px; padding: 10px 0 0; font-size: 9px; }.engine-branch span { padding-left: 8px; }.engine-branch span::before { width: 3px; height: 3px; }.engine-branch-one { position: absolute; top: 14%; left: 55px; }.engine-branch-two { position: absolute; top: 34%; left: 55px; max-width: 80%; }.engine-branch-three { position: absolute; top: 57%; left: 55px; max-width: 78%; }.engine-branch-four { position: absolute; top: 80%; left: 55px; max-width: 78%; }
  .qualified-node { top: 92%; right: auto; left: 25px; width: 230px; padding: 8px; background: var(--paper); }
  .engine-footer { margin-top: 9px; font-size: 8px; }.wordmark-spaced { font-size: 10px; }
  .capabilities-section { grid-template-columns: 1fr; gap: 12px; padding: 15px 12px; }.outcome-card { min-height: 650px; padding: 24px; }.outcome-card h2 { max-width: 82%; font-size: 29px; }.outcome-subtitle { max-width: 88%; font-size: 24px; }.outcome-copy { max-width: 85%; margin-top: 21px; font-size: 13px; }
  .search-visual { top: 330px; right: 22px; width: 78%; height: 220px; }.source-stack { width: 55%; }.source-stack span { font-size: 9px; }.query-chip { width: 90%; font-size: 8px; }.signal-cloud { width: 48%; }.signal-cloud > span { font-size: 9px; }
  .outcome-metrics { right: 20px; bottom: 19px; left: 20px; flex-wrap: wrap; gap: 9px 0; }.outcome-metrics > div:not(.coverage-meter) { min-width: 68px; }.outcome-metrics strong { font-size: 16px; }.outcome-metrics span { font-size: 9px; }.coverage-meter { margin-left: 0; }.coverage-meter i { width: 38px; }
  .company-ui { top: auto; right: 12px; bottom: 12px; left: 14%; height: 300px; grid-template-columns: 28% 72%; padding: 10px; }.company-identity { top: 12px; left: 12px; gap: 7px; }.company-identity .company-logo { width: 24px; height: 24px; flex-basis: 24px; font-size: 13px; }.company-identity strong { font-size: 8px; }.company-identity small { font-size: 6px; }.company-sidebar { padding: 4px; }.company-sidebar nav { gap: 2px; margin-top: 36px; }.company-sidebar nav span,.company-sidebar nav b { padding: 4px 2px; font-size: 7px; }.company-signals { padding: 42px 0 0 7px; }.signal-row { height: 35px; grid-template-columns: 17px 1fr 37px; gap: 3px; font-size: 7px; }.spark { width: 34px; }.mini-header { justify-content: flex-end; margin-right: 0; margin-bottom: 8px; font-size: 7px; }.mini-header a { transform:none; }.company-meta { flex-wrap: wrap; font-size: 7px; }
  .interpretation-ui { right: 7px; bottom: 9px; left: 8%; min-height: 300px; padding: 13px; }.interpretation-title { font-size: 11px; }.interpretation-grid { grid-template-columns: 1fr 1fr; gap: 8px; font-size: 8px; }.signal-list { grid-row: span 2; }.opportunity-result { grid-column: 2; }.signal-list > span, .interpretation-flow > span, .interpretation-flow blockquote, .opportunity-result > strong { font-size: 7px; }
  .brief-ui { top: auto; right: 0; bottom: 0; left: 3%; height: 325px; grid-template-columns: 26% 74%; }.brief-list { gap: 4px; padding: 10px 4px; }.brief-list span { font-size: 7px; }.brief-detail { padding: 12px 9px; }.brief-detail > strong { font-size: 14px; }.brief-row { margin-top: 8px; font-size: 7px; }.brief-quote { font-size: 7px; }.brief-buttons span { padding: 6px 5px; font-size: 6px; }
  .problem-section { min-height: auto; padding: 12px; }.problem-frame { min-height: 0; grid-template-columns: 1fr; gap: 30px; padding: 27px 22px; border-radius: 16px; }.problem-copy .eyebrow { font-size: 9px; }.problem-copy h2 { margin: 24px 0 20px; font-size: clamp(42px,11vw,62px); }.big-stat { font-size: 57px; }.stat-label { font-size: 18px; }.stat-context { font-size: 13px; }.copy-rule { margin: 20px 0 17px; }.problem-body { font-size: 16px; }.takeaway { min-height: 50px; margin-top: 22px; padding: 8px 12px; font-size: 13px; }.database-icon { width: 25px; font-size: 18px; }.paid-frame .source-note { right: 22px; bottom: 20px; font-size: 9px; }
  .paid-flow { height: 290px; margin: 0 -18px 14px; transform: scale(.76); transform-origin: center center; }.flow-card { top: 90px; height: 190px; padding: 15px 11px; }.flow-card-1 { top: 40px; height: 200px; }.flow-card-2 { top: 69px; height: 210px; }.flow-card-3 { top: 93px; height: 202px; }.flow-card-last { top: 120px; height: 174px; }.flow-card b { font-size: 11px; }.abstract-shape { width: 38px; height: 38px; margin-top: 21px; }.flow-card > span { height: 7px; margin-top: 8px; }.flow-lines { inset: 20px -4% 0 0; }.flow-label span { font-size: 11px; }.flow-label small { font-size: 9px; }.flow-label-1 { top: 0; }.flow-label-2 { top: 13px; }.flow-label-3 { top: 33px; }.real-opportunity { gap: 14px; font-size: 10px; }.real-opportunity i { width: 17px; }
  .outbound-frame .problem-copy h2 { margin-bottom: 24px; }.rate-pair { gap: 12px; }.rate-pair strong { font-size: clamp(38px,10vw,56px); }.rate-pair span { font-size: 12px; }.rate-pair > i { height: 48px; }.plain-takeaway { margin-top: 23px; font-size: 16px; }.plain-takeaway i { width: 33px; }.outbound-frame .source-note { margin-top: 13px; font-size: 10px; }.access-board { height: 315px; margin: 8px 0 0; }.pegboard { height: 245px; padding: 15px 9px; }.pegboard span { width: 6px; height: 11px; }.pegboard span:nth-child(3n) { width: 12px; height: 6px; }.pegboard .hole { width: 10px; height: 26px; }.board-caption { top: 0; }.board-caption b { font-size: 8px; }.board-caption span { font-size: 9px; }.board-research { left: 7%; }.board-access { left: 65%; }.fit-unknown { right: -3%; top: 65%; gap: 5px; }.fit-unknown::before { left: -20px; width: 19px; }.fit-unknown b { font-size: 7px; }.fit-unknown small { font-size: 7px; }
  .referral-frame { gap: 14px; }.network-field { min-height: 330px; margin: 0 -8px; }.network-region { top: 20%; left: 23%; width: 52%; }.building { width: 32px; height: 37px; font-size: 25px; }.building-4 { width: 40px; height: 45px; }.market-cubes { inset: 0; grid-template-columns: repeat(7,1fr); grid-template-rows: repeat(4,1fr); }.market-cubes i { width: 18px; }.market-cubes i:nth-child(5n) { transform: translateY(8px) rotate(8deg) skewY(-5deg); }.market-cubes i:nth-child(7n) { transform: translateY(-8px) rotate(8deg) skewY(-5deg); }.network-label b { font-size: 9px; }.network-label span { font-size: 11px; }.warm-label { top: 0; left: 31%; }.market-label { top: 0; right: 0; }.network-label i { height: 51px; }
  .blindspot-section { min-height: 0; padding: 12px; }.blindspot-frame { min-height: 0; grid-template-columns: 1fr; gap: 25px; padding: 27px 22px 35px; border-radius: 16px; }.blindspot-copy h2 { margin: 28px 0 18px; font-size: clamp(42px,10vw,59px); }.blindspot-copy > p:not(.eyebrow) { font-size: 16px; }.blindspot-takeaway { position: relative; bottom: auto; margin-top: 26px; font-size: 14px; }.blindspot-diagram { min-height: 380px; gap: 18px 10px; padding: 47px 0 37px; }.surface-card { width: 100%; height: 115px; padding: 15px; }.surface-label { top: -28px; left: 15px; font-size: 8px; }.surface-card > i { flex-basis: 38px; width: 38px; height: 38px; }.surface-card > span:not(.surface-label) { height: 7px; margin-left: 8px; }.surface-card > small { bottom: 10px; left: 14px; padding: 3px 6px; font-size: 7px; }.surface-qualified { width: 82%; height: 125px; }.surface-qualified > small { right: 8px; left: 8px; font-size: 6px; }.merge-label { top: 40%; font-size: 9px; }.diagram-link { right: 0; font-size: 11px; }
  .definition-section { min-height: 0; grid-template-columns: 1fr; gap: 0; padding: 94px 25px 55px; }.definition-topline { top: 12px; right: 19px; left: 19px; grid-template-columns: 1fr auto; }.brand-mini { font-size: 22px; }.definition-nav { display: none; }.definition-topline .button { min-height: 38px; padding-inline: 13px; font-size: 11px; }.definition-left { padding: 0 0 50px; }.word-cloud { font-size: 15px; }.word-cloud-top { top: -165px; }.word-cloud-bottom { top: calc(100% + 4px); }.definition-left h2 { margin-top: 20px; font-size: clamp(49px,13vw,70px); }.green-label { font-size: 9px; }.green-label i { width: 58px; }.definition-divider { width: 100%; height: 1px; margin: 30px 0; }.definition-right { padding: 0; }.definition-right .eyebrow { margin-bottom: 16px; }.definition-right h3 { font-size: clamp(37px,11.7vw,76px); }.definition-right h3 span { font-size: .48em; white-space: normal; }.definition-right .copy-rule { margin: 29px 0 20px; }.definition-right > p:not(.eyebrow) { font-size: 19px; }.definition-right > small { margin-top: 29px; font-size: 10px; }
  .principle-section { min-height: 520px; padding: 30px 18px; }.principle-section .eyebrow { font-size: 11px; }.principle-section h2 { margin: 27px 0; font-size: clamp(37px,11vw,97px); line-height: .86; }
  .opportunity-section { padding: 41px 12px 16px; }.opportunity-heading { grid-template-columns: 1fr; gap: 18px; margin: 0 10px 17px; }.opportunity-heading h2 { font-size: clamp(37px,10vw,54px); }.opportunity-heading > div > p:last-child { font-size: 15px; }.opportunity-heading aside { margin: 0; padding-left: 16px; }.opportunity-heading aside p { margin: 6px 0; }.hand-note { display: none; }.comparison-grid { grid-template-columns: 1fr; gap: 12px; }.account-card { min-height: 0; padding: 13px; }.account-high { display: block; }.account-head { gap: 6px; }.priority, .alignment { font-size: 7px; }.alignment b { font-size: 12px; }.account-main { grid-template-columns: 70px 1fr; gap: 10px; margin-top: 12px; }.roof-photo { width: 70px; height: 86px; }.account-main h3 { font-size: 20px; }.account-main p { font-size: 10px; }.account-main > div:last-child > span { font-size: 10px; }.account-facts { margin-top: 11px; padding: 8px 0; }.account-facts > div { padding-left: 7px; }.account-facts b { font-size: 12px; }.account-facts span { font-size: 9px; }.account-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 9px; }.account-detail-grid > div { min-height: 94px; padding: 9px; }.account-detail-grid > div:nth-child(9) { grid-column: 1 / -1; min-height: 74px; }.account-detail-grid b { font-size: 11px; }.account-detail-grid p { margin-top: 6px; font-size: 10px; }.account-quote { font-size: 13px; }.assessment { flex-wrap: wrap; justify-content: flex-start; padding: 9px; font-size: 8px; }.assessment > div { flex-basis: 100%; }.assessment > span { margin-right: 6px; }.account-low .account-main { grid-template-columns: 75px 1fr; }.account-low .roof-photo { width: 75px; height: 72px; }.account-low .account-detail-grid > div { min-height: 90px; }.account-low .account-detail-grid > div:nth-child(9) { min-height: 74px; }
  .technical-section { min-height: 0; padding: 13px 12px; }.tech-layout { grid-template-columns: 1fr; gap: 12px; }.tech-story { min-height: 470px; padding: 27px 23px; border-radius: 17px; }.tech-kicker { font-size: 9px; }.tech-story h2 { margin: 52px 0 19px; font-size: clamp(47px,12vw,70px); }.tech-story > p:not(.tech-kicker) { font-size: 16px; }.dark-outline-button { min-height: 47px; margin-top: auto; font-size: 12px; }.coverage-layout .tech-story { min-height: 455px; }
  .coverage-visual { min-height: 525px; grid-template-rows: 47px 1fr auto; padding: 20px 15px 13px; border-radius: 17px; }.coverage-compare b { font-size: 8px; }.coverage-compare span { font-size: 10px; }.market-coverage-map { min-height: 200px; }.coverage-nodes i { width: 9px; }.visible-window { width: 24%; }.coverage-wedge { left: 24%; width: 76%; }.panel-caption b { font-size: 20px; }.panel-caption span { font-size: 11px; }.coverage-stats { gap: 7px; margin-top: 10px; }.coverage-stats > div { min-height: 164px; padding: 12px 10px; border-radius: 13px; }.coverage-stats strong { font-size: 39px; }.coverage-stats > div > b { font-size: 8px; }.coverage-stats > div > span { font-size: 9px; }.dot-row { height: 28px; margin-top: 9px; background-size: 17px 15px; }
  .database-layout { grid-template-columns: 1fr; }.database-layout .tech-story { min-height: 530px; }.database-visual { grid-template-rows: auto auto; }.record-panel { padding: 18px 13px; }.panel-title > b { font-size: 13px; }.panel-title > span { font-size: 12px; }.table-and-questions { grid-template-columns: 1fr; gap: 18px; margin-top: 14px; }.table-row { min-height: 36px; grid-template-columns: 16px 1.3fr 1fr .8fr .55fr; gap: 6px; }.table-row > span:last-child { display: none; }.table-head b { font-size: 7px; }.table-row > i { width: 12px; height: 12px; }.table-row > span { height: 10px; }.question-list { grid-template-columns: 28px 1fr; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; padding: 12px 0 0; }.question-list > b { font-size: 10px; }.question-list > span { font-size: 10px; }.question-list > i { width: 25px; height: 25px; font-size: 15px; }.question-list > p { padding: 8px 0; font-size: 10px; }.data-judgment-panels { grid-template-columns: 1fr; }.data-panel { min-height: 145px; padding: 16px; }.record-stack { transform: scale(.8); transform-origin: left center; }.question-stack { width: 96px; flex-basis: 96px; }
  .search-layout { grid-template-columns: 1fr; }.search-layout .tech-story { min-height: 575px; padding: 27px 23px; }.search-visuals { grid-template-columns: 1fr; grid-template-rows: auto; }.traditional-panel, .sitescope-search-panel, .query-card, .search-program-card { padding: 18px 13px; }.traditional-panel > div:first-child b, .sitescope-search-panel > div:first-child b { font-size: 14px; }.traditional-panel > div:first-child span, .sitescope-search-panel > div:first-child span { font-size: 12px; }.traditional-panel ul, .sitescope-search-panel ul { font-size: 10px; }.search-filters { overflow-x: auto; }.search-result { grid-template-columns: 22px minmax(30px,1fr) auto auto 83px; gap: 5px; }.search-result > b { font-size: 7px; }.search-result > b:nth-of-type(3) { display: none; }.search-result > strong { font-size: 8px; }.query-card { min-height: 180px; }.search-program-card { min-height: 190px; }.program-grid { top: 80px; right: 125px; }.search-program-card > strong { right: 22px; bottom: 42px; font-size: 12px; }
  .enrichment-layout { grid-template-columns: 1fr; }.enrichment-layout .tech-story { min-height: 540px; }.enrichment-panels { grid-template-columns: 1fr; }.enrichment-table, .commercial-panel { padding: 18px 13px; }.enrich-row { min-height: 68px; grid-template-columns: 40px 90px 1fr; gap: 7px; }.enrich-row > i { width: 37px; height: 42px; font-size: 18px; }.enrich-row > b { font-size: 10px; }.enrich-row > span { font-size: 10px; }.commercial-row { grid-template-columns: 38px 1fr; gap: 9px; padding: 11px 0; }.commercial-row > i, .commercial-reading > i { width: 36px; height: 36px; font-size: 20px; }.commercial-row b, .commercial-reading b { font-size: 11px; }.commercial-row span, .commercial-reading span { font-size: 8px; }.commercial-reading { grid-template-columns: 38px 1fr; gap: 9px; }
  .collection-layout { grid-template-columns: 1fr; }.collection-layout .tech-story { min-height: 515px; padding: 27px 23px; }.collection-data, .collection-questions { padding: 19px 14px; }.collection-data .panel-title em { position: static; width: fit-content; margin-top: 7px; }.collected-rows > div { min-height: 38px; grid-template-columns: 110px 1fr; }.collected-rows small { font-size: 8px; }.collected-rows b { font-size: 10px; }.question-row { grid-template-columns: 36px 1fr; gap: 9px; padding: 10px 0; }.question-row > i { width: 32px; height: 32px; font-size: 18px; }.question-row b { font-size: 10px; }.question-row span { font-size: 9px; }.commercial-readout > b { font-size: 16px; }
  .reasoning-layout { grid-template-columns: 1fr; }.reasoning-layout .tech-story { min-height: 510px; }.reasoning-panels { grid-template-columns: 1fr; }.inconsistent-panel { min-height: 580px; padding: 19px 13px; }.response b, .response span { font-size: 11px; }.reasoning-alone > div { font-size: 10px; }.system-panels { grid-template-rows: auto auto; }.system-standard, .system-response { padding: 17px 13px; }.system-standard h3 { font-size: 18px; }.standard-grid > div { grid-template-columns: 34px 1fr; min-height: 82px; gap: 3px 7px; padding: 6px; }.standard-grid i { width: 32px; height: 32px; font-size: 18px; }.standard-grid b { font-size: 8px; }.standard-grid span { font-size: 8px; }.system-response { min-height: 330px; }.final-response strong { font-size: 11px; }.final-response p, .strategy { font-size: 9px; }
  .site-end { min-height: 180px; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 22px; }.site-end .brand { font-size: 18px; }.site-end .brand-mark { width: 28px; height: 28px; }.site-end p { grid-column: 1/-1; grid-row: 2; margin: 0; font-size: 11px; }.site-end > a:last-of-type { grid-column: 2; grid-row: 1; font-size: 11px; }.site-end > small { justify-self: start; font-size: 8px; }
  .demo-dialog { padding: 28px 23px; }.demo-dialog h2 { font-size: 30px; }.demo-dialog .button { min-height: 46px; padding-inline: 16px; font-size: 12px; }
}

@media (max-width: 390px) {
  .hero h1 { font-size: 42px; }
  .engine-map { min-height: 650px; }.engine-step strong { font-size: 9px; }.engine-step span { font-size: 9px; }
  .outcome-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 8px; }
  .outcome-metrics > div:not(.coverage-meter) { min-width: 0; margin-right: 0; padding-right: 7px; }
  .coverage-meter { margin-left: 0; }
  .outcome-metrics > div:not(.coverage-meter) { min-width: 61px; margin-right: 6px; padding-right: 6px; }.outcome-metrics strong { font-size: 14px; }
  .search-visual { right: 15px; width: 85%; }.company-ui { left: 8%; }.interpretation-ui { left: 2%; }.brief-ui { left: -2%; }
  .search-result { grid-template-columns: 18px minmax(24px,1fr) auto 76px; }.search-result > b:nth-of-type(2) { display: none; }
  .account-detail-grid > div { min-height: 95px; }.assessment > span { font-size: 7px; }
  .coverage-stats > div { min-height: 158px; }.coverage-stats strong { font-size: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .motion-ready [data-reveal], .motion-ready [data-reveal="stagger"] > * { opacity: 1 !important; transform: none !important; }
}

/* Reference fidelity refinements */
:root { scrollbar-color: #85958a #f2f1ed; }
html { scrollbar-width: thin; }
body { caret-color: var(--green); }
a { text-underline-offset: .2em; }

/* The selected mockups use a small editorial serif only for the account proof. */
.opportunity-heading h2,
.opportunity-heading aside,
.account-main h3,
.account-facts b,
.account-detail-grid b,
.account-quote,
.assessment > div > b { font-family: Georgia, "Times New Roman", serif; }
.account-quote small { font-family: var(--body); }

@media (min-width: 1121px) {
  .outcome-card { min-height: 445px; }
  .outcome-card:nth-of-type(n + 3) { min-height: 419px; }
  .capabilities-section { align-content: start; }
}

@media (min-width: 761px) {
  .hero-copy { width: min(830px, 72%); }
  .hero-inner { transform: translateY(-50px); }
  .hero-copy { transform: translateY(-10px); }
  .hero h1 { font-size: clamp(52px, 4.4vw, 74px); }
  .hero-intro { max-width: 585px; margin-top: 37px; margin-bottom: 20px; font-size: clamp(17px, 1.25vw, 19px); }
  .hero-radar { right: clamp(-190px, calc(344px - 32.3vw), -80px); width: min(23vw, 390px); }
  .hero-edge-note { right: 1.5%; }
  .site-header { width: min(calc(100% - 9.5vw), 1510px); }
  .problem-frame { width: min(var(--wide), 100%); }
  .opportunity-section { padding-top: 20px; }
  .account-card { padding: 18px 21px; }
}

@media (max-width: 760px) {
  .hero-inner { transform: none; }
  .hero-radar { right: -18px; width: min(62vw,300px); }
  .hero { min-height: max(720px, 100svh); }
  .hero-copy .eyebrow { letter-spacing: .2em; }
  .hero-edge-note { display: none; }
  .scroll-cue { display: none; }
  .outcome-card { min-height: 650px; }
  .problem-frame { width: 100%; }
  .site-end > small { max-width: 30ch; }
}

/* Keep the tight but readable lettering and spatial balance of the chosen boards. */
.hero h1,
.engine-heading h2,
.outcome-card h2,
.problem-copy h2,
.blindspot-copy h2,
.definition-left h2,
.definition-right h3,
.principle-section h2,
.tech-story h2 { letter-spacing: -.045em; }
.hero h1 { letter-spacing: -.05em; }
.problem-copy h2 { letter-spacing: -.052em; }
.blindspot-copy h2 { letter-spacing: -.05em; }
.opportunity-heading h2 { letter-spacing: -.025em; }
.tech-story h2 { letter-spacing: -.05em; }

@media (max-width: 1600px) and (min-width: 761px) {
  .blindspot-frame { grid-template-columns: 50% 50%; }
  .blindspot-copy h2 { font-size: clamp(46px, 3.65vw, 62px); }
}

@media (max-width: 760px) {
  .hero-radar { top: calc(100% + 18px); right: -18px; bottom: auto; width: min(55vw, 220px); opacity: .34; }
  .definition-left, .definition-right { min-width: 0; width: 100%; }
  .word-cloud { min-width: 0; }
}

@media (max-width: 760px) {
}

/* Screenshot-matched proportions and quieter, dimensional surfaces. */
@media (min-width: 1121px) {
  .engine-section { min-height: max(900px,100svh); padding: 35px max(2.8vw,40px) 38px; }
  .engine-heading { margin: 20px 0 0 36px; }
  .engine-heading h2 { font-size: clamp(66px,4.7vw,86px); line-height: .99; }
  .engine-heading p { max-width: 620px; margin-top: 18px; font-size: 22px; }
  .engine-map { height: 505px; margin-top: -45px; }
  .engine-branch { font-size: 12px; }
  .engine-branch-one { top: 39%; }
  .engine-branch-two { top: 12%; }
  .engine-branch-three { top: 24%; }
  .engine-branch-four { top: 79%; }
  .engine-footer { position: absolute; right: max(2.8vw,40px); bottom: 37px; left: max(2.8vw,40px); }
  .engine-path .path-base { stroke-width: 1.5; }
  .engine-path .path-branch { stroke: rgba(66,94,78,.31); }

  .capabilities-section { gap: 19px 21px; padding: 18px max(1.75vw,24px) 28px; }
  .outcome-card { min-height: 445px; padding: 27px 30px; }
  .outcome-card:nth-of-type(n + 3) { min-height: 419px; }
  .outcome-card h2 { font-size: clamp(31px,2.25vw,39px); }
  .outcome-subtitle { font-size: clamp(25px,1.8vw,31px); }
  .outcome-copy { max-width: 265px; margin-top: 40px; font-size: 16px; line-height: 1.45; }
  .outcome-number { font-size: 16px; }
  .search-visual { top: 95px; right: 24px; width: 37%; }
  .query-chip { top: 0; right: -4px; width: 100%; height: 39px; padding-inline: 12px; font-size: 9px; }
  .source-stack { top: 58px; left: -41%; width: 57%; }
  .source-stack span { padding: 6px 9px; font-size: 10px; white-space: nowrap; }
  .signal-cloud { top: 45px; right: -4px; width: 70%; }
  .outcome-metrics { bottom: 19px; left: 30px; }
  .company-ui { top: 112px; left: 41%; grid-template-columns: 32% 68%; box-shadow: 0 15px 38px rgba(25,30,28,.12), -10px -12px 0 -1px rgba(255,255,255,.96), -19px -22px 0 -2px #f8f8f6, -27px -30px 0 -3px #f3f3f0; }
  .company-sidebar > strong { font-size: 13px; }
  .company-sidebar > small, .company-meta { font-size: 9px; }
  .company-sidebar nav span, .company-sidebar nav b { font-size: 10px; }
  .signal-row { height: 37px; font-size: 10px; }
  .interpretation-ui { left: 35%; min-height: 68%; }
  .interpretation-grid { font-size: 10px; }
  .signal-list > span, .interpretation-flow > span, .interpretation-flow blockquote, .opportunity-result > strong { font-size: 9px; }
  .brief-ui { left: 43%; }
  .brief-list span, .brief-row { font-size: 9px; }
  .brief-detail { font-size: 10px; }

  .problem-section { min-height: max(760px,91svh); padding-block: 24px; }
  .problem-frame { min-height: 700px; padding: clamp(42px,3vw,56px); }
  .problem-copy h2 { font-size: clamp(58px,3.75vw,74px); }
  .problem-body { font-size: 22px; }
  .paid-flow { height: 480px; }
  .paid-frame .source-note { right: 8px; bottom: 5px; }
  .outbound-frame .problem-copy h2 { font-size: clamp(57px,3.6vw,72px); }
  .access-board { height: 490px; }
  .pegboard { height: 390px; }
  .network-field { min-height: 510px; }
  .blindspot-section { min-height: max(800px,94svh); }
  .blindspot-frame { min-height: 740px; }
  .blindspot-copy h2 { font-size: clamp(61px,4vw,79px); }

  .technical-section { min-height: max(900px,100svh); padding: 35px 28px; }
  .tech-layout { width: min(1620px,100%); min-height: 806px; gap: 16px; }
  .tech-story { padding: 33px 38px; }
  .tech-story h2 { margin-top: 71px; font-size: clamp(67px,5.6vw,102px); line-height: .9; }
  .tech-story > p:not(.tech-kicker) { font-size: clamp(20px,1.42vw,25px); line-height: 1.39; }
  .tech-accent { font-size: 21px !important; }
  .dark-outline-button { min-height: 58px; min-width: 235px; margin-bottom: 2px; padding-inline: 24px; font-size: 17px; }
  .tech-panel, .tech-story { border-color: rgba(212,226,210,.19); }
  .panel-title > b { font-size: 20px; }
  .panel-title > span { font-size: 17px; }

  #coverage { padding: 45px 28px; }
  .coverage-layout { width: min(1516px,100%); min-height: 806px; grid-template-columns: 1fr 1fr; }
  .coverage-layout .tech-story { min-height: 806px; }
  .coverage-layout .tech-story h2 { margin: 77px 0 34px; font-size: clamp(82px,6.6vw,114px); }
  .coverage-layout .tech-story > p:not(.tech-kicker) { max-width: 520px; }
  .coverage-visual { min-height: 535px; height: 535px; grid-template-rows: 58px 1fr auto; padding: 34px 42px 25px; }
  .coverage-compare b { font-size: 14px; }
  .coverage-compare span { font-size: 16px; }
  .market-coverage-map { min-height: 290px; }
  .coverage-nodes { display: block; inset: 7% 0; }
  .coverage-nodes i { position: absolute; width: 13px; }
  .coverage-nodes i:nth-child(7n) { width: 8px; opacity: .7; }
  .coverage-nodes i:nth-child(11n) { width: 18px; }
  .visible-window { top: 11%; bottom: 9%; width: 21%; }
  .panel-caption b { font-size: 29px; }
  .panel-caption span { font-size: 16px; }
  .coverage-stats { position: absolute; z-index: 4; right: 0; bottom: 0; left: 39%; grid-column: auto; gap: 17px; margin: 0; }
  .coverage-stats > div { min-height: 254px; padding: 24px 28px; background: #0b0f0d; }
  .coverage-stats strong { font-size: 71px; }
  .coverage-stats > div > b { font-size: 14px; }
  .coverage-stats > div > span { font-size: 15px; }

  #lead-databases { padding: 40px 28px; }
  .database-layout { width: min(1554px,100%); min-height: 806px; grid-template-columns: minmax(0,41fr) minmax(0,59fr); }
  .database-layout .tech-story h2 { margin-top: 72px; font-size: clamp(75px,5.7vw,99px); }
  .database-visual { grid-template-rows: 513px 1fr; }
  .record-panel { padding: 27px 29px; }
  .table-and-questions { grid-template-columns: 1fr 220px; margin-top: 25px; }
  .table-row { min-height: 55px; }
  .table-head b { font-size: 11px; }
  .question-list > b { font-size: 14px; }
  .question-list > span, .question-list > p { font-size: 13px; }
  .data-panel { min-height: 250px; padding: 25px; }
  .data-panel > div:last-child b { font-size: 25px; }
  .data-panel > div:last-child span { font-size: 16px; }

  #search { padding: 24px 20px; }
  .search-layout { min-height: 890px; grid-template-columns: minmax(0,34fr) minmax(0,66fr); }
  .search-layout .tech-story h2 { margin-top: 60px; font-size: clamp(72px,4.8vw,84px); }
  .search-layout .tech-story > p:not(.tech-kicker) { font-size: 22px; }
  .search-visuals { grid-template-rows: minmax(0,611px) minmax(0,1fr); }
  .traditional-panel, .sitescope-search-panel, .query-card, .search-program-card { padding: 27px; }
  .traditional-panel > div:first-child b, .sitescope-search-panel > div:first-child b { font-size: 21px; }
  .traditional-panel > div:first-child span, .sitescope-search-panel > div:first-child span { font-size: 19px; }
  .result-skeleton { height: 63px; }
  .traditional-panel ul, .sitescope-search-panel ul { font-size: 16px; }
  .search-filters span { font-size: 12px; }
  .search-filters small { font-size: 10px; }
  .search-result { min-height: 62px; }
  .search-result > b { font-size: 10px; }
  .search-result > strong { font-size: 12px; }

  #enrichment { padding: 24px; }
  .enrichment-layout { min-height: 890px; grid-template-columns: minmax(0,33fr) minmax(0,67fr); }
  .enrichment-layout .tech-story h2 { font-size: clamp(77px,5.8vw,102px); }
  .enrichment-table, .commercial-panel { padding: 30px 28px; }
  .enrich-row { min-height: 116px; grid-template-columns: 55px 112px 1fr; }
  .enrich-row > b, .enrich-row > span { font-size: 16px; }
  .commercial-row { padding: 23px 0; }
  .commercial-row small, .commercial-reading small { font-size: 12px; }
  .commercial-row b, .commercial-reading b { font-size: 18px; }
  .commercial-row span, .commercial-reading span { font-size: 12px; }

  #collection { padding: 44px 42px; }
  .collection-layout { min-height: 780px; grid-template-columns: minmax(0,29fr) minmax(0,38fr) minmax(0,33fr); }
  .collection-layout .tech-story h2 { font-size: clamp(72px,5.3vw,94px); }
  .collection-data, .collection-questions { padding: 28px 29px; }
  .collected-rows > div { min-height: 50px; }
  .collected-rows small { font-size: 11px; }
  .collected-rows b { font-size: 14px; }
  .question-row b { font-size: 16px; }
  .question-row span { font-size: 13px; }
  .commercial-readout > b { font-size: 24px; }

  #ai-reasoning { padding: 25px 27px; }
  .reasoning-layout { min-height: 890px; grid-template-columns: minmax(0,37fr) minmax(0,63fr); }
  .reasoning-layout .tech-story h2 { font-size: clamp(70px,4.65vw,82px); }
  .reasoning-layout .tech-story > p:not(.tech-kicker) { font-size: 23px; }
  .reasoning-panels { position: relative; }
  .inconsistent-panel { height: 600px; }
  .response { min-height: 93px; padding-top: 14px; padding-bottom: 14px; }
  .response span { font-size: 16px; }
  .input-chip, .input-conclusion { font-size: 14px; }
  .reasoning-alone { position: absolute; bottom: 0; left: 0; width: calc((100% - 14px) * .49); min-height: 275px; margin: 0; padding: 22px 25px; border: 1px solid var(--line-dark); border-radius: 21px; background: #0b0f0d; }
  .reasoning-alone b { font-size: 18px; }
  .reasoning-alone > span { font-size: 15px; }
  .reasoning-alone > div { font-size: 14px; }
  .system-standard h3 { font-size: 26px; }
  .final-response strong { font-size: 18px; }
  .final-response p, .strategy { font-size: 14px; }
}

/* The motion follows the narrative: search, evidence, then qualification. */
.hero-radar::before { position: absolute; inset: 27%; border: 1px solid rgba(53,104,73,.18); border-radius: 50%; content: ""; animation: radar-breathe 7s ease-in-out infinite; }
.hero-radar .radar-rings b { animation: radar-core 5s ease-in-out infinite; }
.engine-path .path-base { stroke-dasharray: 2400; stroke-dashoffset: 2400; }
.engine-section.is-visible .path-base { animation: trace-market 2.4s var(--ease-out) forwards; }
.engine-section.is-visible .path-branch { animation: branch-appear 1s 1.1s both; }
.engine-section.is-visible .path-sparks { animation: branch-appear .8s 1.7s both; }
.engine-step i, .qualified-node i { transition: box-shadow .35s ease, transform .35s ease; }
.engine-step:hover i, .qualified-node:hover i { transform: translate(-50%,-50%) scale(1.12); box-shadow: 0 0 0 10px rgba(75,126,85,.11); }
.qualified-node:hover i { transform: scale(1.12); }
.outcome-card { transition: border-color .3s ease, box-shadow .35s ease; }
.outcome-card:hover { border-color: rgba(48,92,68,.25); box-shadow: 0 18px 40px rgba(23,43,32,.06); }
.source-stack span { transition: transform .3s var(--ease-out), background .3s ease; }
.outcome-search:hover .source-stack span { transform: translateX(4px); background: #fff; }
.signal-cloud i { animation: signal-twinkle 4s ease-in-out infinite; }
.signal-cloud i:nth-child(3n) { animation-delay: -1.5s; }
.signal-cloud i:nth-child(4n) { animation-delay: -3s; }
.coverage-layout.is-visible .coverage-nodes i { animation: node-arrive .9s var(--ease-out) both; animation-delay: var(--node-delay,0ms); }
.tech-panel { transition: border-color .32s ease; }
.tech-panel:hover { border-color: rgba(194,224,184,.31); }
.site-end a:hover { text-decoration: underline; }

/* Paid-acquisition reference panel: wide editorial canvas and staged 2.5D funnel. */
@media (min-width: 1440px) {
  #paid-acquisition {
    min-height: max(809px, 100svh);
    padding-block: 0;
  }

  #paid-acquisition .paid-frame {
    width: min(var(--wide), 100%);
    height: 718px;
    min-height: 0;
    grid-template-columns: 43% 57%;
    padding: 54px;
    border-color: #d9dad7;
    border-radius: 25px;
    background: linear-gradient(112deg, #fdfcf9 0%, #fbfaf7 53%, #fbfaf7 100%);
  }

  #paid-acquisition .problem-copy {
    width: 100%;
    max-width: 700px;
  }

  #paid-acquisition .problem-body { max-width: 600px; }

  #paid-acquisition .problem-copy .eyebrow {
    gap: 18px;
    color: #46545c;
    font-size: 14px;
    letter-spacing: .25em;
  }

  #paid-acquisition .problem-copy .eyebrow i {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: #174d39;
    box-shadow: 0 0 0 1px rgba(16,60,43,.08);
  }

  #paid-acquisition .problem-copy h2 {
    margin: 32px 0 25px;
    font-size: clamp(62px, 3.62vw, 72px);
    font-weight: 500;
    letter-spacing: -.067em;
    line-height: 1.045;
  }

  #paid-acquisition .big-stat {
    margin: 22px 0 -3px;
    color: #124b36;
    font-size: 76px;
    font-weight: 450;
    letter-spacing: -.065em;
    line-height: 1;
  }

  #paid-acquisition .stat-label {
    max-width: 620px;
    color: #34424a;
    font-size: 23px;
    letter-spacing: -.025em;
    line-height: 1.3;
  }

  #paid-acquisition .stat-context {
    margin-top: 7px;
    color: #7c8589;
    font-size: 18px;
  }

  #paid-acquisition .copy-rule {
    width: 56px;
    margin: 29px 0 23px;
    background: #799185;
  }

  #paid-acquisition .problem-body {
    max-width: 650px;
    color: #31404a;
    font-size: 23px;
    letter-spacing: -.022em;
    line-height: 1.37;
  }

  #paid-acquisition .takeaway {
    width: min(670px, 100%);
    min-height: 67px;
    gap: 30px;
    margin-top: 37px;
    padding: 9px 30px;
    border-radius: 20px;
    background: linear-gradient(100deg, rgba(232,237,231,.83), rgba(230,233,227,.73));
    color: #173b2e;
    font-size: 21px;
    letter-spacing: -.025em;
  }

  #paid-acquisition .database-icon {
    width: 64px;
    height: 34px;
    flex: 0 0 64px;
    justify-items: start;
    padding-right: 19px;
    color: #19583f;
  }

  #paid-acquisition .database-icon .cap-icon {
    width: 30px;
    height: 30px;
    stroke-width: 1.9;
  }

  #paid-acquisition .paid-brand {
    position: absolute;
    z-index: 3;
    top: 37px;
    right: 50px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #151d20;
    text-transform: uppercase;
  }

  #paid-acquisition .paid-brand strong {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .28em;
    line-height: 1.2;
  }

  #paid-acquisition .paid-brand span {
    color: #737d83;
    font-size: 12px;
    font-weight: 550;
    letter-spacing: .18em;
    line-height: 1.65;
  }

  #paid-acquisition .paid-flow {
    width: 100%;
    height: 470px;
    align-self: center;
    margin: 0;
    isolation: isolate;
  }

  #paid-acquisition .flow-card {
    top: 0;
    display: flex;
    border: 1px solid rgba(255,255,255,.96);
    border-radius: 17px 19px 12px 13px;
    background: linear-gradient(145deg, rgba(255,255,254,.99) 4%, rgba(247,247,244,.97) 66%, rgba(236,238,235,.95) 100%);
    box-shadow: 0 19px 30px rgba(42,47,43,.12), 3px 5px 0 -2px rgba(225,227,223,.85), inset 3px 0 5px rgba(255,255,255,.9);
    padding: 44px 18px 18px;
    transform: skewY(12deg);
    transform-origin: center center;
  }

  #paid-acquisition .flow-card::before {
    position: absolute;
    top: 3px;
    right: -9px;
    bottom: -4px;
    width: 10px;
    border: 1px solid rgba(237,238,235,.95);
    border-left: 0;
    border-radius: 0 9px 9px 0;
    background: linear-gradient(90deg, #f1f2ef, #fff 80%);
    content: "";
    transform: skewY(-3deg);
    transform-origin: left center;
  }

  #paid-acquisition .flow-card-1 { top: 40px; left: 0; width: 12.7%; height: 359px; }
  #paid-acquisition .flow-card-2 { top: 106px; left: 20.6%; width: 14.7%; height: 330px; padding-top: 28px; }
  #paid-acquisition .flow-card-3 { top: 136px; left: 45.1%; width: 16.6%; height: 312px; padding-top: 28px; }
  #paid-acquisition .flow-card-last { top: 188px; left: 71.8%; width: 18.5%; height: 280px; padding-top: 26px; }

  #paid-acquisition .flow-card b {
    color: #101718;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.12;
    transform: skewY(-12deg);
  }

  #paid-acquisition .abstract-shape {
    display: block;
    width: 44px;
    height: 66px;
    flex: 0 0 auto;
    margin-top: 40px;
    background: linear-gradient(135deg, rgba(139,145,141,.22), rgba(112,120,115,.16));
    transform: skewY(-12deg);
  }

  #paid-acquisition .flow-card-1 .abstract-shape { width: 42px; height: 70px; margin-top: 50px; }
  #paid-acquisition .flow-card-2 .abstract-shape { width: 48px; height: 68px; border-radius: 50%; }
  #paid-acquisition .flow-card-3 .abstract-shape { width: 49px; height: 68px; background: rgba(125,132,128,.26); }
  #paid-acquisition .flow-card-last .abstract-shape { width: 55px; height: 69px; margin-top: 20px; background: rgba(126,133,129,.24); }
  #paid-acquisition .flow-card-2 > span:first-of-type { margin-top: 25px; }
  #paid-acquisition .flow-card-3 > span:first-of-type { margin-top: 14px; }
  #paid-acquisition .flow-card-last > span:first-of-type { margin-top: 18px; }
  #paid-acquisition .flow-card > span {
    position: relative;
    z-index: 1;
    width: 76%;
    height: 15px;
    flex: 0 0 15px;
    margin-top: 5px;
    background: linear-gradient(90deg, rgba(118,125,121,.2), rgba(126,132,128,.16));
    transform: skewY(-12deg);
  }

  #paid-acquisition .flow-card > span:last-child {
    width: 58%;
    height: 13px;
    flex-basis: 13px;
    margin-top: 9px;
  }

  #paid-acquisition .flow-lines {
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  #paid-acquisition .flow-lines path {
    stroke: rgba(152,160,154,.31);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }

  #paid-acquisition .flow-label {
    z-index: 4;
    width: 34px;
    gap: 2px;
    padding: 0;
    border-top-color: #aab4b6;
  }

  #paid-acquisition .flow-label span {
    margin-top: 13px;
    color: #11191a;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.025em;
  }

  #paid-acquisition .flow-label small {
    color: #717a80;
    font-size: 14px;
    white-space: nowrap;
  }

  #paid-acquisition .flow-label-1 { top: 27px; left: 25%; }
  #paid-acquisition .flow-label-2 { top: 56px; left: 49.5%; }
  #paid-acquisition .flow-label-3 { top: 99px; left: 75.5%; }

  #paid-acquisition .flow-nodes {
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
  }

  #paid-acquisition .flow-nodes i {
    position: absolute;
    top: var(--y);
    left: var(--x);
    width: 23px;
    height: 23px;
    border: 1px solid rgba(195,199,196,.8);
    border-radius: 50%;
    background: radial-gradient(circle at 30% 25%, #fff 0 9%, #eef0ee 25%, #d6d9d6 60%, #b7bcb8 100%);
    box-shadow: 0 5px 10px rgba(45,52,48,.13), inset -2px -2px 3px rgba(128,135,131,.12);
    transform: translate(-50%,-50%);
  }

  #paid-acquisition .flow-nodes i:nth-child(2n) { width: 21px; height: 21px; }
  #paid-acquisition .flow-nodes i:nth-child(3n) { width: 25px; height: 25px; }
  #paid-acquisition .flow-nodes i:nth-child(6) { width: 26px; height: 26px; }

  #paid-acquisition .real-opportunity {
    z-index: 4;
    top: 68%;
    right: -3%;
    gap: 78px;
    color: #11191a;
    font-size: 15px;
    font-weight: 550;
  }

  #paid-acquisition .real-opportunity i {
    width: 27px;
    flex: 0 0 27px;
    background: radial-gradient(circle at 33% 28%, #46725c, #1e533b 65%, #123f2e);
    box-shadow: 0 0 0 13px rgba(50,107,77,.07), 0 0 0 25px rgba(50,107,77,.035);
  }

  #paid-acquisition .real-opportunity span {
    min-width: 90px;
    line-height: 1.35;
  }

  #paid-acquisition .paid-frame .source-note {
    right: -1%;
    bottom: -75px;
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0;
    color: #788186;
    font-size: 13px;
    white-space: nowrap;
  }

  #paid-acquisition .paid-frame .source-note i {
    display: inline-block;
    width: 31px;
    height: 1px;
    background: #aab2b1;
  }
}
.capability-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.cap-icon { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.card-arrow .cap-icon { width: 15px; height: 15px; transform: none; stroke-width: 1.8; }
.query-chip > .cap-icon { width: 15px; height: 15px; flex: 0 0 15px; }
.source-stack span i { display: grid; width: 14px; height: 14px; flex: 0 0 14px; place-items: center; color: #34443d; font-size: 12px; font-style: normal; font-weight: 700; }
.source-stack span i .cap-icon { width: 13px; height: 13px; }
.source-stack .source-google i { color: #4285f4; font-family: Arial,sans-serif; font-size: 13px; }
.source-stack .source-maps i { color: #4285f4; }
.company-logo .cap-icon { width: 27px; height: 27px; stroke-width: 1.4; }
.company-sidebar nav span, .company-sidebar nav b { display: flex; align-items: center; gap: 7px; }
.company-sidebar nav .cap-icon { width: 13px; height: 13px; }
.signal-row > b .cap-icon { width: 11px; height: 11px; stroke-width: 2; }
.signal-list > span { display: flex; align-items: center; gap: 6px; }
.trend { display: grid; width: 16px; height: 16px; flex: 0 0 16px; place-items: center; border-radius: 50%; font-size: 9px; font-style: normal; }
.trend .cap-icon { width: 10px; height: 10px; stroke-width: 2; }
.trend.up { background: #e7f4eb; color: #43845d; }
.trend.down { background: #faeaea; color: #c46061; }
.trend.neutral { background: #ededeb; color: #757b78; }
.interpretation-flow > span { display: flex; align-items: center; gap: 7px; }
.insight-icon { display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border-radius: 5px; background: #eaf1ff; color: #4d7de3; }
.insight-icon .cap-icon { width: 13px; height: 13px; }
.opportunity-result > span .cap-icon { width: 17px; height: 17px; }
.brief-list > span { display: flex; align-items: center; gap: 6px; }
.list-mark { display: grid; width: 15px; height: 15px; flex: 0 0 15px; place-items: center; border-radius: 50%; background: #f0f1ef; color: #28352f; font-size: 9px; font-style: normal; }
.list-mark .cap-icon { width: 11px; height: 11px; }
.mark-mountain { border-radius: 4px; background: #101615; color: white; }
.mark-dot { width: 8px; height: 8px; flex-basis: 8px; margin: 0 3.5px; background: #101615; }
.mark-star { background: #edf0ed; }
.mark-ring { border: 1px solid #37443e; background: transparent; }
.contact-avatar { display: inline-grid; width: 22px; height: 22px; margin-right: 5px; place-items: center; border-radius: 50%; background: #e8e9ec; color: #364054; font-size: 9px; font-style: normal; }
.contact-actions { display: flex; gap: 8px; align-items: center; color: #29352f; }
.contact-actions .cap-icon { width: 13px; height: 13px; }
.brief-row b > .cap-icon { width: 12px; height: 12px; margin-right: 4px; }
.brief-buttons span { display: inline-flex; align-items: center; gap: 5px; }
.brief-buttons .cap-icon { width: 12px; height: 12px; }

/* Capability-card linework is drawn per composition, as in the supplied boards. */
.outcome-card::after { content: none; }
.card-orbits { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: rgba(103,123,111,.32); stroke-width: .8; stroke-dasharray: 1 5; pointer-events: none; }
.orbit-search { opacity: .62; }
.orbit-company { opacity: .56; }
.orbit-qualify { opacity: .52; }
.orbit-action { opacity: .54; }
.source-stack .source-maps i { color: #34a853; }
.source-stack .source-maps .cap-icon { width: 12px; height: 12px; }
.list-mark .cap-icon { width: 11px; height: 11px; }
.mark-brightpath { width: 15px; height: 15px; background: #111816; }
.mark-brightpath b { width: 5px; height: 5px; border-radius: 50%; background: #fff; }
.mark-star { background: #f0f1ef; }
.mark-cascade { background: #f0f1ef; color: #222c28; }
.mark-cascade .cap-icon { width: 10px; height: 10px; }
.mark-triangle { background: transparent; color: #19221f; }
.mark-triangle .cap-icon { width: 13px; height: 13px; stroke-width: 2; }
.mark-brightpath { width: 9px; height: 9px; flex-basis: 9px; margin-inline: 3px; border-radius: 50%; }
.mark-brightpath b { width: 3px; height: 3px; }
.mark-cascade .cap-icon { width: 12px; height: 12px; }
.interpretation-ui { isolation: isolate; }
.interpretation-connectors { position: absolute; z-index: 0; top: 62px; right: 0; width: 100%; height: 210px; overflow: visible; fill: none; stroke: rgba(147,157,149,.34); stroke-width: 1; pointer-events: none; }
.interpretation-connectors path { vector-effect: non-scaling-stroke; }
.interpretation-connectors circle { fill: #78877c; stroke: none; }
.interpretation-title, .interpretation-grid { position: relative; z-index: 1; }
@keyframes radar-breathe { 50% { transform: scale(1.8); opacity: 0; } 100% { transform: scale(1); opacity: .8; } }
@keyframes radar-core { 50% { box-shadow: 0 0 0 20px rgba(71,116,93,.035); } }
@keyframes trace-market { to { stroke-dashoffset: 0; } }
@keyframes branch-appear { from { opacity: 0; } to { opacity: 1; } }
@keyframes signal-twinkle { 50% { opacity: .38; transform: scale(.75); } }
@keyframes node-arrive { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .engine-path .path-base { stroke-dashoffset: 0; }
  .hero-radar::before, .hero-radar .radar-rings b, .signal-cloud i, .coverage-layout.is-visible .coverage-nodes i { animation: none; }
}

/* Final screenshot alignment for the four capability cards. */
.signal-cloud { display: block; }
.signal-points { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.signal-cloud > span { z-index: 2; }
.signal-cloud i { display: none; }
.company-stack { position: absolute; z-index: 1; top: 82px; right: 0; bottom: -6%; left: 37%; pointer-events: none; }
.company-stack i { position: absolute; inset: 0; display: block; border: 1px solid #e8e8e5; border-radius: 15px 15px 0 0; background: linear-gradient(145deg, #fff 0%, #fbfbfa 100%); box-shadow: 0 8px 18px rgba(26,32,29,.045); }
.company-stack i:nth-child(1) { transform: translate(-33px,-39px) skewY(-4.5deg); }
.company-stack i:nth-child(2) { transform: translate(-22px,-27px) skewY(-3deg); box-shadow: 0 9px 20px rgba(26,32,29,.055); }
.company-stack i:nth-child(3) { transform: translate(-11px,-14px) skewY(-1.6deg); box-shadow: 0 11px 24px rgba(26,32,29,.065); }
.company-ui { z-index: 2; isolation: isolate; box-shadow: 0 17px 34px rgba(25,30,28,.115); }
.company-ui::before, .company-ui::after { content: none; }
.neutral::before { width: 7px; height: 1.5px; border-radius: 2px; background: currentColor; content: ""; }
.trend.neutral .cap-icon { width: 9px; height: 9px; }
.company-ui > * { position: relative; z-index: 1; }
.company-ui .company-identity { position: absolute; z-index: 2; }
.brief-row { display: grid; grid-template-columns: minmax(74px, 40%) minmax(0, 1fr); align-items: start; justify-content: initial; }
.brief-row b { text-align: left; }
.brief-row.brief-contact { grid-template-columns: minmax(74px, 40%) minmax(0, 1fr) auto; align-items: center; }
.brief-row.brief-contact b { white-space: nowrap; }
.brief-angle { margin-top: 8px; }
.brief-angle > span { padding-top: 7px; }
.brief-quote { min-width: 0; margin: 0; padding: 7px 8px; }
.brief-evidence { align-items: center; }
.brief-evidence b { display: flex; align-items: center; white-space: nowrap; }
.brief-evidence b i,
.brief-buttons span i { font-style: normal; }
.brief-buttons span:first-child { justify-content: space-between; }

@media (min-width: 1121px) {
  .signal-cloud { top: 54px; right: -3px; width: 68%; height: 155px; }
  .company-stack { top: 7.3vw; left: 37%; }
  .mini-header { margin-bottom: 40px; }
  .search-visual { top: 91px; right: 27px; }
  .query-chip { width: calc(100% + 4px); }
  .source-stack { top: 54px; left: -42.4%; }
  .signal-list > span { font-size: 9px; }
  .brief-detail { padding-top: 17px; }
  .brief-row { grid-template-columns: 95px minmax(0, 1fr); margin-top: 8px; }
  .brief-row.brief-contact { grid-template-columns: 95px minmax(0, 1fr) auto; margin-top: 5px; }
  .brief-row.brief-angle { grid-template-columns: 70px minmax(0, 1fr); margin-top: 6px; }
  .brief-row.brief-angle .brief-quote { margin: 0; padding: 6px 7px; font-size: 8px; line-height: 1.28; }
  .brief-evidence { margin-top: 7px; }
  .brief-buttons { gap: 6px; margin-top: 20px; }
  .brief-buttons span { height: 36px; box-sizing: border-box; justify-content: center; padding: 8px 7px; font-size: 8px; }
  .brief-buttons span:first-child { width: 96px; justify-content: space-between; }
  .brief-buttons span:nth-child(2) { width: 101px; }
  .brief-buttons span:last-child { width: 30px; padding-inline: 0; }
  .brief-list { padding-top: 25px; }
  .mark-dot { position: relative; width: 15px; height: 15px; flex-basis: 15px; margin: 0; border-radius: 50%; background: #f0f1ef; }
  .mark-dot::after { position: absolute; top: 5px; left: 5px; width: 5px; height: 5px; background: #141918; content: ""; transform: rotate(45deg); }
  .company-sidebar nav .cap-icon { width: 14px; height: 14px; stroke-width: 2.1; }
}

@media (max-width: 760px) {
  .company-stack { top: auto; right: 12px; bottom: 12px; left: 9%; height: 300px; }
}

@media (max-width: 760px) {
  .outcome-search .search-visual { top: 278px; }
}

/* The evidence scenes have irregular, real-world distributions. */
.pegboard { grid-template-columns: repeat(16,1fr); grid-template-rows: repeat(10,1fr); }
.pegboard span { transform: translate(var(--peg-x,0),var(--peg-y,0)); }
.market-cubes { display: block; }
.market-cubes i { position: absolute; top: var(--cube-y,0); left: var(--cube-x,0); border-color: #d9dcd5; box-shadow: 5px 7px 13px rgba(35,40,36,.14); }
@media (min-width: 1121px) {
  .hero-copy { transform: translateY(-14px); }
  .hero h1 { font-size: clamp(52px, 4.3vw, 72px); }
  .hero-intro { margin-top: 34px; margin-bottom: 29px; }
  .hero-radar { top: 52.5%; right: -203px; width: min(23.8vw, 400px); }
  .radar-cross-y { top: -22%; height: 139%; }
  .opportunity-section { padding-top: 45px; }
  .fit-unknown { right: -4%; }
  .paid-frame .source-note { bottom: -62px; }
  .outbound-frame .problem-copy { max-width: 715px; width: 715px; }
  .outbound-frame .problem-copy h2 { font-size: clamp(54px,3.4vw,68px); }
  .blindspot-copy { max-width: 760px; width: 760px; }
  .blindspot-copy h2 { font-size: clamp(55px,3.6vw,66px); }
  .blindspot-diagram { row-gap: 90px; transform: translateY(-55px); }
  .definition-section { min-height: max(941px,100svh); }
  .definition-left { padding-left: 45px; }
  .brand-mini { transform: translateX(75px); }
  .principle-section { min-height: max(941px,100svh); }
}

/* Product mockups use the same readable density as the reference boards. */
@media (min-width: 1121px) {
  .capabilities-section { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 23px; padding-right: 16px; padding-left: 28px; }
  .card-arrow { top: 24px; right: 24px; }
  .company-ui { top: 111px; right: 0; left: 40.7%; grid-template-columns: 29.5% 70.5%; }
  .outcome-company .outcome-copy { margin-top: 27px; }
  .outcome-qualify .outcome-copy { margin-top: 64px; }
  .search-visual { right: 25px; }
  .query-chip { right: 0; }
  .signal-cloud { right: 0; }
  .signal-cloud > span { padding: 10px 14px; font-size: 12px; }
  .interpretation-ui { left: 36.25%; }
  .outcome-metrics strong { font-size: 21px; }
  .outcome-metrics span { font-size: 11px; }
  .coverage-meter i { width: 52px; font-size: 13px; }
  .query-chip { font-size: 10px; }
  .source-stack span { font-size: 11px; }
  .source-stack span { display: flex; align-items: center; gap: 8px; }
  .source-stack span i { display: grid; width: 14px; height: 14px; flex: 0 0 14px; place-items: center; color: #52635a; font-size: 12px; font-style: normal; font-weight: 650; }
  .source-stack span:first-child i { color: #4285f4; font-size: 13px; }
  .source-stack span:nth-child(2) i { color: #d29c39; }
  .source-stack span:nth-child(3) i { color: #344741; }
  .source-stack { top: 55px; left: -41%; width: auto; align-items: flex-start; gap: 5px; }
  .source-stack span { justify-content: flex-start; height: 30px; padding: 6px 9px; }
  .source-stack span:nth-child(1) { width: 97px; }
  .source-stack span:nth-child(2) { width: 97px; }
  .source-stack span:nth-child(3) { width: 102px; }
  .source-stack span:nth-child(4) { width: 110px; }
  .source-stack span:nth-child(5) { width: 137px; }
  .source-stack span:nth-child(6) { width: 166px; }
  .search-paths { top: 55px; max-width: none; }

  .company-sidebar { padding: 8px 12px; }
  .company-identity { position: absolute; z-index: 2; top: 24px; left: 27px; display: flex; align-items: flex-start; gap: 20px; }
  .company-identity > div:last-child { display: flex; flex-direction: column; padding-top: 9px; white-space: nowrap; }
  .company-identity strong { font-size: 13px; }
  .company-identity small { color: #81888a; font-size: 9px; }
  .company-logo { width: 46px; height: 46px; flex: 0 0 46px; font-size: 19px; }
  .company-meta { font-size: 10px; }
  .company-sidebar nav { position: relative; left: -16px; width: calc(100% + 19px); gap: 5px; margin-top: 69px; }
  .company-sidebar nav span, .company-sidebar nav b { padding: 6px 5px 6px 16px; font-size: 11px; }
  .company-signals { padding-right: 10px; padding-left: 24px; }
  .mini-header { justify-content: flex-end; margin-right: 35px; margin-bottom: 48px; font-size: 10px; }
  .mini-header a { padding: 5px 8px; transform: translateY(16px); }
  .signal-row { height: 39px; grid-template-columns: 21px 1fr 53px; gap: 7px; font-size: 11px; }
  .signal-row > b { width: 18px; height: 18px; font-size: 11px; }
  .spark { width: 50px; }
  .company-meta { gap: 6px; margin-top: 10px; }

  .interpretation-ui { top: 127px; right: -1%; bottom: auto; left: 36.25%; padding: 20px 24px 20px 22px; transform: translateY(12px); }
  .interpretation-title { font-size: 15px; }
  .score-chip { grid-template-columns: 8px 20px auto; column-gap: 4px; padding: 5px 7px; transform: translateY(-10px); }
  .score-chip b { font-size: 15px; }
  .score-chip small { font-size: 8px; }
  .interpretation-grid { grid-template-columns: 35% 30.5% minmax(0,1fr); gap: 10px 20px; margin-top: 2px; font-size: 11px; }
  .signal-list, .interpretation-flow, .opportunity-result { gap: 6px; }
  .signal-list > span, .interpretation-flow > span, .interpretation-flow blockquote, .opportunity-result > strong { padding: 6px 7px; font-size: 9px; }
  .signal-list > span { width: 84%; font-size: 8px; line-height: 1.2; white-space: nowrap; }
  .interpretation-flow > b, .signal-list > b, .opportunity-result > b { font-size: 10px; }

  .brief-ui { left: 46.8%; grid-template-columns: 32% 68%; }
  .brief-list { gap: 8px; padding: 18px 10px; font-size: 10px; }
  .brief-list strong { font-size: 12px; }
  .brief-list span { padding: 7px 6px; font-size: 9px; }
  .brief-detail { padding: 19px 20px; font-size: 11px; }
  .brief-detail > strong { font-size: 18px; }
  .brief-detail > small { font-size: 9px; }
  .brief-row { gap: 9px; margin-top: 12px; font-size: 9px; }
  .brief-row b small { font-size: 8px; }
  .brief-quote { margin-top: 9px; padding: 9px; font-size: 9px; }
  .brief-buttons { gap: 7px; margin-top: 13px; }
  .brief-buttons span { padding: 8px 9px; font-size: 8px; }
}

/* Four-card capability board: keep the reference's fixed editorial canvas on wide screens. */
@media (min-width: 1440px) {
  .capabilities-section {
    box-sizing: border-box;
    width: 100%;
    max-width: 1672px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 448px 413px;
    gap: 22px 20px;
    margin-inline: auto;
    padding: 17px 20px 41px 32px;
  }

  .outcome-card {
    min-height: 0;
    padding: 27px 28px;
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(255,255,255,.74), rgba(246,245,241,.76));
  }

  .outcome-card h2 {
    margin-top: 3px;
    font-size: clamp(34px, 2.25vw, 38px);
    letter-spacing: -.065em;
    line-height: 1.05;
  }

  .outcome-subtitle {
    margin-top: 2px;
    font-size: clamp(25px, 1.8vw, 31px);
    letter-spacing: -.05em;
    line-height: 1.16;
  }

  .outcome-copy {
    max-width: 265px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.45;
  }

  .outcome-company .outcome-copy { max-width: 245px; margin-top: 27px; }
  .outcome-qualify .outcome-copy { max-width: 230px; margin-top: 64px; }
  .outcome-action .outcome-copy { max-width: 265px; margin-top: 30px; }
  .outcome-number { font-size: 16px; }
  .card-arrow { top: 23px; right: 25px; width: 40px; height: 40px; }

  .search-visual { top: 87px; right: 24px; width: 37%; height: 250px; }
  .query-chip { top: 0; right: -4px; width: 100%; height: 39px; padding-inline: 12px; font-size: 9px; }
  .source-stack { top: 58px; left: -41%; width: 57%; gap: 5px; }
  .source-stack span { height: 30px; padding: 6px 9px; font-size: 10px; white-space: nowrap; }
  .search-paths { top: 55px; max-width: none; }
  .signal-cloud { top: 45px; right: -4px; width: 70%; height: 155px; }
  .signal-cloud > span { padding: 10px 14px; font-size: 12px; }
  .outcome-metrics { right: 28px; bottom: 19px; left: 30px; }

  .company-ui { top: 126px; right: 0; bottom: -6%; left: 41%; grid-template-columns: 32% 68%; border-radius: 15px 15px 0 0; }
  .company-sidebar nav { gap: 5px; margin-top: 69px; }
  .company-sidebar nav span, .company-sidebar nav b { font-size: 10px; }
  .company-signals { padding-right: 10px; padding-left: 24px; }
  .mini-header { margin-bottom: 40px; }
  .signal-row { height: 37px; font-size: 10px; }

  .interpretation-ui {
    top: 127px;
    right: -1%;
    bottom: auto;
    left: 36.25%;
    min-height: 0;
    padding: 20px 24px 20px 22px;
    transform: translateY(12px);
  }
  .interpretation-title { font-size: 15px; }
  .score-chip { transform: translateY(-10px); }
  .interpretation-grid { grid-template-columns: 35% 30.5% minmax(0, 1fr); gap: 10px 20px; margin-top: 2px; }
  .signal-list, .interpretation-flow, .opportunity-result { gap: 6px; }
  .signal-list > span { width: 84%; font-size: 8px; line-height: 1.2; white-space: nowrap; }
  .interpretation-flow > b, .signal-list > b, .opportunity-result > b { font-size: 10px; }

  .brief-ui { top: 54px; right: 0; bottom: -1px; left: 46.8%; grid-template-columns: 32% 68%; }
  .brief-list { gap: 8px; padding: 18px 10px; }
  .brief-list strong { font-size: 12px; }
  .brief-list span, .brief-row { font-size: 9px; }
  .brief-detail { padding: 19px 20px; font-size: 11px; }
  .brief-detail > strong { font-size: 18px; }
  .brief-detail > small { font-size: 9px; }
  .brief-row { gap: 9px; margin-top: 12px; }
  .brief-quote { margin-top: 9px; padding: 9px; font-size: 9px; }
  .brief-buttons { gap: 7px; margin-top: 13px; }
  .brief-buttons span { padding: 8px 9px; font-size: 8px; }
}

/* The supplied reference board is composed at 1207 × 662. */
@media (min-width: 1121px) and (max-width: 1439px) {
  .capabilities-section {
    box-sizing: border-box;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 26.9vw 24.8vw;
    gap: 1.24vw 1.16vw;
    padding: .33vw 1.33vw 1.49vw;
  }

  .outcome-card {
    min-height: 0;
    padding: 1.75vw;
    border-radius: 1.08vw;
  }

  .outcome-number { font-size: 1vw; }
  .card-arrow { top: 1.4vw; right: 1.4vw; width: 2.4vw; height: 2.4vw; border-radius: .55vw; }
  .card-arrow .cap-icon { width: 1.05vw; height: 1.05vw; }
  .outcome-card h2 { font-size: clamp(27px, 2.43vw, 35px); }
  .outcome-subtitle { font-size: clamp(22px, 2.02vw, 29px); }
  .outcome-copy { max-width: 18vw; margin-top: 2.8vw; font-size: 1.16vw; line-height: 1.45; }
  .outcome-company .outcome-copy { max-width: 17vw; margin-top: 2.2vw; }
  .outcome-qualify .outcome-copy { max-width: 16vw; margin-top: 3.9vw; }
  .outcome-action .outcome-copy { max-width: 18vw; margin-top: 2.45vw; }

  .search-visual { top: 5.7vw; right: 2vw; width: 37%; height: 16vw; }
  .query-chip { height: 2.25vw; padding-inline: .8vw; font-size: clamp(8px, .72vw, 10px); }
  .query-chip > .cap-icon { width: .9vw; height: .9vw; flex-basis: .9vw; }
  .source-stack { top: 3.65vw; gap: .38vw; }
  .source-stack span { height: 2vw; padding: .35vw .62vw; font-size: clamp(8px, .78vw, 11px); }
  .source-stack span i { width: 1vw; height: 1vw; flex-basis: 1vw; }
  .source-stack span i .cap-icon { width: .9vw; height: .9vw; }
  .search-paths { top: 3.65vw; height: 12.4vw; }
  .signal-cloud { top: 3vw; height: 9.6vw; }
  .signal-cloud > span { padding: .7vw .95vw; font-size: clamp(8px, .78vw, 11px); }
  .outcome-metrics { right: 2vw; bottom: 1.5vw; left: 1.75vw; }
  .outcome-metrics > div:not(.coverage-meter) { min-width: 6.4vw; margin-right: .8vw; padding-right: .8vw; }
  .outcome-metrics strong { font-size: 1.42vw; }
  .outcome-metrics span { font-size: .78vw; }
  .coverage-meter { gap: .65vw; }
  .coverage-meter i { width: 3.6vw; border-width: .3vw; font-size: .92vw; }

  .company-ui { top: 7.3vw; right: 0; bottom: -6%; left: 41%; grid-template-columns: 32% 68%; padding: 1vw; }
  .company-identity { top: 1.55vw; left: 1.75vw; gap: 1.7vw; }
  .company-logo { width: 2.65vw; height: 2.65vw; flex-basis: 2.65vw; }
  .company-logo .cap-icon { width: 1.9vw; height: 1.9vw; }
  .company-identity > div:last-child { padding-top: .55vw; }
  .company-identity strong { font-size: clamp(9px, .9vw, 13px); }
  .company-identity small { font-size: clamp(7px, .66vw, 9px); }
  .company-sidebar nav { gap: .3vw; margin-top: 4.8vw; }
  .company-sidebar nav span, .company-sidebar nav b { padding: .42vw .34vw .42vw 1.1vw; font-size: clamp(7px, .72vw, 10px); }
  .company-sidebar nav .cap-icon { width: .9vw; height: .9vw; }
  .company-signals { padding-right: .65vw; padding-left: 1.45vw; }
  .mini-header { margin-right: 2.1vw; margin-bottom: 2.8vw; font-size: clamp(7px, .67vw, 9px); }
  .mini-header a { padding: .35vw .55vw; }
  .signal-row { height: 2.4vw; grid-template-columns: 1.3vw 1fr 3.25vw; gap: .4vw; font-size: clamp(7px, .68vw, 10px); }
  .signal-row > b { width: 1.15vw; height: 1.15vw; font-size: .72vw; }
  .spark { width: 3.1vw; height: .9vw; }
  .company-meta { gap: .4vw; margin-top: .65vw; font-size: clamp(7px, .58vw, 9px); }

  .interpretation-ui { top: 7.3vw; right: -1%; bottom: auto; left: 36.25%; min-height: 0; padding: 1.35vw 1.5vw 1.3vw; transform: translateY(.7vw); }
  .interpretation-title { font-size: .95vw; }
  .score-chip { grid-template-columns: .5vw 1.2vw auto; gap: .25vw; padding: .35vw .45vw; }
  .score-chip i { width: .45vw; height: .45vw; }
  .score-chip b { font-size: .95vw; }
  .score-chip small { font-size: clamp(7px, .52vw, 8px); }
  .interpretation-grid { grid-template-columns: 35% 30.5% minmax(0,1fr); gap: .55vw 1.05vw; margin-top: .12vw; font-size: clamp(7px, .7vw, 9px); }
  .signal-list, .interpretation-flow, .opportunity-result { gap: .4vw; }
  .signal-list > span, .interpretation-flow > span, .interpretation-flow blockquote, .opportunity-result > strong { padding: .42vw; font-size: clamp(7px, .58vw, 8px); }
  .signal-list > span { width: 84%; font-size: clamp(7px, .53vw, 8px); }
  .interpretation-flow > b, .signal-list > b, .opportunity-result > b { font-size: .64vw; }
  .trend { width: 1.05vw; height: 1.05vw; flex-basis: 1.05vw; font-size: .6vw; }
  .trend .cap-icon { width: .65vw; height: .65vw; }
  .insight-icon { width: 1.35vw; height: 1.35vw; flex-basis: 1.35vw; }
  .insight-icon .cap-icon { width: .9vw; height: .9vw; }
  .opportunity-result > span { width: 2.2vw; height: 2.2vw; }
  .opportunity-result > span .cap-icon { width: 1.15vw; height: 1.15vw; }
  .interpretation-connectors { top: 4.3vw; height: 14.5vw; }

  .brief-ui { top: 3.5vw; right: 0; bottom: -.2vw; left: 46.8%; grid-template-columns: 32% 68%; }
  .brief-list { gap: .55vw; padding: 1.2vw .68vw; font-size: clamp(7px, .68vw, 9px); }
  .brief-list strong { margin-bottom: .45vw; font-size: clamp(8px, .8vw, 11px); }
  .brief-list span { gap: .4vw; padding: .48vw .38vw; font-size: clamp(7px, .58vw, 8px); }
  .list-mark { width: 1vw; height: 1vw; flex-basis: 1vw; }
  .list-mark .cap-icon { width: .75vw; height: .75vw; }
  .brief-detail { padding: 1.25vw 1.3vw; font-size: clamp(7px, .68vw, 9px); }
  .brief-detail > strong { font-size: 1.2vw; }
  .brief-detail > small { font-size: clamp(7px, .62vw, 9px); }
  .brief-row { gap: .55vw; margin-top: .75vw; font-size: clamp(7px, .58vw, 8px); }
  .brief-row b small { font-size: clamp(7px, .5vw, 8px); }
  .brief-quote { margin-top: .55vw; padding: .58vw; font-size: clamp(7px, .54vw, 8px); }
  .brief-buttons { gap: .42vw; margin-top: .8vw; }
  .brief-buttons span { padding: .55vw .6vw; font-size: clamp(7px, .5vw, 8px); }
}

/* Keep the calibrated funnel geometry last in the cascade. */
@media (min-width: 1440px) {
  #paid-acquisition .paid-flow { width: 100%; height: 500px; margin: 0; overflow: visible; transform: none; }
  #paid-acquisition .paid-frame .source-note { right: 0; bottom: -54px; }
}
@media (min-width: 761px) and (max-width: 1439px) {
  #paid-acquisition .paid-flow { height: clamp(390px,34vw,500px); margin: 0; overflow: visible; transform: none; }
  #paid-acquisition .paid-funnel-svg { min-width: 720px; transform: translateX(-3%); }
}
@media (max-width: 760px) {
  #paid-acquisition .paid-flow { height: 330px; margin: 0 -26px 24px; overflow: hidden; transform: none; }
  #paid-acquisition .paid-funnel-svg { width: 690px; max-width: none; transform: translateX(-40px); }
}

/* Final measured reconstruction of the paid-acquisition reference scene. */
#paid-acquisition .paid-funnel-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  font-family: var(--sans);
}
#paid-acquisition .paid-plane-face { fill: url(#paid-card-face); stroke: rgba(255,255,255,.98); stroke-width: 1.2; }
#paid-acquisition .paid-plane-edge { fill: url(#paid-card-edge); stroke: rgba(218,221,217,.78); stroke-width: .8; }
#paid-acquisition .paid-plane-bottom { fill: url(#paid-card-bottom); stroke: rgba(215,218,214,.72); stroke-width: .7; }
#paid-acquisition .paid-plane text { fill: #111817; font-size: 18px; font-weight: 540; letter-spacing: -.04em; }
#paid-acquisition .paid-glyph { fill: rgba(107,114,110,.18); stroke: rgba(255,255,255,.5); stroke-width: .7; }
#paid-acquisition .paid-bar { fill: rgba(99,107,102,.15); }
#paid-acquisition .paid-stage-labels path { fill: none; stroke: #a7b0b2; stroke-width: 1; }
#paid-acquisition .paid-stage-labels text { fill: #11191a; font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
#paid-acquisition .paid-stage-labels .paid-stage-note { fill: #747d82; font-size: 14px; font-weight: 400; letter-spacing: 0; }
#paid-acquisition .paid-goal-mark text { fill: #111918; font-size: 15px; font-weight: 600; letter-spacing: -.015em; }

@media (min-width: 1440px) {
  #paid-acquisition {
    min-height: max(809px, 100svh);
    padding: 0 max(2.5vw,22px);
  }

  #paid-acquisition .paid-frame {
    width: min(1840px,100%);
    height: 718px;
    min-height: 0;
    grid-template-columns: 43% 57%;
    padding: 54px;
    overflow: hidden;
    border: 1px solid #d9dad7;
    border-radius: 25px;
    background: linear-gradient(112deg,#fdfcf9 0%,#fbfaf7 54%,#fbfaf7 100%);
  }

  #paid-acquisition .problem-copy {
    width: 100%;
    max-width: 700px;
  }

  #paid-acquisition .problem-copy .eyebrow {
    gap: 18px;
    color: #46545c;
    font-size: 14px;
    letter-spacing: .25em;
  }

  #paid-acquisition .problem-copy .eyebrow i {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: #174d39;
  }

  #paid-acquisition .problem-copy h2 {
    margin: 32px 0 25px;
    font-size: clamp(62px,3.62vw,72px);
    font-weight: 500;
    letter-spacing: -.067em;
    line-height: 1.045;
  }

  #paid-acquisition .big-stat {
    margin: 22px 0 -3px;
    color: #124b36;
    font-size: 76px;
    font-weight: 450;
    letter-spacing: -.065em;
    line-height: 1;
  }

  #paid-acquisition .stat-label {
    max-width: 620px;
    color: #34424a;
    font-size: 23px;
    letter-spacing: -.025em;
    line-height: 1.3;
  }

  #paid-acquisition .stat-context {
    margin-top: 7px;
    color: #7c8589;
    font-size: 18px;
  }

  #paid-acquisition .copy-rule {
    width: 56px;
    margin: 29px 0 23px;
    background: #799185;
  }

  #paid-acquisition .problem-body {
    max-width: 650px;
    color: #31404a;
    font-size: 23px;
    letter-spacing: -.022em;
    line-height: 1.37;
  }

  #paid-acquisition .takeaway {
    width: min(670px,100%);
    min-height: 67px;
    gap: 30px;
    margin-top: 37px;
    padding: 9px 30px;
    border-radius: 20px;
    background: linear-gradient(100deg,rgba(232,237,231,.83),rgba(230,233,227,.73));
    color: #173b2e;
    font-size: 21px;
    letter-spacing: -.025em;
  }

  #paid-acquisition .database-icon {
    width: 64px;
    height: 34px;
    flex: 0 0 64px;
    justify-items: start;
    padding-right: 19px;
    color: #19583f;
  }

  #paid-acquisition .database-icon .cap-icon {
    width: 30px;
    height: 30px;
    stroke-width: 1.9;
  }

  #paid-acquisition .paid-brand {
    top: 37px;
    right: 50px;
    gap: 8px;
  }

  #paid-acquisition .paid-brand strong {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .28em;
  }

  #paid-acquisition .paid-brand span {
    color: #737d83;
    font-size: 12px;
    font-weight: 550;
    letter-spacing: .18em;
    line-height: 1.65;
  }

  #paid-acquisition .paid-flow {
    width: 100%;
    height: 500px;
    align-self: center;
    margin: 0;
    overflow: visible;
    transform: none;
  }

  #paid-acquisition .paid-frame .source-note {
    right: 0;
    bottom: -54px;
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0;
    color: #788186;
    font-size: 13px;
    white-space: nowrap;
  }

  #paid-acquisition .paid-frame .source-note i {
    display: inline-block;
    width: 31px;
    height: 1px;
    background: #aab2b1;
  }
}

@media (min-width: 761px) and (max-width: 1439px) {
  #paid-acquisition .paid-flow { height: clamp(390px,34vw,500px); margin: 0; transform: none; }
  #paid-acquisition .paid-funnel-svg { min-width: 720px; transform: translateX(-3%); }
}

@media (max-width: 760px) {
  #paid-acquisition .paid-flow { height: 330px; margin: 0 -26px 24px; overflow: hidden; transform: none; }
  #paid-acquisition .paid-funnel-svg { width: 690px; max-width: none; transform: translateX(-40px); }
}
/* Coded illustration: preserve measured 3D geometry and occlusion.
   1944 × 809 source; illustration window is [830,175,1050,510]. */
#paid-acquisition .paid-coded-scene {
  position: relative;
  width: 100%;
  aspect-ratio: 1050 / 510;
  overflow: hidden;
  isolation: isolate;
}
@media (min-width: 1440px) {
  #paid-acquisition .paid-flow {
    position: absolute;
    top: 18.10585%;
    left: 42.28261%;
    right: auto;
    bottom: auto;
    width: 57.06522%;
    height: auto;
    margin: 0;
    transform: none;
    overflow: visible;
  }
  #paid-acquisition .paid-frame .source-note {
    right: 4%;
    bottom: -31px;
  }
}
@media (max-width: 1439px) {
  #paid-acquisition .paid-frame { grid-template-columns: 1fr; }
  #paid-acquisition .paid-flow {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin: 28px 0 35px;
    transform: none;
    overflow: visible;
  }
  #paid-acquisition .paid-frame .source-note {
    position: absolute;
    right: 0;
    bottom: -25px;
    margin: 0;
    font-size: 10px;
  }
}

/* The capability composition is measured against the supplied 1207 × 662 board. */
.query-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: inherit !important; }
.query-chip .query-arrow { width: 13px; height: 13px; flex: 0 0 13px; stroke-width: 1.7; }
.mini-header a { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
.mini-header a .cap-icon { width: 10px; height: 10px; }
.company-menu { display: inline-grid; place-items: center; border: 1px solid #e7e8e5; border-radius: 5px; background: #fff; }
.company-menu .cap-icon { width: 13px; height: 13px; }
.brief-contact b { display: flex; align-items: center; min-width: 0; }
.brief-contact b > span { display: flex; flex-direction: column; min-width: 0; }
.brief-contact b > span small { display: block; color: #838991; font-size: inherit; font-weight: 400; }
.brief-evidence .evidence-arrow { margin-left: auto !important; }
.signal-points g { transform: none; }

@media (min-width: 1121px) and (max-width: 1439px) {
  .capabilities-section { grid-template-rows: 325px 300px; gap: 15px 14px; padding: 4px 16px 18px; }
  .outcome-card { padding: 20px 21px; border-color: #e2e3df; border-radius: 13px; background: radial-gradient(ellipse at 44% 37%, #fdfcf9 0%, #faf9f6 64%, #f7f7f3 100%); box-shadow: 0 9px 25px rgba(48,51,44,.025); }
  .outcome-number { font-size: 13px; line-height: 17px; }
  .card-arrow { top: 16px; right: 17px; width: 30px; height: 30px; border-radius: 6px; background: rgba(255,255,255,.9); }
  .card-arrow .cap-icon { width: 14px; height: 14px; }
  .outcome-card h2 { margin-top: 1px; font-size: 29px; line-height: 1.06; letter-spacing: -.062em; }
  .outcome-subtitle { margin-top: 2px; font-size: 24px; line-height: 1.11; letter-spacing: -.052em; }
  .outcome-copy { font-size: 12.2px; line-height: 1.43; letter-spacing: -.018em; }
  .outcome-search .outcome-copy { max-width: 218px; margin-top: 25px; }
  .outcome-company .outcome-copy { max-width: 230px; margin-top: 23px; }
  .outcome-qualify .outcome-copy { max-width: 206px; margin-top: 40px; }
  .outcome-action .outcome-copy { max-width: 224px; margin-top: 27px; }

  .outcome-search .search-visual { top: 63px; right: 14px; width: 215px; height: 206px; }
  .query-chip { right: 0; width: 215px; height: 27px; gap: 5px; padding: 0 8px; border-color: #eaebe8; border-radius: 16px; box-shadow: 0 5px 16px rgba(34,38,33,.07); font-size: 7.3px; }
  .query-chip > .cap-icon:first-child { width: 12px; height: 12px; flex-basis: 12px; }
  .query-chip .query-arrow { width: 11px; height: 11px; flex-basis: 11px; }
  .source-stack { top: 47px; left: -95px; gap: 3px; }
  .source-stack span { height: 27px; padding: 4px 9px; border-color: #eff0ed; border-radius: 16px; background: #fff; box-shadow: 0 2px 8px rgba(38,42,37,.025); font-size: 9px; }
  .source-stack span:nth-child(1), .source-stack span:nth-child(2) { width: 81px; }
  .source-stack span:nth-child(3) { width: 85px; }
  .source-stack span:nth-child(4) { width: 91px; }
  .source-stack span:nth-child(5) { width: 112px; }
  .source-stack span:nth-child(6) { width: 132px; }
  .source-stack span i { width: 13px; height: 13px; flex-basis: 13px; }
  .source-stack span i .cap-icon { width: 12px; height: 12px; }
  .search-paths { top: 45px; left: -95px; width: 310px; height: 150px; }
  .search-paths path { stroke: rgba(109,128,117,.29); stroke-width: .75; }
  .search-paths circle { fill: #164d39; }
  .signal-cloud { top: 45px; right: 0; width: 140px; height: 155px; }
  .signal-cloud > span { right: 0; bottom: 60px; padding: 8px 10px; border: 1px solid #f3f3f0; border-radius: 7px; box-shadow: 0 5px 16px rgba(30,37,32,.07); font-size: 9px; line-height: 1.25; }
  .outcome-metrics { right: 15px; bottom: 9px; left: 21px; align-items: flex-end; }
  .outcome-metrics > div:not(.coverage-meter) { min-width: 77px; margin-right: 0; padding-right: 11px; }
  .outcome-metrics > div:nth-child(2) { padding-left: 10px; }
  .outcome-metrics > div:nth-child(3) { padding-left: 11px; border-right: 0; }
  .outcome-metrics strong { font-size: 18px; line-height: 1.14; }
  .outcome-metrics span { font-size: 9.5px; line-height: 1.22; }
  .coverage-meter { gap: 8px; margin-left: 8px; }
  .coverage-meter i { width: 45px; border-width: 3px; font-size: 12px; }

  .company-stack { top: 101px; right: 0; bottom: -18px; left: 41%; }
  .company-stack i { border-color: #ededeb; border-radius: 13px 13px 0 0; background: linear-gradient(155deg,#fff 8%,#fafaf8 100%); box-shadow: 0 7px 19px rgba(25,31,26,.07); }
  .company-stack i:nth-child(1) { transform: translate(-30px,12px) skewY(-5deg); }
  .company-stack i:nth-child(2) { transform: translate(-20px,2px) skewY(-3.2deg); }
  .company-stack i:nth-child(3) { transform: translate(-9px,-5px) skewY(-1.6deg); }
  .company-ui { top: 92px; right: -1px; bottom: -1px; left: 41%; grid-template-columns: 31% 69%; padding: 10px 11px; border-color: #e9eae6; border-radius: 12px 12px 0 0; box-shadow: 0 14px 30px rgba(33,39,34,.105); }
  .company-identity { top: 9px; left: 18px; gap: 11px; }
  .company-identity > div:last-child { padding-top: 3px; }
  .company-identity strong { font-size: 11px; line-height: 1.2; }
  .company-identity small { margin-top: 3px; font-size: 7.5px; }
  .company-logo { width: 36px; height: 36px; flex-basis: 36px; border-radius: 8px; }
  .company-logo .cap-icon { width: 24px; height: 24px; }
  .company-sidebar { padding: 0 5px 0 0; }
  .company-sidebar nav { left: -7px; width: calc(100% + 10px); gap: 1px; margin-top: 47px; }
  .company-sidebar nav span, .company-sidebar nav b { height: 25px; gap: 8px; padding: 4px 5px 4px 12px; font-size: 8.7px; }
  .company-sidebar nav .cap-icon { width: 12px; height: 12px; }
  .company-signals { position: relative; padding: 47px 6px 0 16px; }
  .mini-header { position: absolute; top: 4px; right: 0; display: flex; gap: 6px; margin: 0; }
  .mini-header a { height: 24px; padding: 0 7px; border-radius: 5px; font-size: 8px; transform: none; }
  .company-menu { width: 24px; height: 24px; }
  .signal-row { height: 27px; grid-template-columns: 18px minmax(0,1fr) 41px; gap: 5px; border-bottom-color: #eee; font-size: 8px; white-space: nowrap; }
  .signal-row > b { width: 15px; height: 15px; }
  .signal-row > b .cap-icon { width: 10px; height: 10px; }
  .spark { width: 40px; height: 13px; }
  .company-meta { gap: 5px; margin-top: 9px; font-size: 8px; }

  .interpretation-ui { top: 100px; right: -1px; bottom: -1px; left: 36.25%; min-height: 0; padding: 14px 13px; border-radius: 12px 12px 0 0; transform: none; box-shadow: 0 13px 32px rgba(30,37,31,.09); }
  .interpretation-title { font-size: 11px; }
  .score-chip { grid-template-columns: 6px 16px auto; gap: 3px; padding: 4px 6px; transform: translateY(-7px); }
  .score-chip i { width: 5px; height: 5px; }
  .score-chip b { font-size: 13px; }
  .score-chip small { font-size: 7px; }
  .interpretation-grid { grid-template-columns: 34% 30% minmax(0,1fr); column-gap: 13px; margin-top: 16px; }
  .signal-list, .interpretation-flow, .opportunity-result { gap: 4px; }
  .signal-list > b, .interpretation-flow > b, .opportunity-result > b { font-size: 8px; }
  .signal-list > span { box-sizing: border-box; width: 100%; height: 21px; padding: 2px 4px; font-size: 7px; }
  .trend { width: 15px; height: 15px; flex-basis: 15px; }
  .trend .cap-icon { width: 10px; height: 10px; }
  .interpretation-flow > span { min-height: 41px; padding: 5px; font-size: 7.5px; }
  .insight-icon { width: 23px; height: 23px; flex-basis: 23px; }
  .insight-icon .cap-icon { width: 15px; height: 15px; }
  .interpretation-flow blockquote { margin-top: 1px; padding: 7px; font-size: 7.5px; }
  .opportunity-result { position: relative; }
  .opportunity-result > span { position: absolute; z-index: 1; top: 21px; left: 5px; display: grid; width: 21px; height: 21px; border-radius: 5px; }
  .opportunity-result > span .cap-icon { width: 15px; height: 15px; }
  .opportunity-result > strong { display: flex; align-items: center; min-height: 41px; padding: 5px 7px 5px 30px; font-size: 7.5px; }
  .interpretation-connectors { top: 61px; height: 150px; opacity: .55; }

  .brief-ui { top: 41px; right: -1px; bottom: -1px; left: 46.8%; grid-template-columns: 31% 69%; border-radius: 12px 12px 0 0; box-shadow: 0 13px 31px rgba(30,37,31,.09); }
  .brief-list { gap: 3px; padding: 14px 6px; }
  .brief-list strong { margin-bottom: 8px; font-size: 9px; }
  .brief-list span { height: 25px; gap: 5px; padding: 4px 3px; font-size: 7px; }
  .list-mark, .list-mark .cap-icon { width: 12px; height: 12px; flex-basis: 12px; }
  .brief-detail { position: relative; min-width: 0; padding: 10px; }
  .brief-detail > strong { font-size: 14px; line-height: 1.15; }
  .brief-detail > small { display: block; margin-top: 3px; font-size: 7.5px; }
  .brief-row { position: absolute; right: 10px; left: 10px; display: grid; grid-template-columns: 59px minmax(0,1fr); gap: 2px; margin: 0; font-size: 7.5px; }
  .brief-row.brief-contact { top: 50px; grid-template-columns: 59px minmax(0,1fr) 28px; }
  .brief-contact b { white-space: nowrap; font-size: 7.3px; }
  .contact-avatar { width: 19px; height: 19px; flex: 0 0 19px; margin-right: 4px; font-size: 7px; }
  .contact-actions { gap: 5px; }
  .contact-actions .cap-icon { width: 10px; height: 10px; }
  .brief-why { top: 78px; }
  .brief-opportunity { top: 109px; }
  .brief-row.brief-angle { top: 138px; grid-template-columns: 59px minmax(0,1fr); }
  .brief-angle > span { padding-top: 4px; }
  .brief-row.brief-angle .brief-quote { padding: 6px; border-radius: 5px; font-size: 7px; line-height: 1.25; }
  .brief-evidence { top: 193px; }
  .brief-evidence b { gap: 3px; font-size: 7px; }
  .brief-evidence b .cap-icon { width: 11px; height: 11px; margin: 0; }
  .brief-buttons { position: absolute; right: 10px; bottom: 17px; left: 10px; gap: 5px; margin: 0; }
  .brief-buttons span { height: 26px; padding: 4px 6px; font-size: 7px; }
  .brief-buttons span:first-child { width: 81px; }
  .brief-buttons span:nth-child(2) { width: 90px; }
  .brief-buttons span:last-child { width: 26px; }
  .brief-buttons .cap-icon { width: 10px; height: 10px; }
}

@media (min-width: 1440px) {
  .company-stack { left: 41%; top: 138px; }
  .company-stack i:nth-child(1) { transform: translate(-43px,17px) skewY(-5deg); }
  .company-stack i:nth-child(2) { transform: translate(-29px,3px) skewY(-3.2deg); }
  .company-stack i:nth-child(3) { transform: translate(-13px,-8px) skewY(-1.6deg); }
  .company-identity { top: 14px; left: 20px; gap: 16px; }
  .company-identity > div:last-child { padding-top: 5px; }
  .company-sidebar nav { margin-top: 54px; }
  .company-signals { position: relative; }
  .mini-header { justify-content: flex-end; gap: 8px; margin-right: 0; margin-bottom: 27px; transform: translateY(11px); }
  .mini-header a { height: 30px; padding: 0 9px; transform: none; }
  .company-menu { width: 30px; height: 30px; }
  .brief-row { grid-template-columns: 82px minmax(0,1fr); }
  .brief-row.brief-contact { grid-template-columns: 82px minmax(0,1fr) auto; }
  .brief-row.brief-angle { grid-template-columns: 82px minmax(0,1fr); }
  .brief-contact b { white-space: nowrap; }
}

/* Manual outbound reference: 1942 × 809, scene window [870,84,1014,662]. */
#outbound .access-board { display: block; height: auto; margin: 0; }
#outbound .outbound-coded-scene { position: relative; width: 100%; aspect-ratio: 1100 / 640; overflow: hidden; isolation: isolate; }
#outbound h2 .outbound-primary { display: block; color: #0a1110; }
#outbound h2 .outbound-secondary { display: block; color: #8c8f90; }
#outbound .rate-pair { align-items: flex-end; }
#outbound .rate-pair > i { flex: 0 0 1px; }
#outbound .plain-takeaway { min-height: 0; background: none; }
@media (min-width: 1440px) {
  #outbound { min-height: max(809px,100svh); padding: 0 max(2.5vw,22px); }
  #outbound .outbound-frame { display: block; width: min(1840px,100%); height: clamp(620px,37.18vw,722px); min-height: 0; padding: clamp(40px,3vw,58px); overflow: hidden; border: 1px solid #d9dad7; border-radius: 25px; background: linear-gradient(112deg,#fdfcfb 0%,#fcfbf9 55%,#faf9f7 100%); }
  #outbound .problem-copy { width: min(770px,47%); max-width: none; }
  #outbound .eyebrow { gap: 18px; color: #46545b; font-size: 13px; letter-spacing: .27em; }
  #outbound .eyebrow i { width: 13px; height: 13px; flex: 0 0 13px; background: #365f4c; }
  #outbound .problem-copy h2 { margin: 35px 0 0; font-size: clamp(54px,3.71vw,72px); font-weight: 500; letter-spacing: -.065em; line-height: 1.03; }
  #outbound .problem-copy h2 .outbound-secondary { margin-top: 3px; font-size: clamp(42px,3.09vw,60px); line-height: 1.07; white-space: nowrap; }
  #outbound .rate-pair { gap: 30px; margin-top: 33px; }
  #outbound .rate-pair > div:first-child { width: clamp(290px,19.825vw,385px); flex: 0 0 auto; }
  #outbound .rate-pair strong { font-size: clamp(62px,4.12vw,80px); font-weight: 450; line-height: 1; letter-spacing: -.065em; color: #0e4935; }
  #outbound .rate-pair > div:last-child strong { font-size: clamp(34px,2.27vw,44px); }
  #outbound .rate-pair span { margin-top: 0; font-size: clamp(17px,1.185vw,23px); line-height: 1.3; letter-spacing: -.025em; white-space: nowrap; color: #5e6870; }
  #outbound .rate-pair > i { height: 68px; margin-bottom: 2px; background: #727a80; }
  #outbound .copy-rule { width: 54px; margin: 28px 0 29px; background: #71848a; }
  #outbound .problem-body { width: min(620px,100%); max-width: none; font-size: clamp(18px,1.236vw,24px); line-height: 1.32; letter-spacing: -.025em; color: #46525b; }
  #outbound .plain-takeaway { gap: 23px; margin: 46px 0 0; padding: 0; border-radius: 0; font-size: clamp(19px,1.287vw,25px); line-height: 32px; letter-spacing: -.03em; color: #152021; }
  #outbound .plain-takeaway i { width: 43px; height: 4px; flex: 0 0 43px; background: #3b6751; }
  #outbound .source-note { margin-top: 31px; color: #92989c; font-size: 15px; line-height: 20px; }
  #outbound .access-board { position: absolute; top: 5.5401662%; left: 44.51086957%; right: auto; bottom: auto; width: 55.10869565%; height: auto; margin: 0; transform: none; }
}
@media (min-width: 761px) and (max-width: 1439px) {
  #outbound .outbound-frame { grid-template-columns: 1fr; min-height: 0; padding: 40px; }
  #outbound .problem-copy { width: 100%; max-width: 780px; }
  #outbound .problem-copy h2 { font-size: clamp(42px,5.5vw,64px); }
  #outbound .problem-copy h2 .outbound-secondary { margin-top: 5px; font-size: clamp(32px,4.4vw,48px); }
  #outbound .rate-pair { gap: 24px; }
  #outbound .rate-pair span { font-size: 18px; }
  #outbound .rate-pair > div:last-child strong { font-size: 38px; }
  #outbound .access-board { position: relative; width: 100%; height: auto; margin: 28px 0 0; }
}
@media (max-width: 760px) {
  #outbound .outbound-frame { grid-template-columns: 1fr; min-height: 0; padding: 26px 22px; }
  #outbound .problem-copy { width: 100%; max-width: none; }
  #outbound .problem-copy h2 { margin: 24px 0 28px; font-size: 42px; }
  #outbound .problem-copy h2 .outbound-secondary { margin-top: 6px; font-size: 31px; line-height: 1.12; }
  #outbound .rate-pair { display: grid; grid-template-columns: minmax(0,1.25fr) 1px minmax(0,.75fr); gap: 14px; }
  #outbound .rate-pair strong { font-size: 48px; }
  #outbound .rate-pair > div:last-child strong { font-size: 34px; }
  #outbound .rate-pair span { font-size: 12px; line-height: 1.35; }
  #outbound .rate-pair > i { height: 56px; }
  #outbound .problem-body { font-size: 16px; line-height: 1.45; }
  #outbound .plain-takeaway { margin-top: 26px; font-size: 18px; }
  #outbound .access-board { position: relative; width: 100%; height: auto; margin: 18px 0 0; }
}
/* Native SVG scene layers; no raster screenshot is rendered in either scene. */
.coded-scene-svg { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--sans); }
#paid-acquisition .paid-coded-scene, #outbound .outbound-coded-scene { overflow: visible; }
.outbound-paper-canvas { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; touch-action: pan-y; }
.outbound-paper-replay { position: absolute; z-index: 3; right: 24px; bottom: 22px; display: inline-flex; align-items: center; gap: 6px; min-height: 0; padding: 8px 10px; border: 1px solid #d9ded5; border-radius: 6px; background: #faf9f6; color: #42594b; font: 450 12px/1 var(--sans); cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.outbound-paper-replay:hover { border-color: #9aafa0; background: #edf1e9; }
.outbound-paper-replay:focus-visible { outline: 2px solid #3a7157; outline-offset: 4px; }
@media (max-width: 760px) { .outbound-paper-replay { right: 0; bottom: 0; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .outbound-paper-replay { display: none; } }
.funnel-scene .diagram-label { font-weight: 500; letter-spacing: -.025em; }
.outbound-scene .outbound-callouts { font-weight: 400; }
/* Referrals and GTM blind spot: native SVG geometry measured from 1942 × 809 references. */
#referrals .referrals-coded-scene { width: 100%; aspect-ratio: 1150 / 600; }
#referrals .network-field { display: block; min-height: 0; overflow: visible; }
#referrals h2 .referrals-primary { display: block; color: #08120f; }
#referrals h2 .referrals-secondary { display: block; color: #8c9193; }
#blind-spot h2 .blindspot-primary { display: block; color: #0c1519; }
#blind-spot h2 .blindspot-secondary { display: block; color: #85909e; }
#blind-spot .blindspot-coded-scene { width: 100%; aspect-ratio: 870 / 560; }
#blind-spot .blindspot-diagram { display: block; min-height: 0; padding: 0; margin: 0; transform: none; }
#blind-spot .blindspot-frame::before, #blind-spot .blindspot-frame::after { content: none; }
#blind-spot .blindspot-orbits { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; fill: none; stroke: #aebcb3; stroke-opacity: .25; stroke-width: .7; stroke-dasharray: 1 2; pointer-events: none; }
#blind-spot .diagram-link { display: inline-flex; align-items: center; gap: 18px; }
#blind-spot .diagram-link .cap-icon { width: 21px; height: 21px; }
.scene-caption-mobile { display: none; }
@media (min-width: 1440px) {
  #referrals { min-height: max(809px,100svh); padding: 0 max(2.5vw,22px); }
  #referrals .referral-frame { display: block; width: min(1840px,100%); height: 722px; min-height: 0; padding: 58px; border-color: #d4d9d5; border-radius: 25px; background: linear-gradient(112deg,#fffefa,#fdfdf9 58%,#fbfbf7); }
  #referrals .problem-copy { width: min(610px,35.5%); max-width: none; }
  #referrals .eyebrow { gap: 18px; font-size: 14px; letter-spacing: .24em; color: #42515c; }
  #referrals .eyebrow i { width: 13px; height: 13px; flex: 0 0 13px; background: #155d43; }
  #referrals .problem-copy h2 { margin: 28px 0 0; font-size: clamp(62px,4.32vw,84px); font-weight: 500; letter-spacing: -.065em; line-height: 1.02; }
  #referrals h2 .referrals-secondary { margin-top: 7px; font-size: clamp(60px,4.22vw,82px); line-height: 1.02; }
  #referrals .big-stat { margin: 15px 0 0; font-size: clamp(62px,4.12vw,80px); font-weight: 450; line-height: 1; letter-spacing: -.06em; color: #064b34; }
  #referrals .stat-label { width: 430px; max-width: 100%; margin: 0; font-size: clamp(19px,1.236vw,24px); line-height: 1.22; letter-spacing: -.025em; color: #6f7a83; }
  #referrals .copy-rule { width: 54px; margin: 29px 0 21px; background: #7e8d94; }
  #referrals .problem-body { max-width: 590px; font-size: clamp(19px,1.236vw,24px); line-height: 1.3; letter-spacing: -.025em; color: #73808a; }
  #referrals .plain-takeaway { min-height: 0; gap: 23px; margin: 55px 0 0; padding: 0; font-size: clamp(20px,1.287vw,25px); letter-spacing: -.03em; line-height: 32px; background: none; color: #18282d; }
  #referrals .plain-takeaway i { width: 47px; height: 4px; flex: 0 0 47px; background: #07593f; }
  #referrals .source-note { display: block; margin-top: 31px; color: #667581; font-size: 15px; line-height: 20px; }
  #referrals .network-field { position: absolute; top: 6.51%; left: 36.02%; width: 62.5%; margin: 0; }
  #blind-spot { display: grid; min-height: max(809px,100svh); place-items: center; padding: 0 max(2.8vw,22px); }
  #blind-spot .blindspot-frame { display: block; width: min(1828px,100%); height: clamp(620px,36.66vw,712px); min-height: 0; margin: 0; padding: 60px; border-color: #c2c9c6; border-radius: 23px; background: linear-gradient(112deg,#fdfcf9,#fcfbf8); transform: translateY(-4px); }
  #blind-spot .blindspot-copy { position: relative; z-index: 2; width: min(780px,46%); max-width: none; height: 100%; }
  #blind-spot .eyebrow { gap: 19px; color: #738093; font-size: 14px; letter-spacing: .24em; }
  #blind-spot .eyebrow i { width: 13px; height: 13px; flex: 0 0 13px; background: #075c43; }
  #blind-spot .blindspot-copy h2 { margin: 55px 0 33px; font-size: clamp(57px,4.016vw,78px); font-weight: 500; line-height: 1.04; letter-spacing: -.06em; }
  #blind-spot h2 .blindspot-secondary { font-size: clamp(49px,3.502vw,68px); line-height: 1.12; white-space: nowrap; }
  #blind-spot .blindspot-copy > p:not(.eyebrow) { max-width: 660px; margin: 0; color: #7b889b; font-size: clamp(19px,1.287vw,25px); line-height: 1.36; letter-spacing: -.025em; }
  #blind-spot .blindspot-takeaway { position: absolute; bottom: 42px; left: 0; gap: 23px; margin: 0; font-size: clamp(20px,1.287vw,25px); line-height: 1.24; letter-spacing: -.028em; color: #7c899a; }
  #blind-spot .blindspot-takeaway i { width: 54px; height: 4px; flex: 0 0 54px; background: #075b43; }
  #blind-spot .blindspot-takeaway b { color: #142129; font-weight: 500; }
  #blind-spot .blindspot-diagram { position: absolute; z-index: 1; top: 9.27%; left: 47.65%; width: 47.59%; }
  #blind-spot .diagram-link { position: absolute; z-index: 2; right: 50px; bottom: 43px; margin: 0; color: #07533d; font-size: 16px; line-height: 20px; }
}
@media (max-width: 1439px) {
  #referrals .referral-frame, #blind-spot .blindspot-frame { grid-template-columns: 1fr; height: auto; min-height: 0; }
  #referrals .problem-copy, #blind-spot .blindspot-copy { width: 100%; max-width: none; height: auto; }
  #referrals .network-field, #blind-spot .blindspot-diagram { position: relative; top: auto; left: auto; width: 100%; margin: 24px 0 0; transform: none; }
  #referrals h2 .referrals-secondary { font-size: inherit; }
  #blind-spot h2 .blindspot-secondary { font-size: .86em; line-height: 1.12; }
  #blind-spot .blindspot-takeaway { position: relative; bottom: auto; margin-top: 35px; }
  #blind-spot .diagram-link { position: relative; right: auto; bottom: auto; justify-self: end; margin-top: 16px; }
  #referrals .reference-break, #blind-spot .reference-break { display: none; }
}
@media (max-width: 760px) {
  #referrals .referral-frame, #blind-spot .blindspot-frame { padding: 27px 22px; border-radius: 18px; }
  #referrals .problem-copy h2 { margin-top: 26px; font-size: 54px; }
  #referrals .big-stat { font-size: 62px; }
  #referrals .stat-label, #referrals .problem-body, #blind-spot .blindspot-copy > p:not(.eyebrow) { font-size: 17px; line-height: 1.4; }
  #referrals .plain-takeaway { font-size: 18px; line-height: 1.3; margin-top: 28px; }
  #referrals .source-note { display: block; margin-top: 20px; font-size: 11px; }
  #referrals .network-field { margin-top: 10px; }
  #blind-spot .blindspot-copy h2 { font-size: 43px; }
  #blind-spot .blindspot-takeaway { margin-top: 28px; font-size: 17px; }
  #blind-spot .diagram-link { font-size: 14px; }
  .scene-caption-mobile { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 12px; color: #62716c; font-size: 12px; line-height: 1.4; }
}

/* Supplied SiteScope symbol; wordmarks retain the existing Instrument Sans type. */
.wordmark-spaced .brand-mark { width: 1.65em; height: 1.65em; }
.dialog-brand { gap: 10px; }
.dialog-brand .brand-mark { width: 23px; height: 23px; }