/* S04-10 / S05-06 — bounded responsive polish.
   Desktop delivery geometry and the S04 story remain untouched. */

/* Keep the Strategize stack dimensional while bringing its projected planes
   closer to the balanced, front-facing presence of Build and Launch. */
.object-strategy .sheet-back{
 transform:translate(-6px,-7px) rotateX(42deg) rotateZ(-18deg);
}
.object-strategy .sheet-middle{
 transform:translate(3px,9px) rotateX(42deg) rotateZ(-14deg);
}
.object-strategy .blueprint-face{
 transform:rotateX(31deg) rotateZ(-14deg);
}
.object-strategy .strategy-pin{
 left:174px;
 top:117px;
 transform:rotateX(31deg) rotateZ(-14deg);
}

/* The existing delivery layout becomes stacked at 639px. In that mode the
   dimensional object introduces each stage before its centered explanation. */
@media (max-width:639px){
 .delivery-stage .service-object{order:-1;margin:0 auto 3px}
 .delivery-stage .delivery-text{order:0;text-align:center}
 .delivery-stage{padding:21px 0 18px}
 .delivery-stage:first-child{padding-top:8px}
 .delivery-stage h3{margin-bottom:9px}
 .delivery-stage .delivery-payment{margin-top:8px}
}

/* A dedicated small-phone density treatment. The main price, payments and
   primary action retain their established type and touch-target hierarchy.
   The quiet Free Demo route moves immediately below the card. */
@media (max-width:359px){
 .purchase-rail{padding-bottom:39px}
 .purchase-widget{overflow:visible;padding:10px 12px}
 .purchase-mark{height:21px}
 .purchase-mark i{height:21px}.purchase-mark i:nth-child(2){height:16px}.purchase-mark i:nth-child(3){height:11px}
 .purchase-price{margin:6px 0}
 .purchase-price>p{font-size:66px}
 .purchase-payments{padding:6px 0;margin-bottom:8px}
 .purchase-payments dd span{font-size:10.5px}
 .purchase-reassurance{margin:4px 0 1px;line-height:1.45}
 .purchase-principle{margin-top:3px;padding-top:7px;gap:3px}
 .purchase-principle p{font-size:11.5px;line-height:1.48}
 .purchase-credit{margin-top:6px;padding:6px 8px}
 .purchase-credit>p[data-credit-description]{font-size:11.5px;line-height:1.45;margin-top:3px}
 .purchase-credit .credit-outcome{margin-top:2px}
 .purchase-credit .credit-condition{font-size:9.5px;line-height:1.4;margin-top:2px}
 .purchase-demo{position:absolute;top:calc(100% + 3px);left:0;right:0;padding:0;margin:0;min-height:36px}
 .purchase-demo button{min-height:36px}
}
