/* Vitrine v5 — styles scopés sous .v5. Chargé après landing.css, qui garde la nav. */
.v5{
  --v5-fond:#F7F4EF;--v5-blanc:#FFFFFF;--v5-texte:#3D3530;--v5-fort:#2A1F1A;--v5-doux:#7C736A;--v5-or:#C9A96E;
  --v5-filet:#E6DED2;--v5-creme:#EFE9DF;--v5-vert:#4F7A5A;--v5-vert-f:#E7EFE8;
  --v5-signature:linear-gradient(135deg,#C9A96E 0%,#D4A8D8 50%,#A8C8E8 100%);
  --v5-signature-texte:linear-gradient(90deg,#B38A4A 0%,#B67AC2 52%,#6C98CE 100%);
  --v5-wa-vert:#008069;--v5-wa-sortant:#D9FDD3;--v5-wa-fond:#EFEAE2;
  --v5-display:"Fraunces",Georgia,serif;--v5-sans:"Inter",system-ui,sans-serif;
  background:var(--v5-fond);color:var(--v5-texte);font-family:var(--v5-sans);font-size:16px;line-height:1.6;
}
.v5 h1,.v5 h2,.v5 h3{font-family:var(--v5-display);font-weight:300;font-variation-settings:"opsz" 36;color:var(--v5-fort);margin:0;letter-spacing:-.015em;max-width:none}
.v5 p{margin:0}
.v5 ul{list-style:none;margin:0;padding:0}
.v5 a:focus-visible,.v5 summary:focus-visible{outline:2px solid var(--v5-fort);outline-offset:3px}
.v5-wrap{width:min(1160px,90vw);margin:0 auto}

/* mots-clés en dégradé */
.v5-grad{background:var(--v5-signature-texte);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* nav existante, alignée sur la v5 */
.v5 #nav{background:rgba(247,244,239,.92);border-bottom:1px solid var(--v5-filet)}
.v5 #nav .brand span{color:var(--v5-or)}

/* boutons */
.v5-btn{display:inline-block;padding:13px 24px;border-radius:40px;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s}
.v5-btn-plein{background:var(--v5-fort);color:#fff}
.v5-btn-plein:hover{background:#4A3A31}
.v5-btn-trait{border:1px solid var(--v5-fort);color:var(--v5-fort)}
.v5-btn-trait:hover{background:var(--v5-blanc)}
.v5-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}

/* hero */
header.v5-hero{display:block;min-height:0;position:relative;padding:150px 0 96px;text-align:center}
.v5-etiquette{display:inline-flex;align-items:center;gap:8px;font-size:13px;background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:30px;padding:6px 14px}
.v5-etiquette::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--v5-signature)}
.v5-hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.1;font-weight:300;letter-spacing:-.02em;max-width:24ch;margin:26px auto 0}
.v5-hero h1 em{font-style:italic;font-weight:300;display:block}
.v5-lead{font-size:18.5px;max-width:60ch;margin:24px auto 0!important}
.v5-preuves{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--v5-doux)}
.v5-preuves span::before{content:"✓";color:var(--v5-vert);margin-right:7px;font-weight:600}
.v5-legende{font-size:12px;color:var(--v5-doux);margin-top:18px!important}

