/* Mobile readability: natural letter spacing, fluid headings and stacked content. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:960px){
 body[class] header{height:88px;padding-inline:5%;gap:16px}
 body[class] header>.button{display:none}
 body[class] header .menu{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid #d8e0e8;border-radius:6px;background:#fff;color:#102a4c;font-size:26px;line-height:1;cursor:pointer}
 body[class] header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 5%;background:#fff;box-shadow:0 8px 15px #102a4c18;font-size:17px}
 body[class] header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 body[class] header nav a{display:flex;align-items:center;min-height:48px;padding:8px 0;line-height:1.5}
 body[class] .logo-window{width:180px;height:68px}
 body[class] .about,body[class] .coverage,body[class] .quote,body[class] .faq,body[class] .fleet-layout,body[class] .pallet-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 body[class] .section-heading{display:block}
 body[class] .section-heading>p{max-width:100%;margin-top:24px}
 body[class] .operation-grid{grid-template-columns:minmax(0,1fr)}
 body[class] .process{grid-template-columns:minmax(0,1fr);gap:20px}
 body[class] .rental-grid{grid-template-columns:minmax(0,1fr)}
 body[class] .rental-terms>div{grid-template-columns:minmax(0,1fr);gap:12px}
 body[class] .buyer-brief{grid-template-columns:minmax(0,1fr);gap:24px}
 body[class] .form-row{grid-template-columns:minmax(0,1fr);gap:18px}
 body[class] main,body[class] section,body[class] article,body[class] form,body[class] .section-heading>div,body[class] .pallet-info,body[class] .fleet-details{min-width:0}
}
@media(max-width:700px){
 body[class]{font-family:'Source Sans 3',Arial,sans-serif;font-size:17px;line-height:1.65}
 body[class] h1,body[class] h2,body[class] h3,body[class] .hero h1,body[class] .hero h2,body[class] .service-card h3,body[class] .rental-card h3,body[class] .quote h2,body[class] .about h2{
  font-family:'Source Sans 3',Arial,sans-serif;font-weight:700;letter-spacing:normal;word-spacing:normal;line-height:1.25;overflow-wrap:break-word;max-width:100%
 }
 body[class] .hero h1,body[class] .hub-intro h1{font-size:clamp(30px,8.5vw,42px);line-height:1.2;margin-bottom:24px;letter-spacing:normal}
 body[class] h2,body[class] .hero h2,body[class] .quote h2,body[class] .about h2{font-size:clamp(27px,7.3vw,34px);line-height:1.28}
 body[class] h3,body[class] .service-card h3,body[class] .rental-card h3,body[class] .pallet-form h3,body[class] .pallet-route h3{font-size:clamp(23px,6vw,28px);line-height:1.3;letter-spacing:normal}
 body[class] .hero h1 br,body[class] .section h2 br,body[class] .section h3 br{display:none}
 body[class] .hero h1 br::after,body[class] .section h2 br::after,body[class] .section h3 br::after{content:' '}
 body[class] p,body[class] li,body[class] label,body[class] summary,body[class] .text-link{line-height:1.65}
 body[class] .section-heading>p,body[class] .service-card p,body[class] .hero-description,body[class] .about-copy>p,body[class] .operation-grid p,body[class] .coverage-description{font-size:17px;line-height:1.7}
 body[class] .section{padding:48px 5%}
 body[class] .section-heading{margin-bottom:28px}
 body[class] .eyebrow,body[class] .hero .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.8px;gap:8px;margin-bottom:18px}
 body[class] .eyebrow>span{flex:0 0 20px}
 body[class] .utility-bar{padding:10px 5%;flex-wrap:wrap;gap:6px 16px;font-size:11px;line-height:1.5;letter-spacing:.3px}
 body[class] .utility-bar>span{max-width:100%;flex:1 1 230px}
 body[class] .utility-bar>a{white-space:normal}
 body[class].theme-corporate .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}
 body[class].theme-corporate .hero-content{width:100%;padding:36px 5% 30px}
 body[class].theme-corporate .hero-image{height:auto;aspect-ratio:1/1;max-height:420px;width:100%;flex-shrink:0}
 body[class] .hero-actions{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px}
 body[class] .hero-actions .button{width:100%}
 body[class] .hero-actions .text-link{align-self:flex-start}
 body[class] .hero-bottom{font-size:11px;letter-spacing:.5px;line-height:1.6;flex-wrap:wrap}
 body[class] .button,body[class].theme-corporate .button{max-width:100%;min-height:48px;white-space:normal;text-align:center;font-size:16px;line-height:1.5;padding:14px 18px}
 body[class] .metrics{margin:0;padding:26px 5%;gap:26px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[class] .metrics div{min-width:0;padding-left:14px}
 body[class] .metrics div:nth-child(odd){padding-left:0;border-left:0}
 body[class] .metrics strong{font-family:'Source Sans 3',Arial,sans-serif;font-size:32px;letter-spacing:normal;line-height:1.25}
 body[class] .metrics span{font-size:14px;line-height:1.5;margin-top:8px}
 body[class] .service-grid,body[class] .process ol{grid-template-columns:minmax(0,1fr)}
 body[class] .service-card,body[class] .rental-card,body[class] .operation-grid article,body[class] .buyer-brief{padding:24px 20px;min-height:0}
 body[class] .rental-card h3{margin-top:18px}
 body[class] .rental-tag{font-size:12px;letter-spacing:.5px;line-height:1.6}
 body[class] .service-card a{line-height:1.6}
 body[class] .industries>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 body[class] .industries span{font-size:15px;line-height:1.5}
 body[class] .fleet-number{padding:24px 20px}
 body[class] .fleet-number>strong{font-size:64px;letter-spacing:normal;line-height:1.15}
 body[class] .fleet-number strong span{display:block;margin:8px 0 0;font-size:20px;letter-spacing:normal;line-height:1.5}
 body[class] .since{flex-wrap:wrap;gap:8px 18px;letter-spacing:1px;line-height:1.5}
 body[class] .base{align-items:flex-start;gap:14px}
 body[class] .base>span{flex:0 0 44px}
 body[class] .route-panel{padding:24px 20px}
 body[class] .hub small{display:block;margin:5px 0 0;font-size:11px;line-height:1.5}
 body[class] .pallet-form{padding:24px 18px;gap:20px}
 body[class] .pallet-three{grid-template-columns:minmax(0,1fr);gap:16px}
 body[class] .pallet-dimensions legend{color:#102a4c;line-height:1.6}
 body[class] .quote label,body[class] .pallet-form label{font-size:16px;line-height:1.5;gap:8px}
 body[class] input,body[class] select,body[class] textarea,body[class] .pallet-form input,body[class] .pallet-form select,body[class] .pallet-form textarea{font-size:16px;line-height:1.5;min-height:48px;max-width:100%}
 body[class] select{padding-right:24px}
 body[class] .quote form{gap:22px}
 body[class] .form-caption,body[class] .pallet-note,body[class] .rental-footnote{font-size:14px;line-height:1.65}
 body[class] .result-actions{flex-direction:column;align-items:stretch}
 body[class] .result-actions button{min-height:48px;font-size:16px;line-height:1.5}
 body[class] .footer-nav{grid-template-columns:minmax(0,1fr);gap:4px}
 body[class] .footer-nav a{padding:10px 0;min-height:44px;font-size:16px;line-height:1.5}
 body[class] footer{padding:30px 5%;gap:24px}
 body[class] .rent-selector{grid-template-columns:minmax(0,1fr)}
}