/* Page d'accueil V2 "Soir de fête" (visiteurs non connectés) */

/* ------------------------------------------------------------------
   P'tit Kdo - accueil V2 "Soir de fête"
   Nuit bleue du logo, feu d'artifice doré au chargement, puis calme.
   ------------------------------------------------------------------ */
.home-v2{
  --night:#100e0c;      /* brun-noir chaleureux du site actuel */
  --night-2:#3a2415;
  --gold:#e8b13c;
  --red:#e8552d;        /* orange P'tit Kdo */
  --pink:#7c5cd6;
  --blush:#ffd9c9;
  --paper:#f4ecdc;
  --card:#fffdf7;
  --ink:#221c14;
  --soft:#7a7060;
  --line:#e6dccb;
  --ok:#1f7a55;
  --r:18px;
}


.home-v2{margin:0;font-family:"Onest",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;}
.home-v2 img{max-width:100%;display:block;}
.home-v2 a{color:inherit;}
.home-v2 .wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
.home-v2 h1,.home-v2 h2,.home-v2 h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.025em;line-height:1.02;margin:0;}
.home-v2 :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px;}

/* ---------- En-tête ---------- */
.home-v2 .site-head{position:absolute;inset:0 0 auto 0;z-index:5;}
.home-v2 .site-head .wrap{display:flex;align-items:center;gap:28px;height:78px;}
.home-v2 .site-head img{height:34px;width:auto;}
.home-v2 .site-head nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:15px;font-weight:500;}
.home-v2 .site-head nav a{color:#e6d8c6;text-decoration:none;}
.home-v2 .site-head nav a:hover{color:#fff;}
.home-v2 .site-head .login{color:#fff;border:1.5px solid rgba(255,255,255,.28);padding:8px 16px;border-radius:999px;}
.home-v2 .burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);border:0;color:#fff;font-size:20px;}

/* ---------- Héros : la nuit de fête ---------- */
.home-v2 .hero{position:relative;background:radial-gradient(120% 110% at 60% 0%,var(--night-2) 0%,var(--night) 68%);color:#fff;overflow:hidden;padding:150px 0 110px;}
.home-v2 #fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.home-v2 .hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.home-v2 .hero h1{font-size:clamp(46px,6.4vw,84px);font-weight:800;}
.home-v2 .hero h1 .l2{display:block;color:var(--gold);}
.home-v2 .hero .lead{font-size:clamp(17px,1.6vw,20px);color:#e3d6c5;max-width:52ch;margin:26px 0 34px;}
.home-v2 .hero .lead strong{color:#fff;font-weight:600;}
.home-v2 .ctas{display:flex;gap:14px;flex-wrap:wrap;}
.home-v2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:17px;padding:17px 28px;border-radius:14px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;}
.home-v2 .btn-main{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(232,85,45,.4);}
.home-v2 .btn-main:hover{background:#d4461f;}
.home-v2 .btn-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.home-v2 .btn-line:hover{border-color:#fff;}
.home-v2 .reassure{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:14.5px;color:#c9b9a4;}
.home-v2 .reassure span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:2px;}

/* ---------- Simulation du hero (anniversaire / Noël) ---------- */
.home-v2 .sim{background:var(--card);color:var(--ink);border-radius:26px;padding:16px 18px 14px;box-shadow:0 30px 70px rgba(0,0,0,.4);position:relative;width:100%;max-width:470px;justify-self:end;}
.home-v2 .sim::before{content:"";position:absolute;top:-13px;left:50%;width:74px;height:26px;translate:-50% 0;background:var(--gold);border-radius:6px;rotate:-3deg;opacity:.95;}
.home-v2 .sim-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1e8da;border-radius:14px;padding:4px;}
.home-v2 .sim-tab{border:0;background:transparent;font:inherit;font-weight:700;font-size:14.5px;padding:10px 8px;border-radius:11px;color:var(--soft);cursor:pointer;}
.home-v2 .sim-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(34,28,20,.1);}
.home-v2 .sim-cap{display:flex;align-items:center;gap:10px;min-height:44px;margin:14px 2px 10px;font-weight:600;font-size:15px;line-height:1.3;}
.home-v2 .sim-cap.pop{animation:capIn .35s ease;}
@keyframes capIn{from{opacity:0;translate:0 6px;}to{opacity:1;translate:0 0;}}
.home-v2 .sim-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;}
.home-v2 .sim-stage{position:relative;height:388px;border-radius:18px;background:#fbf5ec;padding:14px;overflow:hidden;}
.home-v2 .sim-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;min-height:30px;}
.home-v2 .sim-dots{display:flex;gap:6px;}
.home-v2 .sim-dots i{width:22px;height:5px;border-radius:5px;background:#e6dccb;transition:background .3s;}
.home-v2 .sim-dots i.on{background:var(--red);}
.home-v2 .sim-replay{border:0;background:none;font:inherit;font-weight:700;color:var(--red);cursor:pointer;font-size:14.5px;}

.home-v2 .s-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;}
.home-v2 .s-head small{display:block;font-size:12.5px;color:var(--soft);}
.home-v2 .s-head b{font-family:"Bricolage Grotesque",sans-serif;font-size:21px;letter-spacing:-.02em;}
.home-v2 .s-count{font-size:12.5px;font-weight:700;color:var(--soft);background:#fff;border-radius:999px;padding:4px 10px;white-space:nowrap;}
.home-v2 .s-meter{height:6px;border-radius:6px;background:#eadfcf;margin:10px 0 8px;overflow:hidden;}
.home-v2 .s-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--red));border-radius:6px;transition:width .6s cubic-bezier(.2,.8,.2,1);}
.home-v2 .s-list{display:grid;gap:7px;}
.home-v2 .s-gift{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;background:#fff;border-radius:13px;padding:8px 10px;border:1.5px solid transparent;transition:border-color .3s,background .3s;}
.home-v2 .s-gift.in{animation:giftIn .45s cubic-bezier(.2,.9,.3,1.2);}
@keyframes giftIn{from{opacity:0;translate:0 12px;scale:.96;}to{opacity:1;translate:0 0;scale:1;}}
.home-v2 .s-pic{width:42px;height:42px;border-radius:10px;background:#fbf4ec;display:grid;place-items:center;font-size:23px;flex:0 0 auto;transition:filter .4s,opacity .4s;}
.home-v2 .s-t{flex:1;min-width:0;}
.home-v2 .s-t b{display:block;font-size:14.5px;line-height:1.2;}
.home-v2 .s-t small{font-size:12.5px;color:var(--soft);}
.home-v2 .s-who{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--ok);}
.home-v2 .s-who:empty{display:none;}
.home-v2 .s-who em{font-style:normal;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;display:grid;place-items:center;margin-right:2px;}
.home-v2 .s-gift.on small,.home-v2 .s-gift.part small{display:none;}
.home-v2 .s-box{width:26px;height:26px;border-radius:8px;border:2px solid #d8cfc3;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;transition:background .25s,border-color .25s,scale .25s;}
.home-v2 .s-gift.on{border-color:rgba(31,122,85,.35);}
.home-v2 .s-gift.on .s-box,.home-v2 .s-gift.part .s-box{background:var(--ok);border-color:var(--ok);scale:1.1;}
.home-v2 .s-gift.on .s-box::after,.home-v2 .s-gift.part .s-box::after{content:"✓";}
.home-v2 .s-gift.on .s-pic{filter:grayscale(1);opacity:.5;}
.home-v2 .s-gift.part{border-color:rgba(232,85,45,.35);}
.home-v2 .s-ribbon{position:absolute;top:9px;right:-28px;width:100px;rotate:45deg;background:var(--red);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-align:center;padding:2px 0;}
.home-v2 .s-toast{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 12px 30px rgba(34,28,20,.2);animation:toastIn .45s cubic-bezier(.2,.9,.3,1.2);}
.home-v2 .s-toast.out{opacity:0;translate:0 20px;transition:opacity .35s,translate .35s;}
@keyframes toastIn{from{opacity:0;translate:0 30px;}to{opacity:1;translate:0 0;}}
.home-v2 .s-wa{width:38px;height:38px;border-radius:11px;background:#25d366;display:grid;place-items:center;font-size:20px;flex:0 0 auto;}
.home-v2 .s-toast b{display:block;font-size:14px;}
.home-v2 .s-toast small{font-size:12.5px;color:var(--soft);}
.home-v2 .lea-view .s-list{filter:blur(3px);opacity:.55;transition:filter .5s,opacity .5s;}
.home-v2 .s-secret{position:absolute;inset:auto 14px 14px 14px;background:var(--night);color:#fff;border-radius:16px;padding:16px;text-align:center;display:grid;gap:4px;animation:toastIn .45s cubic-bezier(.2,.9,.3,1.2);}
.home-v2 .s-secret span{font-size:30px;}
.home-v2 .s-secret b{font-size:16px;}
.home-v2 .s-secret small{color:#e0d2bf;font-size:13px;}

.home-v2 .n-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.home-v2 .n-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border-radius:999px;padding:6px 13px 6px 6px;font-weight:700;font-size:14px;border:1.5px solid transparent;transition:background .12s,scale .12s,border-color .2s,opacity .3s;}
.home-v2 .n-chip.in{animation:giftIn .4s cubic-bezier(.2,.9,.3,1.2);}
.home-v2 .n-chip em{font-style:normal;width:24px;height:24px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:12px;}
.home-v2 .n-chip.excl{border-color:var(--red);background:#fff1ea;}
.home-v2 .n-chip.hot{background:var(--gold);scale:1.08;}
.home-v2 .n-chip.sealed{opacity:.55;}
.home-v2 .n-rule-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;animation:toastIn .4s ease;}
.home-v2 .n-rule-in span{color:var(--red);font-weight:800;}
.home-v2 .n-rule-in small{color:var(--soft);font-size:12.5px;}
.home-v2 .reveal .n-rule,.home-v2 .reveal .n-people{display:none;}
.home-v2 .n-card{margin-top:14px;background:var(--night);background:radial-gradient(120% 120% at 50% 0%,var(--night-2),var(--night) 70%);color:#fff;border-radius:18px;padding:18px;text-align:center;display:grid;gap:6px;animation:flipIn .6s cubic-bezier(.2,.9,.3,1.1);transform-origin:50% 0;}
@keyframes flipIn{from{opacity:0;rotate:x 70deg;}to{opacity:1;rotate:x 0deg;}}
.home-v2 .n-card > small{color:#e0d2bf;font-size:13.5px;}
.home-v2 .n-card > b{font-family:"Bricolage Grotesque",sans-serif;font-size:38px;line-height:1;color:var(--gold);}
.home-v2 .n-wish{display:grid;gap:5px;margin:8px 0 4px;text-align:left;}
.home-v2 .n-wish span{background:rgba(255,255,255,.09);border-radius:10px;padding:7px 10px;font-size:13.5px;}
.home-v2 .n-card .n-foot{font-size:12px;color:#c9b9a4;}
@media (max-width:900px){ .home-v2 .sim{justify-self:stretch;max-width:none;} }
@media (max-width:420px){ .home-v2 .sim{padding:14px 12px 12px;} .home-v2 .sim-stage{height:404px;padding:12px;} .home-v2 .sim-tab{font-size:13px;} }
@media (prefers-reduced-motion:reduce){ .home-v2 .sim *,.home-v2 .sim-cap.pop{animation:none!important;transition:none!important;} }

/* ---------- Comment ça marche ---------- */
.home-v2 .how{padding:110px 0 90px;}
.home-v2 .sec-title{font-size:clamp(34px,4vw,52px);font-weight:800;max-width:16ch;}
.home-v2 .sec-lead{color:var(--soft);font-size:18px;max-width:52ch;margin:16px 0 0;}
.home-v2 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px;counter-reset:s;}
.home-v2 .step{position:relative;padding-top:74px;}
.home-v2 .step::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:64px;line-height:1;color:var(--red);}
.home-v2 .step h3{font-size:24px;font-weight:700;margin-bottom:10px;}
.home-v2 .step p{margin:0;color:var(--soft);font-size:16.5px;}

/* ---------- Deux façons ---------- */
.home-v2 .paths{padding:0 0 110px;}
.home-v2 .paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.home-v2 .path{border-radius:28px;padding:40px 36px 34px;text-decoration:none;display:flex;flex-direction:column;min-height:360px;position:relative;overflow:hidden;}
.home-v2 .path h3{font-size:34px;font-weight:800;margin-bottom:12px;}
.home-v2 .path p{margin:0 0 22px;font-size:17px;max-width:38ch;}
.home-v2 .path ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px;}
.home-v2 .path li{font-size:14.5px;font-weight:600;padding:7px 13px;border-radius:999px;}
.home-v2 .path .go{margin-top:auto;font-weight:700;font-size:17px;display:inline-flex;align-items:center;gap:10px;}
.home-v2 .path .go::after{content:"";width:34px;height:2px;background:currentColor;transition:width .2s;}
.home-v2 .path:hover .go::after{width:52px;}
.home-v2 .path-list{background:#fff1e8;color:var(--ink);}
.home-v2 .path-list li{background:#fff;color:var(--red);}
.home-v2 .path-draw{background:var(--night);color:#fff;}
.home-v2 .path-draw p{color:#e0d2bf;}
.home-v2 .path-draw li{background:rgba(255,255,255,.1);color:var(--gold);}
.home-v2 .path .big{position:absolute;right:-10px;bottom:-26px;font-size:150px;opacity:.9;rotate:-10deg;pointer-events:none;}

/* ---------- Générateur ---------- */
.home-v2 .idea{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:84px 0;}
.home-v2 .idea .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.home-v2 .idea h2{font-size:clamp(32px,3.6vw,46px);font-weight:800;}
.home-v2 .idea p{color:var(--soft);font-size:17.5px;margin:16px 0 28px;max-width:46ch;}
.home-v2 .qa{display:grid;gap:12px;}
.home-v2 .q{border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;}
.home-v2 .q small{display:block;color:var(--soft);font-size:13.5px;margin-bottom:8px;}
.home-v2 .chips{display:flex;flex-wrap:wrap;gap:8px;}
.home-v2 .chip{font-size:14.5px;font-weight:600;padding:8px 14px;border-radius:999px;background:#fbf4ec;}
.home-v2 .chip.sel{background:var(--ink);color:#fff;}
.home-v2 .btn-dark{background:var(--ink);color:#fff;}
.home-v2 .btn-dark:hover{background:#3a2e22;}

/* ---------- Final ---------- */
.home-v2 .final{position:relative;overflow:hidden;background:var(--red);color:#fff;text-align:center;padding:100px 0;}
.home-v2 .final h2{font-size:clamp(38px,5vw,66px);font-weight:800;max-width:17ch;margin:0 auto 18px;}
.home-v2 .final p{font-size:18px;color:#ffe6dc;margin:0 0 34px;}
.home-v2 .btn-white{background:#fff;color:var(--red);}
.home-v2 .btn-white:hover{background:var(--blush);}
.home-v2 #fx2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}

/* ---------- Tirage au sort ---------- */
.home-v2 .santa{position:relative;overflow:hidden;background:var(--card);border-top:1px solid var(--line);padding:100px 0;}
.home-v2 #fx3{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.home-v2 .santa-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.home-v2 .santa-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:16px;}
.home-v2 .santa-points li{font-size:16.5px;color:var(--soft);padding-left:32px;position:relative;}
.home-v2 .santa-points li::before{content:"🎁";position:absolute;left:0;top:0;font-size:17px;}
.home-v2 .santa-points b{color:var(--ink);}
.home-v2 .santa-box{background:var(--night);background:radial-gradient(120% 120% at 50% 0%,var(--night-2),var(--night) 70%);color:#fff;border-radius:28px;padding:32px 28px;box-shadow:0 26px 60px rgba(34,28,20,.25);text-align:center;}
.home-v2 .santa-cap{margin:0 0 18px;color:#e0d2bf;font-weight:600;}
.home-v2 .santa-names{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px;}
.home-v2 .santa-name{padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:600;font-size:16px;transition:background .12s,color .12s,scale .12s;}
.home-v2 .santa-name.me{border:1.5px dashed rgba(255,255,255,.4);background:transparent;color:#e0d2bf;}
.home-v2 .santa-name.hot{background:var(--gold);color:var(--ink);scale:1.08;}
.home-v2 .santa-btn{width:100%;max-width:340px;}
.home-v2 .santa-btn:disabled{opacity:.6;cursor:wait;}
.home-v2 .santa-reveal{display:none;gap:6px;margin-top:24px;padding:22px;border-radius:20px;background:var(--card);color:var(--ink);opacity:0;translate:0 10px;transition:opacity .35s,translate .35s;}
.home-v2 .santa-reveal.show{display:grid;opacity:1;translate:0 0;}
.home-v2 .santa-reveal-label{color:var(--soft);font-size:15px;}
.home-v2 .santa-reveal strong{font-family:"Bricolage Grotesque",sans-serif;font-size:44px;line-height:1;color:var(--red);}
.home-v2 .santa-reveal-list{font-size:14.5px;color:var(--soft);}
@media (max-width:900px){ .home-v2 .santa-grid{grid-template-columns:1fr;gap:40px;} .home-v2 .santa{padding:76px 0;} }
@media (prefers-reduced-motion:reduce){ .home-v2 .santa-reveal,.home-v2 .santa-name{transition:none;} }

.home-v2 footer{background:var(--night);color:#b9a992;font-size:14.5px;padding:44px 0;}
.home-v2 footer .wrap{display:flex;flex-wrap:wrap;gap:20px 34px;align-items:center;}
.home-v2 footer img{height:28px;width:auto;margin-right:auto;}
.home-v2 footer a{color:#e6d8c6;text-decoration:none;}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .home-v2 .site-head nav{display:none;}
  .home-v2 .burger{display:block;}
  .home-v2 .hero{padding:118px 0 80px;}
  .home-v2 .hero .wrap{grid-template-columns:1fr;gap:48px;}
  .home-v2 .steps{grid-template-columns:1fr;gap:34px;}
  .home-v2 .step{padding:0 0 0 64px;}
  .home-v2 .step::before{font-size:46px;}
  .home-v2 .paths-grid{grid-template-columns:1fr;}
  .home-v2 .path{min-height:0;padding:32px 24px 28px;}
  .home-v2 .path .big{font-size:110px;}
  .home-v2 .idea .wrap{grid-template-columns:1fr;gap:34px;}
}
@media (max-width:520px){
  .home-v2 .wrap{padding:0 18px;}
  .home-v2 .btn{width:100%;}
  .home-v2 .how{padding:80px 0 64px;}
  .home-v2 .paths{padding-bottom:80px;}
}
@media (prefers-reduced-motion:reduce){
  
  .home-v2 .meter i,.home-v2 .tick,.home-v2 .gift .pic{transition:none;}
}

/* Intégration dans le site : l'en-tête et le pied de page sont ceux du site */
main.home-main{max-width:none;padding:0;margin:0;}
.home-v2 .hero{padding:84px 0 96px;}
.home-v2 .santa-real{display:inline-block;margin-top:16px;color:#f3e6d4;font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.home-v2 .launch-banner{margin:34px auto 0;}
@media (max-width:900px){ .home-v2 .hero{padding:56px 0 70px;} }

/* Mode d'emploi détaillé */
.home-v2 .how .sec-title{max-width:none;}
.home-v2 .guide-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 8px;}
.home-v2 .guide-tab{display:inline-flex;align-items:center;gap:8px;font:600 16px "Onest",sans-serif;padding:14px 20px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;}
.home-v2 .guide-tab .pk-icon{width:22px;height:22px;color:var(--red);}
.home-v2 .guide-tab.active{border-color:var(--red);background:#fff3ec;box-shadow:0 6px 18px -10px rgba(232,85,45,.6);}
.home-v2 .guide-for{font-size:17px;margin:18px 0 0;color:var(--ink);}
.home-v2 .gsteps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:18px;}
.home-v2 .gstep{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 28px;}
.home-v2 .gtext{position:relative;padding-left:58px;}
.home-v2 .gnum{position:absolute;left:0;top:-2px;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:800 20px "Bricolage Grotesque",sans-serif;}
.home-v2 .gtext h3{font-size:23px;font-weight:700;margin-bottom:8px;line-height:1.15;}
.home-v2 .gtext p{margin:0;color:var(--soft);font-size:16px;}
.home-v2 .gtext p b{color:var(--ink);}
.home-v2 .gmock{background:#f8f1e4;border-radius:16px;padding:16px;display:grid;gap:10px;font-size:14.5px;}
.home-v2 .gmock small{display:block;color:var(--soft);font-size:12.5px;}
.home-v2 .m-field{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:600;}
.home-v2 .m-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.home-v2 .m-btn{justify-self:start;display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-weight:700;border-radius:10px;padding:9px 16px;}
.home-v2 .m-btn .pk-icon{width:18px;height:18px;color:#fff;--icon-tint:rgba(255,255,255,.3);}
.home-v2 .m-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:8px 10px;border:1px solid var(--line);}
.home-v2 .m-item b{font-size:14px;}
.home-v2 .m-thumb{width:36px;height:36px;flex:none;border-radius:8px;background:#fbeedd;display:grid;place-items:center;color:var(--red);}
.home-v2 .m-thumb .pk-icon{width:20px;height:20px;}
.home-v2 .m-taken{opacity:.5;}
.home-v2 .m-taken b{text-decoration:line-through;}
.home-v2 .m-free{color:var(--ok)!important;font-weight:600;}
.home-v2 .m-two{grid-template-columns:1fr 1fr;}
.home-v2 .m-two>div{display:grid;gap:8px;align-content:start;}
.home-v2 .m-lab{font-weight:700;color:var(--ink)!important;}
.home-v2 .m-bubble{background:#dcf8c6;border-radius:14px 14px 14px 4px;padding:10px 12px;justify-self:start;max-width:90%;}
.home-v2 .m-share{display:flex;flex-wrap:wrap;gap:6px;}
.home-v2 .m-share span{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-weight:600;font-size:13px;}
.home-v2 .m-share .pk-icon{width:16px;height:16px;color:var(--red);}
.home-v2 .m-people{display:flex;flex-wrap:wrap;gap:6px;}
.home-v2 .m-people span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-weight:600;}
.home-v2 .m-center{justify-items:center;text-align:center;padding:26px 16px;}
.home-v2 .m-center .m-btn{justify-self:center;}
.home-v2 .m-dark{background:linear-gradient(160deg,#3a2415,#100e0c);color:#fff;text-align:center;}
.home-v2 .m-dark small{color:#e3d6c5;}
.home-v2 .m-name{font:800 30px "Bricolage Grotesque",sans-serif;color:var(--gold);}
.home-v2 .m-wish{background:rgba(255,255,255,.08);border-radius:10px;padding:7px 10px;text-align:left;}
.home-v2 .m-note{text-align:center;}
.home-v2 .guide-cta{display:inline-block;margin-top:26px;}
.home-v2 .guide-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;}
.home-v2 .guide-extra>div{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;}
.home-v2 .guide-extra .pk-icon{width:34px;height:34px;color:var(--red);margin-bottom:10px;}
.home-v2 .guide-extra h3{font-size:20px;margin-bottom:6px;}
.home-v2 .guide-extra p{margin:0;color:var(--soft);font-size:15.5px;}
.home-v2 .guide-extra a{color:var(--red);font-weight:600;}
@media (max-width:760px){
  .home-v2 .gstep{grid-template-columns:1fr;padding:20px;gap:18px;}
  .home-v2 .gtext{padding-left:52px;}
  .home-v2 .guide-extra{grid-template-columns:1fr;}
  .home-v2 .guide-tab{flex:1 1 100%;justify-content:center;}
  .home-v2 .m-two{grid-template-columns:1fr;}
}

/* FAQ accueil */
.home-v2 .home-faq{padding:80px 0;}
.home-v2 .faq-list{margin-top:30px;display:grid;gap:12px;max-width:820px;}
.home-v2 .faq-list details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px;}
.home-v2 .faq-list summary{cursor:pointer;font:700 18px "Bricolage Grotesque",sans-serif;list-style:none;display:flex;justify-content:space-between;gap:12px;}
.home-v2 .faq-list summary::-webkit-details-marker{display:none;}
.home-v2 .faq-list summary::after{content:"+";color:var(--red);font-size:24px;line-height:1;}
.home-v2 .faq-list details[open] summary::after{content:"-";}
.home-v2 .faq-list p{margin:10px 0 0;color:var(--soft);}

/* ---------- Simulation V3 : deux univers bien distincts ---------- */
.home-v2 .sim-stage{padding-top:40px;}
.home-v2 .s-mode{position:absolute;top:10px;left:14px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;color:#fff;}
.home-v2 .sim-stage.anniv{background:#f3effc radial-gradient(circle at 12% 20%,rgba(124,92,214,.14) 0 3px,transparent 4px) 0 0/34px 34px;}
.home-v2 .sim-stage.anniv .s-mode{background:var(--pink);}
.home-v2 .sim-stage.noel{background:#eef4ef radial-gradient(circle at 30% 30%,rgba(255,255,255,.95) 0 2px,transparent 3px) 0 0/26px 26px;}
.home-v2 .sim-stage.noel .s-mode{background:#1f7a55;}
.home-v2 .sim[data-mode="anniv"] .sim-num,.home-v2 .sim[data-mode="anniv"] .sim-dots i.on{background:var(--pink);}
.home-v2 .sim[data-mode="noel"] .sim-num,.home-v2 .sim[data-mode="noel"] .sim-dots i.on{background:#1f7a55;}
.home-v2 .sim[data-mode="anniv"] .sim-tab.active{color:var(--pink);}
.home-v2 .sim[data-mode="noel"] .sim-tab.active{color:#1f7a55;}
.home-v2 .sim-dots i{width:16px;}
.home-v2 .s-form{position:absolute;inset:40px 14px auto 14px;z-index:3;background:#fff;border-radius:16px;padding:14px;display:grid;gap:9px;box-shadow:0 14px 34px rgba(34,28,20,.16);transition:opacity .35s,translate .35s;}
.home-v2 .s-form.in{animation:toastIn .4s ease;}
.home-v2 .s-form.out{opacity:0;translate:0 -16px;pointer-events:none;}
.home-v2 .s-field{border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;min-height:48px;}
.home-v2 .s-field small{display:block;font-size:11.5px;color:var(--soft);}
.home-v2 .s-typed{font-weight:700;font-size:15px;}
.home-v2 .s-typed::after{content:"|";color:var(--red);animation:blink 1s steps(1) infinite;margin-left:1px;}
@keyframes blink{50%{opacity:0;}}
.home-v2 .s-fbtn{justify-self:start;background:var(--red);color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:8px 14px;transition:scale .15s;}
.home-v2 .sim-stage.anniv .s-fbtn{background:var(--pink);}
.home-v2 .sim-stage.noel .s-fbtn{background:#1f7a55;}
.home-v2 .s-fbtn.press{scale:.92;}
.home-v2 .s-idea{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;background:var(--night);color:#fff;border-radius:14px;padding:10px 12px;animation:toastIn .45s cubic-bezier(.2,.9,.3,1.2);transition:opacity .35s,translate .35s;}
.home-v2 .s-idea.out{opacity:0;translate:0 20px;}
.home-v2 .s-wand{font-size:24px;}
.home-v2 .s-idea div{flex:1;}
.home-v2 .s-idea small{display:block;font-size:11.5px;color:#e0d2bf;}
.home-v2 .s-add{background:var(--gold);color:var(--night);font-weight:800;font-size:13px;border-radius:9px;padding:6px 10px;}
.home-v2 .n-wl{font-style:normal;font-size:11.5px;background:#eef4ef;border-radius:999px;padding:0 6px;display:none;}
.home-v2 .n-wl.on{display:inline;animation:giftIn .35s ease;}
.home-v2 .n-mail{margin-top:4px;background:#fff;border-radius:12px;padding:8px 12px;font-size:13px;animation:toastIn .4s ease;}
.home-v2 .n-card{margin-top:10px;}

/* Mobile : textes du haut plus compacts pour voir l'illustration tout de suite */
@media (max-width:700px){
  .home-v2 .hero{padding:28px 0 48px;}
  .home-v2 .hero .wrap{gap:26px;}
  .home-v2 .hero h1{font-size:34px;line-height:1.05;}
  .home-v2 .hero .lead{font-size:15px;margin:12px 0 16px;line-height:1.45;}
  .home-v2 .hero .ctas{gap:8px;}
  .home-v2 .hero .ctas .btn{padding:12px 14px;font-size:14.5px;}
  .home-v2 .hero .reassure{display:none;}
}
@media (max-width:700px){
  .home-v2 .hero h1{font-size:30px;}
  .home-v2 .hero .lead{font-size:14px;}
  .home-v2 .hero .ctas{flex-wrap:nowrap;}
  .home-v2 .hero .ctas .btn{flex:1;padding:11px 8px;font-size:13.5px;text-align:center;}
  .home-v2 .s-head b{font-size:18px;}
}
.home-v2 .n-card{padding:14px;gap:4px;} .home-v2 .n-card > b{font-size:32px;} .home-v2 .n-wish span{padding:6px 10px;} .home-v2 .sim-stage{height:410px;} @media (max-width:420px){.home-v2 .sim-stage{height:420px;}}

/* Mode d'emploi compact : 4 colonnes sur ordinateur, carrousel à faire glisser sur mobile */
.home-v2 .how{padding:70px 0 60px;}
.home-v2 .gsteps{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.home-v2 .gstep{grid-template-columns:1fr;gap:14px;align-items:start;padding:16px;align-content:start;}
.home-v2 .gstep .gmock{order:-1;font-size:13px;padding:12px;gap:7px;min-height:170px;align-content:center;}
.home-v2 .gtext{padding-left:0;}
.home-v2 .gnum{position:static;width:30px;height:30px;font-size:15px;margin-bottom:8px;}
.home-v2 .gtext h3{font-size:18px;}
.home-v2 .gtext p{font-size:14.5px;}
.home-v2 .m-two{grid-template-columns:1fr;}
.home-v2 .m-two>div:last-child{display:none;}
.home-v2 .guide-extra{margin-top:36px;}
.home-v2 .swipe-hint{display:none;}
@media (max-width:900px){
  .home-v2 .how{padding:48px 0 40px;}
  .home-v2 .how .sec-lead{font-size:15.5px;}
  .home-v2 .guide-tabs{flex-wrap:nowrap;margin-top:22px;}
  .home-v2 .guide-tab{flex:1 1 0;font-size:13.5px;padding:10px 8px;justify-content:center;}
  .home-v2 .guide-for{font-size:14.5px;}
  .home-v2 .gsteps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:16px -24px 0;padding:0 24px 8px;scrollbar-width:none;}
  .home-v2 .gsteps::-webkit-scrollbar{display:none;}
  .home-v2 .gstep{flex:0 0 80%;scroll-snap-align:center;}
  .home-v2 .swipe-hint{display:block;font-size:13px;color:var(--soft);margin:6px 0 0;}
  .home-v2 .guide-extra{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:28px -24px 0;padding:0 24px 8px;scrollbar-width:none;}
  .home-v2 .guide-extra>div{flex:0 0 75%;scroll-snap-align:center;padding:18px;}
  .home-v2 .guide-cta{display:block;text-align:center;margin-top:16px;}
}

/* Hero dynamique */
.home-v2 .hero-title .w{display:inline-block;opacity:0;translate:0 26px;animation:wIn .7s cubic-bezier(.2,.9,.3,1.1) forwards;}
.home-v2 .hero-title .w:nth-child(2){animation-delay:.12s;}
.home-v2 .hero-title .l2 .w:nth-child(1){animation-delay:.3s;}
.home-v2 .hero-title .l2 .w:nth-child(2){animation-delay:.42s;}
@keyframes wIn{to{opacity:1;translate:0 0;}}
.home-v2 .squig{position:relative;}
.home-v2 .squig svg{position:absolute;left:0;right:0;bottom:-.08em;width:100%;height:.22em;overflow:visible;}
.home-v2 .squig path{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230;animation:draw .8s .9s ease forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
.home-v2 .rotor{margin:18px 0 0;font:700 clamp(20px,2.2vw,28px) "Bricolage Grotesque",sans-serif;color:#e3d6c5;opacity:0;animation:wIn .6s .6s ease forwards;translate:0 10px;}
.home-v2 .rotor-box{display:inline-block;background:rgba(232,177,60,.16);border:1.5px solid rgba(232,177,60,.5);color:#fff;border-radius:12px;padding:2px 12px;overflow:hidden;vertical-align:bottom;height:1.45em;}
.home-v2 .rotor-word{display:inline-block;transition:translate .35s cubic-bezier(.5,0,.3,1),opacity .35s;}
.home-v2 .rotor-word.out{translate:0 -120%;opacity:0;}
.home-v2 .rotor-word.pre{translate:0 120%;opacity:0;transition:none;}
.home-v2 .hero .lead,.home-v2 .hero .ctas,.home-v2 .hero .reassure{opacity:0;animation:wIn .6s ease forwards;translate:0 14px;}
.home-v2 .hero .lead{animation-delay:.75s;}
.home-v2 .hero .ctas{animation-delay:.9s;}
.home-v2 .hero .reassure{animation-delay:1.05s;}
.home-v2 .hero .btn .pk-icon{width:20px;height:20px;vertical-align:-4px;margin-right:4px;transition:rotate .3s;}
.home-v2 .hero .btn-main .pk-icon{color:#fff;--icon-tint:rgba(255,255,255,.3);}
.home-v2 .hero .btn-line .pk-icon{color:var(--gold);}
.home-v2 .hero .btn:hover .pk-icon{rotate:-12deg;}
.home-v2 .hero .btn-main{animation:wIn .6s .9s ease forwards,glow 2.8s 2s ease-in-out infinite;}
@keyframes glow{50%{box-shadow:0 12px 40px rgba(232,85,45,.75);}}
@media (max-width:700px){ .home-v2 .rotor{margin-top:10px;font-size:18px;} }
@media (prefers-reduced-motion:reduce){
  .home-v2 .hero-title .w,.home-v2 .rotor,.home-v2 .hero .lead,.home-v2 .hero .ctas,.home-v2 .hero .reassure,.home-v2 .hero .btn-main{animation:none;opacity:1;translate:0 0;}
  .home-v2 .squig path{animation:none;stroke-dashoffset:0;}
}
.home-v2 .hero h1.hero-title{font-size:clamp(40px,5.4vw,74px);}
.home-v2 .squig{white-space:nowrap;}
.home-v2 .hero-title .w:nth-child(2){animation-delay:0.07s;}
.home-v2 .hero-title .w:nth-child(3){animation-delay:0.14s;}
.home-v2 .hero-title .w:nth-child(4){animation-delay:0.21s;}
.home-v2 .hero-title .w:nth-child(5){animation-delay:0.28s;}
.home-v2 .hero-title .w:nth-child(6){animation-delay:0.35s;}
.home-v2 .hero-title .w:nth-child(7){animation-delay:0.42s;}
.home-v2 .hero-title .w:nth-child(8){animation-delay:0.49s;}
.home-v2 .hero-title .w:nth-child(9){animation-delay:0.56s;}
.home-v2 .hero-title .w:nth-child(10){animation-delay:0.63s;}
.home-v2 .hero-title .l2 .w:nth-child(1){animation-delay:.5s;}.home-v2 .hero-title .l2 .w:nth-child(2){animation-delay:.58s;}.home-v2 .hero-title .l2 .w:nth-child(3){animation-delay:.66s;}
@media (max-width:900px){
  .home-v2 .gsteps,.home-v2 .guide-extra{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;scroll-padding:0 18px;}
}
.home-v2 .hero-title .l2 .w:nth-child(4){animation-delay:.74s;}.home-v2 .hero-title .l2 .w:nth-child(5){animation-delay:.82s;}

/* Titre : dégradé festif animé + mots entourés au crayon */
.home-v2 .hero-title .g{background:linear-gradient(90deg,#e8b13c,#e8552d,#7c5cd6,#e8b13c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gFlow 6s linear infinite;}
.home-v2 .hero-title .w.g{animation:wIn .7s cubic-bezier(.2,.9,.3,1.1) forwards,gFlow 6s linear infinite;}
@keyframes gFlow{to{background-position:300% 0;}}
.home-v2 .hero-title .circ{position:relative;white-space:nowrap;}
.home-v2 .hero-title .circ svg{position:absolute;left:-7%;top:-16%;width:114%;height:134%;overflow:visible;pointer-events:none;}
.home-v2 .hero-title .circ path{fill:none;stroke:#e8552d;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:900;animation:circDraw 1.2s 1s ease forwards;}
@keyframes circDraw{to{stroke-dashoffset:0;}}
@media (prefers-reduced-motion:reduce){.home-v2 .hero-title .g,.home-v2 .hero-title .w.g{animation:none;opacity:1;translate:0 0;}.home-v2 .hero-title .circ path{animation:none;stroke-dashoffset:0;}}
.home-v2 .hero-title .circ svg{left:-5%;top:-4%;width:110%;height:116%;}.home-v2 .hero-title .circ{display:inline-block;margin-top:.08em;}.home-v2 .hero h1.hero-title{padding-bottom:.12em;}