/* scène : iPhone WhatsApp + poste de travail */
.v5-scene{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:end;margin:64px auto 0;max-width:1100px;text-align:left}
.v5-cote{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--v5-texte);margin:0 0 12px 6px}
.v5-cote::before{content:"";width:9px;height:9px;border-radius:50%}
.v5-cote-wa::before{background:#25D366}
.v5-cote-hotel::before{background:var(--v5-signature)}

.v5-iphone{width:300px;border-radius:52px;background:#161618;padding:11px;box-shadow:0 0 0 1.5px #3a3a3e,0 50px 90px -40px rgba(42,31,26,.55)}
.v5-iphone-ecran{position:relative;height:590px;border-radius:42px;overflow:hidden;background:var(--v5-wa-fond);display:flex;flex-direction:column}
.v5-ilot{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#000;z-index:3}
.v5-statusbar{height:48px;background:var(--v5-wa-vert);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;padding:15px 28px 0;font:600 14px/1 -apple-system,"SF Pro Text",var(--v5-sans)}
.v5-status-icones{font-size:9px;letter-spacing:1px;padding-top:2px}
.v5-wa-tete{background:var(--v5-wa-vert);color:#fff;display:flex;align-items:center;gap:10px;padding:6px 14px 10px}
.v5-wa-retour{font-size:28px;line-height:1;margin-top:-4px}
.v5-wa-avatar{width:34px;height:34px;border-radius:50%;background:var(--v5-signature);border:2px solid rgba(255,255,255,.7)}
.v5-wa-nom{font-size:14.5px;font-weight:600;line-height:1.2}
.v5-wa-statut{font-size:11.5px;opacity:.85}
.v5-wa-fond{background-color:var(--v5-wa-fond);background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:14px 14px}
.v5-wa-fil{flex:1;display:flex;flex-direction:column;gap:7px;padding:12px 12px}
.v5-wa-jour{align-self:center;font-size:11px;background:#fff;color:#54656F;border-radius:7px;padding:3px 10px;margin-bottom:4px;box-shadow:0 1px .5px rgba(0,0,0,.12)}
.v5-anim{display:flex;flex-direction:column;opacity:0;transform:translateY(6px);animation:v5-entre .45s ease forwards}
.v5-wa-bulle{position:relative;max-width:82%;padding:6px 9px 5px;border-radius:8px;font-size:13px;line-height:1.38;color:#111B21;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.v5-wa-bulle .v5-wa-texte{margin-right:6px}
.v5-wa-heure{float:right;font-size:10.5px;color:#667781;margin:5px 0 -2px 6px;white-space:nowrap}
.v5-wa-lu{color:#53BDEB}
.v5-wa-hote{align-self:flex-end;background:var(--v5-wa-sortant);border-top-right-radius:0}
.v5-wa-maison{align-self:flex-start;background:#fff;border-top-left-radius:0}
.v5-wa-saisie{display:flex;align-items:center;gap:8px;padding:8px 10px 26px;background:#F0F2F5}
.v5-wa-champ{flex:1;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;color:#8696A0}
.v5-wa-micro{width:36px;height:36px;border-radius:50%;background:var(--v5-wa-vert);position:relative}
.v5-wa-micro::after{content:"";position:absolute;left:14px;top:9px;width:8px;height:13px;border-radius:5px;background:#fff}
.v5-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:110px;height:4px;border-radius:3px;background:#111}

.v5-fenetre{background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:16px;box-shadow:0 40px 80px -44px rgba(42,31,26,.35);overflow:hidden}
.v5-fenetre-barre{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--v5-filet);font-size:12px;color:var(--v5-doux)}
.v5-fenetre-barre i{width:10px;height:10px;border-radius:50%;background:var(--v5-creme);display:inline-block}
.v5-fenetre-barre span{margin-left:10px}
.v5-fenetre-corps{display:grid;grid-template-columns:6px 1fr;min-height:420px}
.v5-rail{background:var(--v5-signature)}
.v5-panneau-file{padding:22px 26px}
.v5-file-tete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.v5-file-tete b{font-size:14px;color:var(--v5-fort)}
.v5-file-tete span{font-size:12px;color:var(--v5-doux)}
.v5-onglets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.v5-onglets span{font-size:11.5px;padding:4px 10px;border-radius:20px;border:1px solid var(--v5-filet)}
.v5-onglets .v5-actif{background:var(--v5-fort);border-color:var(--v5-fort);color:#fff}
.v5-ligne{display:grid;grid-template-columns:4px 1fr auto auto;gap:14px;align-items:center;padding:12px 14px 12px 0;border-top:1px solid var(--v5-filet);font-size:13px}
.v5-barre{align-self:stretch;background:var(--v5-filet);border-radius:2px}
.v5-quoi{color:var(--v5-fort);font-weight:500}
.v5-ou{color:var(--v5-doux);font-size:12px}
.v5-qui{font-size:12px;color:var(--v5-doux)}
.v5-statut{font-size:11px;padding:3px 9px;border-radius:20px;background:var(--v5-creme);white-space:nowrap}
.v5-s-validation{background:#fff;border:1px solid var(--v5-or);color:var(--v5-fort)}
.v5-s-nouvelle{background:var(--v5-fort);color:#fff}
.v5-s-faite{background:var(--v5-vert-f);color:var(--v5-vert)}
.v5-k-nouvelle .v5-barre{background:var(--v5-signature)}
.v5-k-nouvelle{opacity:0;animation:v5-arrive .6s ease forwards;animation-delay:2.1s}
.v5-k-validation{opacity:0;animation:v5-arrive .6s ease forwards;animation-delay:4.9s}
@keyframes v5-entre{to{opacity:1;transform:none}}
@keyframes v5-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.v5-anim,.v5-k-nouvelle,.v5-k-validation{animation:none!important;opacity:1;transform:none}}

/* sections */
section.v5-section{padding:104px 0;border-top:1px solid var(--v5-filet)}
.v5-sur{font-size:13.5px;color:var(--v5-texte);font-weight:500;margin-bottom:14px!important}
.v5-sur::before{content:"";display:inline-block;width:24px;height:2px;background:var(--v5-signature);vertical-align:middle;margin-right:10px;border-radius:2px}
.v5-titre{font-size:clamp(30px,3.2vw,44px);line-height:1.14;font-weight:300!important;max-width:24ch!important}
.v5-chapo{font-size:17px;max-width:62ch;margin-top:18px!important}
.v5-centre{text-align:center}
.v5-centre .v5-titre,.v5-centre .v5-chapo{margin-left:auto;margin-right:auto}
.v5-points{margin-top:26px!important}
.v5-points-haut{margin-top:0!important}
.v5-points li{padding:14px 0;border-top:1px solid var(--v5-filet);font-size:15.5px}
.v5-points li b{display:block;color:var(--v5-fort);font-weight:600;font-size:15px;margin-bottom:2px}

/* attention extraordinaire */
section.v5-attention{background:linear-gradient(180deg,var(--v5-fond) 0%,#FBF8F4 100%)}
.v5-duo{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.v5-att-scene{position:relative}
.v5-att-halo{position:absolute;inset:6% 4% 18% 10%;background:var(--v5-signature);filter:blur(70px);opacity:.28;border-radius:50%}
.v5-att-panneau{position:relative;border:1.5px solid transparent;border-radius:20px;padding:24px;background:linear-gradient(#fff,#fff) padding-box,var(--v5-signature) border-box;box-shadow:0 30px 70px -40px rgba(120,90,140,.45)}
.v5-att-tete{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.v5-att-tete b{font-family:var(--v5-display);font-size:21px;font-weight:400;color:var(--v5-fort)}
.v5-att-demande{border:1px solid var(--v5-filet);border-radius:12px;padding:10px 14px;background:var(--v5-fond);margin-bottom:14px;font-size:13px}
.v5-mini-label{display:block;font-size:11.5px;color:var(--v5-doux);margin-bottom:6px}
.v5-espace{margin-top:16px}
.v5-puces{display:flex;flex-wrap:wrap;gap:6px}
.v5-puces span{font-size:12px;padding:4px 10px;border-radius:20px;background:var(--v5-creme);color:var(--v5-fort)}
.v5-sugg{border:1px solid var(--v5-filet);border-radius:12px;padding:12px 14px;margin-top:8px}
.v5-sugg-haut{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.v5-sugg-haut b{font-size:14px;font-weight:600;color:var(--v5-fort);line-height:1.35}
.v5-sugg-bas{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:6px;font-size:12.5px;color:var(--v5-doux)}
.v5-offrir{flex:none;font-size:12px;font-weight:600;color:var(--v5-fort);border:1px solid var(--v5-fort);border-radius:20px;padding:3px 12px}
.v5-cout{flex:none;font-size:11px;padding:2px 9px;border-radius:20px;white-space:nowrap}
.v5-cout-free{background:var(--v5-vert-f);color:var(--v5-vert)}
.v5-cout-small{background:var(--v5-creme);color:var(--v5-texte)}
.v5-cout-budget{background:#F3E9F5;color:#7A4E86}
.v5-reaction{position:relative;width:280px;margin:-22px -18px 0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -24px rgba(42,31,26,.45)}
.v5-reaction .v5-wa-mini-fil{padding:10px}
.v5-reaction-note{font-size:12px;color:var(--v5-doux);padding:8px 12px 10px;font-style:italic}

/* mini-écrans */
.v5-mini{margin-top:auto;padding-top:22px}
.v5-mini-carte{border:1px solid var(--v5-filet);border-radius:12px;padding:14px;background:var(--v5-fond);font-size:12.5px}
.v5-rang{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px 0}
.v5-ton-check{color:var(--v5-vert);font-weight:600}
.v5-ton-tag,.v5-ton-approve,.v5-ton-handle,.v5-ton-done{font-size:11px;padding:3px 9px;border-radius:20px;white-space:nowrap}
.v5-ton-tag{background:var(--v5-creme)}
.v5-ton-approve{background:#fff;border:1px solid var(--v5-or)}
.v5-ton-handle{background:var(--v5-fort);color:#fff}
.v5-ton-done{background:var(--v5-vert-f);color:var(--v5-vert)}
.v5-ton-plain{color:var(--v5-fort);text-align:right}
.v5-mini-pied{font-size:11.5px;color:var(--v5-doux);margin-top:10px}
.v5-wa-mini{border-radius:12px;overflow:hidden;border:1px solid var(--v5-filet)}
.v5-wa-mini-tete{background:var(--v5-wa-vert);color:#fff;font-size:12px;font-weight:500;padding:8px 12px}
.v5-wa-mini-fil{display:flex;flex-direction:column;gap:6px;padding:12px}

/* étapes */
.v5-etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.v5-etape{background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column}
.v5-num{font-family:var(--v5-display);font-size:34px;font-weight:300;line-height:1;align-self:flex-start}
.v5-etape h3{font-size:22px;margin-top:14px;line-height:1.2}
.v5-etape p{font-size:15px;margin-top:10px}

/* capacités */
.v5-capas{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.v5-capa{background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:18px;padding:30px;display:flex;flex-direction:column}
.v5-capa h3{font-size:24px;line-height:1.15}
.v5-capa p{margin-top:12px;font-size:15.5px;max-width:48ch}

/* contrôle */
.v5-controle{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:56px}
.v5-journal{background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:18px;overflow:hidden}
.v5-journal-tete{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--v5-filet);font-size:13px}
.v5-journal-tete b{color:var(--v5-fort)}
.v5-journal-tete span{color:var(--v5-doux);font-size:12px}
.v5-ev{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 18px;border-bottom:1px solid var(--v5-filet);font-size:13px}
.v5-ev b{color:var(--v5-fort);font-weight:500}
.v5-ev small{display:block;color:var(--v5-doux);font-size:12px}
.v5-ev time{color:var(--v5-doux);font-size:12px}
.v5-journal-pied{padding:12px 18px;font-size:12px;color:var(--v5-doux);background:var(--v5-fond)}

/* pour qui + offre */
.v5-pourqui,.v5-offre{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.v5-pq,.v5-formule{background:var(--v5-blanc);border:1px solid var(--v5-filet);border-radius:18px;padding:32px;display:flex;flex-direction:column}
.v5-pq h3,.v5-formule h3{font-size:25px}
.v5-accroche,.v5-prix{margin-top:6px!important;color:var(--v5-doux)}
.v5-coches{margin:18px 0 0!important}
.v5-coches li{padding:10px 0 10px 26px;border-top:1px solid var(--v5-filet);position:relative;font-size:15px}
.v5-coches li::before{content:"✓";position:absolute;left:0;color:var(--v5-vert);font-weight:600}
.v5-formule .v5-btn{margin-top:26px;align-self:flex-start}
.v5-forte{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--v5-signature) border-box}

/* final + faq */
.v5-final{text-align:center}
.v5-final .v5-titre,.v5-final .v5-chapo{margin-left:auto;margin-right:auto}
.v5-faq{max-width:820px;margin:48px auto 0;text-align:left}
.v5-faq details{border-top:1px solid var(--v5-filet);padding:18px 0}
.v5-faq details:last-child{border-bottom:1px solid var(--v5-filet)}
.v5-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-family:var(--v5-display);font-weight:300;font-size:20px;color:var(--v5-fort)}
.v5-faq summary::-webkit-details-marker{display:none}
.v5-faq summary::after{content:"+";font-family:var(--v5-sans);font-size:20px;color:var(--v5-doux);transition:transform .2s}
.v5-faq details[open] summary::after{transform:rotate(45deg)}
.v5-faq details p{margin-top:10px!important;font-size:15.5px;max-width:66ch}

footer.v5-footer{background:var(--v5-fond);border-top:1px solid var(--v5-filet);padding:44px 0 36px;font-size:13.5px;color:var(--v5-doux)}
.v5-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.v5-foot b{display:block;color:var(--v5-fort);font-weight:600;margin-bottom:10px}
.v5-foot a{display:block;text-decoration:none;padding:3px 0;color:inherit}
.v5-bas{grid-column:1/-1;border-top:1px solid var(--v5-filet);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

@media(max-width:880px){
  header.v5-hero{padding:110px 0 64px}
  .v5-scene{grid-template-columns:1fr;justify-items:center;gap:40px}
  .v5-scene-poste{width:100%}
  .v5-ligne{grid-template-columns:4px 1fr auto}
  .v5-qui{display:none}
  .v5-etapes,.v5-capas,.v5-pourqui,.v5-offre{grid-template-columns:1fr}
  .v5-duo,.v5-controle{grid-template-columns:1fr;gap:40px}
  .v5-reaction{width:auto;margin:16px 0 0}
  .v5-foot{grid-template-columns:1fr}
  section.v5-section{padding:76px 0}
}

@media (max-width:880px){.v5-etiquette{border-radius:18px;text-align:left;text-wrap:balance;line-height:1.35;padding:7px 14px}}