:root{color-scheme:light;--bg:#FFFDF8;--alt:#FFF4DA;--surface:#FFF;--ink:#1B1F3B;--muted:#5B5F7A;--line:#F0E4C8;--accent:#F5A400;--on-accent:#1B1F3B;--teal:#0A8577;--dark:#1B1F3B;--ok:#12A594;--h1:#FFF8E6;--h2:#FFE3A1;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:5rem;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3{margin:0;line-height:1.12}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.promo{background:var(--dark);color:var(--accent);display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;font-size:.95rem}
.promo p{margin:0;flex:1}.promo b{color:#fff}.promo a{color:#fff;text-decoration:underline}
.promo button{background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.2rem .5rem}
.hd{background:var(--surface);box-shadow:0 2px 14px rgba(0,0,0,.08);position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0px)}
.hd .wrap{display:flex;align-items:center;gap:.8rem;height:4.6rem}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto;font-weight:800;font-size:1.05rem;line-height:1.1}
.logo small{display:block;font-weight:400;font-size:.72rem;color:var(--muted);letter-spacing:.14em}
.lg{background:url(logo.jpg) center/cover no-repeat}
.mark{width:2.9rem;height:2.9rem;border-radius:8px;flex:none}
.nav{display:none;gap:1.5rem}
.nav a{text-decoration:none;font-weight:600;font-size:.97rem}.nav a:hover{color:var(--accent)}
.rb{width:2.9rem;height:2.9rem;border-radius:50%;background:var(--accent);color:var(--on-accent);border:0;display:grid;place-items:center;cursor:pointer}
.pill{display:inline-block;border-radius:999px;padding:.95rem 1.8rem;font:700 1rem system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,filter .15s}
.pill:hover{filter:brightness(1.07);transform:translateY(-1px)}
.pill.gold{background:var(--accent);color:var(--on-accent)}
.pill.blk{background:var(--dark);color:#fff;border-color:var(--dark)}
.pill.line{background:transparent;color:var(--ink);border-color:var(--ink)}
.pill.sm{padding:.55rem 1.2rem;font-size:.92rem}
.caps{text-transform:uppercase;letter-spacing:.04em}
.burger{background:none;border:0;cursor:pointer;width:2.9rem;height:2.9rem;display:grid;place-content:center;gap:.4rem}
.burger i{display:block;width:1.9rem;height:3px;background:var(--ink);border-radius:2px}
.burger i:last-child{width:1.3rem;margin-left:auto}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-top:1px solid var(--line);padding:1rem 1.25rem 1.4rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}
.mnav.open{display:grid;gap:1rem}.mnav a{text-decoration:none;font-weight:600}
.hero{position:relative;background:linear-gradient(180deg,var(--h1),var(--h2));padding:3rem 0 6.5rem;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:var(--bg);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
.hero .wrap{display:grid;gap:2.5rem;align-items:center}
.hero h1{font-size:clamp(2.1rem,6vw,3.7rem);font-weight:300;letter-spacing:-.015em}
.hero h1 b{font-weight:800}
.hero .sub{font-size:1.2rem;margin:1.4rem 0 1.8rem;color:var(--ink)}.hero .sub b{font-weight:800}
.sbox{background:var(--surface);border-radius:14px;padding:1.4rem;box-shadow:0 12px 34px rgba(0,0,0,.12);display:grid;gap:.9rem;max-width:34rem}
select,input,textarea{width:100%;padding:.95rem 1.1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}
select:focus,input:focus,textarea:focus{border-color:var(--accent)}
textarea{min-height:110px;resize:vertical}
.checks{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;max-width:34rem;font-size:1.05rem}
.checks li{display:flex;gap:.6rem;align-items:flex-start}
.checks li::before{content:"✔";color:var(--ok);font-weight:800}
.hl{display:none;aspect-ratio:1;border-radius:24px;max-width:380px;margin-left:auto;width:100%;box-shadow:0 0 0 8px rgba(224,165,38,.25)}
section{padding:4.2rem 0}
h2.t{font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:300;margin-bottom:.7rem}h2.t b{font-weight:800}
.lead{color:var(--muted);max-width:42rem;margin:0 0 2rem;font-size:1.1rem}
.alt{background:var(--alt)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.6rem;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--accent)}
.card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.card p{margin:0;color:var(--muted)}.card .pill{margin-top:1.1rem}
.tile{width:3.4rem;height:3.4rem;display:grid;place-items:center;background:var(--dark);border-radius:14px;font-size:1.6rem;margin-bottom:1rem;border-bottom:3px solid var(--accent)}
.count{color:var(--muted);margin:0 0 1.2rem}
ol.m{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;counter-reset:s}
ol.m li{counter-increment:s;border-top:4px solid var(--accent);padding-top:1rem}
ol.m li::before{content:"Étape " counter(s);display:block;color:var(--muted);font-size:.92rem}
ol.m h3{font-size:1.15rem;margin:.2rem 0 .3rem}ol.m p{margin:0;color:var(--muted)}
.fin{display:grid;gap:2rem;background:var(--dark);color:#F4F2EA;border-radius:22px;padding:2.2rem}
.fin p,.fin li{color:#D2D0C8}.fin h2{color:#fff}
.chk{background:var(--surface);color:var(--ink);border-radius:16px;padding:1.5rem}
.chk h3{font-size:1.25rem;margin-bottom:.5rem}.chk p{color:var(--muted)!important;margin:0 0 1rem}
#res{margin-top:1rem;padding:1rem 1.1rem;border-left:4px solid var(--accent);background:var(--alt);border-radius:0 10px 10px 0}
#res p{color:var(--ink)!important;margin:0 0 .8rem}
.about{display:grid;gap:2.2rem;align-items:center}
.big{aspect-ratio:1;border-radius:22px;width:100%;max-width:320px;box-shadow:0 0 0 8px rgba(224,165,38,.25)}
.about ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.about li::before{content:"✔ ";color:var(--ok);font-weight:800}
details{border-bottom:1px solid var(--line);padding:1.1rem 0}
summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1}details[open] summary::after{content:"–"}
details p{margin:.6rem 0 0;color:var(--muted);max-width:44rem}
.contact{display:grid;gap:2.2rem;align-items:start}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.2rem;margin:1.4rem 0 0}.contact dt{color:var(--muted)}.contact dd{margin:0;font-weight:600}
form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.6rem;display:grid;gap:1rem;box-shadow:0 8px 26px rgba(0,0,0,.07)}
label{display:grid;gap:.35rem;font-weight:600;font-size:.97rem}
.note{font-size:.9rem;color:var(--muted);margin:0}
footer{background:var(--dark);color:#D2D0C8;padding:2.6rem 0 2rem;font-size:.95rem}
footer .wrap{display:grid;gap:1.4rem}footer .logo{color:#fff}footer p{margin:0}footer a{margin-right:1.2rem}
.fab{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:45;display:grid;justify-items:end;gap:.7rem}
.fab button{width:3.9rem;height:3.9rem;border-radius:50%;background:var(--accent);color:var(--on-accent);border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.fm{display:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.6rem;box-shadow:0 10px 28px rgba(0,0,0,.2);min-width:13rem}
.fm.open{display:grid}.fm a{padding:.7rem 1rem;border-radius:10px;text-decoration:none;font-weight:600}.fm a:hover{background:var(--alt)}
@media (min-width:900px){.nav{display:flex}.burger,.mnav{display:none!important}.hero .wrap{grid-template-columns:1.3fr .8fr}.hl{display:block}.fin{grid-template-columns:1.2fr 1fr;padding:2.8rem}.about{grid-template-columns:.7fr 1.3fr}.contact{grid-template-columns:1fr 1.1fr}.hero{padding:4.5rem 0 8rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.card{transition:none}}

.promo{background:var(--accent);color:var(--ink)}.promo b,.promo a,.promo button{color:var(--ink)}
.hero{background:linear-gradient(160deg,#FFF8E6 0%,#FFE9B0 55%,#FFD36B 100%)}
.hero::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,0) 65%);right:-140px;top:-140px;opacity:.9}
.blob{position:absolute;border-radius:50%;pointer-events:none}
.b1{width:190px;height:190px;background:var(--teal);right:6%;bottom:12%;opacity:.22}
.b2{width:90px;height:90px;background:#FF7A59;left:48%;top:10%;opacity:.35}
.hero .wrap{position:relative;z-index:1}
.hero h1 b,h2.t b{background:linear-gradient(transparent 64%,rgba(245,164,0,.55) 64%);font-weight:800}
.hero .wrap>div:first-child>*{animation:up .7s cubic-bezier(.2,.8,.2,1) both}
.hero .wrap>div:first-child>:nth-child(2){animation-delay:.1s}.hero .wrap>div:first-child>:nth-child(3){animation-delay:.2s}.hero .wrap>div:first-child>:nth-child(4){animation-delay:.3s}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.sbox{border-top:5px solid var(--accent);box-shadow:0 18px 40px rgba(180,120,0,.2)}
.hl{display:block;max-width:230px;margin:0 auto;transform:rotate(-3deg);box-shadow:0 0 0 8px rgba(255,255,255,.7),0 20px 40px rgba(180,120,0,.3)}
@media (min-width:900px){.hl{max-width:390px;margin:0 0 0 auto}}
.mq{overflow:hidden;background:var(--teal);color:#fff;padding:.85rem 0;white-space:nowrap;font-weight:600}
.mt{display:inline-flex;gap:3rem;padding-left:3rem;animation:mq 38s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.alt{background:linear-gradient(180deg,#FFF4DA,#FFFBF0)}
.card{border:0;border-top:5px solid var(--c,var(--accent));box-shadow:0 8px 24px rgba(27,31,59,.08)}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(27,31,59,.14);border-color:var(--c,var(--accent))}
.tile{background:var(--t,#FFF1CC);border:0;width:3.8rem;height:3.8rem;font-size:1.9rem;border-radius:18px}
.grid .card:nth-child(8n+1){--c:#F5A400;--t:#FFF1CC}.grid .card:nth-child(8n+2){--c:#12A594;--t:#DDF5F1}.grid .card:nth-child(8n+3){--c:#FF7A59;--t:#FFE6DF}.grid .card:nth-child(8n+4){--c:#6C63FF;--t:#E8E6FF}.grid .card:nth-child(8n+5){--c:#E6498E;--t:#FFE0EE}.grid .card:nth-child(8n+6){--c:#2E90FA;--t:#DDEEFF}.grid .card:nth-child(8n+7){--c:#34B36B;--t:#DFF6E8}.grid .card:nth-child(8n+8){--c:#9B5DE5;--t:#EFE3FB}
.pill.line{border-color:var(--ink)}.pill.line:hover{background:var(--accent);border-color:var(--accent)}
ol.m li{border-top:0;padding-top:0}
ol.m li::before{content:counter(s);width:2.8rem;height:2.8rem;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:1.2rem;margin-bottom:.7rem}
.fin{background:linear-gradient(135deg,#F5A400,#FFD36B);color:var(--ink)}
.fin h2,.fin p,.fin li{color:var(--ink)}
.chk{box-shadow:0 14px 34px rgba(27,31,59,.2)}
.about li::before,.checks li::before{color:var(--teal)}
footer{background:var(--alt);color:var(--ink);border-top:4px solid var(--accent)}
footer .logo{color:var(--ink)}
.fab button{box-shadow:0 10px 26px rgba(245,164,0,.5)}
@media (prefers-reduced-motion:reduce){.mt,.hero .wrap>div:first-child>*{animation:none}}

.pf{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pc{background:var(--surface);border-radius:20px;padding:1.6rem;box-shadow:0 8px 24px rgba(27,31,59,.08);border-top:5px solid var(--c);display:flex;flex-direction:column;gap:.7rem;transition:transform .2s,box-shadow .2s}
.pc:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(27,31,59,.14)}
.pc .ic{font-size:2rem;width:3.8rem;height:3.8rem;border-radius:18px;background:var(--t);display:grid;place-items:center}
.pc h3{font-size:1.25rem;font-weight:800}.pc p{margin:0}.pc .sit{color:var(--muted)}.pc .rep{font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.1rem 0 .5rem}.chips span{background:var(--t);padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}
.pc .pill{margin-top:auto;align-self:flex-start}
.pf .pc:nth-child(1){--c:#F5A400;--t:#FFF1CC}.pf .pc:nth-child(2){--c:#12A594;--t:#DDF5F1}.pf .pc:nth-child(3){--c:#FF7A59;--t:#FFE6DF}.pf .pc:nth-child(4){--c:#6C63FF;--t:#E8E6FF}
.sbox label{font-weight:600}
.chk ul{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.6rem}.chk li::before{content:"✔ ";color:var(--teal);font-weight:800}

.legal{padding:3rem 0 4.5rem}.legal .wrap{max-width:820px}
.legal .back{display:inline-block;margin-bottom:1.2rem;font-weight:600;text-decoration:none;color:var(--muted)}.legal .back:hover{color:var(--ink)}
.legal h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;margin-bottom:1.6rem;background:linear-gradient(transparent 64%,rgba(245,164,0,.55) 64%);display:inline}
.legal .intro{font-size:1.1rem;margin:1.6rem 0 1.4rem}
.legal .blk{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:14px;padding:1.2rem 1.4rem;margin:0 0 1rem;box-shadow:0 6px 18px rgba(27,31,59,.06)}
.legal .blk h2{font-size:1.15rem;font-weight:800;margin:0 0 .5rem}.legal .blk p{margin:0}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--ink);padding:.7rem 1rem;z-index:99;font-weight:700;border-radius:0 0 10px 0}.skip:focus{left:0}
.chkb{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.92rem}.chkb input{width:auto;margin-top:.3rem;flex:none}
.cb{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem;box-shadow:0 14px 36px rgba(0,0,0,.22);display:flex;gap:1rem;align-items:center;flex-wrap:wrap;max-width:46rem;margin:0 auto}
.cb[hidden]{display:none}.cb p{margin:0;flex:1;min-width:15rem;font-size:.93rem}.cbb{display:flex;gap:.6rem}
.rv{margin:0}.rv blockquote{margin:0 0 1rem;font-size:1.05rem}.rv figcaption{color:var(--muted);font-size:.93rem}.rv figcaption b{color:var(--ink)}
.dcard{display:flex;flex-direction:column;gap:.5rem}
.dcard:has(details[open]){grid-column:1/-1}
.meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.9rem;font-weight:600;color:var(--ink)!important}
details.x,.dcard details{border:0;padding:0}
.dcard summary{display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--ink);border-radius:999px;padding:.5rem 1.1rem;font-size:.92rem;font-weight:700;cursor:pointer;margin-top:.4rem;background:transparent}
.dcard summary::after{content:"▾";color:var(--ink);font-size:1rem}.dcard details[open] summary::after{content:"▴"}
.dcard summary:hover{background:var(--accent);border-color:var(--accent)}
.dd{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:1.2rem;padding-top:1.2rem;border-top:1px dashed var(--line)}
.dd h4{margin:0 0 .4rem;font-size:.95rem;font-weight:800}.dd h4:not(:first-child){margin-top:1rem}
.dd ul{margin:0;padding-left:1.1rem;color:var(--muted)}.dd li{margin:.25rem 0}.dd p{margin:0}.dd .fine{margin-top:.8rem;font-size:.85rem}
.dcard .act{margin-top:auto;padding-top:.8rem}
.chipb{background:var(--t);border:0;padding:.25rem .75rem;border-radius:999px;font:inherit;font-size:.85rem;font-weight:600;color:var(--ink);cursor:pointer}.chipb:hover{outline:2px solid var(--c)}

body.admin-bar .hd{top:32px}@media (max-width:782px){body.admin-bar .hd{top:46px}}