@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

:root{color-scheme:light;--fond:#F2FAF5;--blanc:#FFFFFF;--menthe:#DDF5E8;--encre:#0B2A1F;--encre2:#123B2C;--gris:#4D6A5D;--gris2:#86A396;--vert:#10B981;--vert2:#34D399;--vertf:#047857;--rose:#FF1E8E;--rose2:#FF6FB5;--led:#A855F7;--or:#FBBC04;--disp:"Bricolage Grotesque","Arial Black",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--fond)}
body{margin:0;color:var(--encre);font-family:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:.3px;line-height:1.5;word-spacing:.14em;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;overflow-x:hidden}
h1,h2,h3,.disp{font-family:var(--disp);font-weight:800;text-wrap:balance;margin:0;line-height:1.02;letter-spacing:-.5px}
p{margin:0;text-wrap:pretty}a{color:inherit}
.wrap{max-width:1000px;margin:0 auto;padding-inline:16px}
section{padding-block:clamp(56px,9vw,100px)}
.eyebrow{font-size:12px;letter-spacing:3px;color:var(--vertf)}
.v{color:var(--vert)}.r{color:var(--rose)}
.logo{font-family:var(--disp);font-weight:800;white-space:nowrap;letter-spacing:-.4px;text-decoration:none;color:var(--encre)}
.logo b{font-weight:800;color:var(--vert)}.logo i{font-style:normal;color:var(--rose)}
.led{border:2px solid var(--led);border-radius:20px;box-shadow:0 0 0 1px rgba(168,85,247,.25),0 0 16px rgba(168,85,247,.28),inset 0 0 10px rgba(168,85,247,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:10px 28px;line-height:1.15;border-radius:99px;font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:.8px;text-decoration:none;border:0;cursor:pointer}
.btn-v{background:linear-gradient(135deg,var(--vert),var(--vert2));color:#fff;box-shadow:0 12px 26px rgba(16,185,129,.32)}
.btn-o{background:transparent;color:var(--encre);box-shadow:inset 0 0 0 2px var(--encre)}
.btn-r{background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;box-shadow:0 12px 26px rgba(255,30,142,.3)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--led);outline-offset:3px}
.pintro{margin:18px auto 0;max-width:48ch;font-size:clamp(13px,3.6vw,16px);letter-spacing:1px;color:var(--gris)}
.nuance{margin:22px auto 0;max-width:60ch;font-size:12px;letter-spacing:1px;color:var(--gris)}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}

/* ===== ENTÊTE ===== */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(242,250,245,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,42,31,.08)}
header .wrap{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:66px}
header .logo{font-size:clamp(18px,5vw,24px);justify-self:center}
.dmbtn{justify-self:start;position:relative;width:46px;height:40px;padding:0;border:0;background:none;cursor:pointer}
.dmbtn .bul{position:absolute;inset:2px 4px 6px 2px;border-radius:14px 14px 14px 4px;background:var(--encre);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 14px rgba(11,42,31,.25)}
.dmbtn .bul i{width:5px;height:5px;border-radius:50%;background:var(--vert2);animation:tape 1.2s infinite}
.dmbtn .bul i:nth-child(2){animation-delay:.18s}.dmbtn .bul i:nth-child(3){animation-delay:.36s}
.dmbtn .badge{position:absolute;top:-4px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--rose);color:#fff;font-size:11px;line-height:20px;font-family:var(--mono);box-shadow:0 0 0 2px var(--fond);animation:badge 3s infinite}
@keyframes tape{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes badge{0%,86%,100%{transform:none}90%{transform:scale(1.25)}95%{transform:scale(.95)}}
.tel-ic{justify-self:end;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--vert);box-shadow:0 8px 18px rgba(16,185,129,.35)}
.tel-ic svg{width:20px;height:20px}
/* menu = conversation */
#menu{position:fixed;inset:0;z-index:80;background:rgba(11,42,31,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:calc(78px + env(safe-area-inset-top,0px)) 16px 16px}
#menu[hidden]{display:none!important}
.conv{width:min(100%,420px);border-radius:26px;background:var(--blanc);border:2px solid var(--led);box-shadow:0 0 24px rgba(168,85,247,.35),0 30px 60px rgba(11,42,31,.25);overflow:hidden;animation:convIn .35s cubic-bezier(.2,1.2,.4,1);text-align:left}
@keyframes convIn{from{transform:translateY(-16px) scale(.94);opacity:0}}
.conv .tete{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(11,42,31,.08)}
.conv .av{width:36px;height:36px;border-radius:50%;background:var(--encre);color:var(--vert2);display:grid;place-items:center;font-family:var(--disp);font-size:13px}
.conv .tete b{display:block;font-size:13px;letter-spacing:.5px}.conv .tete small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--vert)}
.conv .fil2{padding:14px 16px 6px;display:grid;gap:8px}
.conv .msg{justify-self:start;max-width:85%;padding:10px 14px;border-radius:18px 18px 18px 4px;background:var(--menthe);font-size:13px;letter-spacing:.5px}
.conv .msg.typing{display:flex;gap:4px;padding:14px}
.conv .msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--gris2);animation:tape 1s infinite}
.conv .msg.typing i:nth-child(2){animation-delay:.15s}.conv .msg.typing i:nth-child(3){animation-delay:.3s}
.conv nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 16px;justify-content:flex-end}
.conv nav a{padding:10px 14px;border-radius:18px 18px 4px 18px;background:var(--encre);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.6px;opacity:0;transform:translateY(8px);animation:rep .3s forwards}
.conv nav a:hover,.conv nav a:focus-visible{background:var(--vert)}
.conv nav a.star{background:linear-gradient(135deg,var(--vert),var(--vert2))}
@keyframes rep{to{opacity:1;transform:none}}
.conv .fermer{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:12px;border-radius:14px;border:1px solid rgba(11,42,31,.15);background:none;font:inherit;font-size:12px;letter-spacing:2px;color:var(--gris);cursor:pointer}

