/* Fictional before/after results share the existing one-shot scene clock. */
.hero .scene-growth-summary{position:absolute;left:1.5%;top:0;width:48%;max-width:330px;padding:9px 10px;border:1px solid #b8d7e3;border-radius:7px;background:#fff;color:#19334d;z-index:5;box-shadow:0 10px 24px #0010203d;opacity:1;pointer-events:none}
.hero .scene-growth-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-bottom:6px;border-bottom:1px solid #e3edf2}
.hero .scene-growth-heading>strong{font-size:10px;font-weight:750;line-height:1.3}
.hero .scene-growth-heading>span{font-size:6px;line-height:1.3;color:#6b8092;white-space:nowrap}
.hero .scene-growth-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:7px 0 0}
.hero .scene-growth-summary dl>div+div{padding-left:10px;border-left:1px solid #e3edf2}
.hero .scene-growth-summary dt{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#526c81;font-size:7px;line-height:1.3;white-space:nowrap}
.hero .scene-growth-summary dt>b{font-size:9px;font-weight:750;color:#008c9a;background:#e5f5f6;padding:2px 4px;border-radius:3px}
.hero .scene-growth-summary dd{display:flex;align-items:baseline;gap:4px;margin:3px 0 0;line-height:1}
.hero .scene-growth-summary dd>strong{font-size:25px;line-height:1;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#19334d}
.hero .scene-growth-summary dd>small{font-size:8px;color:#6b8092}
.hero .scene-growth-summary p{margin:4px 0 0;font-size:7px;line-height:1.2;font-variant-numeric:tabular-nums;color:#6b8092}
.hero[data-scene-engine="gsap"] .scene-growth-summary{opacity:0}
.hero[data-improvement-phase="before"] .scene-growth-summary{opacity:0}
.hero:not([data-scene-engine="gsap"])[data-improvement-phase="after"] .scene-analysis{display:none}
.hero:not([data-scene-engine="gsap"])[data-improvement-phase="after"] .scene-browser-pose{margin-top:24px;transform:none}
.hero .scene-dashboard-heading em{display:inline-block;margin-left:4px;padding:2px 4px;font-size:7px;line-height:1.2;font-weight:600;font-style:normal;background:#eaf0f4;color:#607588;border-radius:2px;vertical-align:middle}
.hero[data-improvement-phase="after"] .scene-dashboard-heading em{background:#def2f4;color:#007e8b}
.hero .scene-chart-baseline{stroke:#98a7b4;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:0}
.hero[data-improvement-phase="after"] .scene-chart-baseline{opacity:.8}
.hero .scene-analysis .scene-before-key{visibility:hidden}
.hero[data-improvement-phase="after"] .scene-analysis .scene-before-key{visibility:visible}
.hero .scene-analysis .scene-before-key:before{width:9px;height:0;border-top:1px dashed #98a7b4;background:none}
.hero .scene-analysis[data-improvement-dashboard] .scene-metrics-key{flex-wrap:wrap;row-gap:3px}
@media(max-width:1150px) and (min-width:651px){
 .hero.hero-polish-v1{--improvement-space:max(540px,calc(34vw + 245px))}
 .hero.hero-polish-v1 .scene-space{height:var(--improvement-space)}
 .hero.hero-polish-v1 .hero-main{min-height:calc(75vw - 330px + var(--improvement-space))}
 .hero .scene-growth-summary{left:14%;top:150px;width:80%;max-width:none}
 .hero:not([data-scene-engine="gsap"])[data-improvement-phase="after"] .scene-browser-pose{margin-top:110px}
}
@media(max-width:980px) and (min-width:651px){
 .hero.hero-polish-v1{--improvement-space:max(540px,calc(43vw + 245px))}
 .hero.hero-polish-v1 .hero-main{min-height:calc(102vw - 330px + var(--improvement-space))}
}
@media(max-width:650px){
 .hero.hero-polish-v1 .scene-space{height:max(570px,calc(76vw + 175px))}
 .hero .scene-growth-summary{left:2%;top:110px;width:96%;max-width:none;padding:10px}
 .hero:not([data-scene-engine="gsap"])[data-improvement-phase="after"] .scene-browser-pose{margin-top:70px}
 .hero .scene-growth-heading>strong{font-size:11px}
 .hero .scene-growth-heading>span{font-size:6.5px}
 .hero .scene-growth-summary dl{gap:10px}
 .hero .scene-growth-summary dt{font-size:8px}
 .hero .scene-growth-summary dt>b{font-size:10px}
 .hero .scene-growth-summary dd>strong{font-size:25px}
 .hero .scene-growth-summary p{font-size:8px}
}