/* A quiet opening: white surfaces, clear type and a single accent. */
#top.hero{padding:88px 0 36px;background:#fff}
#top .hero-bricks{display:block}
#top .hero-opening{max-width:1240px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:48px!important;align-items:center}
#top .hero-copy{padding:0;max-width:550px}
#top .hero-copy h1{font-size:clamp(40px,3.8vw,54px);font-weight:600;letter-spacing:-2.3px;line-height:1.1;margin:22px 0}
#top .hero-description{font-size:16px;line-height:1.75;max-width:470px;color:#666a72}
#top .hero-actions{margin-top:24px;gap:12px 18px}
#top .hero-actions .button{min-height:48px;font-size:14px;padding:12px 18px;gap:12px;border-radius:8px;box-shadow:none}
#top .hero-actions .button-light{padding-inline:0;background:transparent;border-color:transparent}
#top .hero-assurance{margin-top:18px;line-height:1.7;align-items:flex-start;max-width:440px}
#top .hero-assurance .icon{flex-shrink:0;margin-top:3px}

@media(max-width:1100px) and (min-width:1001px){
 #top .hero-opening{gap:28px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
 #top .hero-copy h1{font-size:40px}
}
@media(max-width:1000px){
 #top.hero{padding-top:68px}
 #top .hero-opening{grid-template-columns:1fr!important;gap:30px!important;max-width:680px}
 #top .hero-copy{max-width:620px}
}
@media(max-width:700px){
 #top.hero{padding-block:56px 32px}
 #top .hero-copy h1{letter-spacing:-1.6px}
 #top .hero-description{font-size:16px!important}
 #top .hero-actions .button-light{justify-content:flex-start}
}