/* S04-09 / S05-05 — scoped correction, existing concept and materials. */
.demo-intro,.offer-intro{text-align:center}
.offer-intro{max-width:740px;margin-inline:auto}
.offer-intro h2{margin:20px 0 0}.demo-journey #process-title{margin-bottom:0}
.offer-body{margin-top:38px}
/* One shared TEMPER object on compact screens. The normal-flow copies remain
   the semantic/static fallback; only enhancement activates the controlled stage. */
.demo-compact .demo-story{height:calc(min(720px,100svh - var(--demo-top) - 12px) + 165svh);margin-top:26px}
.demo-compact .demo-pin{top:var(--demo-top);height:min(720px,calc(100svh - var(--demo-top) - 12px));--copy-zone:214px}
.demo-compact .demo-copy-stack{width:100%;left:0;top:12px;bottom:auto;height:var(--copy-zone);text-align:center}
.demo-compact .demo-phase{align-items:flex-start;justify-content:center}
.demo-compact .demo-copy{width:100%;max-width:550px}
.demo-compact .demo-copy h3{font-size:30px;line-height:1.15;margin:0 auto 13px;max-width:480px}
.demo-compact .demo-copy>p{font-size:14px;line-height:1.65;max-width:48ch;margin-inline:auto}
.demo-compact .demo-copy .demo-reassurance{font-size:11px;margin-top:10px}
.demo-compact .demo-copy .demo-payoff{font-size:16px;margin-top:12px}
.demo-compact .demo-visual{left:0;width:100%;top:calc(var(--copy-zone) + 16px);bottom:16px;height:auto;transform:none;perspective:1200px}
.demo-compact .demo-brief-object .intake-art{height:min(340px,100%);width:auto;aspect-ratio:.79;max-width:100%}
.demo-compact .demo-concept-object .screen-art{aspect-ratio:1.48;max-width:660px;margin:auto}
.demo-compact .demo-signal{left:0;right:0;top:0;height:16px;gap:10px}
.demo-compact .demo-signal span{font-size:7px}
.demo-compact .demo-fragments{inset:5% 0}
.demo-compact .fragment-services{font-size:10px;left:8%;top:48%}
.demo-compact .fragment-photo{width:28%;top:57%;left:46%}
.demo-compact .fragment-message{left:13%;top:28%}
.demo-compact .demo-guides{top:9%;height:80%}
.demo-compact .demo-concept-object .concept-glass{backdrop-filter:blur(4px) saturate(.72);-webkit-backdrop-filter:blur(4px) saturate(.72)}
@media(max-width:639px){
 .demo-compact .demo-pin{--copy-zone:215px}
 .demo-compact .demo-copy h3{font-size:28px;max-width:365px}
 .demo-compact .demo-copy>p{font-size:13px;max-width:39ch}
 .demo-compact .demo-concept-object .screen-art{aspect-ratio:1.31}
 .demo-compact .demo-concept-object .screen-scene{inset:4% 0 7%}
 .demo-compact .demo-copy .demo-payoff{font-size:15px}
}
@media(max-width:359px){
 .demo-compact .demo-pin{--copy-zone:212px}
 .demo-compact .demo-copy h3{font-size:25px;line-height:1.13;margin-bottom:11px}
 .demo-compact .demo-copy>p{font-size:12.5px;line-height:1.6}
 .demo-compact .demo-copy .demo-payoff{font-size:13.5px;margin-top:10px}
 .demo-compact .fragment-services{font-size:9px}
}
/* A genuine one-viewport comparison state, with the introduction in normal flow. */
@media(min-width:1100px){
 .offer-body{align-items:stretch}
 .delivery-timeline{grid-template-rows:repeat(3,1fr)}
 .delivery-stage{min-height:0;height:200px;padding:8px 0;gap:8px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .delivery-stage h3{font-size:30px;margin-bottom:9px}
 .delivery-copy{font-size:13px;line-height:1.6;max-width:40ch}
 .delivery-payment{margin-top:8px}
 .service-object{height:178px}
 .object-space{transform:scale(.85)}
 .purchase-widget{padding:18px 21px;height:600px}
 .purchase-top p{display:none}
 .purchase-price{margin:10px 0}.purchase-price>p{font-size:72px}
 .purchase-payments{padding:9px 0;margin-bottom:13px}
 .purchase-payments strong{font-size:26px}.purchase-payments dd{display:flex;gap:6px}
 .purchase-cta{min-height:48px}
 .purchase-reassurance{margin:8px 0 3px}
 .purchase-principle{grid-template-columns:1fr;gap:6px;margin-top:6px;padding-top:12px}
 .purchase-principle h4{font-size:24px}.purchase-principle h4 br{display:none}
 .purchase-principle p{font-size:12px;line-height:1.6}
 .purchase-credit{padding:10px 12px;margin-top:12px;display:block}
 .purchase-credit>p[data-credit-description]{font-size:12px;line-height:1.5;margin-top:5px}
 .purchase-credit .credit-outcome{margin-top:5px}
 .purchase-credit .credit-condition{font-size:10px;line-height:1.5;margin-top:5px}
 .purchase-demo{padding-top:7px;margin-top:auto;font-size:11px}
 .purchase-demo button{min-height:32px;font-size:12px}
 .purchase-state{margin:0 0 7px;font-size:11px}
}
@media(min-width:1100px) and (max-height:779px){
 .delivery-stage{height:194px}
 .purchase-widget{height:582px;padding-block:16px}
 .service-object{height:170px}
 .object-space{transform:scale(.81)}
 .purchase-price{margin:8px 0}.purchase-principle{padding-top:10px}
}
/* Keep the full commercial meaning and 48px purchase action; recover dead space. */
@media(max-width:639px){
 .purchase-widget{padding:14px 16px}
 .purchase-price{margin:8px 0}
 .purchase-payments{padding:8px 0;margin-bottom:10px}
 .purchase-reassurance{margin:7px 0 2px}
 .purchase-principle{margin-top:5px;padding-top:9px;gap:5px}
 .purchase-credit{margin-top:9px;padding:8px 10px}
 .purchase-credit>p[data-credit-description]{line-height:1.5;margin-top:4px}
 .purchase-credit .credit-outcome{margin-top:4px}
 .purchase-credit .credit-condition{margin-top:4px;line-height:1.5}
 .purchase-demo{padding-top:5px}.purchase-demo button{min-height:32px}
}
@media(max-width:359px){.purchase-widget{padding:13px 14px}}