.logo{transform-origin:left center;animation:logo-arrival 1.3s cubic-bezier(.16,1,.3,1) both}
.hero>div:first-child{animation:content-arrival .9s .15s both}
.form-card{position:relative;isolation:isolate;border-radius:16px;border:1px solid #c8d755;box-shadow:0 18px 50px #30303c15;animation:card-arrival 1s .3s both}
.form-card::before{content:"";position:absolute;inset:-5px;z-index:-2;border-radius:20px;background:conic-gradient(from 30deg,#bed000,#f2ff93,#73c48f,#bed000,#f1f9b0,#bed000);animation:halo-arrival 3.8s .7s both;pointer-events:none}
.form-card::after{content:"";position:absolute;inset:0;border-radius:15px;background:white;z-index:-1;pointer-events:none}
.form-card:focus-within{box-shadow:0 18px 50px #30303c15,0 0 24px #bed00040}
#demander{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(110deg,#bed000,#dceb53,#bed000);box-shadow:0 6px 18px #a4b50040;transition:transform .2s,box-shadow .2s;animation:button-arrival .8s 1.1s both}
#demander::after{content:"";position:absolute;inset:-80% auto -80% -70%;width:38%;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);transform:rotate(25deg);animation:button-shine 1.25s 1.4s 2;pointer-events:none}
#demander:not(:disabled):hover,#demander:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px #a4b50060}#demander:not(:disabled):active{transform:translateY(0)}
#projet .text-link{position:relative;padding:12px 22px;border-radius:30px;text-decoration:none;background:#30303c;color:white;box-shadow:0 0 0 2px #bed000;transition:transform .2s,box-shadow .2s;overflow:hidden}
#projet .text-link::after{content:"";position:absolute;inset:-100% auto -100% -70%;width:40%;background:linear-gradient(90deg,transparent,#d7ed6870,transparent);transform:rotate(25deg);pointer-events:none}
#projet .text-link.is-visible{animation:project-arrival .8s both}#projet .text-link.is-visible::after{animation:button-shine 1.3s .5s 2}
#projet .text-link:hover,#projet .text-link:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px #bed000,0 8px 24px #bed00060}
@keyframes logo-arrival{0%{opacity:0;transform:translateY(-20px) scale(.88);filter:drop-shadow(0 0 0 #bed00000)}55%{opacity:1;filter:drop-shadow(0 0 15px #bed00099)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 0 #bed00000)}}
@keyframes content-arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes card-arrival{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes halo-arrival{0%{filter:blur(2px);opacity:.4}35%{filter:blur(12px);opacity:1}70%{filter:blur(6px);opacity:.8}100%{filter:blur(2px);opacity:.65}}
@keyframes button-arrival{from{transform:scale(.95);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes button-shine{to{left:140%}}
@keyframes project-arrival{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:760px){.form-card{border-radius:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.form-card::before{filter:blur(2px);opacity:.65}}

.brands>.eyebrow,.brands>h1,.brands>.intro,.thanks-content,.directory>h1,.directory>.intro{animation:content-arrival .9s .15s both}
#demander:disabled{cursor:wait;opacity:.7}
@media(prefers-reduced-motion:reduce){.brands>.eyebrow,.brands>h1,.brands>.intro,.thanks-content,.directory>h1,.directory>.intro{animation:none}}