:root {
  --quiet-bg: #080c10;
  --quiet-panel: #0d141a;
  --quiet-panel-2: #101920;
  --quiet-line: rgba(157, 181, 196, 0.16);
  --quiet-line-strong: rgba(157, 181, 196, 0.28);
  --quiet-text: #f0f4f6;
  --quiet-muted: #84939d;
  --quiet-accent: #08bfd4;
}

/* Final desktop composition — matches the supplied product reference frames. */
@media (min-width: 1041px) {
  .capabilities.page-width { width: min(1480px, calc(100% - 48px)); max-width: none; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(28px, 3vw, 52px); align-content: center; }
  .feature-heading { grid-column: 1; grid-row: 1; display: block; margin: 0 0 22px; }
  .feature-heading .quiet-label { display: none; }
  .feature-heading h2 { width: auto; max-width: 360px; font-size: clamp(34px, 3vw, 50px); line-height: 1.08; }
  .feature-intro { margin-top: 16px; padding: 0; }
  .feature-intro strong { font-size: 14px; font-weight: 440; }
  .feature-intro p { display: none; }
  .feature-explorer { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: clamp(28px, 3vw, 52px); align-items: start; }
  .feature-tabs { grid-column: 1; position: static; align-self: start; }
  .feature-tabs button { min-height: 92px; grid-template-columns: 46px 1fr; padding: 15px 18px 15px 22px; }
  .feature-tabs b { font-size: 15px; font-weight: 450; }
  .feature-tabs span { font-size: 16px; }
  .feature-tabs small { font-size: 12px; }
  .product-stage { grid-column: 2; position: static; display: grid; grid-template-columns: 188px minmax(0, 1fr); grid-template-rows: 48px minmax(0, 1fr); min-height: 650px; margin-top: -154px; align-self: start; overflow: hidden; border-radius: 14px; }
  .browser-bar { grid-column: 1 / -1; grid-row: 1; min-height: 48px; padding-inline: 18px; }
  .browser-bar span { font-size: 11px; }
  .x-profile-context { grid-column: 1; grid-row: 2; display: flex; min-width: 0; min-height: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; padding: 24px 20px; border-right: 1px solid rgba(157,181,196,.12); border-bottom: 0; background: linear-gradient(180deg, rgba(18,35,46,.9), rgba(9,18,24,.7)); }
  .avatar-sample { width: 74px; height: 74px; font-size: 23px; }
  .x-profile-context > div:nth-child(2) { display: grid; grid-template-columns: 1fr; gap: 2px; }
  .x-profile-context > div:nth-child(2) strong { grid-column: auto; margin-top: 5px; font-size: 19px; }
  .x-profile-context > div:nth-child(2) span { font-size: 12px; }
  .x-profile-context > div:nth-child(2) small { margin-top: 4px; font-size: 10px; }
  .x-profile-context > p { margin: 7px 0 4px; color: #93a1a9; font-size: 11px; line-height: 1.55; }
  .x-profile-context > ul { display: grid; width: 100%; gap: 0; margin: 7px 0 0; padding: 0; border-top: 1px solid rgba(157,181,196,.12); list-style: none; }
  .x-profile-context > ul li { display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; border-bottom: 1px solid rgba(157,181,196,.09); color: #74858f; font-size: 9px; }
  .x-profile-context > ul b { color: #d5dfe3; font-size: 11px; font-weight: 560; }
  .x-profile-context mark { margin: auto 0 0; padding: 0; border: 0; color: #637681; font-size: 8px; }
  .decision-panel { grid-column: 2; grid-row: 2; min-height: 0; gap: 9px; padding: 17px; }
  .decision-summary { min-height: 116px; border: 1px solid rgba(8,191,212,.14); border-radius: 10px; background: radial-gradient(circle at 20% 20%, rgba(8,191,212,.09), transparent 48%), #0b151c; }
  .decision-summary p { font-size: 20px; }
  .decision-summary p strong { font-size: 48px; }
  .decision-evidence, .decision-why, .decision-final { border: 1px solid rgba(143,177,194,.10); border-radius: 10px; }
  .decision-card { min-height: 103px; }
  .decision-why { margin-top: auto; }
  .decision-final { grid-template-columns: minmax(130px,auto) minmax(0,1fr); }
  .decision-final > div:last-child { grid-column: 1 / -1; justify-self: end; }
  .decision-panel[data-feature-name="commercial"] .decision-cards,
  .decision-panel[data-feature-name="pricing"] .decision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="commercial"] .decision-card,
  .decision-panel[data-feature-name="pricing"] .decision-card { min-height: 74px; }
  .decision-panel[data-feature-name="contact"] .decision-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="similar"] .decision-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="similar"] .decision-card { min-height: 128px; grid-template-columns: 40px minmax(0,1fr); }
  .decision-panel[data-feature-name="similar"] .decision-card > i { width: 40px; height: 40px; }
}

@media (min-width: 1041px) and (max-height: 800px) {
  .capabilities.page-width { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
  .feature-explorer { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
  .feature-heading { margin-bottom: 12px; }
  .feature-heading h2 { width: auto; font-size: clamp(31px, 2.6vw, 40px); }
  .feature-intro { margin-top: 10px; }
  .feature-tabs button { min-height: 72px; padding-block: 9px; }
  .product-stage { grid-template-columns: 168px minmax(0,1fr); grid-template-rows: 40px minmax(0,1fr); min-height: 568px; margin-top: -116px; }
  .browser-bar { min-height: 40px; }
  .x-profile-context { padding: 17px 16px; }
  .avatar-sample { width: 58px; height: 58px; font-size: 19px; }
  .x-profile-context > div:nth-child(2) strong { font-size: 16px; }
  .decision-panel { padding: 10px; }
  .decision-summary { min-height: 88px; }
  .decision-summary p strong { font-size: 36px; }
  .decision-card { min-height: 72px; }
  .decision-panel[data-feature-name="similar"] .decision-card { min-height: 100px; }
}

.restrained-tool-preview { background: var(--quiet-bg); }
.restrained-main { overflow: clip; background: radial-gradient(circle at 78% 5%, rgba(8, 191, 212, .055), transparent 25%), var(--quiet-bg); }
.page-width { width: min(1160px, calc(100% - 72px)); margin-inline: auto; }
.quiet-label { margin: 0 0 22px; color: var(--quiet-accent); font-size: 11px; font-weight: 760; letter-spacing: .18em; text-transform: uppercase; }

.page-progress { position: fixed; top: 50%; right: 22px; z-index: 40; display: grid; gap: 4px; translate: 0 -50%; }
.page-progress a { position: relative; display: flex; width: 42px; height: 34px; align-items: center; justify-content: center; color: #71828c; text-decoration: none; }
.page-progress i { width: 5px; height: 5px; border-radius: 50%; background: #46545d; transition: width .28s ease, border-radius .28s ease, background .28s ease, box-shadow .28s ease; }
.page-progress span { position: absolute; right: 34px; padding: 5px 8px; border: 1px solid var(--quiet-line); border-radius: 7px; background: rgba(7, 12, 16, .88); font-size: 8px; letter-spacing: .08em; opacity: 0; pointer-events: none; translate: 5px 0; transition: opacity .2s ease, translate .2s ease; white-space: nowrap; }
.page-progress a:hover span, .page-progress a:focus-visible span { opacity: 1; translate: 0; }
.page-progress a[aria-current="true"] i { width: 18px; border-radius: 999px; background: var(--quiet-accent); box-shadow: 0 0 14px rgba(8,191,212,.48); }

.sample-section,
.capabilities,
.data-section,
.pricing-section { padding-block: 128px; border-bottom: 1px solid var(--quiet-line); }

.section-heading h2,
.data-copy h2,
.roi-head h2,
.pricing-copy h2 { margin: 0; color: var(--quiet-text); font-size: clamp(43px, 4.7vw, 64px); font-weight: 610; letter-spacing: -.055em; line-height: 1.03; }

.section-heading > p:last-child,
.data-copy > p:last-child,
.roi-head > p:last-child,
.pricing-copy > p:last-child { margin: 28px 0 0; color: #91a0a9; font-size: 15px; line-height: 1.78; }

.creator-fit-section { position: relative; display: grid; grid-template-columns: minmax(360px, .84fr) minmax(520px, 1.16fr); gap: clamp(42px, 5vw, 82px); align-items: center; }
.creator-fit-section::before { position: absolute; width: 620px; height: 620px; right: -160px; border-radius: 50%; background: rgba(19, 47, 65, .28); filter: blur(110px); content: ""; pointer-events: none; }
.creator-fit-copy { position: relative; z-index: 2; }
.creator-fit-copy .quiet-label { margin-bottom: clamp(24px, 3.5vh, 40px); }
.creator-fit-copy h2 { margin: 0; color: var(--quiet-text); font-size: clamp(49px, 5.4vw, 72px); font-weight: 640; letter-spacing: -.065em; line-height: .98; }
.creator-fit-copy h2 span { color: var(--quiet-accent); }
.creator-fit-lede { max-width: 470px; margin: clamp(22px, 3vh, 34px) 0 0; color: #93a1aa; font-size: 13px; line-height: 1.8; }
.creator-fit-legend { display: grid; gap: 17px; margin-top: clamp(26px, 3.8vh, 42px); }
.fit-tier { display: flex; align-items: center; gap: 16px; }
.fit-tier > i { width: 10px; height: 10px; flex: 0 0 auto; border: 2px solid currentColor; border-radius: 50%; box-shadow: 0 0 15px currentColor; }
.fit-tier > div { display: grid; gap: 4px; }
.fit-tier strong { color: #e7edef; font-size: 13px; font-weight: 650; }
.fit-tier span { color: #81919a; font-size: 11px; letter-spacing: .01em; }
.fit-tier--one { color: #68d39a; }
.fit-tier--two { color: #08bfd4; }
.fit-tier--three { color: #dda83b; }
.creator-fit-footnote { display: flex; align-items: center; gap: 15px; width: fit-content; margin-top: clamp(30px, 4.5vh, 48px); padding-top: 18px; border-top: 1px solid var(--quiet-line); }
.creator-fit-footnote b { color: #dfe8eb; font-size: 20px; font-weight: 520; letter-spacing: -.04em; }
.creator-fit-footnote span { color: #7b8c96; font-size: 10px; line-height: 1.55; }
.creator-fit-visual { position: relative; z-index: 1; min-width: 0; }
.fit-orbit { position: relative; width: min(100%, 590px); aspect-ratio: 1.1; margin-inline: auto; }
.fit-orbit::before { position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle, rgba(26, 85, 73, .22), rgba(8, 191, 212, .08) 38%, transparent 68%); filter: blur(9px); content: ""; }
.fit-ring { position: absolute; top: 50%; left: 50%; aspect-ratio: 1; border-radius: 50%; translate: -50% -50%; }
.fit-ring--one { width: 38%; border: 1px solid rgba(104, 211, 154, .28); box-shadow: inset 0 0 30px rgba(104,211,154,.035), 0 0 20px rgba(104,211,154,.04); animation: fit-ring-breathe 7s ease-in-out infinite; }
.fit-ring--two { width: 66%; border: 1px solid rgba(8, 191, 212, .25); box-shadow: inset 0 0 36px rgba(8,191,212,.035), 0 0 20px rgba(8,191,212,.04); animation: fit-ring-breathe 9s ease-in-out -2s infinite; }
.fit-ring--three { width: 94%; border: 1px solid rgba(221, 168, 59, .24); box-shadow: inset 0 0 42px rgba(221,168,59,.03), 0 0 22px rgba(221,168,59,.04); animation: fit-ring-breathe 12s ease-in-out -5s infinite; }
.fit-orbit-core { position: absolute; top: 50%; left: 50%; z-index: 3; width: 74px; height: 74px; overflow: hidden; border: 1px solid rgba(195, 239, 246, .48); border-radius: 50%; background: radial-gradient(circle at 34% 27%, rgba(216,249,252,.28), rgba(73,151,169,.14) 30%, rgba(16,55,65,.34) 62%, rgba(4,20,26,.72) 100%); box-shadow: inset -9px -12px 20px rgba(0,0,0,.3), inset 8px 8px 18px rgba(211,247,250,.1), 0 12px 30px rgba(0,0,0,.28); translate: -50% -50%; }
.fit-orbit-core::before { position: absolute; z-index: 2; width: 24px; height: 12px; top: 9px; left: 12px; border-radius: 50%; background: rgba(234,254,255,.32); filter: blur(2px); rotate: -28deg; content: ""; pointer-events: none; }
.fit-orbit-core::after { position: absolute; z-index: 2; width: 38px; height: 10px; right: 8px; bottom: 7px; border-radius: 50%; background: rgba(74,161,178,.13); filter: blur(3px); content: ""; pointer-events: none; }
.fit-orbit-core video { position: absolute; top: 50%; left: 50%; display: block; width: 57px; height: 57px; border-radius: 50%; object-fit: cover; filter: brightness(1.18) saturate(.92); mix-blend-mode: multiply; translate: -50% -50%; }
.fit-person { position: absolute; inset: 0; z-index: 4; display: flex; width: max-content; height: max-content; align-items: center; gap: 8px; offset-rotate: 0deg; cursor: pointer; will-change: offset-distance; }
.fit-person:focus-visible { outline: 1px solid var(--quiet-accent); outline-offset: 8px; border-radius: 999px; }
.fit-person img { width: clamp(38px, 3.3vw, 48px); height: clamp(38px, 3.3vw, 48px); flex: 0 0 auto; border: 2px solid currentColor; border-radius: 50%; background: #102027; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 13%, transparent), 0 0 20px color-mix(in srgb, currentColor 18%, transparent); object-fit: cover; transition: scale .24s ease, box-shadow .24s ease; }
.fit-person > span { display: grid; gap: 3px; padding: 6px 9px; border: 1px solid rgba(158,181,195,.13); border-radius: 10px; background: rgba(7, 12, 16, .82); backdrop-filter: blur(9px); transition: border-color .24s ease, background .24s ease; }
.fit-person img, .fit-person > span { opacity: 1; transition-property: opacity, scale, box-shadow, border-color, background; transition-duration: .24s; transition-timing-function: ease; }
.fit-person.is-changing img, .fit-person.is-changing > span { opacity: 0; scale: .86; }
.fit-person:hover img { scale: 1.08; box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 16%, transparent), 0 0 28px color-mix(in srgb, currentColor 25%, transparent); }
.fit-person:hover > span { border-color: color-mix(in srgb, currentColor 32%, transparent); background: rgba(10, 18, 23, .94); }
.fit-person strong { color: #dce4e8; font-size: 10px; font-weight: 610; white-space: nowrap; }
.fit-person small { color: #74858f; font-size: 9px; white-space: nowrap; }
.fit-person--1, .fit-person--2 { offset-path: circle(19% at 50% 50%); animation: fit-orbit-forward 38s linear infinite; }
.fit-person--3, .fit-person--4, .fit-person--5 { offset-path: circle(33% at 50% 50%); animation: fit-orbit-reverse 58s linear infinite; }
.fit-person--6, .fit-person--7, .fit-person--8 { offset-path: circle(47% at 50% 50%); animation: fit-orbit-forward 82s linear infinite; }
.fit-person--1 { color: #68d39a; animation-delay: -3s; }
.fit-person--2 { color: #68d39a; animation-delay: -22s; }
.fit-person--3 { color: #08bfd4; animation-delay: -5s; }
.fit-person--4 { color: #08bfd4; animation-delay: -24s; }
.fit-person--5 { color: #08bfd4; animation-delay: -43s; }
.fit-person--6 { color: #dda83b; animation-delay: -8s; }
.fit-person--7 { color: #dda83b; animation-delay: -35s; }
.fit-person--8 { color: #dda83b; animation-delay: -62s; }
.fit-orbit:hover .fit-person, .fit-orbit.has-open-card .fit-person { animation-play-state: paused; }

@keyframes fit-orbit-forward {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

@keyframes fit-orbit-reverse {
  from { offset-distance: 100%; }
  to { offset-distance: 0%; }
}

@keyframes fit-ring-breathe {
  0%, 100% { opacity: .68; filter: brightness(.84); }
  50% { opacity: 1; filter: brightness(1.18); }
}

.product-definition .section-heading { display: grid; grid-template-columns: 1.24fr .76fr; gap: 0 110px; align-items: end; }
.product-definition .section-heading .quiet-label { grid-column: 1 / -1; }
.product-definition .section-heading > p:last-child { margin: 0; }
.definition-spec { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 72px; border-top: 1px solid var(--quiet-line); border-bottom: 1px solid var(--quiet-line); }
.definition-spec > div { display: grid; gap: 12px; align-content: center; min-height: 190px; padding: 28px; border-right: 1px solid var(--quiet-line); }
.definition-spec > div:last-child { border-right: 0; }
.definition-spec span { color: #60717c; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.definition-spec strong { color: #dfe7ea; font-size: 16px; font-weight: 560; line-height: 1.45; }
.definition-spec p { margin: 8px 0 0; color: #74848f; font-size: 10px; line-height: 1.6; }

.capabilities { display: flex; min-height: calc(100svh - 68px); flex-direction: column; justify-content: center; padding-block: clamp(48px, 7vh, 76px); }
.feature-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.feature-heading .quiet-label { margin: 0; }
.feature-heading > span { color: #63737d; font-size: 9px; letter-spacing: .04em; }
.feature-explorer { display: grid; grid-template-columns: 292px minmax(0, 1fr); gap: 32px; align-items: start; }
.feature-tabs { position: sticky; top: 92px; display: grid; border-top: 1px solid var(--quiet-line); }
.feature-tabs button { display: grid; grid-template-columns: 32px 1fr; gap: 4px 12px; min-height: 76px; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--quiet-line); background: transparent; color: inherit; text-align: left; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.feature-tabs button:hover { background: rgba(255,255,255,.018); }
.feature-tabs button[aria-selected="true"] { border-bottom-color: rgba(8,191,212,.55); background: linear-gradient(90deg, rgba(8,191,212,.08), transparent); }
.feature-tabs b { grid-row: 1 / 3; color: #53646f; font-size: 9px; font-weight: 650; letter-spacing: .1em; }
.feature-tabs button[aria-selected="true"] b { color: var(--quiet-accent); }
.feature-tabs span { color: #dce5e8; font-size: 14px; font-weight: 590; }
.feature-tabs small { color: #6f808b; font-size: 10px; line-height: 1.45; }

.product-stage { min-width: 0; overflow: hidden; border: 1px solid var(--quiet-line-strong); border-radius: 22px; background: linear-gradient(145deg, #10181e, #0a1015); box-shadow: 0 38px 90px rgba(0,0,0,.3); transition: border-color .28s ease, box-shadow .28s ease, translate .28s ease; }
.product-stage:hover { border-color: rgba(157,181,196,.4); box-shadow: 0 44px 100px rgba(0,0,0,.38); translate: 0 -2px; }
.browser-bar { display: flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 18px; border-bottom: 1px solid var(--quiet-line); background: #0a0f13; }
.browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #35434c; }
.browser-bar span { margin-left: 10px; color: #61717c; font-size: 9px; }
.browser-bar em { margin-left: auto; color: #5b9ea7; font-size: 8px; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.x-profile-context { display: flex; align-items: center; gap: 14px; padding: 17px 24px; border-bottom: 1px solid var(--quiet-line); background: rgba(255,255,255,.012); }
.avatar-sample { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(8,191,212,.38); border-radius: 50%; background: #12313b; color: #d9fbff; font-size: 15px; font-weight: 760; }
.x-profile-context > div:nth-child(2) { display: grid; gap: 5px; }
.x-profile-context strong { color: #ecf1f3; font-size: 14px; }
.x-profile-context span { color: #71828d; font-size: 10px; }
.x-profile-context small { margin-left: auto; color: #52636e; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.demo-panel { min-height: 362px; padding: 25px 30px 18px; }
.demo-panel[hidden] { display: none; }
.demo-panel-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 21px; border-bottom: 1px solid var(--quiet-line); }
.demo-panel-head > div { display: grid; gap: 9px; }
.demo-panel-head span { color: #6c7d87; font-size: 8px; font-weight: 720; letter-spacing: .13em; text-transform: uppercase; }
.demo-panel-head h3 { margin: 0; color: #edf2f4; font-size: 24px; font-weight: 570; letter-spacing: -.025em; }
.demo-panel-head > strong { color: #f1f5f6; font-size: 38px; font-weight: 460; letter-spacing: -.06em; white-space: nowrap; }
.demo-panel-head > strong.status-positive { color: #78d7a5; font-size: 16px; font-weight: 620; letter-spacing: 0; }
.metric-grid { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--quiet-line); }
.metric-grid article { display: grid; gap: 8px; align-content: center; min-height: 128px; padding: 18px 0; }
.metric-grid article + article { padding-left: 28px; border-left: 1px solid var(--quiet-line); }
.metric-grid span, .signal-list span { color: #657681; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.metric-grid strong { color: #e4ebee; font-size: 29px; font-weight: 510; }
.metric-grid small { color: #687984; font-size: 9px; }
.signal-list { display: grid; border-bottom: 1px solid var(--quiet-line); }
.signal-list > div { display: grid; grid-template-columns: .72fr 1.28fr; gap: 24px; align-items: center; min-height: 54px; border-bottom: 1px solid var(--quiet-line); }
.signal-list > div:last-child { border-bottom: 0; }
.signal-list strong { color: #c9d3d8; font-size: 12px; font-weight: 520; text-align: right; }
.creator-options { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--quiet-line); }
.creator-options article { display: flex; gap: 11px; align-items: center; min-width: 0; min-height: 104px; padding: 16px; border-right: 1px solid var(--quiet-line); }
.creator-options article:last-child { border-right: 0; }
.creator-options i { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #17313a; color: #bfeff4; font-size: 10px; font-style: normal; font-weight: 700; }
.creator-options div { display: grid; min-width: 0; gap: 6px; }
.creator-options strong { overflow: hidden; color: #dce5e8; font-size: 11px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }
.creator-options span { color: #657681; font-size: 8px; line-height: 1.4; }
.evidence-row { display: grid; grid-template-columns: .58fr 1.42fr; gap: 26px; padding: 20px 0 0; }
.evidence-row span { color: var(--quiet-accent); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.evidence-row p { margin: 0; color: #93a2ab; font-size: 11px; line-height: 1.7; }
.demo-disclaimer { margin: 0; padding: 0 30px 15px; color: #4f606a; font-size: 8px; line-height: 1.55; }

.proof-number { display: flex; align-items: start; margin-bottom: clamp(28px, 4vh, 44px); color: var(--quiet-text); line-height: .72; }
.proof-number span { font-size: clamp(96px, 13vw, 154px); font-weight: 420; letter-spacing: -.09em; }
.proof-number sup { margin: -4px 0 0 12px; color: var(--quiet-accent); font-size: clamp(34px, 5vw, 60px); font-weight: 400; }
.data-copy, .roi-head, .pricing-copy { display: grid; grid-template-columns: .9fr 1.1fr; gap: 0 100px; align-items: end; }
.data-copy .quiet-label, .roi-head .quiet-label, .pricing-copy .quiet-label { grid-column: 1 / -1; }
.data-copy > p:last-child, .roi-head > p:last-child, .pricing-copy > p:last-child { margin: 0; }
.method-strip { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(24px, 3.5vh, 36px); border-top: 1px solid var(--quiet-line); border-bottom: 1px solid var(--quiet-line); }
.method-strip > div { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; align-content: center; min-height: 104px; padding: 20px 24px; border-right: 1px solid var(--quiet-line); }
.method-strip > div:last-child { border-right: 0; }
.method-strip span { grid-row: 1 / 3; color: var(--quiet-accent); font-size: 9px; letter-spacing: .1em; }
.method-strip strong { color: #dce5e9; font-size: 14px; font-weight: 600; }
.method-strip p { margin: 0; color: #74848f; font-size: 10px; line-height: 1.5; }
.data-value-strip { display: grid; grid-template-columns: repeat(3, 1fr); background: linear-gradient(90deg, rgba(8,191,212,.04), rgba(8,191,212,.012)); border-bottom: 1px solid var(--quiet-line); }
.data-value-strip > div { display: grid; grid-template-columns: 1fr auto; gap: 5px 18px; align-content: center; min-height: 82px; padding: 16px 24px; border-right: 1px solid var(--quiet-line); }
.data-value-strip > div:last-child { border-right: 0; }
.data-value-strip span { color: #687983; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.data-value-strip strong { color: #dce9ec; font-size: 20px; font-weight: 520; letter-spacing: -.03em; }
.data-value-strip p { grid-column: 1 / -1; margin: 0; color: #667782; font-size: 9px; }
.data-note { max-width: 900px; margin: 16px 0 0; color: #778891; font-size: 11px; line-height: 1.6; }

.cost-math { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 66px; border-top: 1px solid var(--quiet-line); border-bottom: 1px solid var(--quiet-line); }
.cost-math article { min-height: 220px; padding: 30px; border-right: 1px solid var(--quiet-line); }
.cost-math article:last-child { border-right: 0; }
.cost-math span { color: #64757f; font-size: 9px; font-weight: 720; letter-spacing: .12em; text-transform: uppercase; }
.cost-math strong { display: block; margin-top: 50px; color: #e9eff1; font-size: 39px; font-weight: 480; letter-spacing: -.05em; }
.cost-math p { margin: 15px 0 0; color: #788893; font-size: 11px; }
.cost-math p b { color: var(--quiet-accent); font-weight: 650; }
.value-equation { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 88px; padding: 0 28px; background: rgba(8,191,212,.035); color: #82919b; font-size: 10px; }
.value-equation b { color: #b9c6cc; font-size: 10px; font-weight: 550; text-align: right; }

.restrained-tool-preview .pricing-section { display: flex; flex-direction: column; justify-content: center; padding-inline: 0; border-bottom: 0; }
.plan-compare { display: grid; grid-template-columns: .86fr 1.14fr; margin-top: clamp(30px, 4vh, 42px); border: 1px solid var(--quiet-line); border-radius: 20px; overflow: hidden; }
.plan-card { min-height: 246px; padding: 30px 34px; }
.plan-card + .plan-card { border-left: 1px solid var(--quiet-line); background: linear-gradient(145deg, rgba(8,191,212,.055), rgba(255,255,255,.01)); }
.plan-title { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
.plan-title > span { color: #93a2ab; font-size: 10px; font-weight: 730; letter-spacing: .14em; text-transform: uppercase; }
.plan-title > strong { color: var(--quiet-text); font-size: 34px; font-weight: 520; letter-spacing: -.05em; }
.plan-title small { color: #71818b; font-size: 10px; font-weight: 500; letter-spacing: 0; }
.plan-card > p { max-width: 370px; margin: 22px 0 0; color: #7c8c96; font-size: 11px; line-height: 1.65; }
.plan-card ul { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; }
.plan-card li { color: #aab6bc; font-size: 11px; line-height: 1.5; }
.plan-card li::before { margin-right: 10px; color: var(--quiet-accent); content: "·"; }
.pricing-action { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 86px; }
.quiet-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid var(--quiet-line); border-radius: 999px; color: var(--quiet-text); text-decoration: none; font-size: 12px; font-weight: 760; transition: border-color .2s ease, background .2s ease; }
.quiet-button.primary { border-color: rgba(8,191,212,.45); background: rgba(8,191,212,.11); color: #d3fbff; }
.quiet-button.primary:hover { border-color: rgba(8,191,212,.75); background: rgba(8,191,212,.17); }
.pricing-action > span { color: #61717b; font-size: 9px; line-height: 1.6; text-align: right; }
.restrained-footer { border-top-color: var(--quiet-line); }

.final-conversion { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: clamp(38px, 4.2vw, 64px); align-items: center; justify-content: stretch; }
.final-conversion::before { position: absolute; width: 620px; height: 620px; right: -200px; border-radius: 50%; background: rgba(17,60,81,.24); filter: blur(100px); content: ""; pointer-events: none; }
.final-copy { position: relative; z-index: 1; }
.final-copy .quiet-label { display: flex; align-items: center; gap: 13px; margin-bottom: clamp(28px, 4vh, 42px); }
.final-copy .quiet-label i { width: 22px; height: 2px; background: var(--quiet-accent); }
.final-copy h2 { margin: 0; color: var(--quiet-text); font-size: clamp(43px, 4.25vw, 58px); font-weight: 630; letter-spacing: -.06em; line-height: 1.06; }
.final-copy h2 span { color: var(--quiet-accent); }
.final-copy > p { max-width: 520px; margin: clamp(22px, 3vh, 32px) 0 0; color: #92a0a9; font-size: 13px; line-height: 1.75; }
.final-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: clamp(30px, 4vh, 42px); }
.final-action { position: relative; display: grid; min-height: 132px; align-content: center; gap: 9px; padding: 22px 24px; overflow: hidden; border: 1px solid var(--quiet-line-strong); border-radius: 18px; text-decoration: none; transition: border-color .24s ease, translate .24s ease, box-shadow .24s ease; }
.final-action:hover { translate: 0 -3px; }
.final-action small { font-size: 8px; font-weight: 760; letter-spacing: .16em; }
.final-action strong { font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.final-action span { display: flex; align-items: center; justify-content: space-between; font-size: 10px; }
.final-action b { font-size: 17px; font-weight: 450; }
.final-action--free { border-color: rgba(105,229,241,.45); background: linear-gradient(135deg, #57ddeb, #0fbfd5); color: #041318; box-shadow: 0 20px 55px rgba(8,191,212,.12); }
.final-action--free small, .final-action--free span { color: rgba(4,19,24,.62); }
.final-action--free:hover { border-color: rgba(211,251,255,.85); box-shadow: 0 24px 62px rgba(8,191,212,.2); }
.final-action--pro { background: radial-gradient(circle at 82% 18%, rgba(133,166,67,.19), transparent 48%), linear-gradient(145deg, #182027, #11171d); color: #edf2f3; }
.final-action--pro small { color: #aab6ba; }
.final-action--pro span { color: #7e8d95; }
.final-action--pro:hover { border-color: rgba(144,181,73,.45); box-shadow: 0 24px 62px rgba(0,0,0,.24); }
.final-trust { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; color: #7b8b94; font-size: 11px; }
.scout-console { position: relative; z-index: 1; padding: 28px; border: 1px solid rgba(94,159,179,.34); border-radius: 28px; background: linear-gradient(145deg, rgba(25,46,58,.92), rgba(7,17,23,.97)); box-shadow: inset 0 1px rgba(255,255,255,.03), 0 38px 90px rgba(0,0,0,.3); }
.scout-console-head { display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--quiet-line); }
.scout-console-head img { width: 50px; height: 50px; border-radius: 13px; }
.scout-console-head > div { display: grid; gap: 6px; }
.scout-console-head strong { color: #edf2f4; font-size: 16px; font-weight: 650; }
.scout-console-head span { color: #71818b; font-size: 9px; }
.scout-console-head > b { margin-left: auto; padding: 7px 12px; border: 1px solid rgba(75,215,159,.3); border-radius: 999px; background: rgba(75,215,159,.06); color: #72ddb2; font-size: 8px; letter-spacing: .15em; }
.scout-console-list { display: grid; }
.scout-console-list article { display: grid; grid-template-columns: 50px 1fr auto; gap: 15px; align-items: center; min-height: 84px; border-bottom: 1px solid var(--quiet-line); }
.scout-console-list i { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(8,191,212,.32); border-radius: 13px; background: rgba(8,191,212,.055); color: var(--quiet-accent); font-size: 9px; font-style: normal; font-weight: 700; }
.scout-console-list article > div { display: grid; gap: 6px; }
.scout-console-list strong { color: #dce5e8; font-size: 13px; font-weight: 610; }
.scout-console-list span { color: #70808a; font-size: 9px; line-height: 1.45; }
.scout-console-list em { color: #72cdb1; font-size: 8px; font-style: normal; }
.scout-console-pro { display: grid; grid-template-columns: 70px 1fr; gap: 18px; align-items: center; min-height: 84px; margin-top: 20px; padding: 17px 20px; border: 1px solid rgba(133,178,60,.34); border-radius: 17px; background: linear-gradient(90deg, rgba(87,121,36,.12), rgba(255,255,255,.018)); }
.scout-console-pro > b { color: #b5e36c; font-size: 9px; letter-spacing: .18em; }
.scout-console-pro > div { display: grid; gap: 6px; }
.scout-console-pro strong { color: #e0e7e9; font-size: 12px; font-weight: 610; }
.scout-console-pro span { color: #71818a; font-size: 9px; }

/* Shared copy rhythm for every screen after the hero. */
.screen-heading > .quiet-label { margin: 0 0 clamp(22px, 3vh, 30px); }
.screen-heading > h2 { margin: 0; color: var(--quiet-text); font-size: clamp(43px, 4.25vw, 58px); font-weight: 630; letter-spacing: -.058em; line-height: 1.04; }
.screen-heading > h2 span { color: var(--quiet-accent); }
.screen-heading > .screen-lede { max-width: 500px; margin: clamp(20px, 2.6vh, 26px) 0 0; color: #8c9ba4; font-size: 12px; line-height: 1.72; }
.screen-heading--wide { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 0 clamp(52px, 7vw, 96px); align-items: end; }
.screen-heading--wide > .quiet-label { grid-column: 1 / -1; }
.screen-heading--wide > .screen-lede { margin: 0; }
.feature-heading.screen-heading { display: grid; align-items: end; justify-content: initial; margin-bottom: clamp(22px, 3vh, 28px); }
.feature-heading.screen-heading > h2 { grid-column: 1 / -1; }

[data-page-lang="en"] .creator-fit-section { grid-template-columns: minmax(440px, .98fr) minmax(500px, 1.02fr); gap: clamp(32px, 4vw, 58px); }
[data-page-lang="en"] .creator-fit-copy h2 { font-size: clamp(46px, 4.5vw, 58px); letter-spacing: -.052em; }
[data-page-lang="en"] .screen-heading--wide { grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr); gap: 0 clamp(42px, 5vw, 70px); }
[data-page-lang="en"] .screen-heading > h2 { font-size: clamp(44px, 4vw, 54px); letter-spacing: -.05em; }
[data-page-lang="en"] .final-copy h2 { font-size: clamp(44px, 4vw, 54px); }

.creator-dialog { position: fixed; inset: 0; width: min(448px, calc(100% - 32px)); max-height: min(620px, calc(100svh - 32px)); margin: auto; padding: 26px; overflow: auto; border: 1px solid rgba(147,180,199,.3); border-radius: 22px; background: radial-gradient(circle at 15% 0%, rgba(48,91,119,.22), transparent 42%), linear-gradient(145deg, rgba(22,40,53,.985), rgba(8,20,29,.99)); box-shadow: 0 32px 90px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.05); color: var(--quiet-text); }
.creator-dialog::backdrop { background: rgba(2,8,12,.46); backdrop-filter: blur(2px); }
.creator-dialog[open] { animation: creator-dialog-in .28s cubic-bezier(.2,.75,.25,1) both; }
.creator-dialog-close { position: absolute; top: 17px; right: 17px; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(174,197,210,.22); border-radius: 50%; background: rgba(255,255,255,.035); color: #a8b7bf; font: 300 23px/1 system-ui, sans-serif; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.creator-dialog-close:hover { border-color: rgba(174,197,210,.42); background: rgba(255,255,255,.08); color: #fff; }
.creator-dialog-profile { display: flex; align-items: center; gap: 16px; min-height: 62px; padding-right: 48px; }
.creator-dialog-profile img { width: 58px; height: 58px; flex: 0 0 auto; border: 2px solid var(--quiet-accent); border-radius: 50%; background: #0d1a21; object-fit: cover; box-shadow: 0 0 0 5px rgba(8,191,212,.09); }
.creator-dialog-profile > div { display: grid; gap: 8px; }
.creator-dialog-profile h3 { margin: 0; color: #f1f5f6; font-size: 21px; font-weight: 640; letter-spacing: -.025em; }
.creator-dialog-profile p { margin: 0; color: var(--quiet-accent); font-size: 11px; }
.creator-dialog-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 24px; padding-block: 21px; border-top: 1px solid rgba(157,181,196,.15); border-bottom: 1px solid rgba(157,181,196,.15); }
.creator-dialog-metrics > div { display: grid; gap: 8px; justify-items: center; border-right: 1px solid rgba(157,181,196,.17); text-align: center; }
.creator-dialog-metrics > div:last-child { border-right: 0; }
.creator-dialog-metrics strong { color: #f0f4f6; font-size: 20px; font-weight: 610; letter-spacing: -.035em; }
.creator-dialog-metrics span { color: #71838d; font-size: 9px; }
.creator-dialog-collab { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin-top: 18px; padding: 15px 17px; border: 1px solid rgba(8,191,212,.18); border-radius: 13px; background: rgba(8,191,212,.03); }
.creator-dialog-collab span { color: #71838d; font-size: 10px; }
.creator-dialog-collab strong { color: #cbd6da; font-size: 12px; font-weight: 540; text-align: right; }
.creator-dialog-action { display: flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; border-radius: 14px; background: linear-gradient(110deg, #11c7da, #44e1b0); color: #031015; font-size: 13px; font-weight: 760; text-decoration: none; transition: filter .2s ease, translate .2s ease; }
.creator-dialog-action:hover { filter: brightness(1.08); translate: 0 -2px; }
.creator-dialog-action span { font-size: 19px; font-weight: 450; }

@keyframes creator-dialog-in {
  from { opacity: 0; scale: .96; translate: 0 12px; }
  to { opacity: 1; scale: 1; translate: 0; }
}

.motion-ready .restrained-main > section > * { opacity: .18; translate: 0 18px; transition: opacity .7s cubic-bezier(.2,.7,.2,1), translate .7s cubic-bezier(.2,.7,.2,1); }
.motion-ready .restrained-main > section.is-visible > * { opacity: 1; translate: 0; }
.motion-ready .restrained-main > section.is-visible > *:nth-child(2) { transition-delay: .08s; }
.motion-ready .restrained-main > section.is-visible > *:nth-child(3) { transition-delay: .14s; }
.motion-ready .restrained-main > section.is-visible > *:nth-child(4) { transition-delay: .2s; }
.motion-ready .restrained-main > section.is-visible > *:nth-child(5) { transition-delay: .26s; }

@media (min-width: 921px) {
  .sample-section,
  .capabilities,
  .data-section,
  .pricing-section {
    box-sizing: border-box;
    min-height: calc(100svh - 68px);
    height: auto;
    overflow: visible;
    padding-block: clamp(44px, 6vh, 66px);
    scroll-margin-top: 68px;
  }

  .capabilities { padding-block: clamp(42px, 5.5vh, 60px); }
  .data-copy h2, .pricing-copy h2 { font-size: clamp(38px, 4.1vw, 54px); }
}

@media (min-width: 921px) and (max-height: 800px) {
  .sample-section,
  .capabilities,
  .data-section,
  .pricing-section { padding-block: 34px; }
  .screen-heading > .quiet-label { margin-bottom: 16px; }
  .screen-heading > h2,
  .creator-fit-copy h2,
  .final-copy h2 { font-size: clamp(38px, 4.15vw, 50px); }
  .screen-heading > .screen-lede { margin-top: 14px; }
  .feature-heading.screen-heading { margin-bottom: 16px; }
  .feature-tabs button { min-height: 76px; padding-block: 12px; }
  .x-profile-context { padding-block: 14px; }
  .demo-panel { min-height: 300px; padding-block: 22px 18px; }
  .method-strip { margin-top: 22px; }
  .proof-number { font-size: clamp(94px, 11vw, 145px); }
  .final-copy .quiet-label { margin-bottom: 20px; }
  .final-actions { margin-top: 24px; }
  .final-action { min-height: 112px; }
  .scout-console { padding: 22px; }
  .scout-console-list article { min-height: 72px; }
  .scout-console-pro { min-height: 72px; margin-top: 14px; }
}

@media (max-width: 920px) {
  .page-width { width: min(740px, calc(100% - 40px)); }
  .page-progress { display: none; }
  .creator-fit-section { grid-template-columns: minmax(300px, .84fr) minmax(400px, 1.16fr); gap: 24px; }
  .creator-fit-copy h2 { font-size: 48px; }
  .fit-person > span { display: none; }
  .product-definition .section-heading, .feature-heading, .data-copy, .roi-head, .pricing-copy { grid-template-columns: 1fr; gap: 26px; }
  .product-definition .section-heading .quiet-label, .data-copy .quiet-label, .roi-head .quiet-label, .pricing-copy .quiet-label { grid-column: auto; }
  .product-definition .section-heading > p:last-child, .data-copy > p:last-child, .roi-head > p:last-child, .pricing-copy > p:last-child { margin-top: 0; }
  .feature-heading { align-items: center; }
  .feature-explorer { grid-template-columns: 230px minmax(0, 1fr); gap: 22px; }
  .creator-options { grid-template-columns: 1fr; }
  .creator-options article { min-height: 74px; border-right: 0; border-bottom: 1px solid var(--quiet-line); }
  .creator-options article:last-child { border-bottom: 0; }
  .final-conversion { grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: 26px; }
  .final-copy h2 { font-size: 43px; }
  .final-actions { grid-template-columns: 1fr; }
  .final-action { min-height: 104px; }
  .scout-console { padding: 22px; }
  .screen-heading > h2 { font-size: 43px; }
  [data-page-lang="en"] .creator-fit-section { grid-template-columns: minmax(330px, .9fr) minmax(380px, 1.1fr); }
  [data-page-lang="en"] .screen-heading--wide { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 680px) {
  .page-width { width: calc(100% - 28px); margin-inline: auto; }
  .brand-lockup, .btn-lang { min-width: 44px; min-height: 44px; align-items: center; }
  .sample-section, .capabilities, .data-section, .pricing-section { height: auto; min-height: 0; overflow: visible; padding-block: 76px; }
  .creator-fit-section { grid-template-columns: 1fr; gap: 46px; }
  .creator-fit-copy h2 { font-size: 47px; }
  .creator-fit-lede { font-size: 12px; }
  .creator-fit-visual { overflow: clip; }
  .fit-orbit { width: 92%; margin-inline: auto; }
  .fit-person { min-width: 46px; min-height: 46px; }
  .fit-person img { width: 46px; height: 46px; }
  .section-heading h2, .data-copy h2, .roi-head h2, .pricing-copy h2 { font-size: 39px; }
  .section-heading > p:last-child, .data-copy > p:last-child, .roi-head > p:last-child, .pricing-copy > p:last-child { font-size: 14px; }
  .definition-spec, .method-strip, .data-value-strip, .cost-math, .plan-compare { grid-template-columns: 1fr; }
  .definition-spec > div, .method-strip > div, .cost-math article { min-height: 125px; border-right: 0; border-bottom: 1px solid var(--quiet-line); }
  .definition-spec > div:last-child, .method-strip > div:last-child, .cost-math article:last-child { border-bottom: 0; }
  .feature-explorer { grid-template-columns: 1fr; }
  .feature-tabs { position: static; grid-template-columns: repeat(5, minmax(108px, 1fr)); max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; border-bottom: 1px solid var(--quiet-line); }
  .feature-tabs button { min-height: 84px; border-right: 1px solid var(--quiet-line); scroll-snap-align: start; }
  .feature-tabs small { display: none; }
  .product-stage { border-radius: 16px; }
  .browser-bar em { display: none; }
  .x-profile-context { padding: 20px; }
  .demo-panel { min-height: 470px; padding: 26px 20px 20px; }
  .demo-panel-head { align-items: start; flex-direction: column; }
  .demo-panel-head > strong { font-size: 30px; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-grid article + article { padding-left: 0; border-top: 1px solid var(--quiet-line); border-left: 0; }
  .signal-list > div, .evidence-row { grid-template-columns: 1fr; gap: 9px; padding-block: 17px; }
  .signal-list strong { text-align: left; }
  .demo-disclaimer { padding-inline: 20px; }
  .cost-math strong { margin-top: 28px; }
  .value-equation { align-items: flex-start; flex-direction: column; padding-block: 24px; }
  .value-equation b { text-align: left; }
  .plan-card { min-height: 292px; padding: 26px; }
  .plan-card + .plan-card { border-top: 1px solid var(--quiet-line); border-left: 0; }
  .pricing-action { align-items: stretch; flex-direction: column; justify-content: center; padding-block: 28px; }
  .pricing-action .quiet-button { width: 100%; }
  .pricing-action > span { text-align: center; }
  .creator-dialog { padding: 28px 22px 22px; border-radius: 20px; }
  .creator-dialog-profile img { width: 60px; height: 60px; }
  .creator-dialog-profile h3 { font-size: 20px; }
  .creator-dialog-metrics strong { font-size: 19px; }
  .creator-dialog-collab { grid-template-columns: 1fr; gap: 8px; }
  .creator-dialog-collab strong { text-align: left; }
  .final-conversion { grid-template-columns: 1fr; gap: 48px; overflow: clip; }
  .final-conversion::before { right: -45%; width: 100vw; height: 100vw; }
  .final-copy h2 { font-size: 42px; }
  .final-actions { grid-template-columns: 1fr; }
  .final-trust { gap: 15px; }
  .scout-console { padding: 18px; border-radius: 20px; }
  .scout-console-list article { grid-template-columns: 46px 1fr; }
  .scout-console-list em { display: none; }
  .scout-console-pro { grid-template-columns: 50px 1fr; padding-inline: 15px; }
  .screen-heading > h2 { font-size: 39px; }
  [data-page-lang="en"] .creator-fit-section { grid-template-columns: 1fr; }
  [data-page-lang="en"] .creator-fit-copy h2,
  [data-page-lang="en"] .screen-heading > h2,
  [data-page-lang="en"] .final-copy h2 { font-size: 38px; line-height: 1.04; }
  .mobile-menu summary { min-width: 44px; min-height: 44px; }
  .mobile-menu-panel a { min-height: 44px; }
  .restrained-footer a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding-inline: 8px; }
}

/* Reference-faithful five-panel product demo */
@media (min-width: 1041px) {
  .capabilities.page-width { width: min(1480px, calc(100% - 48px)); max-width: none; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(28px, 3vw, 52px); align-content: center; }
  .feature-heading { grid-column: 1; grid-row: 1; display: block; margin: 0 0 22px; }
  .feature-heading .quiet-label { display: none; }
  .feature-heading h2 { max-width: 360px; font-size: clamp(34px, 3vw, 50px); line-height: 1.08; }
  .feature-intro { margin-top: 16px; }
  .feature-intro strong { font-size: 14px; font-weight: 440; }
  .feature-intro p { display: none; }
  .feature-explorer { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: clamp(28px, 3vw, 52px); align-items: start; }
  .feature-tabs { grid-column: 1; position: static; align-self: start; }
  .feature-tabs button { min-height: 92px; grid-template-columns: 46px 1fr; padding: 15px 18px 15px 22px; }
  .feature-tabs b { font-size: 15px; font-weight: 450; }
  .feature-tabs span { font-size: 16px; }
  .feature-tabs small { font-size: 12px; }
  .product-stage { grid-column: 2; position: static; display: grid; grid-template-columns: 188px minmax(0, 1fr); grid-template-rows: 48px minmax(0, 1fr); min-height: 650px; margin-top: -154px; align-self: start; overflow: hidden; border-radius: 14px; }
  .browser-bar { grid-column: 1 / -1; grid-row: 1; min-height: 48px; padding-inline: 18px; }
  .browser-bar span { font-size: 11px; }
  .x-profile-context { grid-column: 1; grid-row: 2; display: flex; min-width: 0; min-height: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; padding: 24px 20px; border-right: 1px solid rgba(157,181,196,.12); border-bottom: 0; background: linear-gradient(180deg, rgba(18,35,46,.9), rgba(9,18,24,.7)); }
  .avatar-sample { width: 74px; height: 74px; font-size: 23px; }
  .x-profile-context > div:nth-child(2) { display: grid; grid-template-columns: 1fr; gap: 2px; }
  .x-profile-context > div:nth-child(2) strong { grid-column: auto; margin-top: 5px; font-size: 19px; }
  .x-profile-context > div:nth-child(2) span { font-size: 12px; }
  .x-profile-context > div:nth-child(2) small { margin-top: 4px; font-size: 10px; }
  .x-profile-context > p { margin: 7px 0 4px; color: #93a1a9; font-size: 11px; line-height: 1.55; }
  .x-profile-context > ul { display: grid; width: 100%; gap: 0; margin: 7px 0 0; padding: 0; border-top: 1px solid rgba(157,181,196,.12); list-style: none; }
  .x-profile-context > ul li { display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; border-bottom: 1px solid rgba(157,181,196,.09); color: #74858f; font-size: 9px; }
  .x-profile-context > ul b { color: #d5dfe3; font-size: 11px; font-weight: 560; }
  .x-profile-context mark { margin: auto 0 0; padding: 0; border: 0; color: #637681; font-size: 8px; }
  .decision-panel { grid-column: 2; grid-row: 2; min-height: 0; gap: 9px; padding: 17px; }
  .decision-summary { min-height: 116px; border: 1px solid rgba(8,191,212,.14); border-radius: 10px; background: radial-gradient(circle at 20% 20%, rgba(8,191,212,.09), transparent 48%), #0b151c; }
  .decision-summary p { font-size: 20px; }
  .decision-summary p strong { font-size: 48px; }
  .decision-evidence, .decision-why, .decision-final { border: 1px solid rgba(143,177,194,.10); border-radius: 10px; }
  .decision-card { min-height: 103px; }
  .decision-why { margin-top: auto; }
  .decision-final { grid-template-columns: minmax(130px,auto) minmax(0,1fr); }
  .decision-final > div:last-child { grid-column: 1 / -1; justify-self: end; }
  .decision-panel[data-feature-name="commercial"] .decision-cards,
  .decision-panel[data-feature-name="pricing"] .decision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="commercial"] .decision-card,
  .decision-panel[data-feature-name="pricing"] .decision-card { min-height: 74px; }
  .decision-panel[data-feature-name="contact"] .decision-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="similar"] .decision-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="similar"] .decision-card { min-height: 128px; grid-template-columns: 40px minmax(0,1fr); }
  .decision-panel[data-feature-name="similar"] .decision-card > i { width: 40px; height: 40px; }
}

@media (min-width: 1041px) and (max-height: 800px) {
  .capabilities.page-width { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
  .feature-explorer { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
  .feature-heading { margin-bottom: 12px; }
  .feature-heading h2 { font-size: clamp(31px, 2.6vw, 40px); }
  .feature-intro { margin-top: 10px; }
  .feature-tabs button { min-height: 72px; padding-block: 9px; }
  .product-stage { grid-template-columns: 168px minmax(0,1fr); grid-template-rows: 40px minmax(0,1fr); min-height: 568px; margin-top: -116px; }
  .browser-bar { min-height: 40px; }
  .x-profile-context { padding: 17px 16px; }
  .avatar-sample { width: 58px; height: 58px; font-size: 19px; }
  .x-profile-context > div:nth-child(2) strong { font-size: 16px; }
  .decision-panel { padding: 10px; }
  .decision-summary { min-height: 88px; }
  .decision-summary p strong { font-size: 36px; }
  .decision-card { min-height: 72px; }
  .decision-panel[data-feature-name="similar"] .decision-card { min-height: 100px; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .restrained-main > section > * { opacity: 1; translate: 0; transition: none; }
  .product-stage, .page-progress i, .page-progress span, .fit-person img, .fit-person > span { transition: none; }
  .fit-person, .fit-ring { animation-play-state: paused; }
}

/* Five-signal buying decision workspace */
.capabilities { min-height: calc(100svh - 68px); padding-block: clamp(28px, 4vh, 42px); }
.feature-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); gap: 8px 56px; align-items: end; margin-bottom: clamp(24px, 3.2vh, 34px); }
.feature-heading .quiet-label { grid-column: 1 / -1; margin: 0 0 6px; }
.feature-heading h2 { max-width: 720px; margin: 0; color: var(--quiet-text); font-size: clamp(32px, 3vw, 43px); font-weight: 630; letter-spacing: -.05em; line-height: 1.04; }
.feature-heading h2 span { color: var(--quiet-accent); }
.feature-intro { display: grid; gap: 7px; padding-bottom: 2px; }
.feature-intro strong { color: #c9d3d7; font-size: 14px; font-weight: 520; line-height: 1.45; }
.feature-intro p { margin: 0; color: #74848e; font-size: 12px; line-height: 1.55; }
.feature-explorer { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: clamp(24px, 3vw, 42px); align-items: start; }
.feature-tabs { position: sticky; top: 88px; border: 0; }
.feature-tabs button { position: relative; grid-template-columns: 38px 1fr; gap: 6px 12px; min-height: 82px; padding: 14px 16px 14px 18px; border-bottom-color: rgba(157,181,196,.1); }
.feature-tabs button::before { position: absolute; inset: 12px auto 12px 0; width: 2px; background: transparent; content: ""; }
.feature-tabs button[aria-selected="true"] { border-bottom-color: transparent; background: linear-gradient(90deg, rgba(15,48,62,.72), rgba(12,22,29,.25)); }
.feature-tabs button[aria-selected="true"]::before { background: var(--quiet-accent); box-shadow: 0 0 12px rgba(8,191,212,.32); }
.feature-tabs b { font-size: 11px; }
.feature-tabs span { font-size: 15px; }
.feature-tabs small { color: #758690; font-size: 12px; }
.feature-tabs button[aria-selected="true"] small { color: var(--quiet-accent); }
.product-stage { position: sticky; top: 84px; min-height: 560px; border-color: rgba(130,163,181,.26); border-radius: 18px; background: #091117; box-shadow: 0 30px 76px rgba(0,0,0,.28); }
.product-stage:hover { border-color: rgba(130,163,181,.32); box-shadow: 0 34px 82px rgba(0,0,0,.32); translate: none; }
.browser-bar { min-height: 40px; border-bottom-color: rgba(157,181,196,.11); }
.browser-bar em { display: flex; align-items: center; gap: 9px; color: #6ad9df; font-size: 9px; }
.browser-bar em b { width: 5px; height: 5px; border-radius: 50%; background: #55d39d; box-shadow: 0 0 8px rgba(85,211,157,.45); }
.x-profile-context { min-height: 86px; padding: 13px 22px; border-bottom-color: rgba(157,181,196,.11); }
.avatar-sample { width: 48px; height: 48px; font-size: 17px; }
.x-profile-context > div:nth-child(2) { grid-template-columns: auto auto; gap: 3px 10px; align-items: baseline; }
.x-profile-context > div:nth-child(2) strong { grid-column: 1 / -1; font-size: 16px; }
.x-profile-context > div:nth-child(2) span { font-size: 12px; }
.x-profile-context > div:nth-child(2) small { color: #72838d; font-size: 11px; }
.x-profile-context mark { margin-left: auto; padding: 6px 10px; border: 1px solid rgba(157,181,196,.16); border-radius: 999px; background: transparent; color: #768893; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.decision-panel { display: grid; align-content: start; gap: 10px; min-height: 432px; padding: 14px 16px 16px; opacity: 0; translate: 0 6px; transition: opacity .4s ease, translate .4s ease; }
.decision-panel.is-swapping { opacity: 1; translate: 0; }
.decision-summary { display: flex; min-height: 96px; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 18px; background: #0c171e; }
.decision-summary > div { display: grid; gap: 5px; }
.decision-summary small, .decision-evidence header strong, .decision-why small, .decision-final small { color: #7f929e; font-size: 11px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.decision-summary p { margin: 0; color: #dce6e9; font-size: 18px; line-height: 1.15; }
.decision-summary p strong { margin-right: 7px; color: var(--quiet-accent); font-size: 40px; font-weight: 520; letter-spacing: -.05em; }
.decision-summary span { color: #83939c; font-size: 12px; }
.decision-summary mark { flex: 0 0 auto; padding: 8px 12px; border: 1px solid rgba(8,191,212,.25); border-radius: 999px; background: rgba(8,191,212,.055); color: #73dce5; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.decision-evidence { padding: 14px 18px 15px; background: #0b151c; }
.decision-evidence header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.decision-evidence header strong { color: #6fd9e2; }
.decision-evidence header span { color: #657681; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.decision-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.decision-card { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; min-width: 0; min-height: 82px; align-items: start; padding: 11px; border: 1px solid rgba(143,177,194,.09); border-radius: 8px; background: linear-gradient(145deg, rgba(17,31,40,.96), rgba(11,22,29,.96)); transition: border-color .22s ease, translate .22s ease, background .22s ease; }
.decision-card:hover { border-color: rgba(8,191,212,.3); background: linear-gradient(145deg, rgba(18,39,49,.98), rgba(11,25,32,.98)); translate: 0 -2px; }
.decision-card.is-best { outline: 1px solid rgba(8,191,212,.7); background: #0e2029; }
.decision-card > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #18323e; color: #99ecf2; font-size: 10px; font-style: normal; font-weight: 700; }
.decision-card > div { display: grid; min-width: 0; gap: 3px; }
.decision-card strong { overflow: hidden; color: #e3eaed; font-size: 11px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.decision-card span, .decision-card small { overflow: hidden; color: #7f909a; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; }
.decision-card small { color: #657782; }
.decision-card > b { position: absolute; top: 5px; right: 6px; color: var(--quiet-accent); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.decision-why { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; min-height: 76px; padding: 12px 18px; background: #0b151c; }
.decision-why > div { display: grid; gap: 5px; }
.decision-why small { color: var(--quiet-accent); }
.decision-why p { max-width: 650px; margin: 0; color: #aebbc1; font-size: 12px; line-height: 1.48; }
.decision-why button, .decision-final button, .decision-final a { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 16px; padding: 0 16px; border: 1px solid rgba(8,191,212,.4); border-radius: 8px; background: transparent; color: #6bdae4; font: 620 11px/1 system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.decision-why button:hover, .decision-final button:hover { background: rgba(8,191,212,.07); }
.decision-final { display: grid; grid-template-columns: minmax(138px, auto) minmax(0, 1fr) auto; gap: 10px 16px; align-items: center; padding: 10px 14px; background: linear-gradient(90deg, rgba(8,191,212,.08), rgba(10,23,30,.85)); }
.decision-final > div:first-child { display: grid; gap: 4px; }
.decision-final > div:first-child strong { color: #e3ecef; font-size: 14px; }
.decision-final ul { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0; padding: 0; list-style: none; }
.decision-final li { color: #8fa0aa; font-size: 10px; }
.decision-final li::before { margin-right: 5px; color: #5bd6a3; content: "✓"; }
.decision-final > div:last-child { display: flex; gap: 8px; }
.decision-final a { border-color: transparent; background: var(--quiet-accent); color: #031116; }

@media (min-width: 681px) and (max-height: 800px) {
  .capabilities { min-height: calc(100svh - 58px); padding-block: 16px; }
  .feature-heading { gap: 5px 40px; margin-bottom: 14px; }
  .feature-heading .quiet-label { margin-bottom: 1px; }
  .feature-heading h2 { font-size: clamp(29px, 2.7vw, 38px); }
  .feature-intro { gap: 3px; }
  .feature-intro strong { font-size: 12px; }
  .feature-intro p { font-size: 10px; }
  .feature-tabs { top: 70px; }
  .feature-tabs button { min-height: 68px; padding-block: 9px; }
  .product-stage { top: 70px; min-height: 0; }
  .browser-bar { min-height: 32px; }
  .x-profile-context { min-height: 68px; padding-block: 8px; }
  .avatar-sample { width: 42px; height: 42px; font-size: 15px; }
  .decision-panel { min-height: 0; gap: 6px; padding: 8px 10px 10px; }
  .decision-summary { min-height: 72px; padding: 9px 13px; }
  .decision-summary > div { gap: 2px; }
  .decision-summary p { font-size: 15px; }
  .decision-summary p strong { font-size: 30px; }
  .decision-evidence { padding: 9px 12px 10px; }
  .decision-evidence header { margin-bottom: 7px; }
  .decision-card { min-height: 64px; padding: 8px; }
  .decision-card > i { width: 29px; height: 29px; }
  .decision-why { min-height: 58px; padding: 8px 13px; }
  .decision-why p { font-size: 10px; }
  .decision-why button, .decision-final button, .decision-final a { min-height: 32px; padding-inline: 12px; }
  .decision-final { padding: 8px 12px; }
  .decision-final > div:first-child strong { font-size: 12px; }
  .decision-final li { font-size: 9px; }
}

@media (max-width: 1040px) {
  .feature-heading { grid-template-columns: 1fr; }
  .feature-heading .quiet-label { grid-column: auto; }
  .feature-intro { max-width: 680px; }
  .feature-explorer { grid-template-columns: 220px minmax(0, 1fr); gap: 20px; }
  .decision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .product-stage { position: static; min-height: 650px; }
}

@media (max-width: 680px) {
  .capabilities { min-height: 100svh; padding-block: 24px; }
  .feature-heading { gap: 8px; margin-bottom: 16px; }
  .feature-heading .quiet-label { display: none; }
  .feature-heading h2 { font-size: 31px; line-height: 1.06; }
  .feature-intro strong { font-size: 13px; }
  .feature-intro p { display: none; }
  .feature-explorer { grid-template-columns: 1fr; gap: 14px; }
  .feature-tabs { position: static; grid-template-columns: repeat(5, minmax(146px, 1fr)); padding-bottom: 5px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .feature-tabs::-webkit-scrollbar { display: none; }
  .feature-tabs button { min-height: 68px; padding-block: 9px; border-right: 0; }
  .feature-tabs small { display: block; }
  .product-stage { min-height: 0; }
  .browser-bar { padding-inline: 14px; }
  .x-profile-context { min-height: 68px; padding: 8px 14px; }
  .avatar-sample { width: 42px; height: 42px; font-size: 14px; }
  .x-profile-context > div:nth-child(2) strong { font-size: 14px; }
  .x-profile-context > div:nth-child(2) small { display: none; }
  .x-profile-context mark { display: none; }
  .decision-panel { min-height: 0; gap: 6px; padding: 8px; }
  .decision-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; min-height: 88px; align-items: center; padding: 10px 12px; }
  .decision-summary p { font-size: 15px; }
  .decision-summary p strong { font-size: 29px; }
  .decision-summary mark { max-width: 118px; align-self: center; text-align: center; }
  .decision-evidence { min-width: 0; padding: 9px 10px; }
  .decision-evidence header { margin-bottom: 7px; }
  .decision-evidence header span { display: none; }
  .decision-cards { width: 100%; min-width: 0; max-width: 100%; grid-template-columns: none; grid-auto-columns: minmax(210px, 76vw); grid-auto-flow: column; padding: 1px 1px 6px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .decision-cards::-webkit-scrollbar { display: none; }
  .decision-card { scroll-snap-align: start; }
  .decision-card:last-child:nth-child(odd) { grid-column: auto; }
  .decision-why { grid-template-columns: minmax(0, 1fr) auto; min-height: 64px; gap: 10px; padding: 9px 11px; }
  .decision-why p { display: -webkit-box; overflow: hidden; font-size: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .decision-why button { min-height: 34px; padding-inline: 10px; white-space: nowrap; }
  .decision-final { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 9px 11px; }
  .decision-final ul { grid-column: 1 / -1; flex-wrap: nowrap; padding-bottom: 3px; overflow-x: auto; scrollbar-width: none; }
  .decision-final ul::-webkit-scrollbar { display: none; }
  .decision-final li { flex: 0 0 auto; }
  .decision-final > div:last-child { display: flex; }
  .decision-final > div:last-child > * { min-height: 34px; padding-inline: 10px; }
}

/* Cascade lock for the supplied desktop reference composition. */
@media (min-width: 1041px) {
  .capabilities.page-width { width: min(1480px, calc(100% - 48px)); max-width: none; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(28px, 3vw, 52px); align-content: center; }
  .feature-heading { grid-column: 1; grid-row: 1; display: block; margin: 0 0 22px; }
  .feature-heading .quiet-label, .feature-intro p { display: none; }
  .feature-heading h2 { width: auto; max-width: 360px; font-size: clamp(34px, 3vw, 50px); line-height: 1.08; }
  .feature-intro { display: block; margin-top: 16px; padding: 0; }
  .feature-intro strong { font-size: 14px; font-weight: 440; }
  .feature-explorer { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: clamp(28px, 3vw, 52px); align-items: start; }
  .feature-tabs { grid-column: 1; position: static; align-self: start; }
  .feature-tabs button { min-height: 92px; grid-template-columns: 46px 1fr; padding: 15px 18px 15px 22px; }
  .product-stage { grid-column: 2; position: static; display: grid; grid-template-columns: 188px minmax(0, 1fr); grid-template-rows: 48px minmax(0, 1fr); min-height: 650px; margin-top: -154px; align-self: start; overflow: hidden; border-radius: 14px; }
  .browser-bar { grid-column: 1 / -1; grid-row: 1; min-height: 48px; }
  .x-profile-context { grid-column: 1; grid-row: 2; display: flex; min-width: 0; min-height: 0; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 20px; border-right: 1px solid rgba(157,181,196,.12); border-bottom: 0; }
  .x-profile-context > p, .x-profile-context > ul { display: initial; }
  .decision-panel { grid-column: 2; grid-row: 2; min-height: 0; padding: 17px; }
  .decision-panel[data-feature-name="commercial"] .decision-cards,
  .decision-panel[data-feature-name="pricing"] .decision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="contact"] .decision-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .decision-panel[data-feature-name="similar"] .decision-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1041px) and (max-height: 800px) {
  .capabilities.page-width, .feature-explorer { grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); }
  .feature-heading { margin-bottom: 12px; }
  .feature-heading h2 { width: auto; font-size: clamp(31px, 2.6vw, 40px); }
  .feature-intro { margin-top: 10px; }
  .feature-tabs button { min-height: 72px; padding-block: 9px; }
  .product-stage { grid-template-columns: 168px minmax(0,1fr); grid-template-rows: 40px minmax(0,1fr); min-height: 568px; margin-top: -116px; }
  .browser-bar { min-height: 40px; }
  .x-profile-context { padding: 17px 16px; }
  .decision-panel { padding: 10px; }
}

@media (min-width: 1041px) {
  .x-profile-context > div:nth-child(2) { display: grid; grid-template-columns: 1fr; gap: 3px; }
  .x-profile-context > div:nth-child(2) strong { grid-column: auto; margin-top: 5px; font-size: 18px; }
  .x-profile-context > div:nth-child(2) span { font-size: 11px; }
  .x-profile-context > div:nth-child(2) small { margin-top: 3px; font-size: 9px; }
  .decision-panel { grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; }
  .decision-panel[data-feature-name="similar"] { grid-template-rows: auto minmax(0, 1fr) auto auto; }
  .decision-evidence { display: grid; grid-template-rows: auto minmax(0, 1fr); }
  .decision-cards { align-items: stretch; }
  .decision-card { height: 100%; }
}

@media (max-width: 1040px) {
  .x-profile-context > p,
  .x-profile-context > ul { display: none; }
}

@media (max-width: 680px) {
  .decision-final ul { display: none; }
  .decision-final > div:last-child button { display: none; }
}

/* Final screen: keep the conversion story horizontal on desktop. */
.restrained-tool-preview .pricing-section.final-conversion {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(460px, 1.06fr);
  gap: clamp(40px, 5vw, 76px);
  min-height: calc(100svh - 68px);
  align-items: center;
  justify-content: stretch;
  padding-block: clamp(38px, 5vh, 64px);
}

.pricing-section.final-conversion .final-copy,
.pricing-section.final-conversion .scout-console { min-width: 0; }

.pricing-section.final-conversion .scout-console { width: 100%; max-width: 650px; justify-self: end; }

@media (min-width: 921px) and (max-height: 800px) {
  .restrained-tool-preview .pricing-section.final-conversion { padding-block: 24px; }
  .pricing-section.final-conversion .final-copy .quiet-label { margin-bottom: 14px; }
  .pricing-section.final-conversion .final-copy > p { margin-top: 14px; }
  .pricing-section.final-conversion .final-actions { margin-top: 18px; }
  .pricing-section.final-conversion .final-trust { margin-top: 14px; }
}

@media (max-width: 920px) {
  .restrained-tool-preview .pricing-section.final-conversion {
    grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
    gap: 28px;
  }
}

@media (max-width: 680px) {
  .restrained-tool-preview .pricing-section.final-conversion {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    min-height: 0;
    padding-block: 64px;
  }
  .pricing-section.final-conversion .scout-console { max-width: none; justify-self: stretch; }
}

/* Desktop feature screen: keep the complete decision workspace inside one viewport. */
@media (min-width: 1041px) {
  html { scroll-padding-top: 76px; }

  .restrained-main > section[id] { scroll-margin-top: 76px; }

  .capabilities.page-width {
    box-sizing: border-box;
    width: min(1480px, calc(100% - 64px));
    height: calc(100svh - 68px);
    min-height: 660px;
    grid-template-columns: minmax(270px, 340px) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: clamp(30px, 3.2vw, 52px);
    align-content: center;
    padding-block: clamp(24px, 3.5vh, 36px);
    overflow: hidden;
  }

  .capabilities .feature-heading {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    margin: 0 0 clamp(18px, 2.2vh, 24px);
  }

  .capabilities .feature-heading h2 {
    max-width: 340px;
    font-size: clamp(36px, 2.75vw, 46px);
    line-height: 1.02;
  }

  .capabilities .feature-intro { margin-top: 14px; }
  .capabilities .feature-intro strong { color: #9cabb3; font-size: 14px; line-height: 1.55; }

  .capabilities .feature-explorer { display: contents; }

  .capabilities .feature-tabs {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }

  .capabilities .feature-tabs button {
    min-height: clamp(70px, 8.2vh, 84px);
    grid-template-columns: 42px 1fr;
    padding: 12px 16px 12px 18px;
  }

  .capabilities .feature-tabs b { font-size: 12px; }
  .capabilities .feature-tabs span { font-size: 16px; }
  .capabilities .feature-tabs small { font-size: 12px; }

  .capabilities .product-stage {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    height: min(650px, calc(100svh - 116px));
    min-height: 540px;
    margin-top: 0;
    grid-template-columns: 176px minmax(0, 1fr);
    grid-template-rows: 44px minmax(0, 1fr);
  }

  .capabilities .browser-bar { min-height: 44px; }
  .capabilities .x-profile-context { padding: 20px 18px; }
  .capabilities .avatar-sample { width: 60px; height: 60px; font-size: 19px; }

  .capabilities .decision-panel {
    grid-template-rows: auto auto minmax(62px, 1fr);
    align-content: stretch;
    gap: 10px;
    padding: 14px;
  }

  .capabilities .decision-summary { min-height: 102px; padding: 14px 16px; }
  .capabilities .decision-summary p { font-size: 18px; }
  .capabilities .decision-summary p strong { font-size: 42px; }

  .capabilities .decision-evidence {
    display: block;
    padding: 13px 16px 14px;
  }

  .capabilities .decision-card {
    height: auto;
    min-height: 88px;
    padding: 10px;
  }

  .capabilities .decision-card strong { font-size: 12px; }
  .capabilities .decision-card span,
  .capabilities .decision-card small { font-size: 10px; }

  .capabilities .decision-why {
    min-height: 62px;
    margin-top: 0;
    align-self: end;
    padding: 10px 16px;
  }

  .capabilities .decision-why p { font-size: 11px; }
}

@media (min-width: 1041px) and (max-height: 760px) {
  .capabilities.page-width {
    min-height: 600px;
    padding-block: 18px;
  }

  .capabilities .feature-heading { margin-bottom: 12px; }
  .capabilities .feature-heading h2 { font-size: clamp(32px, 2.5vw, 39px); }
  .capabilities .feature-intro { margin-top: 9px; }
  .capabilities .feature-tabs button { min-height: 66px; padding-block: 8px; }
  .capabilities .product-stage { height: calc(100svh - 104px); min-height: 520px; }
  .capabilities .decision-panel { gap: 6px; padding: 9px; }
  .capabilities .decision-summary { min-height: 80px; padding-block: 9px; }
  .capabilities .decision-summary p strong { font-size: 34px; }
  .capabilities .decision-evidence { padding: 9px 11px 10px; }
  .capabilities .decision-evidence header { margin-bottom: 7px; }
  .capabilities .decision-card { min-height: 68px; padding: 8px; }
  .capabilities .decision-why { min-height: 54px; padding-block: 8px; }
}

/* Final conversion screen: lock the content to the same safe desktop frame. */
@media (min-width: 921px) {
  .restrained-tool-preview .pricing-section.final-conversion.page-width {
    box-sizing: border-box;
    width: min(1320px, calc(100% - 96px));
    height: calc(100svh - 68px);
    min-height: 620px;
    grid-template-columns: minmax(390px, .9fr) minmax(500px, 1.1fr);
    gap: clamp(38px, 4vw, 58px);
    margin-inline: auto;
    padding-block: clamp(28px, 4vh, 44px);
    overflow: hidden;
  }

  .pricing-section.final-conversion .final-copy {
    width: 100%;
    max-width: 560px;
    justify-self: start;
    overflow: hidden;
  }

  .pricing-section.final-conversion .final-copy .quiet-label { margin-bottom: clamp(20px, 2.8vh, 28px); }
  .pricing-section.final-conversion .final-copy h2 { font-size: clamp(42px, 3.55vw, 52px); line-height: 1.03; }
  .pricing-section.final-conversion .final-copy > p { margin-top: 18px; font-size: 13px; }

  .pricing-section.final-conversion .final-actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: clamp(22px, 3vh, 30px);
  }

  .pricing-section.final-conversion .final-action {
    min-width: 0;
    min-height: 124px;
    padding: 19px 20px;
  }

  .pricing-section.final-conversion .final-action strong {
    overflow-wrap: anywhere;
    font-size: 17px;
    line-height: 1.2;
  }

  .pricing-section.final-conversion .final-trust { gap: 12px 20px; margin-top: 18px; }

  .pricing-section.final-conversion .scout-console {
    width: 100%;
    max-width: 590px;
    justify-self: end;
    padding: clamp(22px, 2.4vw, 28px);
    border-radius: 24px;
  }

  .pricing-section.final-conversion .scout-console-head { padding-bottom: 20px; }
  .pricing-section.final-conversion .scout-console-list article { min-height: 76px; }
  .pricing-section.final-conversion .scout-console-pro { min-height: 74px; margin-top: 16px; }
}

@media (min-width: 921px) and (max-width: 1180px) {
  .restrained-tool-preview .pricing-section.final-conversion.page-width {
    width: calc(100% - 56px);
    grid-template-columns: minmax(340px, .86fr) minmax(430px, 1.14fr);
    gap: 28px;
  }

  .pricing-section.final-conversion .final-copy h2 { font-size: 42px; }
  .pricing-section.final-conversion .final-actions { grid-template-columns: 1fr; }
  .pricing-section.final-conversion .final-action { min-height: 96px; }
  .pricing-section.final-conversion .final-trust { gap: 8px 14px; }
}

.transaction-card { position: relative; z-index: 1; min-width: 0; padding: clamp(20px, 2.4vw, 32px); border: 1px solid #176579; border-radius: 18px; background: linear-gradient(135deg, rgba(16,42,53,.76), rgba(6,16,24,.94)); }
.transaction-card header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid #263c47; }
.transaction-card header strong { color: var(--quiet-accent); font-size: 11px; letter-spacing: .18em; }
.transaction-card span { color: #a8b7bf; font-size: 12px; line-height: 1.5; }
.transaction-comparison { display: grid; grid-template-columns: 1fr auto 1fr 1.2fr; gap: 14px; align-items: center; padding-top: 30px; }
.transaction-comparison > div, .transaction-roi > div { display: grid; gap: 10px; min-width: 0; }
.transaction-comparison strong { color: #edf3f5; font: 400 clamp(30px, 3vw, 44px)/1.1 Georgia, serif; white-space: nowrap; }
.transaction-card i { color: #8498a3; font-size: 25px; font-style: normal; }
.transaction-saving { border-left: 1px solid #31434d; padding-left: 20px; }
.transaction-saving strong { color: var(--quiet-accent); font-family: inherit; font-size: clamp(40px, 4vw, 58px); }
.transaction-roi { display: grid; grid-template-columns: 1fr auto 1.2fr; align-items: center; gap: 24px; margin-top: 30px; padding-top: 24px; border-top: 1px solid #31434d; }
.transaction-roi strong { color: #edf3f5; font-size: 32px; line-height: 1; font-weight: 500; }
.transaction-roi > div:last-child strong { color: var(--quiet-accent); font-size: 44px; }
.transaction-note { margin: 22px 0 0; color: #80949f; font-size: 10px; line-height: 1.6; }
@media (max-width: 600px) {
  .transaction-comparison { grid-template-columns: 1fr auto 1fr; gap: 12px; }
  .transaction-saving { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #31434d; padding: 18px 0 0; margin-top: 6px; }
  .transaction-roi { gap: 14px; }
}

/* Real pricing proof: one claim, one comparison, one evidence strip. */
.pricing-proof-screen {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  grid-template-rows: 1fr auto;
  gap: clamp(38px, 5vw, 76px);
  align-items: center;
}

.pricing-proof-screen::before {
  position: absolute;
  top: 5%;
  right: -18%;
  width: 720px;
  height: 720px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(13,66,116,.23), rgba(8,25,43,.1) 48%, transparent 72%);
  filter: blur(34px);
  content: "";
  pointer-events: none;
}

.pricing-story,
.deal-proof,
.data-proof-bar { position: relative; z-index: 1; }

.pricing-story .quiet-label { margin-bottom: clamp(22px, 3.2vh, 34px); }
.pricing-story h2 { margin: 0; color: var(--quiet-text); font-size: clamp(48px, 5.2vw, 72px); font-weight: 470; letter-spacing: -.055em; line-height: 1.06; }
.pricing-story h2 span { color: var(--quiet-accent); }
.pricing-story > p:last-child { max-width: 520px; margin: clamp(30px, 4vh, 42px) 0 0; color: #a0adb4; font-size: 16px; line-height: 1.65; }

.deal-proof { display: grid; gap: 0; align-content: center; padding: 6px 10px; }
.deal-proof > small { margin-bottom: 8px; color: #8d9aa3; font-size: 11px; letter-spacing: .12em; line-height: 1.6; text-transform: uppercase; }
.deal-price { display: flex; min-height: 94px; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(219,231,237,.44); }
.deal-price span { color: #d3dadd; font-size: 13px; letter-spacing: .17em; text-transform: uppercase; }
.deal-price strong { color: #edf3f5; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 3.5vw, 50px); font-weight: 400; letter-spacing: -.035em; }
.deal-price--paid { border-bottom-color: rgba(8,191,212,.72); }
.deal-price--paid strong { color: #27d8e7; }
.deal-difference { display: flex; align-items: baseline; gap: 24px; margin-top: clamp(26px, 3.8vh, 40px); color: var(--quiet-accent); }
.deal-difference strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(64px, 5.2vw, 76px); font-weight: 400; letter-spacing: -.055em; line-height: 1; }
.deal-difference span { font-size: 18px; letter-spacing: .18em; }
.deal-conclusion { margin: clamp(24px, 3vh, 30px) 0 0; color: #e1e7e9; font-size: 18px; line-height: 1.45; }
.deal-pro { display: flex; align-items: center; gap: 15px; margin: 28px 0 0; color: #89969f; font-size: 12px; letter-spacing: .16em; }
.deal-pro i { width: 4px; height: 4px; border-radius: 50%; background: var(--quiet-accent); box-shadow: 0 0 8px rgba(8,191,212,.5); }
.deal-pro b { color: #e2e8ea; font-size: 14px; font-weight: 500; letter-spacing: .04em; }
.deal-note { margin: 20px 0 0; color: #697983; font-size: 10px; line-height: 1.55; }

.data-proof-bar { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; gap: 32px; align-items: center; min-height: 40px; color: #b5c0c5; }
.data-proof-bar strong,
.data-proof-bar span { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.data-proof-bar span:nth-child(2) { justify-self: center; }
.data-proof-bar i { display: inline-block; width: 4px; height: 4px; margin: 0 14px 2px; border-radius: 50%; background: var(--quiet-accent); }

@media (min-width: 921px) {
  .data-section.pricing-proof-screen.page-width {
    box-sizing: border-box;
    width: min(1420px, calc(100% - 96px));
    height: calc(100svh - 68px);
    min-height: 650px;
    padding-block: clamp(34px, 5vh, 56px);
    overflow: hidden;
  }
}

@media (min-width: 921px) and (max-height: 800px) {
  .data-section.pricing-proof-screen.page-width { min-height: 590px; padding-block: 26px; }
  .pricing-story h2 { font-size: clamp(43px, 4.7vw, 60px); }
  .pricing-story > p:last-child { margin-top: 26px; font-size: 14px; }
  .deal-price { min-height: 75px; }
  .deal-difference { margin-top: 24px; }
  .deal-difference strong { font-size: clamp(60px, 5.2vw, 72px); }
  .deal-conclusion { margin-top: 18px; font-size: 16px; }
  .deal-pro { margin-top: 20px; }
  .deal-note { margin-top: 14px; }
  .data-proof-bar { min-height: 40px; }
}

@media (max-width: 920px) {
  .pricing-proof-screen { grid-template-columns: 1fr; grid-template-rows: auto; gap: 46px; padding-block: 72px; }
  .pricing-story h2 { font-size: clamp(42px, 8vw, 64px); }
  .deal-proof { padding: 0; }
  .data-proof-bar { grid-column: auto; grid-template-columns: 1fr; gap: 14px; padding-block: 8px; }
  .data-proof-bar span:nth-child(2) { justify-self: start; }
}

@media (max-width: 680px) {
  .pricing-proof-screen { gap: 36px; }
  .pricing-story h2 { font-size: 40px; }
  .pricing-story > p:last-child { margin-top: 26px; font-size: 14px; }
  .deal-price { min-height: 76px; }
  .deal-price span { font-size: 10px; }
  .deal-price strong { font-size: 42px; }
  .deal-difference { gap: 14px; }
  .deal-difference strong { font-size: 68px; }
  .deal-difference span { font-size: 12px; }
  .deal-conclusion { font-size: 16px; }
  .data-proof-bar span { line-height: 1.8; }
  .data-proof-bar i { margin-inline: 8px; }
}

/* Shared desktop frame: screens 2–5 use one horizontal rhythm. */
@media (min-width: 1041px) {
  .sample-section.page-width,
  .capabilities.page-width,
  .data-section.page-width,
  .pricing-section.page-width {
    box-sizing: border-box;
    width: min(1160px, calc(100% - 72px));
    max-width: none;
    margin-inline: auto;
  }

  .capabilities.page-width {
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    column-gap: clamp(28px, 3vw, 44px);
  }

  .capabilities .feature-explorer {
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
  }

  .capabilities .product-stage {
    grid-template-columns: 164px minmax(0, 1fr);
  }

  .pricing-proof-screen {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(42px, 4.5vw, 66px);
  }

  .restrained-tool-preview .pricing-section.final-conversion.page-width {
    width: min(1160px, calc(100% - 72px));
    max-width: none;
    margin-inline: auto;
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
    gap: clamp(34px, 3.5vw, 50px);
  }

  .data-section.pricing-proof-screen.page-width {
    width: min(1160px, calc(100% - 72px));
    max-width: none;
    margin-inline: auto;
  }

  /* Chinese UI copy: keep short labels intact and prevent 1–2 character orphans. */
  [data-page-lang="zh"] .x-profile-context > p,
  [data-page-lang="zh"] .x-profile-context mark,
  [data-page-lang="zh"] .decision-card > div > span,
  [data-page-lang="zh"] .decision-card > div > small,
  [data-page-lang="zh"] .decision-final li {
    white-space: nowrap;
  }

  [data-page-lang="zh"] .x-profile-context > p {
    letter-spacing: 0;
  }

  [data-page-lang="zh"] .x-profile-context mark {
    letter-spacing: .05em;
  }

  [data-page-lang="zh"] .decision-card > div > span,
  [data-page-lang="zh"] .decision-card > div > small {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  [data-page-lang="zh"] .decision-final ul {
    flex-wrap: nowrap;
    gap: 6px 10px;
  }
}

/* Unified editorial system for screens 2–5. */
:root {
  --screen-title-size: clamp(42px, 3.55vw, 52px);
  --screen-title-weight: 630;
  --screen-title-leading: 1.04;
  --screen-lede-size: 14px;
  --screen-lede-leading: 1.65;
}

.creator-fit-copy h2,
.capabilities .feature-heading h2,
.pricing-story h2,
.pricing-section.final-conversion .final-copy h2 {
  margin: 0;
  color: var(--quiet-text);
  font-size: var(--screen-title-size);
  font-weight: var(--screen-title-weight);
  letter-spacing: -.055em;
  line-height: var(--screen-title-leading);
}

.creator-fit-copy h2 span,
.capabilities .feature-heading h2 span,
.pricing-section.final-conversion .final-copy h2 span {
  color: var(--quiet-accent);
}

.creator-fit-copy .quiet-label,
.capabilities .feature-heading .quiet-label,
.pricing-story .quiet-label,
.pricing-section.final-conversion .final-copy .quiet-label {
  display: block;
  margin: 0 0 18px;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .2em;
}

.creator-fit-lede,
.capabilities .feature-intro strong,
.pricing-story > p:last-child,
.pricing-section.final-conversion .final-copy > p {
  color: #93a1aa;
  font-size: var(--screen-lede-size);
  font-weight: 430;
  line-height: var(--screen-lede-leading);
}

.creator-fit-copy.screen-heading > .creator-fit-lede {
  font-size: var(--screen-lede-size);
  line-height: var(--screen-lede-leading);
}

.creator-fit-copy.screen-heading > .creator-fit-lede,
.pricing-story > p:last-child,
.pricing-section.final-conversion .final-copy > .screen-lede {
  max-width: 480px;
  margin-top: 18px;
}

@media (max-height: 800px) {
  .creator-fit-copy.screen-heading > .creator-fit-lede,
  .pricing-story > p:last-child,
  .pricing-section.final-conversion .final-copy > .screen-lede {
    margin-top: 14px;
  }
}

.capabilities .feature-intro {
  margin-top: 18px;
}

.capabilities .feature-intro strong {
  display: block;
  max-width: 360px;
}

/* One interaction language across links, tabs, dialog controls and CTAs. */
.feature-tabs button,
.final-action,
.creator-dialog-action,
.creator-dialog-close,
.hero-actions a,
.site-nav a,
.header-actions a,
.decision-why button,
.decision-final button,
.decision-final a {
  transition: border-color .2s ease, background-color .2s ease, color .2s ease, opacity .2s ease, transform .2s ease;
}

.feature-tabs button:focus-visible,
.final-action:focus-visible,
.creator-dialog-action:focus-visible,
.creator-dialog-close:focus-visible,
.hero-actions a:focus-visible,
.site-nav a:focus-visible,
.header-actions a:focus-visible,
.decision-why button:focus-visible,
.decision-final button:focus-visible,
.decision-final a:focus-visible,
.page-progress a:focus-visible {
  outline: 2px solid var(--quiet-accent);
  outline-offset: 3px;
}

@media (hover: hover) {
  .final-action:hover,
  .creator-dialog-action:hover,
  .hero-actions a:hover,
  .decision-final a:hover {
    transform: translateY(-2px);
  }
}

@media (max-width: 1040px) {
  :root { --screen-title-size: clamp(38px, 6vw, 46px); }

  .creator-fit-copy .quiet-label,
  .capabilities .feature-heading .quiet-label,
  .pricing-story .quiet-label,
  .pricing-section.final-conversion .final-copy .quiet-label {
    margin-bottom: 14px;
  }
}

@media (max-width: 680px) {
  :root { --screen-title-size: 38px; }

  .creator-fit-lede,
  .capabilities .feature-intro strong,
  .pricing-story > p:last-child,
  .pricing-section.final-conversion .final-copy > p {
    font-size: 13px;
  }
}

@media (min-width: 1041px) {
  /* Use one anchor offset mechanism; combining both created a double header gap. */
  html { scroll-padding-top: 0; }
}

/* Content must remain readable at short viewport heights and increased text size. */
.restrained-tool-preview .data-section.pricing-proof-screen.page-width,
.restrained-tool-preview .pricing-section.final-conversion.page-width,
.restrained-tool-preview .capabilities.page-width {
  height: auto;
  overflow: visible;
}
.restrained-tool-preview .data-section.pricing-proof-screen.page-width {
  grid-template-rows: auto;
  row-gap: 20px;
  padding-block: 48px;
}
.capabilities .product-stage {
  height: auto;
  min-height: 0;
  grid-template-rows: 44px auto;
}
.capabilities .decision-panel,
.capabilities .decision-panel[data-feature-name="similar"] {
  grid-template-rows: auto;
  align-content: start;
}
.capabilities .decision-panel .decision-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-columns: auto;
  gap: 10px;
}
.capabilities .decision-panel .decision-card {
  grid-template-columns: 30px minmax(0, 1fr);
  min-height: 0;
  height: auto;
  padding: 12px;
  gap: 10px;
}
.capabilities .decision-panel .decision-card > i { width: 30px; height: 30px; font-size: 12px; }
.capabilities .decision-card > i img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.capabilities .decision-card > div > strong,
.capabilities .decision-card > div > span,
.capabilities .decision-card > div > small,
[data-page-lang="zh"] .capabilities .decision-card > div > span,
[data-page-lang="zh"] .capabilities .decision-card > div > small {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  text-wrap: pretty;
  font-size: 12px;
  line-height: 1.5;
  color: #9dadb6;
}
.capabilities .decision-card > div > strong { color: #e3eaed; font-size: 14px; }
.capabilities .decision-card.is-best { padding-top: 24px; }
.capabilities .decision-card > b { font-size: 12px; }
.capabilities .decision-evidence header { flex-wrap: wrap; gap: 6px 12px; }
.capabilities .decision-evidence header span { display: block; font-size: 12px; letter-spacing: .02em; }
.capabilities .decision-summary { flex-wrap: wrap; gap: 12px; }
.capabilities .decision-summary span,
.capabilities .decision-summary small,
.capabilities .decision-summary mark,
.capabilities .decision-evidence header strong,
.capabilities .decision-why small,
.capabilities .decision-final small,
.capabilities .decision-final li,
.capabilities .x-profile-context > p,
.capabilities .x-profile-context mark,
.capabilities .x-profile-context > div:nth-child(2) small,
.capabilities .x-profile-context > ul li { font-size: 12px; letter-spacing: 0; }
.capabilities .x-profile-context mark { padding: 6px 0; border: 0; white-space: normal; }
.capabilities .decision-why { grid-template-columns: 1fr; gap: 12px; align-self: start; }
.capabilities .decision-why p { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 14px; line-height: 1.6; }
.capabilities .decision-final { grid-template-columns: 1fr; }
.capabilities .decision-final ul,
[data-page-lang="zh"] .capabilities .decision-final ul { display: flex; flex-wrap: wrap; overflow: visible; }
@media (max-width: 680px) {
  .capabilities .decision-panel .decision-cards { grid-template-columns: 1fr; }
  .capabilities .decision-summary { display: flex; }
  .capabilities .product-stage { display: block; }
  .capabilities .decision-card:last-child { grid-column: auto; }
  .restrained-tool-preview .data-section.pricing-proof-screen.page-width { padding-block: 56px; }
}

/* Desktop demo: one viewport, one conclusion, no repeated conversion CTA. */
@media (min-width: 1041px) and (min-height: 570px) {
  .restrained-tool-preview .capabilities.page-width {
    min-height: calc(100svh - 76px);
    height: auto;
    padding-block: 12px;
    grid-template-rows: auto auto;
    align-content: center;
  }
  .capabilities .feature-heading { align-self: start; margin-bottom: 14px; }
  .capabilities .feature-heading .quiet-label { margin-bottom: 12px; }
  .capabilities .feature-intro { margin-top: 12px; }
  .capabilities .feature-tabs button { min-height: 54px; padding: 7px 14px; }
  .capabilities .product-stage { align-self: center; grid-template-rows: 32px auto; }
  .capabilities .browser-bar { min-height: 32px; }
  .capabilities .x-profile-context { padding: 16px 14px; gap: 8px; }
  .capabilities .x-profile-context > ul li { padding-block: 8px; }
  .capabilities .decision-panel { padding: 10px; gap: 8px; }
  .capabilities .decision-summary { min-height: 0; padding: 10px 12px; gap: 8px; }
  .capabilities .decision-summary p strong { font-size: 32px; }
  .capabilities .decision-summary p { font-size: 16px; }
  .capabilities .decision-summary mark { padding: 6px 8px; }
  .capabilities .decision-evidence { padding: 10px; }
  .capabilities .decision-evidence header { margin-bottom: 8px; }
  .capabilities .decision-panel .decision-cards { gap: 8px; }
  .capabilities .decision-panel .decision-card { padding: 9px; gap: 8px; }
  .capabilities .decision-panel .decision-card.is-best { padding-top: 9px; }
  .capabilities .decision-card.is-best > b { position: static; grid-column: 1; grid-row: 2; font-size: 12px; }
  .capabilities .decision-card.is-best > div { grid-column: 2; grid-row: 1 / 3; }
  .capabilities .decision-card > div { gap: 2px; }
  .capabilities .decision-why { padding: 10px 12px; min-height: 0; }
  .capabilities .decision-why p { font-size: 14px; line-height: 1.45; }
}