/* Conteúdo flui sem corte; telas pequenas mantêm rolagem vertical natural. */
*,*::before,*::after{box-sizing:border-box}img,video{max-width:100%;height:auto}
.topbar,main,body>footer{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}
.topbar{min-height:76px;height:auto;padding-block:18px;gap:16px;flex-wrap:wrap}.topbar nav{flex-wrap:wrap;gap:12px}
.hero{padding-block:clamp(36px,7vh,72px);min-height:390px}.hero h1{font-size:clamp(36px,5.6vw,72px);letter-spacing:-.04em}.hero p{max-width:54%;line-height:1.7}
.system-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.system-card{min-width:0;padding:24px}.system-card h3{font-size:clamp(22px,2.3vw,27px)}.system-card p{min-height:0}.card-top{gap:12px}.category{overflow-wrap:anywhere;text-align:right}
.section-heading{gap:12px;flex-wrap:wrap}.primary-button,.secondary-link{overflow-wrap:anywhere}.reboque-intro>*,.school-intro>*,.browser-intro>*{min-width:0}body>footer{flex-wrap:wrap;gap:12px}
@media(max-width:900px){.hero-art{transform:scale(.8);transform-origin:right center;right:0}.hero h1{max-width:65%}}
@media(max-width:600px){.topbar{padding-block:14px}.brand{font-size:14px}.brand small{font-size:8px}.central-icon{width:36px;height:36px}.topbar nav{font-size:11px}.hero{padding-top:32px;padding-bottom:28px;min-height:0}.hero h1{max-width:100%;font-size:clamp(34px,9vw,48px)}.hero p{max-width:100%;font-size:13px}.hero-art{position:relative;right:auto;top:auto;margin:10px auto 0;width:350px;height:350px;max-width:100%;transform:scale(.8);transform-origin:center;opacity:1}.hero>.eyebrow{font-size:9px;letter-spacing:1.4px}.systems{padding-top:24px}.system-grid{gap:14px}.system-card{padding:20px}.browser-presentation{margin-block:28px}.reboque-actions,.school-actions{flex-wrap:wrap}.section-count{white-space:nowrap}}
@media(max-width:360px){.hero-art{width:280px;height:300px;transform:scale(.7);margin-block:-12px}.topbar nav{gap:8px}.brand{gap:8px}}
@media(min-width:601px) and (max-height:750px){.hero{padding-block:28px;min-height:330px}.hero-art{top:0;transform:scale(.75);transform-origin:right center}.topbar{padding-block:12px}}