.hero{align-items:center;min-height:calc(100svh - 4.5rem);padding:clamp(1.5rem,4vw,4rem) 0;display:flex}.hero-inner{align-items:center;gap:2.5rem;display:grid}.hero p.sub{max-width:var(--measure);margin:1rem 0 1.6rem;font-size:1.15rem}.hero .ctas{flex-wrap:wrap;gap:.8rem;margin-bottom:1.1rem;display:flex}.hero .proof{color:var(--amber-text);font-size:.95rem}.hero-visual{justify-content:center;display:flex}@media (width>=900px){.hero-inner{grid-template-columns:1.15fr .85fr}.hero{align-items:flex-start;padding-top:clamp(1.5rem,20svh,10rem)}.hero-inner{align-items:start}.hero-visual{align-self:center}.avec-fil .hero{padding-top:max(0px, calc(clamp(1.5rem, 20svh, 10rem) - var(--fil-h,0px)))}.page-hero h1:first-child{margin-top:calc(1.36rem + clamp(.75rem,.1rem + 1.2svh,1.6rem))}.hero h1,.hero p.sub{min-height:3lh}.hero .eyebrow{margin-bottom:clamp(.75rem,.1rem + 1.2svh,1.6rem)}.hero p.sub{margin:clamp(1rem,.2rem + 1.3svh,2rem) 0 clamp(1.6rem,.4rem + 1.9svh,3rem);font-size:clamp(1.15rem,.15rem + 1.4svh,1.4rem)}.hero .ctas{margin-bottom:clamp(1.1rem,.2rem + 1.4svh,2.2rem)}}@media (width<=899px){.hero{height:calc(100svh - 8rem);min-height:0;padding:clamp(.7rem,1.8svh,1rem) 0}.avec-fil .hero{height:calc(100vh - 8rem - var(--fil-h,0px));height:calc(100svh - 8rem - var(--fil-h,0px));padding-top:0}.hero .eyebrow{margin-bottom:clamp(.5rem,1.2svh,.75rem)}.hero h1{line-height:1.14}.hero p.sub{margin:clamp(.65rem,1.5svh,1rem) 0 clamp(.8rem,1.8svh,1.15rem)}.hero .ctas{margin-bottom:clamp(.6rem,1.3svh,.85rem)}.hero-inner{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(.65rem,1.6svh,1rem);height:100%;min-height:0}.hero-visual{align-items:center;height:100%;min-height:0}}@media (height<=640px) and (width<=899px){.hero{height:auto;min-height:calc(100svh - 8rem)}.avec-fil .hero{height:auto;min-height:calc(100vh - 8rem - var(--fil-h,0px));min-height:calc(100svh - 8rem - var(--fil-h,0px))}.hero-inner{grid-template-rows:auto;height:auto}.hero-visual{display:none}}@media (prefers-reduced-motion:no-preference){.hero .a-up{animation:.6s cubic-bezier(.2,.7,.2,1) both a-up;animation-delay:var(--d,0s)}@keyframes a-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero h1 .w{animation:.5s cubic-bezier(.2,.7,.2,1) both a-word;display:inline-block}@keyframes a-word{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes a-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}}
