/* v84: a centered opening and one continuous, full-width product stage.
   Profound reference composition, expressed in Seer's existing white identity. */
#homepage-hero>div:first-child{position:relative;z-index:21;background:#fff}
#homepage-hero .seer-clarity-hero{padding-top:40px!important}
#homepage-hero .sm-hero-copy{display:flex;flex-direction:column;align-items:center;gap:0;width:calc(100% - 48px);max-width:900px;text-align:center}
#homepage-hero .sm-hero-copy>div{flex:none;width:100%;max-width:900px}
#homepage-hero .sm-hero-copy h1{font-size:clamp(44px,4.5vw,64px)!important;line-height:1.06!important;letter-spacing:-.035em!important;text-align:center!important}
#homepage-hero .sm-hero-copy p{max-width:680px;font-size:18px;line-height:1.55;margin:20px auto 0;text-wrap:pretty}
#homepage-hero .sm-hero-copy>a{margin-top:24px;min-height:50px;padding:13px 22px}
#homepage-hero .seer-clarity-frame{width:100%;max-width:none;margin:12px auto 0}
@media(min-width:768px){
 #homepage-hero .seer-clarity-frame{height:max(320px,min(560px,calc(113.636364svh - 400px)))!important}
}
@media(max-width:767px){
 #homepage-hero .seer-clarity-hero{padding-top:32px!important}
 #homepage-hero .sm-hero-copy{width:calc(100% - 40px)}
 #homepage-hero .sm-hero-copy h1{font-size:clamp(32px,6vw,44px)!important;line-height:1.08!important}
 #homepage-hero .sm-hero-copy p{font-size:15px;line-height:1.55;max-width:40ch;margin-top:16px}
 #homepage-hero .sm-hero-copy>a{margin-top:20px;min-height:44px}
 #homepage-hero .seer-clarity-frame{height:clamp(320px,66vw,480px)!important;margin-top:8px}
}