@media(max-width:1024px){
    .hero{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:start}
    .hero-visual{order:-1;margin:0 auto}
    .hero-content{align-items:center;text-align:center}
    .hero-sub{max-width:100%}
    .hero-actions{justify-content:center}
    .hero-metrics{justify-content:center}
    .hero-tag{justify-content:center}
    .contact-layout{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr 1fr;gap:40px}
    .ft-brand{grid-column:1/-1}
    .ni-links{display:none}
    .ni-burger{display:flex}
    .ni-cta{display:none}
}

@media(max-width:768px){
    .nav-island-wrap{top:12px;width:calc(100% - 24px)}
    .nav-island{padding:6px 6px 6px 16px}
    .hero{padding:120px clamp(20px,5vw,56px) 60px}
    .section-h{font-size:clamp(30px,8vw,38px)}
    .hero-headline{font-size:clamp(34px,10vw,44px)}
    .footer-top{grid-template-columns:1fr}
    .ft-cta-col{display:block}
    .ft-cta-block{width:100%}
    .footer-bottom{flex-direction:column;align-items:flex-start}
    .float-cta{right:16px;left:auto;bottom:16px}
    .float-cta .button-basic{width:auto;justify-content:center;padding:12px 20px;font-size:13px}
    .hero-actions .button-basic.outline{display:none}
    .hv-accent-line{display:none}
    .ticker-group span{font-size:12px}
    .ticker-track{animation-duration:18s}
}