/* 999px and under (the phone layer, 3 October 2026): moved out of world-pricing.css unchanged, linked with
   media="(max-width:999px)" immediately after it. These rules outrank the later stage rules there
   ((0,5,1) against (0,4,0)), so their new place after the whole file changes nothing. */

/* Phones and tablets (3 October 2026, launch): wherever the live object will mount (JavaScript on, motion allowed), the
   stage takes its live size from the first paint, so it does not grow under the reader when the object arrives; a device
   without WebGL (data-pricing-object="unavailable") returns to the still's own size. The still then fades out once the
   object has drawn its first frame (pricing.js adds is-live only then). */
@media (max-width:999px) and (prefers-reduced-motion:no-preference){
 html.world-js .superstrate-interior-page[data-current-page="pricing"] .pricing-stage:not([data-pricing-object="unavailable"]){aspect-ratio:4 / 3}
 .superstrate-interior-page[data-current-page="pricing"] .pricing-still-frame{transition:opacity .35s ease,visibility 0s linear .35s}
 .superstrate-interior-page[data-current-page="pricing"] .pricing-stage.is-live .pricing-still-frame{opacity:0}
}
@media (min-width:600px) and (max-width:999px) and (prefers-reduced-motion:no-preference){
 html.world-js .superstrate-interior-page[data-current-page="pricing"] .pricing-stage:not([data-pricing-object="unavailable"]){aspect-ratio:16 / 10}
}