/* Approved hero option 2: selected catalogue shoe flows into one result. */
.business-page .hero-shelf-flow { max-width: 1000px; margin: 64px auto 0; }
.hero-catalogue h2 { text-align: center; font-size: 15px; line-height: 1.5; font-weight: 600 !important; margin: 0 0 18px; }
.hero-catalogue-grid { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: 10px; }
.hero-shelf-flow .hero-catalogue-grid .wall-shoe { position: relative; width: auto; height: 78px; top: auto; left: auto; min-width: 0; opacity: .55; border: 1px solid transparent; border-bottom-color: #ffffff1c; border-radius: 8px; background: linear-gradient(0deg,#17182b,transparent 45%); overflow: visible; }
.hero-catalogue-grid .wall-shoe img { position: static; width: 100%; height: 100%; object-fit: contain; transform: none; }
.hero-catalogue-grid .wall-shoe[data-brand='Brooks'] img,
.hero-catalogue-grid .wall-shoe[data-brand='New Balance'] img { transform: scaleX(-1); }
.hero-catalogue-grid .wall-shoe[data-selected='true'] { opacity: 1; background: #15324677; border-color: #79f1ff; box-shadow: 0 0 24px #2ed1f420; }
.shelf-check { position: absolute; right: 4px; top: 4px; display: grid; place-items: center; width: 16px; height: 16px; background: #79f1ff; color: #052131; border-radius: 50%; font-size: 10px; }
.hero-catalogue-grid .wall-shoe:nth-child(1) { order: 1; }
.hero-catalogue-grid .wall-shoe:nth-child(2) { order: 2; }
.hero-catalogue-grid .wall-shoe:nth-child(3) { order: 5; }
.hero-catalogue-grid .wall-shoe:nth-child(4) { order: 4; }
.hero-catalogue-grid .wall-shoe:nth-child(5) { order: 3; }
.hero-catalogue-grid .wall-shoe:nth-child(6) { order: 6; }
.hero-catalogue-grid .wall-shoe:nth-child(7) { order: 7; }
.hero-catalogue-grid .wall-shoe:nth-child(8) { order: 8; }
.hero-catalogue-grid .wall-shoe:nth-child(9) { order: 9; }
.hero-selected-caption { text-align: center; color: #a8f0fc; font-size: 10px; margin-top: 15px; }
.hero-flow-bridge { text-align: center; color: #9be9f7; padding: 10px 0 16px; }
.hero-flow-bridge > span:not(.hero-flow-arrow) { display: block; font-size: 10px; line-height: 1.7; letter-spacing: .5px; }
.hero-flow-arrow { display: block; font-size: 32px; line-height: 1; text-shadow: 0 0 18px #2ed1f477; }
.hero-example { max-width: 850px; margin: auto; padding: 22px; border: 1px solid #79f1ff38; border-radius: 24px; background: radial-gradient(ellipse at 0 40%,#17426124,transparent 70%); }
.business-page .hero-example > h2 { font-size: 15px; line-height: 1.5; font-weight: 600; margin: 0 0 18px; padding-bottom: 16px; border-bottom: 1px solid #ffffff10; color: #c7f8ff; }
.hero-example-content { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: 18px; }
.hero-example-shoe { position: relative; min-width: 0; margin: 0; height: 440px; }
.hero-example-shoe .featured-studio { position: static; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: lighten; }
.hero-example-shoe figcaption { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #a6a1b5; font-size: 9px; }
.hero-example-shoe .model-label { position: static; width: auto; font-size: inherit; color: inherit; letter-spacing: 0; }
.hero-example-dot { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #79f1ff; }
html[data-run-it-theme='light'] .hero-catalogue h2 { color: var(--run-it-light-heading); }
html[data-run-it-theme='light'] .hero-selected-caption,
html[data-run-it-theme='light'] .hero-flow-bridge { color: var(--run-it-light-accent); }
html[data-run-it-theme='light'] .hero-example { background: #030014; }
@media(max-width:767px) {
 .business-page .hero-shelf-flow { margin-top: 48px; }
 .hero-catalogue h2 { font-size: 14px; }
 .hero-catalogue-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
 .hero-shelf-flow .hero-catalogue-grid .wall-shoe { height: 62px; }
 .hero-catalogue-grid .wall-shoe:nth-child(n+7) { display: none; }
 .hero-flow-bridge { margin: 15px auto; }
 .hero-example { padding: 14px; border-radius: 20px; }
 .business-page .hero-example > h2 { margin-bottom: 0; font-size: 14px; }
 .hero-example-content { grid-template-columns: 1fr; gap: 0; }
 .hero-example-shoe { height: 255px; margin-bottom: 16px; }
 .hero-example-shoe figcaption { bottom: 3px; font-size: 10px; }
}

/* Make the catalogue-to-reason story lead; keep the example subordinate. */
.business-page .hero-catalogue h2,
.business-page .hero-example > h2 { text-align:center; font-size:30px; line-height:1.25; font-weight:700 !important; letter-spacing:-.7px; }
.business-page .hero-catalogue h2 { margin-bottom:20px; }
.hero-selected-caption { margin-top:10px; }
.hero-flow-bridge { padding:8px 0 12px; }
.hero-example { max-width:820px; padding:24px; border:1px solid #ffffff20; border-radius:24px; background:#060416; }
.business-page .hero-example > h2 { margin:0 0 24px; padding:0; border:0; color:#fff; }
.hero-example-content { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:20px; }
.hero-example-shoe { height:330px; }
.business-page .hero-example .business-result-card { padding:18px; }
.business-page .hero-example .business-result-card article { padding:12px 0; }
.business-page .hero-example .business-result-card h2 { font-size:18px; }
.business-page .hero-example .business-result-card .result-label { margin-bottom:5px; }
.business-page .hero-example .business-result-card .match-track { margin-top:12px; }
html[data-run-it-theme='light'] .hero-example { background:#060416; }
html[data-run-it-theme='light'] .business-page .hero-example > h2 { color:#fff; }
@media(max-width:767px) {
 .business-page .hero-catalogue h2,
 .business-page .hero-example > h2 { font-size:25px; letter-spacing:-.5px; }
 .hero-flow-bridge { margin:8px auto; }
 .business-page .hero-example > h2 { margin-bottom:12px; }
 .hero-example-content { grid-template-columns:1fr; gap:0; }
 .hero-example-shoe { height:220px; margin-bottom:14px; }
}

.business-page .hero-shelf-flow { scroll-margin-top:110px; }

.hero-example-shoe .featured-studio { mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent); }
@media(max-width:767px) { .hero-example { padding:18px 14px; } }

/* Nine catalogue inputs, a lightweight circular engine, one explained result. */
.hero-catalogue-grid { gap:0; }
.hero-shelf-flow .hero-catalogue-grid .wall-shoe { margin:0 5px; }
.hero-engine-flow { display:flex; flex-direction:column; align-items:center; margin:0 auto 22px; }
.hero-engine-connections { display:block; width:100%; height:120px; margin-bottom:-8px; overflow:visible; }
.hero-engine-connections path { fill:none; vector-effect:non-scaling-stroke; }
.engine-connection { stroke:#63dbea; stroke-opacity:.35; stroke-width:1; }
.engine-pulse { stroke:#b8f8ff; stroke-width:2; stroke-linecap:round; stroke-dasharray:2 98; animation:engine-route 3.6s linear infinite; filter:drop-shadow(0 0 3px #58e8ff); }
.hero-engine-core { width:132px; height:132px; position:relative; display:grid; place-items:center; border:1px solid #78dfeb80; border-radius:50%; background:radial-gradient(circle,#123342 0%,#080b1b 72%); box-shadow:0 0 30px #3bcbe315,inset 0 0 20px #5cdeee0c; }
.hero-engine-core::before { content:""; position:absolute; inset:7px; border:1px solid #78dfeb24; border-radius:50%; }
.hero-engine-core img { width:99px; height:auto; position:relative; }
.hero-engine-orbit { position:absolute; inset:-5px; border:1px solid transparent; border-top-color:#9aeeff; border-right-color:#6ed4e240; border-radius:50%; animation:engine-orbit 8s linear infinite; }
.hero-engine-name { color:#fff; font-size:11px; line-height:1.5; margin:15px 0 12px; letter-spacing:2px; font-weight:600; }
.hero-engine-line { position:relative; width:1px; height:48px; background:#79e7ff40; }
.hero-engine-line i { position:absolute; top:0; left:0; width:1px; height:14px; background:linear-gradient(transparent,#b8f8ff); animation:hero-engine-signal 2.6s linear infinite; }
.hero-engine-output::after { content:""; position:absolute; bottom:0; left:-4px; width:9px; height:9px; border-right:1px solid #a8f0fc; border-bottom:1px solid #a8f0fc; transform:rotate(45deg); }
@keyframes engine-route { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes engine-orbit { to { transform:rotate(360deg); } }
@keyframes hero-engine-signal { 0% { transform:translateY(0); opacity:0; } 20%,70% { opacity:1; } 100% { transform:translateY(30px); opacity:0; } }
html[data-run-it-theme='light'] .hero-engine-name { color:var(--run-it-light-heading); }
@media(max-width:767px) {
 .hero-catalogue-grid { grid-template-columns:repeat(9,minmax(0,1fr)); gap:0; }
 .hero-shelf-flow .hero-catalogue-grid .wall-shoe { display:block; height:45px; margin:0 1px; border-radius:4px; }
 .hero-catalogue-grid .shelf-check { width:9px; height:9px; top:2px; right:2px; }
 .hero-catalogue-grid .shelf-check .business-check { width:6px; height:6px; }
 .hero-engine-connections { height:90px; }
 .hero-engine-core { width:112px; height:112px; }
 .hero-engine-core img { width:85px; }
}
@media(prefers-reduced-motion:reduce) {
 .hero-engine-flow *, .hero-engine-flow *::before { animation:none !important; }
 .engine-pulse { display:none; }
}

/* Same example as the retailer card, with contrast for the dark hero surface. */
.hero-example .retailer-comparison { --range-color:#398899; --shoe-color:#b7f6ff; }
.hero-example .comparison-values,.hero-example .comparison-range-label { color:#aaa8be; }
.hero-example .comparison-values strong { color:#f2f8ff; }
.hero-example .comparison-range-label strong { color:#a3eaf5; }
.hero-example .comparison-track { background:#ffffff12; }
.hero-example .comparison-shoe { box-shadow:0 0 0 2px #101021; }
.hero-example .comparison-axis { color:#9395aa; }
.hero-example .key-runner,.hero-example .comparison-runner { border-color:#63e0f3; background:#0f1c2e; }
.hero-example .comparison-runner { box-shadow:0 0 0 2px #101021; }
.hero-example .comparison-runner::after { background:#63e0f3; }
.hero-example .retailer-availability { color:#7ce0ad; }
.hero-example .retailer-landing-demo { background:#080e1e; border-color:#ffffff16; }
.hero-example .retailer-landing-scene { background:#080e1e; }
.hero-example .retailer-landing-stage { filter:brightness(1.65); mix-blend-mode:screen; }
.hero-example .retailer-landing-surface { mix-blend-mode:screen; border-color:#285163; }
.hero-example .retailer-landing-surface img { filter:none; }
/* Apply the hero palette before JavaScript/WebGL initializes, and if it is unavailable. */
.hero-example .retailer-landing-stage > img { filter:url(#hero-white-upper); }
.hero-example .retailer-landing-label { color:#79e7ff; }
.hero-example .retailer-response-label { color:#d1b3fa; }
.hero-example .retailer-landing-footer { color:#a4aabd; }
.hero-example .retailer-landing-footer button { color:#b7f6ff; border-color:#74dceb45; background:#122236; }
.hero-example .retailer-landing-footer button:hover { background:#193148; }
.business-page .hero-example .business-result-card article:last-child { border-bottom:0; padding-bottom:0; }

/* Landing adaptation of the product analysis: a large LPI scene and compact side metrics. */
:is(.hero-example,.retailer-personalisation) { max-width:1000px; padding:30px 32px; }
.business-page :is(.hero-example,.retailer-personalisation) > h2 { margin-bottom:8px; }
.hero-example-content { grid-template-columns:minmax(0,1fr); gap:24px; }
.hero-example-shoe { width:min(100%,360px); height:250px; margin:0 auto; }
.hero-example-shoe .featured-studio { height:230px; object-fit:cover; object-position:50% 55%; }
.hero-example-shoe figcaption { bottom:0; font-size:10px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .card-heading { grid-column:1/-1; margin:0 0 24px; padding-bottom:16px; border-bottom:1px solid #ffffff12; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card article { min-width:0; padding:0; border:0; border-radius:0; background:none; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-lpi-result { grid-column:1; grid-row:2/4; padding-right:32px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-drop-result,
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-fit-result { grid-column:2; padding-left:28px; border-left:1px solid #ffffff12; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-drop-result { padding-bottom:28px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-fit-result { padding-top:24px; position:relative; }
.hero-fit-result::before { content:''; position:absolute; top:0; left:28px; right:0; height:1px; background:#ffffff12; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .result-label { margin-bottom:12px; font-size:12px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-lpi-result > .result-label { display:none; }
.business-page :is(.hero-example,.retailer-personalisation) .hero-lpi-result > h2,.business-page :is(.hero-example,.retailer-personalisation) .hero-lpi-result > p { text-align:center; }
.business-page :is(.hero-example,.retailer-personalisation) .hero-lpi-result > p { font-size:12px; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-demo { position:relative; margin:0 0 6px; border:0; border-radius:0; background:none; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-scene { aspect-ratio:2.7; background:#060416; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-stage { left:31%; top:3%; width:42%; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-surface { top:76%; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-surface img { width:70%; left:15%; top:-21.7cqw; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-ripple { top:76%; width:30%; height:12%; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-footer { position:absolute; top:0; right:2%; z-index:3; padding:0; }
:is(.hero-example,.retailer-personalisation) .retailer-landing-footer button { cursor:pointer; display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:50%; background:transparent; }
.hero-lpi-leaders { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.hero-lpi-leaders path { fill:none; stroke:#45d9ef; stroke-width:1; opacity:.65; }
.hero-lpi-leaders path + path { stroke:#b58bfa; }
.hero-lpi-readout { position:absolute; top:19%; left:2%; display:flex; flex-direction:column; gap:6px; line-height:1.3; }
.hero-lpi-readout > span { color:#51def2; font-size:10px; text-transform:uppercase; }
.hero-lpi-readout > small { color:#d0d2df; font-size:11px; }
.hero-lpi-readout > strong { color:#51def2; font-size:32px; font-weight:650; letter-spacing:-1px; }
.hero-lpi-readout strong small { font-size:13px; letter-spacing:0; }
.hero-lpi-response { left:auto; right:2%; top:36%; }
.hero-lpi-response > span,.hero-lpi-response > strong { color:#bd95fb; }
:is(.hero-example,.retailer-personalisation) .retailer-comparison { --range-color:#aa83e5; --shoe-color:#85e3bb; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .retailer-comparison { position:relative; margin:24px 12px 0; padding-top:30px; }
.hero-lpi-indicator { position:absolute; top:0; left:var(--runner-position); transform:translateX(-50%); color:#b6dce4; font-size:10px; white-space:nowrap; text-align:center; }
.hero-lpi-indicator > span { display:block; line-height:12px; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .comparison-runner { display:none; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .comparison-runner::after { display:none; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .comparison-shoe { top:-3px; height:14px; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .comparison-range-label { justify-content:center; gap:8px 20px; margin-top:16px; }
:is(.hero-example,.retailer-personalisation) .hero-lpi-result .comparison-range-label strong { color:inherit; margin-left:4px; font-weight:500; }
.business-page :is(.hero-example,.retailer-personalisation) .hero-drop-result > h2 { font-size:26px; margin-bottom:6px; }
.hero-drop-result > h2 small { font-size:15px; font-weight:500; }
:is(.hero-example,.retailer-personalisation) .drop-comparison { margin-top:24px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .size-result { gap:8px 12px; margin:4px 0 10px; }
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .size-result h2 { font-size:26px; }
@media(max-width:767px) {
 :is(.hero-example,.retailer-personalisation) { padding:24px 20px; }
 .hero-example-shoe { max-width:340px; height:240px; }
 .hero-example-shoe .featured-studio { height:220px; }
 .hero-example-content { gap:24px; }
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; }
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card .card-heading { margin-bottom:20px; }
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-lpi-result { grid-row:auto; padding:0 0 26px; }
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-drop-result,
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-fit-result { grid-column:1; padding:24px 0; border-left:0; border-top:1px solid #ffffff12; }
 .business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-fit-result { padding-bottom:0; }
 .hero-fit-result::before { display:none; }
 :is(.hero-example,.retailer-personalisation) .retailer-landing-scene { aspect-ratio:1.65; }
 :is(.hero-example,.retailer-personalisation) .retailer-landing-stage { left:22%; top:11.5%; width:60%; }
 .hero-lpi-readout { top:9%; left:0; gap:5px; }
 .hero-lpi-response { top:26%; left:auto; right:0; }
 .hero-lpi-readout > span { font-size:8px; }
 .hero-lpi-readout > small { font-size:10px; }
 .hero-lpi-readout > strong { font-size:27px; }
 .hero-lpi-leaders { display:none; }
 :is(.hero-example,.retailer-personalisation) .hero-lpi-result .retailer-comparison { margin-left:0; margin-right:0; }
 :is(.hero-example,.retailer-personalisation) .comparison-axis { font-size:8px; }
}

/* The retailer preview shares the analysis layout on its light store surface. */
.retailer-result-analysis { min-width:0; }
.retailer-result-analysis .retailer-purchase { width:100%; max-width:none; margin-left:0; }
.retailer-result-analysis > .retailer-result-note { text-align:right; }
.retailer-match-details .retailer-personalisation { background:#fff; border:1px solid #e1e8ed; border-radius:16px; margin-left:auto; margin-right:auto; }
.retailer-personalisation .retailer-landing-scene { background:#fff; }
.retailer-personalisation .hero-lpi-readout > span,.retailer-personalisation .hero-lpi-readout > strong { color:#087f99; }
.retailer-personalisation .hero-lpi-readout > small { color:#526571; }
.retailer-personalisation .hero-lpi-response > span,.retailer-personalisation .hero-lpi-response > strong { color:#7846a8; }
.retailer-personalisation .hero-lpi-indicator { color:#486575; }
.retailer-personalisation .hero-lpi-leaders path { stroke:#087f99; }
.retailer-personalisation .hero-lpi-leaders path + path { stroke:#7846a8; }
.business-page .retailer-personalisation .business-result-card .card-heading { border-color:#e1e8ed; }
.business-page .retailer-personalisation .business-result-card .hero-drop-result,
.business-page .retailer-personalisation .business-result-card .hero-fit-result { border-color:#e1e8ed; }
.retailer-personalisation .hero-fit-result::before { background:#e1e8ed; }
.retailer-personalisation .comparison-shoe { background:#278b67; box-shadow:0 0 0 2px #fff; }
.retailer-personalisation .key-shoe { background:#278b67; }
.retailer-personalisation .retailer-landing-footer button:hover { background:#e9f6fa; }
@media(max-width:767px) { .retailer-personalisation .hero-lpi-response { top:32%; } }

/* Keep the explanation beside the product, scaled for the store's detail column. */
@media(min-width:768px) {
 .retailer-slide .retailer-product { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:28px; }
 .retailer-match-details .retailer-personalisation { padding:18px 16px; }
 .business-page .retailer-personalisation .business-result-card { grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); }
 .business-page .retailer-personalisation .business-result-card .card-heading { margin-bottom:16px; padding-bottom:12px; font-size:9px; }
 .business-page .retailer-personalisation .business-result-card .card-heading small { font-size:8px; }
 .business-page .retailer-personalisation .business-result-card .hero-lpi-result { padding-right:16px; }
 .business-page .retailer-personalisation .business-result-card .hero-drop-result,
 .business-page .retailer-personalisation .business-result-card .hero-fit-result { padding-left:16px; }
 .business-page .retailer-personalisation .business-result-card .hero-drop-result { padding-bottom:18px; }
 .business-page .retailer-personalisation .business-result-card .hero-fit-result { padding-top:18px; }
 .retailer-personalisation .hero-fit-result::before { left:16px; }
 .business-page .retailer-personalisation .business-result-card h2,
 .business-page .retailer-personalisation .business-result-card .size-result h2 { font-size:20px; }
 .business-page .retailer-personalisation .business-result-card p { font-size:11px; line-height:1.55; }
 .business-page .retailer-personalisation .business-result-card .result-label { font-size:10px; }
 .retailer-personalisation .retailer-landing-scene { aspect-ratio:1.9; }
 .retailer-personalisation .retailer-landing-stage { left:25%; top:10%; width:54%; }
 .retailer-personalisation .hero-lpi-readout { top:14%; gap:4px; }
 .retailer-personalisation .hero-lpi-response { top:40%; }
 .retailer-personalisation .hero-lpi-readout > span { font-size:8px; }
 .retailer-personalisation .hero-lpi-readout > small { font-size:9px; }
 .retailer-personalisation .hero-lpi-readout > strong { font-size:23px; }
 .retailer-personalisation .hero-lpi-leaders { display:none; }
 .retailer-personalisation .hero-lpi-result .retailer-comparison { margin:18px 0 0; }
 .retailer-personalisation .hero-lpi-result .comparison-range-label { gap:6px 10px; margin-top:12px; flex-wrap:wrap; }
 .retailer-personalisation .comparison-axis,
 .retailer-personalisation .comparison-range-label,
 .retailer-personalisation .comparison-values { font-size:8px; }
 .retailer-personalisation .comparison-values strong { font-size:12px; }
 .retailer-personalisation .drop-comparison { margin-top:16px; }
 .retailer-personalisation .retailer-availability { font-size:11px; }
}

/* Compact match verdict, shared by the hero and retailer preview. */
.business-page :is(.hero-example,.retailer-personalisation) .business-result-card .hero-lpi-result > h2 {
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 width:fit-content;
 max-width:100%;
 padding:9px 18px;
 margin:8px auto 12px;
 border:1px solid #a783d3;
 border-radius:999px;
 background:linear-gradient(180deg,#aa7ce51c,#aa7ce50a);
 box-shadow:inset 0 1px 0 #d8beff26;
 color:#fff;
 font-size:20px;
 font-weight:650;
 line-height:1.3;
 letter-spacing:-.025em;
}
.business-page :is(.hero-example,.retailer-personalisation) .hero-lpi-result > h2::before {
 content:'';
 flex:none;
 width:27px;
 height:27px;
 background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23b58bea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='14' r='11.5'/%3E%3Cpath d='m8.5 14 3.5 3.5 7.5-7.5'/%3E%3C/svg%3E");
}
.business-page .retailer-personalisation .business-result-card .hero-lpi-result > h2 {
 background:linear-gradient(180deg,#30243f,#21192e);
 font-size:18px;
}
.business-page .hero-example .hero-lpi-result > p { color:#c4c6d2; }

:is(.hero-example,.retailer-personalisation) .retailer-landing-footer { display:flex; gap:2px; }
.retailer-landing-footer svg [hidden] { display:none; }

/* Match the main landing headline's heroFadeUp entrance and timing. */
@keyframes business-hero-fade-up {
 from { opacity:0; transform:translate3d(0,18px,0); filter:blur(2px); }
 to { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }
}
.business-hero #hero-heading { animation:business-hero-fade-up 1.05s ease-out .15s both; }
@media(prefers-reduced-motion:reduce) {
 .business-hero #hero-heading { animation:none; }
}

.hero-example .hero-explanation-link { display:inline-block; margin-top:12px; color:#a6a5b5; font-size:12px; line-height:1.5; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#a6a5b566; }
.hero-example .hero-explanation-link:hover, .hero-example .hero-explanation-link:focus-visible { color:#fff; text-decoration-color:currentColor; }
html[data-run-it-theme='light'] .hero-example .hero-explanation-link { color:#596775; }