/* Preserve RoboLab's colors, typefaces and card shapes at every viewport. */
.hero-inner,.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.benefit-grid>article,.hero-copy,.order-offer,.order-form{min-width:0}
.constructions .model-grid{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--green) var(--sage);padding:5px 0 14px;touch-action:pan-x pan-y pinch-zoom}
.constructions .model-grid>figure{flex:0 0 calc((100% - 44px)/3);min-width:0;max-width:none;scroll-snap-align:start;margin:0}
.model-grid .model-image{display:block;width:100%;height:250px;overflow:hidden}
.model-grid figcaption{min-width:0;max-width:100%;padding-inline:18px;overflow-wrap:anywhere}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:10px}
.carousel-controls p{min-width:95px;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}
.carousel-arrow{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green);color:white;font:700 24px Nunito,Arial,sans-serif;cursor:pointer}
.carousel-arrow:hover:not(:disabled){background:#0a3b26}
.carousel-arrow:disabled{background:#dce6da;color:#6c786c;cursor:default}
.swipe-hint{font-size:14px;margin:10px 0 20px;color:#42574c}
.model-grid:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.submit{white-space:normal;text-wrap:balance}
@media(max-width:1000px){.model-grid .model-image{height:200px}.benefit-grid h3{overflow-wrap:anywhere}}
@media(max-width:700px){
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .hero-inner,.order-grid{grid-template-columns:minmax(0,1fr)}
 .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .trust li{min-width:0;flex-direction:column;text-align:center;gap:7px}
 .benefit-grid{gap:10px}.benefit-icon{width:min(85px,100%);height:auto;aspect-ratio:1}
 .benefit-grid h3{font-size:clamp(16px,4.8vw,21px);line-height:1.18;letter-spacing:-.3px}
 .benefit-grid p{font-size:13px;overflow-wrap:break-word}
 .hero-visual{margin-bottom:12px}.hero-note{font-size:clamp(16px,4.8vw,22px);right:10px;top:12px}
 .badge{width:120px;bottom:-14px}.badge b{font-size:26px}.badge strong{font-size:18px}
 .main-cta{font-size:clamp(19px,5.2vw,23px);padding-inline:18px;gap:12px}
 .main-cta .icon{width:24px;height:24px}
 .constructions .model-grid{gap:14px;scroll-padding-inline:0}
 .constructions .model-grid>figure{flex-basis:86%;padding:14px 14px 18px}
 .model-grid img,.model-grid .model-image{height:235px}
 .model-grid figcaption{font-size:22px}
 .family-copy h2{max-width:100%;font-size:clamp(28px,8.2vw,35px)}
 .family-copy .rays{position:static;vertical-align:middle;margin-left:4px;width:23px;transform:scale(.7)}
 .order-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .checks{font-size:13px}.checks li{padding-left:27px;overflow-wrap:break-word}
 .total{align-items:center}.total strong{white-space:nowrap}
 .mobile-order{bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:10px;padding:13px 16px;font-size:clamp(16px,4.8vw,20px);min-height:60px}
 .mobile-order>span{white-space:nowrap;min-width:0}
 .mobile-order small{max-width:91px;line-height:1.25;font-size:11px;padding-left:10px}
 .submit{font-size:clamp(15px,4.3vw,18px)}
}
@media(max-width:350px){.header{gap:10px}.brand{font-size:34px}.brand small{font-size:9px}.nav-button{font-size:12px;padding:11px 13px}.brand .rays{right:-23px;transform:scale(.55)}.offer strong{font-size:68px}.mobile-order{padding-inline:12px;gap:8px}.mobile-order small{max-width:75px}.model-grid img,.model-grid .model-image{height:210px}}
@media(prefers-reduced-motion:reduce){.constructions .model-grid{scroll-behavior:auto}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit:disabled{opacity:.7;cursor:wait}