body{margin:0;background:#0C0B09}
a{color:#DDB14C}a:hover{color:#F0CF7E}
html{scroll-behavior:smooth}
.ev-gold-btn{transition:transform .25s ease, box-shadow .25s ease}
.ev-gold-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(221,177,76,.38)}
.ev-line-btn{transition:background .25s ease,color .25s ease}
.ev-line-btn:hover{background:#DDB14C !important;color:#0C0B09 !important}
.ev-opt{transition:border-color .2s ease, background .2s ease, transform .2s ease}
.ev-opt:hover{border-color:#DDB14C !important;transform:translateY(-1px)}
.ev-glass{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(221,177,76,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ev-shine{background:linear-gradient(100deg,#B8892B 0%,#F3D58B 35%,#DDB14C 55%,#B8892B 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:evShine 6s ease-in-out infinite}
@keyframes evShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.ev-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:evDraw 2.8s cubic-bezier(.65,0,.35,1) .3s forwards}
@keyframes evDraw{to{stroke-dashoffset:0}}
.ev-fade{opacity:0;animation:evFade 1.2s ease 2.6s forwards}
@keyframes evFade{to{opacity:1}}
.ev-bubble{animation:evBubble .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes evBubble{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.ev-dot{width:7px;height:7px;border-radius:50%;background:#8C8578;display:inline-block;animation:evDot 1.1s infinite ease-in-out}
.ev-dot:nth-child(2){animation-delay:.15s}.ev-dot:nth-child(3){animation-delay:.3s}
@keyframes evDot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}
.ev-toast{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:16px;background:rgba(23,21,15,.78);border:1px solid rgba(221,177,76,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.45);font-size:12.5px;color:#F7F3EC;white-space:nowrap;opacity:0;animation:evToast 9s cubic-bezier(.2,.8,.2,1) infinite}
.ev-toast:nth-of-type(2){animation-delay:3s}.ev-toast:nth-of-type(3){animation-delay:6s}
@keyframes evToast{0%{opacity:0;transform:translateY(14px) scale(.96)}6%,30%{opacity:1;transform:none}38%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}
.ev-float{animation:evFloat 6s ease-in-out infinite}
@keyframes evFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ev-track{display:flex;gap:14px;width:max-content;animation:evMarquee 48s linear infinite}
.ev-marquee:hover .ev-track{animation-play-state:paused}
@keyframes evMarquee{to{transform:translateX(-50%)}}
.ev-wave span{display:inline-block;width:4px;margin:0 2px;background:#DDB14C;border-radius:2px;animation:evWave 1.2s ease-in-out infinite;transform-origin:bottom}
.ev-wave span:nth-child(3n){animation-delay:.2s}.ev-wave span:nth-child(3n+1){animation-delay:.45s}.ev-wave span:nth-child(4n){animation-delay:.7s}
@keyframes evWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.ev-pulse{position:relative}
.ev-pulse::after{content:"";position:absolute;inset:-6px;border:1.5px solid #DDB14C;border-radius:inherit;opacity:0;animation:evPulse 2.6s ease-out infinite}
@keyframes evPulse{0%{opacity:.7;transform:scale(.96)}100%{opacity:0;transform:scale(1.08)}}
.ev-fan{display:flex;justify-content:center;align-items:flex-end;min-height:330px}
.ev-card{width:300px;max-width:62vw;flex:0 0 auto;margin:0 -96px;background:#FFFFFF;border:1px solid #E2D8C6;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px rgba(12,11,9,.18);transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}
.ev-card:nth-child(1){transform:rotate(-9deg) translateY(26px)}
.ev-card:nth-child(2){transform:rotate(-4deg) translateY(8px);z-index:1}
.ev-card:nth-child(3){transform:rotate(0deg);z-index:3}
.ev-card:nth-child(4){transform:rotate(4deg) translateY(8px);z-index:2}
.ev-card:nth-child(5){transform:rotate(9deg) translateY(26px);z-index:1}
.ev-card:hover{transform:translateY(-18px) scale(1.06) rotate(0deg);z-index:9}
.ev-blur{position:absolute;left:49%;width:19%;top:27%;bottom:6%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(255,255,255,.25)}
.ev-node{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ev-node:hover{transform:translateY(-6px)}
.ev-zoom{animation:evZoom .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes evZoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.ev-card button:focus-visible,.ev-rev:focus-visible{outline:2px solid #DDB14C;outline-offset:4px}
.ev-step-line{height:2px;background:#DDB14C;transform-origin:left}
.ev-seg{transition:background .25s ease,color .25s ease}
.ev-gauge{transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
.ev-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;scrollbar-width:thin;scrollbar-color:#DDB14C transparent}
.ev-rev{all:unset;flex:0 0 250px;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:#17150F;border:1px solid #2E2A22;cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.ev-rev:hover{transform:translateY(-8px) rotate(-.6deg);border-color:#DDB14C}
.ev-bento{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.ev-bento:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(12,11,9,.16)}
.ev-faq summary{list-style:none;cursor:pointer}
.ev-faq summary::-webkit-details-marker{display:none}
.ev-faq details[open] .ev-plus{transform:rotate(45deg)}
.ev-plus{transition:transform .3s ease;display:inline-block}
.ev-tlbar{animation:evTl 7s cubic-bezier(.6,0,.3,1) infinite}
@keyframes evTl{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}
.ev-done{opacity:0;animation:evDone 7s ease infinite}
@keyframes evDone{0%,78%{opacity:0;transform:translateY(6px)}84%,96%{opacity:1;transform:none}100%{opacity:0}}
.ev-tldot{animation:evLit 7s ease infinite}
.ev-tl2{animation-delay:2.8s}.ev-tl3{animation-delay:5.6s}
@keyframes evLit{0%{background:#0C0B09;color:#DDB14C;box-shadow:none}5%,60%{background:#DDB14C;color:#0C0B09;box-shadow:0 0 0 8px rgba(221,177,76,.18)}75%,100%{background:#0C0B09;color:#DDB14C;box-shadow:none}}
.ev-wa{transition:transform .25s ease, box-shadow .25s ease}
.ev-wa:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,211,102,.4)}
@media (max-width: 900px){.ev-fan{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 24px;min-height:0;align-items:stretch;gap:14px;scrollbar-width:thin;scrollbar-color:#DDB14C transparent}.ev-fan .ev-card{margin:0 !important;transform:none !important;flex:0 0 82%;max-width:none;scroll-snap-align:center;animation:none !important}}
@media (max-width: 760px){.ev-tlgrid{grid-template-columns:1fr !important}.ev-tlbar,.ev-tltrack{display:none}.ev-tlgrid li{align-items:flex-start !important}}
.ev-light{background:#FFFFFF;border:1px solid #E7DECF;box-shadow:0 14px 34px rgba(12,11,9,.06)}
.ev-rev{background:#FFFFFF !important;border-color:#E7DECF !important;box-shadow:0 18px 40px rgba(12,11,9,.1) !important}
input[type=range]{accent-color:#DDB14C;width:100%;height:28px}
.ev-progress{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:#DDB14C;transform-origin:left;transform:scaleX(0);border-radius:2px}
@supports (animation-timeline: scroll()){.ev-progress{animation:evLine linear both;animation-timeline:scroll(root)}}
@supports (animation-timeline: view()){
.ev-rv{animation:evRv linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
.ev-step-line{animation:evLine linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
.ev-fan .ev-card{animation:evFanIn linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
}
@keyframes evRv{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes evLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes evFanIn{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
@media (max-width: 760px){.ev-toast{display:none}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}.ev-draw{stroke-dashoffset:0}.ev-fade,.ev-toast{opacity:1}.ev-shine{color:#DDB14C}}
/* ---- ajouts portage Astro ---- */
[hidden]{display:none !important}
.ag-input{font:500 16px Montserrat,sans-serif;color:#0C0B09;background:#FFFFFF;border:1.5px solid #E2D8C6;border-radius:14px;padding:14px 16px;min-height:50px;box-sizing:border-box;width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.ag-input:focus{border-color:#DDB14C;box-shadow:0 0 0 4px rgba(221,177,76,.18)}
.ag-radio{display:flex;align-items:center;gap:10px;background:#FFFFFF;border:1.5px solid #E2D8C6;border-radius:14px;padding:14px;font-size:14px;font-weight:600;cursor:pointer;min-height:50px;box-sizing:border-box}
.ag-radio input{accent-color:#DDB14C;width:18px;height:18px;margin:0}
.ag-radio:has(input:checked){border-color:#DDB14C;background:#FBF6EA}
.ag-option{font:600 15px Montserrat,sans-serif;text-align:left;color:#0C0B09;background:#FFFFFF;border:1.5px solid #E2D8C6;border-radius:16px;padding:16px 18px;min-height:56px;cursor:pointer}
.ag-day{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 13px Montserrat,sans-serif;color:#0C0B09;background:#FFFFFF;border:1.5px solid #E2D8C6;border-radius:14px;padding:10px 14px;min-width:84px;cursor:pointer}
.ag-day span{font-size:11px;font-weight:500;color:#6B6255}
.ag-day.on,.ag-hour.on{background:#0C0B09;color:#DDB14C;border-color:#0C0B09}
.ag-day.on span{color:#D8D0C2}
.ag-hour{font:700 14px Montserrat,sans-serif;color:#0C0B09;background:#FFFFFF;border:1.5px solid #E2D8C6;border-radius:12px;padding:11px 6px;min-height:44px;cursor:pointer}
.ag-day:hover,.ag-hour:hover{border-color:#DDB14C}
.ag-audio .ag-ico-pause{display:none}
.ag-audio[aria-pressed="true"] .ag-ico-play{display:none}
.ag-audio[aria-pressed="true"] .ag-ico-pause{display:inline-block}
.ag-lb{position:fixed;inset:0;z-index:1000;background:rgba(12,11,9,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 16px 24px;box-sizing:border-box;font-family:Montserrat,sans-serif}
.ag-lb-box{position:relative;max-height:76vh;display:flex;justify-content:center}
.ag-lb-box img{max-width:100%;max-height:76vh;object-fit:contain;border-radius:16px;background:#FFFFFF;display:block}
.ag-lb-cap{display:flex;flex-direction:column;align-items:center;gap:2px;color:#F7F3EC;font-size:14px;font-weight:700;text-align:center}
.ag-lb-note{font-size:12px;font-weight:500;color:#D8D0C2}
.ag-lb-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(221,177,76,.4);background:rgba(23,21,15,.7);color:#F7F3EC;font-size:26px;line-height:1;cursor:pointer}
.ag-lb-nav{display:flex;gap:12px}
.ag-lb-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(221,177,76,.4);background:rgba(23,21,15,.7);color:#DDB14C;font-size:24px;cursor:pointer}
.ag-lb button:focus-visible{outline:2px solid #DDB14C;outline-offset:3px}
#ag-flow-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}

@media (min-width: 901px){.ev-fan .ev-card{margin:0 -96px !important}}

@media (max-width: 860px){nav[aria-label="Navigation principale"]{flex-wrap:nowrap !important;padding:6px 6px 6px 14px !important}nav[aria-label="Navigation principale"] > div,nav[aria-label="Navigation principale"] > span:not(:has(a)):not(.ev-progress){display:none !important}nav[aria-label="Navigation principale"] img{height:32px !important}nav[aria-label="Navigation principale"] .ev-gold-btn{padding:11px 14px !important;font-size:11px !important;white-space:nowrap}}
@media (max-width: 600px){div[style*="position: sticky; bottom: 14px"] > .ev-glass{flex-wrap:nowrap !important;padding:6px !important;gap:8px !important}div[style*="position: sticky; bottom: 14px"] > .ev-glass > span:first-child{display:none}div[style*="position: sticky; bottom: 14px"] a{white-space:nowrap;padding:11px 14px !important;font-size:11px !important}}