/* home.css: styles used only on the home page (hero, proof columns). */
.hero{position:relative;overflow:hidden;background:var(--white);border-bottom:1px solid var(--silver)}
.hero svg{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;padding-top:92px;padding-bottom:104px}.hero h1{max-width:21ch;font-size:clamp(2rem,4.6vw,3.5rem)}
.proof{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.proof div{border-top:2px solid var(--silver);padding-top:16px}.proof h3{margin-bottom:8px}.proof p{color:var(--soft);font-size:.97rem}
@media (max-width:820px){.proof{grid-template-columns:1fr}.hero .wrap{padding-top:64px;padding-bottom:72px}}
@media (max-width:820px){.hero{display:flex;flex-direction:column}.hero svg{position:static;order:2;display:block;width:100%;height:130px;border-top:1px solid var(--silver)}.hero .wrap{order:1;padding-top:44px;padding-bottom:30px}}