/* A compact introduction keeps the catalogue close on phones. */
.hero h1 .hero-title-line{display:block}
.hero-buttons a{text-decoration:none}
.hero-model-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px}
.hero-model-link:after{content:'↗';color:var(--orange);font-size:24px}
.hero-model-link:focus-visible{outline:2px solid var(--orange);outline-offset:5px;border-radius:4px}
.mobile-cta{display:none}
@media(min-width:821px) and (max-width:1180px){
  .header .header-inner{justify-content:space-between}
  .header .header-actions{margin-left:auto}
  .header .menu{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px}
  .header .nav.open{display:grid;position:absolute;top:70px;left:32px;right:32px;padding:18px;gap:16px;border:1px solid #343b44;border-radius:12px;background:#11151b}
  .header .nav.open a{min-height:40px;display:flex;align-items:center;font-size:14px}
}
@media(max-width:820px){
  .header,.header.scrolled{height:64px;background:#090b0ef5;border-bottom:1px solid #ffffff10;backdrop-filter:blur(16px)}
  .header .header-inner{justify-content:space-between;gap:16px}
  .header .header-actions{margin-left:auto}
  .header .brand img{width:184px!important}
  .header .menu{width:42px;height:42px;min-width:42px;border-radius:10px}
  .header .nav.open{top:63px;left:16px;right:16px;border-radius:12px;max-height:calc(100dvh - 90px);overflow:auto;background:#11151b}
  .nav.open a{min-height:40px;display:flex;align-items:center;font-size:14px}
  .hero{min-height:0;padding:90px 0 28px}
  .hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
  .hero h1{font-size:36px;line-height:1.08;letter-spacing:-.04em;margin:14px 0}
  .hero-copy>p{font-size:14px;line-height:1.5;margin:0}
  .hero-buttons{display:grid;gap:10px;margin-top:20px}
  .hero-buttons .button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px;font-size:13px;text-align:center;border-radius:10px}
  .hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
  .hero-trust span{gap:4px}
  .hero-trust b{font-size:12px;line-height:1.3}
  .hero-trust small{font-size:10px;line-height:1.4}
  .hero-stage{width:100%;height:300px;overflow:hidden;border-radius:12px;clip-path:none}
  .hero-stage img{width:100%;height:100%;object-position:center 60%;clip-path:none;border-radius:12px;filter:none;box-shadow:none}
  .hero-stage:after{background:linear-gradient(0deg,#08090beb,transparent 55%)}
  .stage-label{left:16px;bottom:14px;gap:3px;right:16px}
  .stage-label span,.stage-route,.stage-halo,.hero-strip{display:none}
  .stage-label b{font-size:20px}
  .stage-label small{font-size:11px;line-height:1.4}
  .home-catalog-search{scroll-margin-top:64px;padding:24px 0}
  .catalog-search-heading{display:block;margin-bottom:20px}
  .catalog-search-heading h2{font-size:26px;margin-top:8px}
  .catalog-search-heading>a{display:block;margin-top:10px;font-size:12px;line-height:1.5}
  .catalog-search-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .catalog-search-fields label,.catalog-search-extra label{min-width:0;gap:7px}
  .catalog-search-fields .button{grid-column:1/-1;min-height:48px;font-size:14px;border-radius:10px}
  .catalog-search-fields input{font-size:16px}
  .catalog-search-extra summary{padding:9px 0;min-height:36px}
  .catalog-search-extra>div{flex-wrap:wrap}
  .catalog-search-extra label{flex:1;min-width:130px}
  .catalog-brand-links{gap:8px}
  .catalog-brand-links a{min-height:40px;display:flex;align-items:center;padding:9px 12px}
  .catalog-brand-links .all-models{margin-left:0}
}
@media(max-width:560px){
  .shell{width:calc(100% - 32px)}
  .hero{padding:84px 0 24px}
  .hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero-copy{display:contents}
  .hero .kicker{order:0;font-size:9px;letter-spacing:.09em;line-height:1.5}
  .hero h1{order:1;font-size:clamp(30px,8.2vw,40px);margin:12px 0}
  .hero-copy>p{order:2;font-size:14px;line-height:1.5;max-width:420px}
  .hero-buttons{order:3;grid-template-columns:1fr 1fr;margin:18px 0 16px;gap:8px}
  .hero-buttons .button{font-size:12px;padding:11px 8px;min-height:46px;box-shadow:none}
  .hero-stage{order:4;height:180px;flex:none}
  .hero-stage img{object-position:center 64%}
  .stage-label{left:14px;bottom:12px}
  .stage-label b{font-size:18px}
  .stage-label small{font-size:10px}
  .hero-model-link:after{font-size:20px}
  .hero-trust{order:5;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff15;gap:12px}
  .hero-trust b{font-size:12px}
  .hero-trust small{font-size:10px}
  .home-catalog-search .section-number{font-size:9px;letter-spacing:.1em}
  .catalog-search-heading h2{font-size:25px;line-height:1.15}
  body .home-catalog-search select{font-size:13px;padding-inline:10px;min-height:48px}
  body .home-catalog-search input{font-size:16px;min-height:48px;padding-inline:10px}
  #catalogSearchStatus{line-height:1.5}
  .mobile-cta.is-visible{position:fixed;z-index:15;bottom:0;left:0;right:0;display:flex;gap:8px;padding:8px 16px max(8px,env(safe-area-inset-bottom));background:#090b0ef5;border-top:1px solid #ffffff16;backdrop-filter:blur(16px)}
  .mobile-cta>*{flex:1;min-height:44px;border-radius:10px;font-size:12px}
  .mobile-cta>.button{padding:10px;box-shadow:none}
  body:has(.modal.open) .mobile-cta,body:has(.nav.open) .mobile-cta{display:none}
  footer{padding-bottom:100px}
  .section{padding-block:48px}
  #popular{padding-top:36px}
  .section-head{margin-bottom:24px}
  .section h2{font-size:32px;line-height:1.08}
  .hero .reveal{opacity:1;transform:none}
}
@media(max-width:360px){
  .header .brand img{width:174px!important}
  .hero h1{font-size:29px}
  .hero-stage{height:164px}
  .hero-trust{gap:8px}
}