/* Maquette v4 : idées des designers (UI, récit, animations, marque) */
.hero-book{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;max-width:720px}
.hero-book input{flex:1 1 200px;min-width:0;padding:14px 16px;border-radius:12px;border:1px solid rgba(226,185,59,.45);background:rgba(0,0,0,.55);color:#fff;font:inherit;backdrop-filter:blur(6px)}
.hero-book .btn{flex:0 0 auto}
.hero2 h1 em{background:linear-gradient(110deg,var(--or) 0%,var(--or) 40%,#fff6cf 50%,var(--or) 60%,var(--or) 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v4reflet 1.4s ease-out 1.2s 1 both}
@keyframes v4reflet{from{background-position:100% 0}to{background-position:0 0}}
section .w>h2::before{transform-origin:center;transition:transform .7s ease}
.reveal:not(.in)>h2::before{transform:scaleX(0)}
.etapes .w{position:relative}
.fil{position:absolute;left:8%;right:8%;top:calc(50% + 40px);width:84%;height:2px;overflow:visible;pointer-events:none}
.fil line{stroke:var(--or);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s ease}
.etapes .fil.go line{stroke-dashoffset:0}
.etapes li{position:relative;background:#000}
.cote{display:block;width:100%;max-width:760px;max-height:300px;margin:8px auto 28px;overflow:visible}
.cote path{stroke:var(--or);stroke-width:.5;opacity:.7}
.cote circle{fill:var(--or);transition:r .3s}
.cote text{fill:var(--gris);font:2.6px var(--texte);letter-spacing:.08em;text-transform:uppercase}
.cote .pt.on circle{r:2.4}.cote .pt.on text{fill:var(--or)}
.longs{background:#0a1a33}
.board .b-duree{font-variant-numeric:tabular-nums;color:var(--or);letter-spacing:.06em}
.reveal.in .board li{animation:v4ligne .5s ease both}
.reveal.in .board li:nth-child(1){animation-delay:0.09s}.reveal.in .board li:nth-child(2){animation-delay:0.18s}.reveal.in .board li:nth-child(3){animation-delay:0.27s}.reveal.in .board li:nth-child(4){animation-delay:0.36s}.reveal.in .board li:nth-child(5){animation-delay:0.45s}.reveal.in .board li:nth-child(6){animation-delay:0.54s}.reveal.in .board li:nth-child(7){animation-delay:0.63s}
@keyframes v4ligne{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.photo-or{margin:28px auto 30px;max-width:620px;border:1px solid var(--or);padding:8px;border-radius:4px}
.photo-or img{display:block;width:100%;height:auto;border-radius:2px}
.barre-mob{display:none}
@media (max-width:760px){.barre-mob{display:grid;grid-template-columns:1.3fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(0,0,0,.92);border-top:1px solid var(--filet);padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));gap:8px}
.barre-mob a{display:grid;place-items:center;min-height:46px;border-radius:12px;border:1px solid var(--filet-champ);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.barre-mob .b-or{background:linear-gradient(110deg,#a8761e 0%,#e2b93b 25%,#fff4c2 40%,#e2b93b 55%,#a8761e 100%);color:#000;border-color:#c9a03a}
.wa{display:none!important}body{padding-bottom:70px}.fil{display:none}}
@media (prefers-reduced-motion:reduce){.hero2 h1 em{animation:none;background-position:0 0}.fil line{transition:none;stroke-dashoffset:0}.reveal.in .board li{animation:none}}
html.no-anim .hero2 h1 em{animation:none;background-position:0 0}
.hero2{padding-top:120px}
@media (max-width:860px){.hero2{padding-top:88px}}
.barre-mob a[href*="wa.me"]{background:#25d366;border-color:#25d366;color:#000}
.barre-mob{grid-template-columns:1fr 1fr}
.barre-mob .b-or{background:#000;color:var(--or);border-color:var(--or)}