/* ===== HÉROS ===== */
.hero{position:relative;overflow:hidden;padding-top:clamp(34px,7vw,70px)}
.hero::before{content:"";position:absolute;inset:-30% -20% -10%;background:radial-gradient(38% 34% at 18% 28%,rgba(52,211,153,.38),transparent 70%),radial-gradient(34% 30% at 84% 22%,rgba(16,185,129,.22),transparent 70%),radial-gradient(44% 36% at 60% 86%,rgba(167,243,208,.55),transparent 70%);animation:nappe 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes nappe{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-3%,2%,0) rotate(2deg)}100%{transform:translate3d(3%,-3%,0) rotate(-2deg) scale(1.06)}}
.hero .wrap{position:relative}
.hero h1{margin-top:14px;font-size:clamp(44px,12.4vw,98px);display:grid;gap:.02em}
.hero h1 .l3{color:var(--vert)}
.mot{display:inline-block;opacity:0;transform:translateY(.4em);animation:mot .6s cubic-bezier(.2,1,.3,1) forwards}
@keyframes mot{to{opacity:1;transform:none}}
.hero .sous{margin:20px auto 0;max-width:40ch;font-size:clamp(14px,3.9vw,18px);letter-spacing:1.5px;color:var(--gris)}
.hero .sous b{color:var(--encre)}
.reseaux{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.reseaux span{padding:8px 14px;border-radius:99px;background:var(--blanc);border:1px solid rgba(11,42,31,.12);font-size:12px;letter-spacing:2px}
.scene{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;align-items:center;justify-items:center}
/* téléphone profil */
.phone{width:min(290px,82vw);aspect-ratio:9/18.6;border-radius:40px;padding:10px;background:var(--encre);box-shadow:0 0 0 2px var(--led),0 0 26px rgba(168,85,247,.35),0 34px 60px rgba(11,42,31,.28);position:relative}
.phone::before{content:"";position:absolute;top:16px;left:50%;width:74px;height:20px;margin-left:-37px;border-radius:99px;background:var(--encre);z-index:3}
.ecran{height:100%;border-radius:31px;background:var(--blanc);color:var(--encre);overflow:hidden;display:flex;flex-direction:column;position:relative}
.pf-top{padding:44px 14px 10px;display:flex;align-items:center;gap:12px;text-align:left}
.pf-av{flex:none;width:58px;height:58px;border-radius:50%;padding:3px;background:conic-gradient(var(--vert),var(--vert2),var(--rose),var(--vert))}
.pf-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--encre);color:#fff;border:3px solid #fff;font-family:var(--disp);font-size:16px}
.pf-id b{display:block;font-size:13px;letter-spacing:.4px;line-height:1.2;overflow-wrap:anywhere}
.pf-id small{display:block;font-size:9px;letter-spacing:1px;color:var(--gris)}
.pf-cpt{margin-top:4px;font-family:var(--mono);font-size:10px;color:var(--vertf)}
.pf-bio{padding:0 14px;text-align:left;font-size:9px;letter-spacing:.6px;color:var(--gris);line-height:1.5}
.pf-une{display:flex;gap:8px;padding:10px 14px}
.pf-une i{width:30px;height:30px;border-radius:50%;border:2px solid var(--menthe);background:var(--fond)}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px;flex:1;align-content:start}
.grille i{aspect-ratio:1;border-radius:2px;background:#EEF4F1;position:relative;overflow:hidden}
.grille i.on{animation:tuile .45s cubic-bezier(.2,1.3,.4,1)}
.grille i.on::after{content:attr(data-t);position:absolute;right:4px;top:3px;font-size:7px;letter-spacing:.5px;color:#fff;font-family:var(--mono)}
@keyframes tuile{from{transform:scale(.4);opacity:0}}
.notif{position:absolute;left:10px;right:10px;bottom:48px;padding:10px 12px;border-radius:16px;background:rgba(11,42,31,.94);color:#fff;font-size:10px;letter-spacing:.6px;text-align:left;display:flex;gap:8px;align-items:center;transform:translateY(20px);opacity:0;transition:.4s;z-index:5}
.notif.on{transform:none;opacity:1}
.notif .dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--vert);display:grid;place-items:center;font-size:12px}
.jour{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:var(--encre);color:var(--vert2);font-family:var(--mono);font-size:11px;letter-spacing:1px;white-space:nowrap;font-variant-numeric:tabular-nums;z-index:4}
/* prix */
.prixbox{width:min(100%,340px);padding:26px 18px;background:var(--blanc);display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate}
.prixbox::before{content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;background:conic-gradient(from var(--a),rgba(168,85,247,.25) 0 60%,var(--led) 78%,#fff 84%,var(--led) 90%,rgba(168,85,247,.25) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:tour 4s linear infinite;pointer-events:none}
@keyframes tour{to{--a:360deg}}
.prixbox .lab{font-size:11px;letter-spacing:3px;color:var(--vertf)}
.prix{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.prix .n{font-family:var(--disp);font-size:clamp(88px,24vw,130px);line-height:.88;white-space:nowrap;color:var(--encre)}
.prix .n sup{font-size:.4em;vertical-align:1em;margin-left:4px;color:var(--vert)}
.prix .ht{font-size:11px;letter-spacing:3px;margin-top:6px;color:var(--gris)}
.prix .an{margin-top:12px;font-family:var(--disp);font-size:15px;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,var(--vert),var(--vert2));padding:8px 16px;border-radius:10px}
.prix .jr{margin-top:12px;font-size:12px;letter-spacing:1.5px;color:var(--gris)}
.prix .jr b{color:var(--rose)}
.prixbox ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px;font-size:12px;letter-spacing:1px}
.prixbox li::before{content:"✓ ";color:var(--vert)}

/* ===== SECTIONS ===== */
.sh2{font-size:clamp(30px,7.6vw,56px)}
.inclus{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.inclus article{background:var(--blanc);padding:26px 18px;display:flex;flex-direction:column;gap:10px;align-items:center}
.inclus .tag{font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:99px;background:var(--menthe);color:var(--vertf)}
.inclus .tag.star{background:var(--encre);color:var(--vert2)}
.inclus h3{font-size:clamp(20px,5.4vw,24px)}
.inclus p{font-size:12.5px;letter-spacing:.6px;color:var(--gris);line-height:1.6}
.inclus article.grand{background:var(--encre);color:#fff}
.inclus article.grand p{color:#BFD8CC}
.inclus article.grand h3{color:var(--vert2)}
.sombre{background:var(--encre);color:#fff}
.sombre .eyebrow{color:var(--vert2)}
.sombre .pintro,.sombre .nuance{color:#BFD8CC}
.clair{background:var(--blanc)}

/* planning 30 jours */
.chips{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chips button{font:inherit;font-size:12px;letter-spacing:1px;padding:10px 14px;border-radius:99px;border:2px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--vert);border-color:var(--vert)}
.cal{margin:26px auto 0;max-width:620px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cal button{position:relative;aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;transition:background .2s,border-color .2s,transform .2s}
.cal button b{font-family:var(--mono);font-size:clamp(11px,3vw,14px)}
.cal button small{font-size:clamp(6px,1.8vw,9px);letter-spacing:.6px;color:var(--vert2)}
.cal button[aria-pressed="true"]{background:var(--vert);border-color:var(--vert);transform:scale(1.06)}
.cal button[aria-pressed="true"] small{color:#fff}
.idee{margin:18px auto 0;max-width:620px;padding:20px 18px;border-radius:18px;background:var(--blanc);color:var(--encre);min-height:132px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.idee .q{font-size:10px;letter-spacing:2px;color:var(--vertf)}
.idee .t{font-family:var(--disp);font-size:clamp(18px,5vw,24px);line-height:1.1}
.idee .d{font-size:12px;letter-spacing:.6px;color:var(--gris)}
.legende{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:10px;letter-spacing:1.5px;color:#BFD8CC}

/* calcul */
.tabwrap{margin:30px auto 0;max-width:760px;overflow-x:auto}
table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0 8px;font-size:13px;letter-spacing:.5px}
th{font-size:10px;letter-spacing:2px;color:var(--vertf);padding:4px 8px}
td{padding:16px 10px;background:var(--blanc)}
td:first-child{border-radius:14px 0 0 14px;font-family:var(--disp);font-size:15px}
td:last-child{border-radius:0 14px 14px 0}
td small{display:block;font-size:10px;letter-spacing:1px;color:var(--gris)}
tr.nous td{background:var(--encre);color:#fff}
tr.nous td:first-child{color:var(--vert2)}
tr.nous td small{color:#BFD8CC}
.gros{margin-top:26px;font-family:var(--disp);font-size:clamp(24px,6.4vw,42px);line-height:1.08}
.gros span{color:var(--vert)}

/* étapes */
.steps{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.steps article{background:var(--blanc);padding:26px 18px;display:flex;flex-direction:column;gap:10px;align-items:center}
.steps .num{padding:6px 14px;border-radius:99px;background:var(--encre);color:var(--vert2);font-family:var(--mono);font-size:12px;letter-spacing:1px}
.steps h3{font-size:20px}.steps p{font-size:12.5px;color:var(--gris);letter-spacing:.6px}
.vous{margin:40px auto 0;max-width:640px;padding:28px 20px;border-radius:22px;background:var(--menthe)}
.vous h3{font-size:clamp(22px,6vw,32px)}
.vous p{margin-top:10px;font-size:13px;letter-spacing:.8px;color:var(--gris)}

/* métiers */
.tuiles{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.tuile{display:flex;flex-direction:column;gap:6px;padding:20px 14px;border-radius:16px;background:var(--blanc);border:1px solid rgba(11,42,31,.1);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.tuile b{font-family:var(--disp);font-size:clamp(14px,4vw,17px);line-height:1.1}
.tuile small{font-size:10px;letter-spacing:1.5px;color:var(--vertf)}
.tuile:hover,.tuile:focus-visible{border-color:var(--led);box-shadow:0 0 16px rgba(168,85,247,.3);transform:translateY(-2px)}

/* FAQ */
.faq details{max-width:700px;margin:12px auto 0;padding:18px;border-radius:16px;background:var(--blanc);border:1px solid rgba(11,42,31,.1);text-align:center}
.faq details:first-of-type{margin-top:30px}
.faq summary{cursor:pointer;list-style:none;font-family:var(--disp);font-size:16px;line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq details[open]{border-color:var(--led);box-shadow:0 0 14px rgba(168,85,247,.2)}
.faq details p{margin-top:12px;font-size:13px;letter-spacing:.5px;color:var(--gris);line-height:1.6}
@media (min-width:640px){.faq details p,.prose p{text-align:justify;text-align-last:center}}

/* CONTACT */
.contact{background:radial-gradient(120% 90% at 50% 0%,#1C5A43 0%,var(--encre) 62%);color:#fff}
.vol{position:relative;width:min(220px,58vw);aspect-ratio:420/235;margin:0 auto;animation:jdBob 1s ease-in-out infinite alternate}
.vol img,.pb-jd img,.jd-bird img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}
.jd-a{animation:jdFlap .26s steps(1) infinite;animation-delay:-.13s}.jd-b{animation:jdFlap .26s steps(1) infinite}
.contact .q2{margin-top:22px;font-size:12px;letter-spacing:4px;color:#BFD8CC}
.contact h2{margin-top:8px;font-size:clamp(26px,6.4vw,38px)}
.contact h2 span{color:var(--vert2)}
.coord{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pill{width:min(100%,330px);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px 12px 12px;border-radius:99px;background:rgba(255,255,255,.06);border:1.5px solid var(--led);box-shadow:0 0 16px rgba(168,85,247,.4);text-decoration:none;font-size:clamp(14px,4.2vw,18px);font-weight:800;letter-spacing:.4px;white-space:nowrap}
.pill .ic{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose),var(--led));animation:bop 2.4s ease-in-out infinite}
.pill .ic svg{width:18px;height:18px}
.pill b{color:var(--vert2)}
.pill.tel{font-family:var(--disp);letter-spacing:1px}
@keyframes bop{0%,80%,100%{transform:none}85%{transform:rotate(-12deg) scale(1.1)}90%{transform:rotate(10deg) scale(1.1)}}
form{margin:14px auto 0;max-width:330px;display:grid;gap:12px}
form input{font:inherit;font-size:16px;text-align:center;text-transform:uppercase;padding:14px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
form input::placeholder{color:rgba(255,255,255,.55)}
form .btn{width:100%}
.ok{font-size:12px;color:var(--vert2);min-height:1.4em}

/* GROUPE */
.groupe{background:var(--encre);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.groupe .eyebrow{color:var(--vert2)}
.logo-g{margin-top:10px;font-family:var(--disp);font-size:clamp(28px,7.4vw,46px);white-space:nowrap}
.logo-g b{color:var(--rose)}
.slog{margin-top:12px;font-size:12px;letter-spacing:3px;line-height:1.8;color:#BFD8CC}
.cards{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card{--c:#fff;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:22px 12px;border-radius:16px;text-decoration:none;background:#123B2C;transition:transform .3s,background .3s}
.card::before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:conic-gradient(from var(--a),transparent 0 62%,var(--c) 80%,#fff 86%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;z-index:-1}
.card::after{content:"";position:absolute;inset:8px;border-radius:10px;pointer-events:none;background:linear-gradient(var(--c),var(--c)) 0 0/14px 2px,linear-gradient(var(--c),var(--c)) 0 0/2px 14px,linear-gradient(var(--c),var(--c)) 100% 0/14px 2px,linear-gradient(var(--c),var(--c)) 100% 0/2px 14px,linear-gradient(var(--c),var(--c)) 0 100%/14px 2px,linear-gradient(var(--c),var(--c)) 0 100%/2px 14px,linear-gradient(var(--c),var(--c)) 100% 100%/14px 2px,linear-gradient(var(--c),var(--c)) 100% 100%/2px 14px;background-repeat:no-repeat;opacity:.25;transition:inset .3s,opacity .3s}
.card .lg{font-family:var(--disp);font-size:16px;white-space:nowrap}
.card .lg b{color:var(--c)}
.card small{font-size:11px;letter-spacing:1.5px;color:#BFD8CC}
.card:hover,.card:focus-visible,.card.vu{transform:translateY(-3px);background:color-mix(in srgb,var(--c) 14%,#123B2C)}
.card:hover::before,.card:focus-visible::before,.card.vu::before{opacity:1;animation:tour 2.2s linear infinite}
.card:hover::after,.card:focus-visible::after,.card.vu::after{inset:4px;opacity:1}
.card:hover .lg b,.card:focus-visible .lg b,.card.vu .lg b{text-shadow:0 0 12px var(--c)}

footer{background:var(--encre);color:#BFD8CC;padding-block:30px 60px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:1.5px}
footer .wrap{display:grid;gap:12px}
footer a{color:#BFD8CC;text-decoration:none}footer a:hover{color:#fff}
footer .fmet{line-height:2}
footer button,footer .rv{font:inherit;color:var(--vert2);background:none;border:0;cursor:pointer;letter-spacing:2px;text-decoration:underline;text-underline-offset:4px}

/* ===== PAGES INTÉRIEURES ===== */
.fil{padding-top:18px;font-size:10px;letter-spacing:2px;color:var(--gris)}
.fil a{text-decoration:none;color:var(--gris)}.fil a:hover{color:var(--encre)}
.fil span{color:var(--gris2)}.fil [aria-current]{color:var(--vertf)}
.phero{position:relative;overflow:hidden;padding-block:clamp(36px,7vw,70px) clamp(20px,4vw,40px)}
.phero::before{content:"";position:absolute;inset:-40% -20% 0;background:radial-gradient(40% 50% at 20% 30%,rgba(52,211,153,.3),transparent 70%),radial-gradient(40% 50% at 80% 40%,rgba(167,243,208,.45),transparent 70%);animation:nappe 14s ease-in-out infinite alternate;pointer-events:none}
.phero .wrap{position:relative}
.phero h1{margin-top:14px;font-size:clamp(32px,8.4vw,62px)}
.sec{padding-block:clamp(40px,7vw,80px)}
.liste{list-style:none;margin:24px auto 0;padding:0;display:grid;gap:8px;max-width:600px}
.liste li{padding:13px 16px;border-radius:14px;background:var(--blanc);font-size:13px;letter-spacing:.6px;border:1px solid rgba(11,42,31,.08)}
.liste.non li::before{content:"✕  ";color:var(--rose)}
.liste.oui li::before{content:"✓  ";color:var(--vert)}
.prose{max-width:740px}
.prose h2{margin-top:44px;font-size:clamp(22px,5.6vw,32px)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:26px;font-size:18px;color:var(--vertf)}
.prose p,.prose li{font-size:13.5px;letter-spacing:.5px;line-height:1.75;color:var(--encre2)}
.prose p{margin-top:12px}
.prose ul,.prose ol{margin:14px auto 0;padding:0;list-style:none;display:grid;gap:8px;max-width:600px}
.prose li{padding:11px 14px;border-radius:12px;background:var(--blanc)}
.prose ol{counter-reset:q}.prose ol li{counter-increment:q}.prose ol li::before{content:counter(q) ". ";color:var(--vert)}
.legal p{font-size:12.5px}
.arts{display:grid;gap:16px;max-width:740px;margin:0 auto}
.art{display:flex;flex-direction:column;gap:10px;padding:26px 18px;text-decoration:none;background:var(--blanc);transition:transform .25s}
.art h2{font-size:clamp(20px,5.2vw,26px)}.art p{font-size:12.5px;color:var(--gris)}
.art:hover{transform:translateY(-2px)}
.voir{font-size:11px;letter-spacing:2px;color:var(--vertf)}
.bande{background:var(--encre);color:#fff}
.bande h2{font-size:clamp(26px,6.6vw,44px)}
.bande .pintro{color:#BFD8CC}
.bande .prixbox{margin:28px auto 0;color:var(--encre)}
.bande .btn-o{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.metier{scroll-margin-top:90px}
.metier .prix-dev{margin-top:4px;font-size:11px;letter-spacing:2px;color:var(--rose)}

/* ===== INTRO ===== */
html.pb-lock,html.pb-lock body{overflow:hidden}
#pub{position:fixed;inset:0;z-index:999;background:#07170F;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity .45s,transform .45s;padding-top:env(safe-area-inset-top,0px)}
#pub.out{opacity:0;transform:scale(1.04)}
.pb-top{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:16px;display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:1px}
.pb-tag{background:#FFCC00;color:#07170F;padding:3px 7px;border-radius:4px}
.pb-stage{width:min(100%,560px);padding-inline:16px;display:flex;flex-direction:column;align-items:center;gap:16px}
.pb-heure{font-family:var(--mono);font-size:clamp(40px,12vw,64px);color:var(--vert2);font-variant-numeric:tabular-nums;opacity:0;transition:.5s}
#pub.s1 .pb-heure{opacity:1}
.pb-ph{display:none;position:relative;width:min(230px,62vw);aspect-ratio:9/18;border-radius:30px;padding:7px;background:#000;box-shadow:0 0 0 2px var(--led),0 0 30px rgba(168,85,247,.55)}
.pb-ph .ecran{border-radius:24px}
.pb-ph .pf-top{padding-top:28px}
.pb-mort{position:absolute;inset:auto 10px 40%;text-align:center;font-size:10px;letter-spacing:1px;color:var(--gris);transition:opacity .3s}
.pb-ask{width:100%;display:none;flex-direction:column;gap:12px;align-items:center}
.pb-ask label{font-family:var(--disp);font-size:clamp(20px,5.8vw,28px);line-height:1.1}
.pb-ask input{width:100%;font:inherit;font-size:18px;text-align:center;text-transform:uppercase;padding:14px;border-radius:14px;border:2px solid var(--led);background:#0E2A1D;color:#fff;box-shadow:0 0 18px rgba(168,85,247,.5)}
.pb-ask button{font-family:var(--disp);font-size:15px;letter-spacing:.8px;padding:14px 26px;border-radius:99px;border:0;background:var(--vert);color:#fff;cursor:pointer}
.pb-ask .att{font-size:11px;letter-spacing:2px;color:#BFD8CC;min-height:1.4em}
.pb-jd{position:absolute;width:120px;aspect-ratio:420/235;left:-170px;top:-56px;transition:left 2s cubic-bezier(.3,.8,.3,1);pointer-events:none;z-index:6}
#pub.s1 .pb-ph,#pub.s2 .pb-ph{display:block}
#pub.s1 .pb-ph{display:none}
#pub.s2 .pb-heure{display:none}
#pub.s3 .pb-ph{display:none}#pub.s3 .pb-ask{display:flex}
#pub.s4 .pb-ask{display:none}#pub.s4 .pb-ph{display:block}#pub.s4 .pb-heure{display:none}
#pub.s5 .pb-jd{left:calc(100% + 40px)}
.pb-line{min-height:3.4em;display:flex;align-items:center;justify-content:center}
.pb-line p{padding:12px 20px;border-radius:16px;background:linear-gradient(135deg,var(--vert),var(--vert2));font-family:var(--disp);font-size:clamp(16px,4.8vw,24px);line-height:1.12;opacity:0;transform:translateY(10px);transition:.35s;box-shadow:0 12px 30px rgba(16,185,129,.35)}
.pb-line p.on{opacity:1;transform:none}
.pb-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(120% 90% at 50% 15%,#6EE7B7 0%,#10B981 45%,#047857 100%);opacity:0;pointer-events:none;transition:opacity .6s;color:#fff;z-index:8}
.pb-end .logo{font-size:clamp(28px,8.6vw,52px);color:#fff}
.pb-end .logo b{color:var(--encre)}.pb-end .logo i{color:var(--rose)}
.pb-end .slo{margin-top:12px;font-family:var(--disp);font-size:clamp(20px,6vw,34px);line-height:1.05}
.pb-end .prix .n{color:#fff;font-size:clamp(80px,22vw,124px)}
.pb-end .prix .n sup{color:#fff}
.pb-end .prix .ht{color:#fff}
.pb-end .prix .an{background:var(--encre)}
.pb-end .jr2{margin-top:12px;font-size:clamp(12px,3.6vw,15px);letter-spacing:1.5px;font-weight:800;color:var(--encre)}
.pb-enter{margin-top:22px;font-family:var(--disp);font-size:16px;letter-spacing:1px;padding:15px 30px;border-radius:99px;border:0;cursor:pointer;background:#fff;color:var(--vertf);box-shadow:0 0 0 4px rgba(168,85,247,.6),0 14px 30px rgba(0,0,0,.2)}
.pb-skip{position:absolute;right:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;font:inherit;font-size:13px;color:#fff;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.35);border-right:0;padding:11px 14px 11px 16px;cursor:pointer;z-index:9}
#pub.s6 .pb-end{opacity:1;pointer-events:auto}#pub.s6 .pb-line p{opacity:0}

/* JADOU */
.jadou{position:fixed;top:44vh;left:0;z-index:998;pointer-events:none;animation:jdFly 7.4s cubic-bezier(.45,.05,.55,.95) forwards}
.jd-bob{position:relative;display:flex;align-items:center;animation:jdBob .9s ease-in-out infinite alternate}
.jd-bird{position:relative;width:clamp(170px,46vw,260px);aspect-ratio:420/235;flex:none}
.jd-rope{width:clamp(24px,7vw,48px);height:2px;background:var(--encre);opacity:.5;flex:none;margin-top:22%}
.jd-banner{flex:none;margin-top:22%;padding:8px 14px;border-radius:6px 16px 16px 6px;white-space:nowrap;font-family:var(--disp);font-size:clamp(12px,3.6vw,16px);color:#fff;background:linear-gradient(135deg,var(--vert),var(--vert2));box-shadow:0 0 0 3px var(--led),0 10px 22px rgba(16,185,129,.35)}
.jd-banner small{font-size:.62em;letter-spacing:1px}
.jd-bulle{position:absolute;right:-6px;top:-34px;white-space:nowrap;padding:7px 12px;border-radius:14px 14px 14px 4px;background:var(--encre);color:#fff;font-family:var(--disp);font-size:clamp(11px,3.2vw,14px);opacity:0;animation:jdBulle 7.4s forwards}
@keyframes jdFly{0%{transform:translateX(-110%)}38%{transform:translateX(calc(50vw - 50%))}62%{transform:translateX(calc(50vw - 50%)) translateY(-8px)}100%{transform:translateX(110vw)}}
@keyframes jdBob{from{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(8px) rotate(2deg)}}
@keyframes jdFlap{0%{opacity:0}50%{opacity:1}}
@keyframes jdBulle{0%,30%{opacity:0;transform:scale(.6)}36%,64%{opacity:1;transform:scale(1)}70%,100%{opacity:0;transform:scale(.8)}}

/* CURSEUR : avion en papier (on envoie, on publie) */
@media (hover:hover) and (pointer:fine){
  html,body{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M3%203%20L29%2013%20L17.5%2017.5%20L13%2029%20Z%27%20fill%3D%27%2310B981%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M3%203%20L17.5%2017.5%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.85%27/%3E%3C/svg%3E") 3 3,auto}
  a,button,summary,label[for],.card,.tuile{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M3%203%20L29%2013%20L17.5%2017.5%20L13%2029%20Z%27%20fill%3D%27%23FF1E8E%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M3%203%20L17.5%2017.5%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.85%27/%3E%3C/svg%3E") 3 3,pointer}
  input,textarea{cursor:text}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.mot{opacity:1;transform:none}}
@media (max-width:480px){.cal{grid-template-columns:repeat(5,1fr);gap:5px}.cal button small{font-size:8px}}
@media (max-width:640px){
  .tabwrap{overflow:visible}
  table{min-width:0;border-spacing:0}
  thead{display:none}
  tbody{display:grid;gap:10px}
  tr{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;border-radius:16px;background:var(--blanc);overflow:hidden}
  tr.nous{background:var(--encre)}
  td{background:none!important;border-radius:0!important;padding:12px 14px}
  td{text-align:center;padding:6px 14px}
  td:first-child{padding-top:16px}
  td:nth-child(2){font-family:var(--disp);font-size:20px;white-space:nowrap}
  td:last-child{padding-bottom:16px}
}

/* ===== V2 : héros sombre, rectangles roses, fourmi, flottant ===== */
.rect{background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;padding:.02em .22em .06em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:0 8px 20px rgba(255,30,142,.28)}
.hero h1 .rect{display:inline-block;transform:rotate(-2deg);padding:.04em .18em .08em;margin-top:.1em;font-size:.8em;white-space:nowrap}
.hero h1 .rect .mot{color:#fff}
.gros .rect{display:inline-block;transform:rotate(-1.5deg);margin-top:.12em}
.sh2 .rect{display:inline-block;transform:rotate(-1.5deg);margin-top:.1em}
.hero.sombre-h{background:var(--encre);color:#fff}
.hero.sombre-h::before{background:radial-gradient(38% 34% at 18% 28%,rgba(16,185,129,.45),transparent 70%),radial-gradient(34% 30% at 84% 22%,rgba(52,211,153,.25),transparent 70%),radial-gradient(44% 36% at 60% 86%,rgba(4,120,87,.55),transparent 70%)}
.hero.sombre-h .eyebrow{color:var(--vert2)}
.hero.sombre-h h1{color:#fff}
.hero.sombre-h .sous{color:#CFE6DA;line-height:1.9}
.hero.sombre-h .reseaux span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.hero.sombre-h .btn-o{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.hero.sombre-h .prixbox{color:var(--encre)}
.inclus .tag.offert{background:var(--rose);color:#fff}
.sh3{font-size:clamp(22px,5.6vw,32px)}
.fourmi{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.fourmi article{padding:24px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:10px;align-items:center}
.fourmi .num{padding:6px 14px;border-radius:99px;background:var(--vert);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:1px}
.fourmi h3{font-size:20px;color:#fff}.fourmi p{font-size:12.5px;letter-spacing:.6px;color:#BFD8CC}
.tuiles.petites{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:8px;max-width:820px;margin-inline:auto}
.tuiles.petites .tuile{padding:12px 10px;border-radius:12px;gap:4px;justify-content:center}
.tuiles.petites .tuile b{font-size:12.5px;line-height:1.2}
.tuiles.petites .tuile small{font-size:9px}
.cards{grid-template-columns:repeat(2,1fr)}
@media (max-width:560px){.cards{grid-template-columns:1fr}}
.card.grp{grid-column:1/-1;background:#13201A;padding:30px 14px;border:1px solid rgba(221,143,102,.45)}
.card.grp .lg{font-size:clamp(24px,6.6vw,34px)}
.card.grp small{color:#F1EADF;letter-spacing:2px}
.voir2{margin-top:6px;font-size:11px;letter-spacing:2px;color:#DD8F66}
.upsell{margin:48px auto 0;max-width:520px;padding:28px 20px;background:var(--blanc);display:flex;flex-direction:column;gap:10px;align-items:center}
.upsell .tag{font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:99px;background:var(--menthe);color:var(--vertf)}
.upsell h3{font-size:24px}.upsell p{font-size:12.5px;color:var(--gris);letter-spacing:.6px}
.upsell .prix .n{font-size:72px}
.upsell .btn{margin-top:8px}
/* calendrier en couleurs */
.cal button.t-reel{background:rgba(255,30,142,.16);border-color:rgba(255,30,142,.5)}.cal button.t-reel small{color:var(--rose2)}
.cal button.t-car{background:rgba(16,185,129,.16);border-color:rgba(52,211,153,.5)}.cal button.t-car small{color:var(--vert2)}
.cal button.t-post{background:rgba(251,188,4,.13);border-color:rgba(251,188,4,.45)}.cal button.t-post small{color:var(--or)}
.cal button.t-story{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.55)}.cal button.t-story small{color:#C4B5FD}
.cal button[aria-pressed="true"]{background:#fff!important;border-color:#fff!important;color:var(--encre)}
.cal button[aria-pressed="true"] small{color:var(--encre)!important}
.legende .k{display:inline-flex;align-items:center;gap:6px}
.legende .k::before{content:"";width:12px;height:12px;border-radius:4px}
.legende .t-reel::before{background:var(--rose)}.legende .t-car::before{background:var(--vert)}.legende .t-post::before{background:var(--or)}.legende .t-story::before{background:var(--led)}
/* Jadou + téléphone, toujours là */
.flot{position:fixed;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:6px;padding:6px 16px 6px 6px;border-radius:99px;background:var(--encre);color:#fff;text-decoration:none;box-shadow:0 0 0 2px var(--led),0 12px 28px rgba(11,42,31,.35)}
.flot .fj{position:relative;width:54px;aspect-ratio:420/235;flex:none;animation:jdBob 1s ease-in-out infinite alternate}
.flot .fj img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.flot .ft{display:flex;flex-direction:column;font-family:var(--disp);font-size:15px;letter-spacing:.6px;line-height:1.1;white-space:nowrap;text-align:left}
.flot .ft small{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:8.5px;letter-spacing:1.5px;color:var(--vert2)}
footer{padding-bottom:110px}
html.pb-lock .flot{display:none}

/* ===== V3 ===== */
:root{--foret:#0F4A38;--foret2:#145C46}
.hero.sombre-h{background:linear-gradient(160deg,#13573F 0%,#0F4A38 55%,#0C3F30 100%)}
.hero.sombre-h::before{background:radial-gradient(38% 34% at 18% 26%,rgba(52,211,153,.32),transparent 70%),radial-gradient(34% 30% at 84% 20%,rgba(110,231,183,.18),transparent 70%),radial-gradient(44% 36% at 60% 88%,rgba(16,185,129,.28),transparent 70%)}
.sombre,.contact,.groupe,footer,.bande{background:var(--foret)}
.contact{background:radial-gradient(120% 90% at 50% 0%,#1E7356 0%,var(--foret) 62%)}
.card{background:var(--foret2)}
.card:hover,.card:focus-visible,.card.vu{background:color-mix(in srgb,var(--c) 14%,var(--foret2))}
.hero h1 .l1,.hero h1 .l2{font-size:.82em}
.hero h1 .rect{font-size:.66em;white-space:normal;max-width:100%}
.prix .n,.pb-end .prix .n,.prixmini .n{font-family:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.04em}
.prix .n sup{font-size:.36em;vertical-align:1.05em;margin-left:2px;font-weight:800}
.prix .ht{font-size:10px;letter-spacing:2px}
.htx{font-size:.55em;letter-spacing:1px;font-weight:800;vertical-align:.15em}
.rgpd{font-size:9.5px;letter-spacing:1px;color:#BFD8CC;line-height:1.6}
.rgpd a{color:#fff}
.fourmi article.garantie{background:linear-gradient(135deg,var(--rose),var(--rose2));border-color:transparent;box-shadow:0 14px 30px rgba(255,30,142,.3)}
.fourmi article.garantie .num{background:#fff;color:var(--rose)}
.fourmi article.garantie p{color:#fff}
.sombre .nuance a{color:#fff}
.abo{margin:0 auto;max-width:520px;padding:30px 20px;background:var(--blanc);display:flex;flex-direction:column;align-items:center;gap:10px}
.abo .lab{font-size:11px;letter-spacing:3px;color:var(--vertf)}
.abo .ttc{font-size:12px;letter-spacing:1.5px;color:var(--gris)}
.abo .liste{margin-top:10px}
.gros-btn{width:100%;min-height:62px;font-size:19px;margin-top:10px}
.abo2{margin:22px auto 0;max-width:520px;padding:26px 20px;background:var(--menthe);display:flex;flex-direction:column;align-items:center;gap:10px}
a[aria-disabled="true"]{opacity:.55;pointer-events:none}
.hero h1 .l1,.hero h1 .l2{font-size:.7em}
.hero .sous .rect{white-space:nowrap}

footer .pays{line-height:2;color:#fff}
footer .pays a{font-family:var(--disp);font-size:14px;letter-spacing:.5px;color:#fff}
footer .pays a b{color:var(--vert2)}
/* ===== V4 ===== */
/* prix : 99 + €HT en exposant + PAR MOIS en bas à droite */
.prix .prow{display:flex;align-items:stretch;justify-content:center;gap:4px}
.prix .unit{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.2em 0 .12em}
.prix .eur{font-family:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(30px,8vw,44px);line-height:1;color:var(--vert);white-space:nowrap}
.prix .eur sup{font-size:.36em;vertical-align:.95em;margin-left:1px;letter-spacing:0;color:inherit}
.prix .per{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--gris);white-space:nowrap}
.prix .an{margin-top:14px}
.upsell .prix .eur{font-size:26px}
.pb-end .prix .eur,.pb-end .prix .per{color:#fff}
sup.htx{font-size:.42em;vertical-align:.9em;line-height:0;letter-spacing:0;margin-left:.04em;font-weight:800}
/* réseaux en vrais logos */
.reseaux{gap:10px;margin-top:20px}
.reseaux .rs{display:flex;align-items:center;gap:9px;padding:9px 16px 9px 10px;border-radius:12px;border:0;color:#fff;font-size:13px;letter-spacing:1.5px;box-shadow:0 10px 24px rgba(0,0,0,.28);animation:rsIn .6s cubic-bezier(.3,1.4,.5,1) both}
.reseaux .rs svg{width:30px;height:30px;flex:none}
.reseaux .rs b{font-weight:800}
.hero.sombre-h .reseaux .rs{border:0;color:#fff}
.hero.sombre-h .reseaux .ig,.reseaux .ig{background:linear-gradient(45deg,#F58529,#DD2A7B 45%,#8134AF 75%,#515BD4)}
.hero.sombre-h .reseaux .fb,.reseaux .fb{background:#1877F2}
.hero.sombre-h .reseaux .tt,.reseaux .tt{background:#000;box-shadow:-3px -3px 0 #25F4EE,3px 3px 0 #FE2C55,0 10px 24px rgba(0,0,0,.3)}
.reseaux .fb{animation-delay:.12s}.reseaux .tt{animation-delay:.24s}
@keyframes rsIn{from{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:none}}
@media (min-width:640px){.reseaux .rs{font-size:15px;padding:11px 20px 11px 12px}.reseaux .rs svg{width:36px;height:36px}}
/* activités : rectangles roses */
.chips button{border-radius:4px;border:2px solid var(--rose);background:transparent;color:#fff;font-weight:800;transition:background .2s,transform .2s}
.chips button:hover{background:rgba(255,30,142,.18)}
.chips button[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);box-shadow:0 8px 20px rgba(255,30,142,.35)}
/* sections rosées */
.rosee{background:linear-gradient(180deg,#FFF0F7,#FFE3F0)}
.bloc-rose{display:inline-block;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;padding:.18em .5em .22em;border-radius:.2em;transform:rotate(-1.5deg);box-shadow:0 14px 30px rgba(255,30,142,.3)}
.rosee .eyebrow{color:var(--rose)}
tr.nous td .rect{display:inline-block;transform:rotate(-2deg);font-size:13px;padding:4px 8px}
tr.nous td.px{white-space:nowrap;color:#fff}
tr.nous td.px b{font-family:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.03em;margin-right:2px}
.gros .rect{white-space:nowrap}
/* métiers interactifs */
.metiers-h .sh3 .rect{display:inline-block;transform:rotate(-1.5deg);margin-top:.12em}
.metiers-h .tuile{border:2px solid rgba(255,30,142,.35);background:#fff}
.metiers-h .tuile small{color:var(--rose)}
.metiers-h .tuile:hover,.metiers-h .tuile:focus-visible,.metiers-h .tuile[aria-current="true"]{background:var(--rose);border-color:var(--rose);color:#fff;box-shadow:0 10px 22px rgba(255,30,142,.35)}
.metiers-h .tuile:hover small,.metiers-h .tuile[aria-current="true"] small{color:#fff}
.metpan{max-width:640px;margin:18px auto 0;padding:22px 18px;border-radius:14px;background:var(--encre);color:#fff;box-shadow:0 0 0 3px var(--rose),0 16px 34px rgba(255,30,142,.25);animation:rsIn .35s ease both}
.metpan .mp-t{font-family:var(--disp);font-size:20px;color:var(--rose2)}
.metpan .mp-d{margin-top:8px;font-size:13px;letter-spacing:.5px;line-height:1.6;color:#D7EDE3}
.metpan .ctas{margin-top:14px}
/* FAQ */
.faq-t .rect{display:inline-block;transform:rotate(-1.5deg);padding:.16em .5em .2em;font-size:1.08em}
.faq summary{position:relative;padding-inline:26px}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:4px;background:var(--rose);color:#fff;font-size:16px;line-height:22px;transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details{border:2px solid rgba(255,30,142,.18)}
.faq details[open]{border-color:var(--rose);box-shadow:0 10px 26px rgba(255,30,142,.2)}
/* ===== NOUVELLE PUB ===== */
.pv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:70px 18px 90px;opacity:0;pointer-events:none;transition:opacity .45s}
.pv.on{opacity:1}
.pv-big{font-family:var(--disp);font-size:clamp(34px,10vw,64px);line-height:1.02;text-align:center;min-height:1.05em}
.pv-mid{font-family:var(--disp);font-size:clamp(24px,7vw,42px);line-height:1.08;text-align:center;min-height:2.2em}
.car::after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.06em;background:var(--rose);vertical-align:-.08em;animation:car .7s steps(1) infinite}
@keyframes car{50%{opacity:0}}
.pv-chk{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px}
.pv-chk span{padding:7px 11px;border-radius:4px;border:2px solid rgba(255,255,255,.2);font-size:12px;letter-spacing:1.5px;font-weight:800;opacity:.25;transition:.25s}
.pv-chk span.ok{opacity:1;border-color:var(--vert);background:rgba(16,185,129,.18)}
.pv-chk span.ok::before{content:"✓ ";color:var(--vert2)}
.pv-chrono{font-family:var(--mono);font-size:clamp(40px,13vw,72px);font-variant-numeric:tabular-nums;color:var(--vert2);transition:color .3s}
.pv-chrono.rouge{color:var(--rose);animation:clig .5s steps(1) 4}
@keyframes clig{50%{opacity:.25}}
.pv-sub{font-size:12px;letter-spacing:2px;color:#BFD8CC;text-align:center}
.pv-sub b{color:var(--rose2)}
.pv3{flex-direction:row;flex-wrap:wrap;gap:22px}
.pv3 .pb-ph{display:block}
.pv-cpt{display:flex;flex-direction:column;align-items:center;text-align:center}
.pv-cpt b{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:800;font-size:clamp(70px,20vw,120px);line-height:.9;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.pv-cpt small{margin-top:6px;font-size:12px;letter-spacing:2px;font-weight:800;background:var(--rose);padding:6px 10px;border-radius:4px}
.pv3 .pv-mid{flex-basis:100%;font-size:clamp(20px,5.6vw,32px);min-height:2.3em}
.pv-jd{position:absolute;width:130px;aspect-ratio:420/235;left:-180px;top:18%;transition:left 2.4s cubic-bezier(.3,.8,.3,1);pointer-events:none;z-index:6}
.pv-jd img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pv-jd.go{left:calc(100% + 60px)}
.pb-end .slo{min-height:2.2em}
#pub.fin .pb-end{opacity:1;pointer-events:auto}
@media (max-width:560px){.pv3{flex-direction:column;flex-wrap:nowrap;gap:12px;padding-top:60px}.pv3 .pv-mid{order:-1;flex-basis:auto;min-height:2.3em}.pv3 .pb-ph{width:min(160px,42vw)}.pv-cpt b{font-size:60px}}
.gros .rect,.gros .rect *{color:#fff}
/* ===== V5 : tout devient rose au survol ===== */
.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt,.abo,.idee{transition:background .3s,color .3s,transform .3s,box-shadow .3s,border-color .3s}
@media (hover:hover){
.inclus article:hover,.steps article:hover,.fourmi article:hover,.vous:hover,.upsell:hover,.metier:hover,.opt:hover{background:linear-gradient(135deg,var(--rose),var(--rose2))!important;color:#fff!important;border-color:var(--rose)!important;transform:translateY(-4px);box-shadow:0 18px 38px rgba(255,30,142,.38)!important}
}
.inclus article.rz,.steps article.rz,.fourmi article.rz,.vous.rz,.upsell.rz,.metier.rz,.opt.rz{background:linear-gradient(135deg,var(--rose),var(--rose2))!important;color:#fff!important;border-color:var(--rose)!important;transform:translateY(-4px);box-shadow:0 18px 38px rgba(255,30,142,.38)!important}
:is(.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt):is(:hover,.rz) :is(h3,p,li,small,.prix .n,.prix .eur,.prix .per,.prix-dev,a:not(.btn)){color:#fff!important}
:is(.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt):is(:hover,.rz) :is(.tag,.num){background:#fff!important;color:var(--rose)!important}
:is(.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt):is(:hover,.rz) .btn-o{border-color:#fff;color:#fff}
:is(.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt):is(:hover,.rz) .btn-v{background:#fff;color:var(--rose)}
:is(.inclus article,.steps article,.fourmi article,.vous,.upsell,.metier,.opt):is(:hover,.rz) .rect{background:#fff;color:var(--rose)}
/* ===== OPTIONS ===== */
.opts{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;text-align:center}
.opt{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#123B2C;color:#fff;border:2px solid rgba(255,30,142,.45)}
.opt.grand{grid-column:1/-1}
.opt .ot{padding:20px 18px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}
.opt .tag{font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:4px;background:var(--rose);color:#fff}
.opt h3{font-size:clamp(20px,5.6vw,26px);color:#fff}
.opt p{font-size:12.5px;letter-spacing:.6px;line-height:1.6;color:#D7EDE3}
.opt .prix{margin-top:4px}.opt .prix .n{font-size:64px;color:#fff}.opt .prix .eur{font-size:24px;color:var(--rose2)}.opt .prix .per{color:#BFD8CC}
.opt .ctas{margin-top:6px}
.opt .long{color:#fff}
.opt .recu{list-style:none;padding:0;margin:4px 0;display:grid;gap:6px;font-size:12px;letter-spacing:.8px;font-weight:800}
.opt .recu li::before{content:"✓ ";color:var(--rose2)}
.plein .opt{background:var(--encre)}
/* visuel cinéma */
.v-cine{position:relative;padding:14px 0;background:#000;background-image:repeating-linear-gradient(90deg,#000 0 10px,#fff3 10px 20px),repeating-linear-gradient(90deg,#000 0 10px,#fff3 10px 20px);background-size:100% 8px;background-position:0 3px,0 calc(100% - 3px);background-repeat:no-repeat}
.v-cine .ecr{position:relative;height:clamp(190px,46vw,300px);margin:0 10px;overflow:hidden;border-radius:6px;background:radial-gradient(120% 90% at 50% 120%,#FF1E8E55,transparent 60%),radial-gradient(80% 80% at 50% 40%,#1C5A43,#07170F 75%);display:flex;align-items:center;justify-content:center}
.v-cine .beam{position:absolute;left:50%;top:-40%;width:160%;height:180%;transform:translateX(-50%);background:conic-gradient(from 160deg at 50% 0,transparent 0 10deg,rgba(255,255,255,.14) 14deg,transparent 22deg,transparent 30deg,rgba(255,111,181,.18) 34deg,transparent 42deg);animation:beam 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes beam{to{transform:translateX(-50%) rotate(12deg)}}
.v-cine .rec{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:12px;color:#fff;letter-spacing:1px}
.v-cine .rec::first-letter{color:#FF3B3B}
.v-cine .rec{animation:car 1.2s steps(1) infinite}
.v-cine .clap{position:absolute;left:14px;top:12px;width:62px}
.v-cine .clap .haut{transform-origin:4px 16px;animation:clap 2.6s ease-in-out infinite}
@keyframes clap{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-22deg)}80%{transform:rotate(0)}}
.v-cine .play{position:relative;width:74px;height:74px;border-radius:50%;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;padding-left:5px;box-shadow:0 0 0 10px rgba(255,30,142,.25),0 0 40px rgba(255,30,142,.6);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 18px rgba(255,30,142,.08),0 0 50px rgba(255,30,142,.8)}}
.v-cine .tt{position:absolute;bottom:12px;left:0;right:0;font-family:var(--disp);font-size:13px;letter-spacing:3px;color:#fff;line-height:1.2}
.v-cine .tt b{font-size:22px;letter-spacing:1px;color:var(--rose2)}
.opt.grand .ot{max-width:620px;margin-inline:auto}
@media (min-width:860px){.opt.grand{flex-direction:row;align-items:stretch}.opt.grand .v-cine{flex:1.2}.opt.grand .ot{flex:1;justify-content:center}.opt.grand .v-cine .ecr{height:100%;min-height:300px}}
/* visuel gif */
.v-gif{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:22px 12px;background:linear-gradient(135deg,#0B2A1F,#1C5A43)}
.v-gif span{position:relative;padding:10px 12px;border-radius:8px;background:#fff;color:var(--encre);font-family:var(--disp);font-size:13px;animation:wob 1.6s ease-in-out infinite;box-shadow:0 8px 16px rgba(0,0,0,.3)}
.v-gif span::after{content:"GIF";position:absolute;top:-7px;right:-7px;font-family:var(--mono);font-size:8px;background:var(--rose);color:#fff;padding:2px 4px;border-radius:3px}
.v-gif span:nth-child(2){background:var(--rose);color:#fff;animation-delay:.2s}.v-gif span:nth-child(3){background:#FFCC00;animation-delay:.4s}.v-gif span:nth-child(4){background:var(--vert);color:#fff;animation-delay:.6s}.v-gif span:nth-child(5){animation-delay:.8s}
@keyframes wob{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}
/* visuel prospection */
.v-pro{display:flex;flex-direction:column;gap:8px;padding:20px 16px;background:linear-gradient(135deg,#0B2A1F,#1C5A43);text-align:left}
.v-pro .b{max-width:85%;padding:10px 12px;border-radius:14px;font-size:11.5px;letter-spacing:.5px;font-weight:800;line-height:1.35}
.v-pro .b1{align-self:flex-end;background:var(--rose);color:#fff;border-bottom-right-radius:3px;animation:bul 4s ease-in-out infinite}
.v-pro .b2{align-self:flex-start;background:#fff;color:var(--encre);border-bottom-left-radius:3px;animation:bul2 4s ease-in-out infinite}
@keyframes bul{0%,8%{opacity:0;transform:translateY(8px)}15%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes bul2{0%,40%{opacity:0;transform:translateY(8px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
.v-pro .cpt{align-self:center;margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#BFD8CC}
.v-pro .cpt b{color:var(--rose2);font-size:16px}
/* visuels icônes */
.v-ico{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 12px;background:linear-gradient(135deg,#0B2A1F,#1C5A43);min-height:120px}
.v-ico span{font-size:46px;animation:wob 2s ease-in-out infinite}
.v-ico small{font-size:10px;letter-spacing:2px;color:#BFD8CC;font-weight:800}
.v-res{flex-direction:row;flex-wrap:wrap;gap:6px}
.v-res b{padding:8px 10px;border-radius:4px;font-size:12px;letter-spacing:1px;color:#fff;animation:wob 2s ease-in-out infinite}
.v-res b:nth-child(1){background:#FFFC00;color:#000}.v-res b:nth-child(2){background:#0A66C2;animation-delay:.2s}.v-res b:nth-child(3){background:#FF0000;animation-delay:.4s}.v-res b:nth-child(4){background:#000;animation-delay:.6s}.v-res b:nth-child(5){background:#E60023;animation-delay:.8s}
.opts-s .ctas{margin-top:26px}
.opt .btn-o,.opts-s .btn-o{color:#fff;border-color:rgba(255,255,255,.55)}
/* ===== V6 ===== */
.v-gif{flex-direction:column;align-items:center}
.v-gif .gg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.v-gif .apps{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px}
.v-gif .apps b{font-size:9.5px;letter-spacing:1px;padding:4px 7px;border-radius:4px;color:#fff}
.v-gif .apps .wa{background:#25D366}.v-gif .apps .ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}.v-gif .apps .tt{background:#000;box-shadow:-2px -2px 0 #25F4EE,2px 2px 0 #FE2C55}.v-gif .apps .sc{background:#FFFC00;color:#000}
.v-masc div{display:flex;gap:10px}.v-masc span:nth-child(2){animation-delay:.3s}.v-masc span:nth-child(3){animation-delay:.6s}
.v-infl{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 14px;background:linear-gradient(135deg,#0B2A1F,#1C5A43);text-align:left}
.v-infl .pp{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:#123B2C;box-shadow:0 0 0 3px #07170F,0 0 0 5px #DD2A7B;animation:wob 2s ease-in-out infinite}
.v-infl b{display:block;font-size:13px;color:#fff}.v-infl small{display:block;font-size:10px;letter-spacing:1px;color:#BFD8CC}.v-infl em{display:inline-block;margin-top:6px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:1px;background:var(--rose);color:#fff;padding:3px 7px;border-radius:4px}
.v-wa{padding:18px 14px;background:#0B141A;display:flex;flex-direction:column;gap:7px;text-align:left}
.v-wa .hd{font-size:10px;letter-spacing:1px;color:#25D366;font-weight:800}.v-wa .hd b{color:#fff}
.v-wa .m{align-self:flex-start;max-width:88%;padding:9px 11px;border-radius:10px;border-top-left-radius:2px;background:#1F2C34;color:#E9EDEF;font-size:11.5px;font-weight:800;letter-spacing:.4px;animation:bul 4s ease-in-out infinite}
.v-wa .m2{animation-name:bul2}
/* bloc site internet */
.sitebloc{margin:46px auto 0;max-width:1000px;display:grid;grid-template-columns:1fr;gap:0;border-radius:20px;overflow:hidden;background:#fff;color:var(--encre);border:3px solid var(--rose);box-shadow:0 20px 50px rgba(255,30,142,.3);text-align:center}
@media (min-width:860px){.sitebloc{grid-template-columns:1.1fr 1fr}}
.sb-vis{position:relative;padding:22px 16px 46px;background:linear-gradient(135deg,#FF1E8E,#A855F7);min-height:300px}
.sb-vis .nav{display:flex;align-items:center;gap:5px;padding:9px 10px;background:#fff;border-radius:12px 12px 0 0}
.sb-vis .nav i{width:9px;height:9px;border-radius:50%;background:#FF5F57}.sb-vis .nav i:nth-child(2){background:#FEBC2E}.sb-vis .nav i:nth-child(3){background:#28C840}
.sb-vis .url{flex:1;margin-left:6px;padding:5px 10px;border-radius:99px;background:#F1F3F4;font-size:12px;font-weight:800;text-align:left;color:var(--encre);white-space:nowrap;overflow:hidden}
.sb-vis .url em{font-style:normal;display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap;border-right:2px solid var(--rose);animation:tapeU 5s steps(12) infinite}
@keyframes tapeU{0%{width:0}35%,90%{width:12ch}100%{width:12ch;border-color:transparent}}
.sb-vis .pg{background:#F7FBF9;border-radius:0 0 12px 12px;padding:12px;text-align:left;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.sb-vis .h{display:flex;justify-content:space-between;align-items:center;gap:6px}.sb-vis .lg{font-family:var(--disp);font-size:13px}.sb-vis .mn{font-size:8px;letter-spacing:1px;color:var(--gris)}
.sb-vis .hero2{margin-top:10px;padding:22px 12px;border-radius:8px;background:linear-gradient(135deg,var(--encre),#1C5A43);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:10px;animation:rsIn 1s ease both}
.sb-vis .hero2 b{font-family:var(--disp);font-size:18px}
.sb-vis .bt{font-size:10px;font-weight:800;letter-spacing:1px;background:var(--rose);padding:6px 12px;border-radius:6px;animation:pulse 1.8s ease-in-out infinite}
.sb-vis .blocs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.sb-vis .blocs i{height:34px;border-radius:6px;background:#DDEFE6;animation:wob 3s ease-in-out infinite}.sb-vis .blocs i:nth-child(2){animation-delay:.4s}.sb-vis .blocs i:nth-child(3){animation-delay:.8s}
.sb-vis .mailn{position:absolute;left:12px;bottom:12px;font-size:10px;font-weight:800;letter-spacing:.6px;background:#fff;color:var(--encre);padding:7px 10px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:bul 5s ease-in-out infinite}
.sb-vis .ggl{position:absolute;right:12px;top:66px;font-size:10px;font-weight:800;background:#fff;color:#4285F4;padding:6px 9px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:wob 2.4s ease-in-out infinite}.sb-vis .ggl b{color:var(--encre)}
.sb-t{padding:26px 18px;display:flex;flex-direction:column;align-items:center;gap:12px}
.sb-t .tag{font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:4px;background:var(--menthe);color:var(--vertf)}
.sb-t h3{font-size:clamp(24px,6.4vw,34px);line-height:1.05}.sb-t h3 .rect{display:inline-block;transform:rotate(-2deg);margin-top:.15em}
.sb-t .recu{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:12px;letter-spacing:.7px;font-weight:800}
.sb-t .recu li::before{content:"✓ ";color:var(--rose)}
.sb-t .offert{font-size:12px;letter-spacing:.8px;background:#FFF0F7;border:2px dashed var(--rose);padding:10px 12px;border-radius:10px}.sb-t .offert b{color:var(--rose)}
/* intro : notifications */
.pv-notifs{display:flex;flex-direction:column;gap:8px;width:min(100%,360px)}
.pv-notifs p{padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);font-size:12px;letter-spacing:.6px;font-weight:800;text-align:left;animation:rsIn .4s cubic-bezier(.3,1.4,.5,1) both}
.pv-notifs p:last-child{border-color:var(--rose);background:rgba(255,30,142,.2)}
.pv-jd2{position:absolute;right:10px;bottom:84px;width:120px;aspect-ratio:420/235;opacity:0;transform:translateX(140px);transition:.6s cubic-bezier(.3,1.4,.5,1);pointer-events:none}
.pv-jd2.on{opacity:1;transform:none}
.pv-jd2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pv-jd2 span{position:absolute;right:70%;bottom:85%;white-space:nowrap;background:#fff;color:var(--encre);font-size:11px;font-weight:800;letter-spacing:.5px;padding:7px 10px;border-radius:12px 12px 2px 12px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* vidéo Jadou */
.vj-ph{position:relative;margin:30px auto 0;width:min(300px,78vw);aspect-ratio:9/16;border-radius:34px;padding:8px;background:#000;box-shadow:0 0 0 3px var(--rose),0 0 40px rgba(255,30,142,.5)}
.vj-ph video{width:100%;height:100%;border-radius:26px;object-fit:cover;background:#07170F}
.vj-cover{position:absolute;inset:8px;border:0;border-radius:26px;cursor:pointer;background:radial-gradient(90% 70% at 50% 40%,#1C5A43,#07170F);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;font:inherit}
.vj-cover img{width:80%;height:auto;animation:wob 2.4s ease-in-out infinite}
.vj-cover .vj-play{width:70px;height:70px;border-radius:50%;background:var(--rose);display:flex;align-items:center;justify-content:center;font-size:26px;padding-left:4px;animation:pulse 1.8s ease-in-out infinite}
.vj-cover b{font-size:12px;letter-spacing:1.5px}
.sb-vis .ggl{top:auto;bottom:52px;right:12px}
.vj-cover{padding:0;overflow:hidden}
.vj-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:none;filter:brightness(.8)}
.vj-cover .vj-play,.vj-cover b{position:relative;z-index:1}
.vj-cover b{background:rgba(0,0,0,.6);padding:6px 10px;border-radius:6px}
.vjad .pintro{margin-top:22px}