/* A single quiet illustration area; red remains in the character, not the UI. */
.hero-result{position:relative}
.result-motion{display:block;position:relative;padding:0;border:0;background:#fff;width:100%;aspect-ratio:610/490;max-width:380px;margin:0 auto 24px;overflow:hidden}
.result-motion:disabled{opacity:1;cursor:default}
.motion-player{position:absolute;inset:0;visibility:hidden}
.motion-player svg{display:block;width:100%;height:100%}
.motion-poster{position:absolute;width:118.033%;height:auto;max-width:none;left:-9.016%;top:-29.592%}
.result-motion[data-motion-state="ready"] .motion-player,.result-motion[data-motion-state="playing"] .motion-player,.result-motion[data-motion-state="static"] .motion-player,.result-motion[data-motion-state="complete"] .motion-player{visibility:visible}
.result-motion[data-motion-state="ready"] .motion-poster,.result-motion[data-motion-state="playing"] .motion-poster,.result-motion[data-motion-state="static"] .motion-poster,.result-motion[data-motion-state="complete"] .motion-poster{visibility:hidden}
.result-motion[hidden]{display:none}
.export-hero{position:relative;min-height:118px;padding-right:150px}
.export-hero .export-value{white-space:normal;font-size:35px;line-height:43px}
.export-hero .export-note{font-size:11px;line-height:16px}
.export-character{position:absolute;right:0;top:4px;width:148px;height:119px;overflow:hidden}
.export-character>img{position:absolute;max-width:none;width:174.69px;height:174.69px;left:-13.34px;top:-35.18px}
.export-character>svg{display:block;width:148px;height:119px}
.export-hero:not(:has(.export-character)){padding-right:0;min-height:0}
.export-compact .export-row:not(.export-hero){padding:4px 0}
@media(max-width:599px){
 /* Put the result before comparison controls in the mobile reading flow. */
 .result-capture{display:flex;flex-direction:column}
 .result-information,.result-home,.result-body{display:contents}
 .capture-header{order:0;margin-bottom:32px}
 .result-information h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .result-home>h2{order:1}.result-home>.result-meta{order:2}.result-home>.result-price{order:3}.result-home>.price-source{order:4}
 .result-body>.hero-result{order:5;padding-top:16px;border-bottom:0}
 .result-home-controls{order:6;margin:0;padding:16px 0 24px;border-bottom:1px solid var(--line)}
 .result-body>.practical-comparison{order:7}.result-body>.detours{order:8}.result-notes{order:9}
}
@media(min-width:600px){
 .result-body .hero-result{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);column-gap:24px;align-items:center;min-height:300px;padding:24px 0 32px;border-bottom:1px solid var(--line)}
 .hero-copy{grid-column:1;grid-row:1}
 .result-motion{grid-column:2;grid-row:1;margin:0;max-width:380px;justify-self:end}
 .result-body .practical-comparison{grid-column:1/-1;grid-row:2;padding:32px 0}
 .result-body .detours{grid-row:3}
 .practical-comparison .extra-presets{max-width:460px}
 .practical-comparison .comparison-editor{max-width:540px}
 .practical-comparison .comparison-chart{max-width:540px}
}
@media(min-width:1100px){.result-body .hero-result{padding-top:0}.hero-years{font-size:80px}}
@media(max-width:359px){.hero-value{column-gap:6px}}