/* Final responsive layer. Keep after landing.css; applies to every hosting path. */
html{color-scheme:dark}
body{overflow-wrap:break-word}
img,video{max-width:100%}
.w,.ptxt,.product-stage{min-width:0}
a,button,input,select{-webkit-tap-highlight-color:transparent}
button,a,input,select,summary{touch-action:manipulation}
:focus-visible{outline:2px solid #d5ff2d;outline-offset:4px}
.booking-dialog,#bookingSlots,.product-dialog-scroll{scrollbar-width:thin;scrollbar-color:#626560 #141613;overscroll-behavior:contain}
.booking-dialog::-webkit-scrollbar,#bookingSlots::-webkit-scrollbar,.product-dialog-scroll::-webkit-scrollbar{width:5px;height:5px}
.booking-dialog::-webkit-scrollbar-track,#bookingSlots::-webkit-scrollbar-track,.product-dialog-scroll::-webkit-scrollbar-track{background:#141613}
.booking-dialog::-webkit-scrollbar-thumb,#bookingSlots::-webkit-scrollbar-thumb,.product-dialog-scroll::-webkit-scrollbar-thumb{background:#626560;border-radius:20px}
.booking-dialog{overflow-x:hidden}
.booking-close{min-width:36px;min-height:36px}
@media(max-width:1100px) and (min-width:701px){
  .design-preview #platform .platform-bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .design-preview #platform .prow[data-platform-panel="3"]{grid-column:1/-1}
}
@media(max-width:900px) and (min-width:701px){
  .design-preview #platform .prow.bd,.design-preview #platform .prow[data-platform-panel="3"]{grid-template-columns:1fr;min-height:0}
  .design-preview #platform .prow.bd .ptxt,.design-preview #platform .prow[data-platform-panel="3"] .ptxt{padding:30px 30px 0}
  .design-preview #platform .prow.bd .ptxt p,.design-preview #platform .prow[data-platform-panel="3"] .ptxt p{max-width:100%}
  .design-preview #platform .prow h3 br{display:none}
  .design-preview #platform .prow .bd-vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-preview #platform .prow.bd .product-stage,.design-preview #platform .prow[data-platform-panel="3"] .product-stage{padding:26px 24px 24px}
}
@media(max-width:700px){
  .design-preview .hero{min-height:700px;min-height:88svh}
  .design-preview .hero .hero-grid{padding:118px 20px 86px}
  .design-preview .hero h1{font-size:clamp(27px,7.9vw,50px)}
  .design-preview .hero .lead{font-size:15px;line-height:1.65}
  .design-preview #platform .prow{scroll-margin-top:82px}
  .design-preview #platform .prow .ptxt,.design-preview #platform .prow.bd .ptxt,.design-preview #platform .prow[data-platform-panel] .ptxt{padding:26px 24px 8px}
  .design-preview #platform .prow p{font-size:15px;line-height:1.6}
  .design-preview #platform .prow.bd .product-stage,.design-preview #platform .prow[data-platform-panel] .product-stage{padding:18px 12px 14px}
  .design-preview #platform .prow[data-platform-panel="2"] .product-stage{padding:20px 24px 28px}
  .design-preview #platform .prow[data-platform-panel="2"] .product-preview{width:72%;max-width:236px}
  .booking-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}
  #bookingForm input,.booking-timezone select{font-size:16px}
  #bookingSlots button{min-height:44px}
  .booking-dialog .booking-close{position:sticky;top:10px;float:right;margin:10px 10px -46px auto;z-index:5;grid-column:1;justify-self:end}
  .booking-picker{grid-template-columns:1fr}
  .booking-times{border-left:0;border-top:1px solid #31362f;padding:16px 0 0}
  #bookingSlots{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
  .booking-times>strong{min-height:0;margin:0 0 12px}
  .booking-intro{padding-right:44px}
  footer .fgrid a{min-height:44px}
}
@media(max-width:360px){
  .design-preview .hero h1{font-size:7.7vw}
  .design-preview #platform .prow .bd-vals{grid-template-columns:1fr}
  .design-preview #platform .prow .ptxt,.design-preview #platform .prow.bd .ptxt,.design-preview #platform .prow[data-platform-panel] .ptxt{padding-inline:20px}
  .booking-main{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){
  .bmq-t,.rvw-track{animation:none!important}
  .rv,.prow,.ec,.bc{opacity:1!important;transform:none!important}
}