/* r25: hero - no empty space, bigger blended visual, trust under CTA, floating stat cards */
.hero .photo{border:0;box-shadow:none;background:none;border-radius:0;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.hero .photo:after{display:none}
.hero .photo .tag{top:14%;right:16%}
.hero .float.f2{left:auto;right:4%;top:8%;bottom:auto}
.hero .float.f3{display:none}
.hero .float .ico.neu{background:rgba(139,148,158,.14);color:#ADBAC7}
@media (max-width:1023px){.hero .float{padding:9px 11px}.hero .float .ico{width:30px;height:30px}.hero .float b{font-size:14px}.hero .float.f2{right:8px;top:6px}.hero .photo .tag{top:auto;bottom:18%;right:10px}}
@media (min-width:1024px){
 .hero{padding:24px 0 40px}
 .hero .hgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px;grid-template-areas:"text vis" "trust vis" "note note";align-items:center}
 .hero .htext{align-self:end;max-width:520px}
 .hero h1{margin:16px 0 14px}
 .hero .lead{margin-bottom:24px}
 .hero .trust{align-self:start;justify-content:flex-start;margin-top:24px;padding:18px 0 0;border:0;border-top:1px solid var(--ef-color-border);border-radius:0;background:none;max-width:520px;gap:10px 14px}
 .hero .hv{margin:0 -24px 0 0}
 .hero .photo{aspect-ratio:1/0.9}
 .hero .photo img{transform:scale(1.04)}
 .hero .hnote{text-align:right;margin-top:0}
 .hero .float{left:2%;bottom:14%}
 .hero .float.f3{display:flex;left:-4%;top:40%;bottom:auto}
 .hero .hv .chip{right:6%;top:auto;bottom:10%}
}
@media (min-width:1440px){.hero .hgrid{column-gap:56px}}
/* r25b */
.anim .hero .float.f2 .syn,.anim .hero .float.f3 .syn{opacity:1}
.hero .photo .tag{top:16%;right:22%}
@media (max-width:1023px){.hero .photo .tag{top:auto;bottom:22%;right:14%}}
@media (min-width:1024px){.hero h1{font-size:clamp(40px,3.9vw,60px);line-height:1.08}.hero .float.f2{right:8%;top:12%}.hero .float.f3{left:0;top:42%}.hero .float{left:6%;bottom:16%}.hero .hv .chip{right:12%;bottom:14%}}
/* r30: trust strip = balanced 2x2 grid, no dots */
.hero .trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;justify-content:stretch}
.hero .trust .sep{display:none!important}
.hero .trust li{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}
.hero .trust .ic{flex:none;margin-top:0}
@media (max-width:359px){.hero .trust li{white-space:normal}}
/* r31: headline in 2 balanced lines on desktop, accent on "automatic.", never overflows */
.hero h1{text-wrap:balance;overflow-wrap:break-word;max-width:100%}
.hero h1 .acc{color:#1CA638}
.hero h1 .hbr{display:none}
@media (min-width:1024px){
 .hero .hgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero .htext,.hero .trust{max-width:none}
 .hero h1{font-size:min(48px,calc((50vw - 52px)/13.4));line-height:1.12;letter-spacing:-.02em;white-space:normal}
 .hero h1 .hbr{display:inline}
 .hero h1 .l1{white-space:nowrap}
}
/* r31b: trust grid sized to content, never touches the edge */
.hero .trust{grid-template-columns:repeat(2,max-content);gap:12px 40px}
@media (max-width:479px){.hero .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px}.hero .trust li{font-size:14px;white-space:normal}}