/* Premier écran (18/10) : texte structuré, entrée en scène, téléphone qui suit la souris */
#hero-title .hero-line{display:block}
.hero-copy .hero-bottom>p.hero-lead{margin:0 0 14px;font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:var(--forest);font-weight:500;max-width:640px}
.hero-points{margin:0 0 30px;padding:0;list-style:none;max-width:640px}
.hero-points li{position:relative;margin:0 0 8px;padding-left:26px;font-size:clamp(15px,1.15vw,17px);line-height:1.5;color:#2f382dcc}
.hero-points li:before{content:"";position:absolute;left:0;top:.72em;width:14px;height:2px;border-radius:2px;background:var(--terra)}
.hero-phone-proof .device-shell{transition:transform .5s cubic-bezier(.2,.75,.2,1);transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
@keyframes heroRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroPhone{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .hero-copy>.eyebrow,#hero-title .hero-line,.hero-bottom .hero-lead,.hero-points li,.hero-actions{animation:heroRise .9s cubic-bezier(.2,.75,.2,1) both}
 .hero-copy>.eyebrow{animation-delay:.05s}
 #hero-title .hero-line-1{animation-delay:.15s}
 #hero-title .hero-line-2{animation-delay:.38s}
 .hero-bottom .hero-lead{animation-delay:.6s}
 .hero-points li:nth-child(1){animation-delay:.72s}
 .hero-points li:nth-child(2){animation-delay:.84s}.hero-points li:nth-child(3){animation-delay:.96s}.hero-points li:nth-child(4){animation-delay:1.08s}
 .hero-actions{animation-delay:.98s}
 .hero-phone-window{animation:heroPhone 1.1s .45s cubic-bezier(.2,.75,.2,1) both}
}
.hero-copy .hero-bottom{display:block;max-width:none}
/* Premier écran plus compact : outils connectés et « Conçu en France » visibles sans défiler */
.hero-copy .hero-bottom>p.hero-lead{margin:0 0 10px;font-size:clamp(17px,1.25vw,19px);line-height:1.4;max-width:900px}
.hero-points{margin:0 0 22px;max-width:900px}
.hero-points li{margin:0 0 4px;font-size:clamp(14px,1.05vw,16px);line-height:1.45}
.hero-points li:before{top:.68em}
@media(min-width:761px){#hero-title{font-size:clamp(52px,6.1vw,88px)}}
/* Barre des chapitres : cachée sur le premier écran, elle glisse sous l'en-tête ensuite */
@media(min-width:761px){
 .chapter-nav{position:fixed;left:0;right:0;top:var(--header-h,92px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.75,.2,1),opacity .35s}
 .chapters-visible .chapter-nav{transform:none;opacity:1;pointer-events:auto}
}
.hero-nowrap{white-space:nowrap}

/* Introduction de la liste des quatre besoins (18/10) */
.hero-copy .hero-bottom>.hero-points-intro{margin:0 0 8px;font-size:clamp(15px,1.15vw,17px);line-height:1.5;color:#2f382dcc}
@media(prefers-reduced-motion:no-preference){.hero-points-intro{animation:heroRise .9s cubic-bezier(.2,.75,.2,1) .66s both}}