/* Requested, scoped refinements; retain the established navy and product palette. */
body main .metrics-heading { text-align:center; margin-bottom:56px; }
body main .metric-toggle { grid-template-columns:1fr 1fr; cursor:default; }
body main .metric-label { text-align:left; }
body main .metric-label small { display:block; margin-top:10px; font-size:14px; font-weight:400; color:var(--apex-text-body); }
body main .metric-number { justify-content:flex-end; text-align:right; white-space:nowrap; }
body main .metric-row.is-active .metric-number { font-size:clamp(70px,7.2vw,126px); }
body main .partnership-copy { max-width:1100px; }
body main .partnership-copy h2 { font-size:clamp(42px,4.7vw,82px); }
body main .partnership-copy h2 span { display:block; }
body main .partnership-mark { opacity:.26; }
body main .about-actions .text-link { padding:16px 24px; border:1px solid #BDAFA5; border-radius:10px; color:var(--apex-text-primary); background:transparent; text-decoration:none; transition:transform .22s ease,background .22s ease,border-color .22s ease; }
body main .about-actions .text-link:hover,body main .about-actions .text-link:focus-visible { transform:translateY(-3px) scale(1.025); background:#DDC9BA; border-color:#DDC9BA; color:var(--apex-text-primary); }
body.product-center-page main > .hero,
body.product-v1 main > :is(.product-hero,.detail-hero),
body main > .device-hero { background:linear-gradient(90deg,rgba(248,250,252,.97) 0%,rgba(248,250,252,.88) 42%,rgba(248,250,252,.25) 72%,rgba(248,250,252,.16) 100%),#F8FAFC url('../assets/optimized/apex-product-hero-pearl-v1-web.webp') center / cover no-repeat; }
body.product-center-page main > .hero :is(.hero-copy,.catalog-stage),
body.product-v1 main > :is(.product-hero,.detail-hero) :is(.hero-copy,.hero-visual,.product-map,.hero-gallery),
body main > .device-hero :is(.hero-copy,.hero-image) { background:transparent; border-radius:0; box-shadow:none; }
body main > .device-hero .hero-copy { color:var(--apex-text-primary); }
body main > .device-hero .hero-copy h1 { color:var(--apex-text-primary); }
body main > .device-hero .hero-copy .btn { background:var(--apex-action-primary); color:var(--apex-text-inverse); }
body.product-center-page main .pump-photo { display:flex; text-decoration:none; overflow:hidden; }
body.product-center-page main .pump-photo img { transition:transform .3s ease; }
body.product-center-page main .pump-photo:hover img { transform:translateY(-6px) scale(1.045); }
body.product-center-page main .finder-chapter .result-panel { background:var(--apex-surface-inverse); }
body.reservoir-detail main .detail-hero { padding:32px var(--pad) 48px; min-height:calc(100svh - 94px); gap:5vw; }
body.reservoir-detail main .detail-hero .hero-copy { padding:28px 0; }
body.reservoir-detail main .detail-hero .hero-gallery { padding:40px 32px; min-height:0; }
body.reservoir-detail main .detail-hero .hero-gallery img { height:clamp(280px,48vh,490px); }
body main .manifesto { min-height:calc(100svh - 94px); display:flex; flex-direction:column; justify-content:space-between; padding:60px 0 36px; }
body main .manifesto-head { display:grid; grid-template-columns:1.2fr 1fr; gap:7vw; align-items:end; }
body main .manifesto-copy { padding:0; margin:0 0 8px; }
body main .manifesto-copy p { max-width:520px; text-wrap:pretty; }
body main .process-stage { margin-top:24px; }
body main .flow-viewport { --card-width:clamp(320px,26vw,460px); --idle-scale:.64; --idle-step:calc(var(--card-width) * .64 + 22px); height:clamp(280px,39vh,390px); }
body main .flow-item { height:70%; transform:translate(calc(-50% + var(--direction) * (var(--card-width) * .82 + 22px + (var(--distance) - 1) * var(--idle-step))),-50%) scale(var(--idle-scale)); }
body main .flow-item.active { height:94%; transform:translate(-50%,-50%) scale(1); }
body main .factory-scene { min-height:100svh; }
body main .conversation { background:var(--apex-surface-default); }
body main .conversation .sentence { background:var(--apex-selected-apricot,#F2E0D2); }
body main .conversation h2 { font-size:clamp(30px,3.1vw,54px); text-wrap:pretty; }
@media(min-width:1100px) { body main .partnership-copy h2 span { white-space:nowrap; } }
@media(max-width:760px) {
 body.product-center-page main > .hero,body.product-v1 main > :is(.product-hero,.detail-hero),body main > .device-hero { background-image:linear-gradient(180deg,rgba(248,250,252,.94),rgba(248,250,252,.84) 40%,rgba(248,250,252,.3) 75%),url('../assets/optimized/apex-product-hero-pearl-v1-web.webp'); }
 body main .metrics-heading { margin-bottom:30px; }
 body main .metric-toggle,body main .metric-row.is-active .metric-toggle { grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:20px; }
 body main .metric-label,body main .metric-row.is-active .metric-label { font-size:19px; }
 body main .metric-label small { font-size:12px; }
 body main .metric-number { font-size:25px; gap:5px; flex-wrap:wrap; }
 body main .metric-row.is-active .metric-number { font-size:40px; }
 body main .metric-number small { font-size:12px; }
 body main .metric-row.is-active { height:180px; }
 body main .partnership-copy h2 { font-size:clamp(28px,7.4vw,42px); }
 body.reservoir-detail main .detail-hero { padding:24px var(--pad) 36px; min-height:calc(100svh - 74px); }
 body main .manifesto { padding:48px 0 24px; min-height:0; }
 body main .manifesto-head { grid-template-columns:1fr; gap:24px; }
 body main .flow-viewport { --card-width:76vw; height:320px; }
 body main .factory-scene { min-height:100svh; }
}
@media(prefers-reduced-motion:reduce) { body main .about-actions .text-link,body.product-center-page main .pump-photo img { transition:none; } }
