/* Noklik : animations sobres sur fond clair. Retirer ce fichier et anim.js ne change rien d'autre. */

/* Étiquette qui change de métier */
.hero-eyebrow { display: inline-flex; align-items: center; gap: .4em; margin: 0 0 18px; padding: 7px 16px; border: 1px solid rgba(31, 107, 255, .22); border-radius: 99px; background: rgba(31, 107, 255, .06); color: var(--neon-ink); font-size: 15px; font-weight: 600; }
.rotator { display: inline-block; min-width: 7ch; color: var(--ink); transition: opacity .3s var(--ease), transform .3s var(--ease); }
.rotator.is-out { opacity: 0; transform: translateY(-6px); }

/* Étapes : les pastilles s'allument l'une après l'autre */
.flow li::before { background: #fff; color: var(--neon-ink); border: 2px solid rgba(31, 107, 255, .4); box-shadow: none; transition: background .45s var(--ease), color .35s, border-color .35s; }
.flow li.is-lit::before { background: var(--neon); color: #fff; border-color: var(--neon); }

/* Un seul bloc sombre : l'appel au devis, avant le pied de page */
.call { background: #0a1433; border-top: 0; color: #f2f5ff; }
.call h2 { color: #f2f5ff; }
.call p { color: #b7c3de; }
.call .btn--ink, .call .btn--primary { background: #fff; color: #0a1433; }
.call .btn--ink:hover, .call .btn--primary:hover { background: #e6efff; }

/* ===== Écran d'arrivée : version claire ===== */
.is-loading .loader { background: #f6f8ff; color: #0a1433; }
.loader__logo { width: clamp(170px, 20vw, 250px); height: auto; filter: none; animation: logo-in .8s var(--ease) .15s both; }
.loader__logo svg { display: block; width: 100%; height: auto; overflow: visible; }
.loader__logo .logo-dot { fill: #1f6bff; }
@keyframes logo-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.loader__line { background: rgba(31, 107, 255, .14); }
.loader__line span { background: #1f6bff; box-shadow: none; }
.loader__3d { display: none !important; }

/* Écran d'arrivée court : environ une seconde en tout */
.loader__logo { animation: logo-in .4s var(--ease) .05s both; }
.loader__line span { animation: load-fill .55s cubic-bezier(.3, .7, .2, 1) .05s forwards; }
.is-loaded .loader { transition: clip-path .5s cubic-bezier(.76, 0, .24, 1) .05s; }
.is-loaded .loader__line span { animation: load-fill .55s cubic-bezier(.3, .7, .2, 1) .05s forwards, load-done .2s ease-out forwards; }
.is-loaded .loader__mark { transition: transform .4s var(--ease) .05s, opacity .3s ease .1s; }
.is-loading .loader { animation: loader-failsafe .01s 3s forwards; }