/* ===== Gabarit G1 — page fonctionnalité (s'appuie sur home.css) ===== */
#ssyv5 .fp-hero{position:relative;margin:10px;border-radius:var(--radius);overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 85% 10%,#6B2943 0%,rgba(107,41,67,0) 55%),radial-gradient(90% 80% at 0% 100%,#4A2033 0%,rgba(74,32,51,0) 60%),#2A1620;padding:150px 0 110px}
#ssyv5 .fp-hero::before{content:"";position:absolute;right:-140px;top:-120px;width:640px;height:640px;background:rgba(243,214,223,.07);mask:var(--heart-mask) center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
#ssyv5 .fp-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:70px;align-items:center}
#ssyv5 .crumbs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px;padding:0;list-style:none;font-size:13px;color:#CDB3BD}
#ssyv5 .crumbs li+li::before{content:"›";margin-right:10px;opacity:.6}
#ssyv5 .crumbs a{color:#CDB3BD;text-decoration:none}
#ssyv5 .crumbs a:hover{color:#fff}
#ssyv5 .fp-hero .eyebrow{color:var(--rose-ink,#F3D6DF)}
#ssyv5 .fp-hero h1{margin:0;font-size:clamp(42px,4.6vw,70px);line-height:1;color:#fff}
#ssyv5 .fp-hero h1 em{color:#F3D6DF}
#ssyv5 .fp-sub{margin:26px 0 0;max-width:520px;font-size:18px;line-height:1.6;color:#E3D2D8}
#ssyv5 .fp-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;align-items:center}
#ssyv5 .fp-ghost{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;font:500 15px/1 Inter,sans-serif;transition:background .25s,border-color .25s}
#ssyv5 .fp-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}
#ssyv5 .fp-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;list-style:none;font-size:14px;color:#D8C6CD}
#ssyv5 .fp-proof li{display:inline-flex;align-items:center;gap:8px}
#ssyv5 .fp-proof li::before{content:"";width:12px;height:12px;background:#B9657F;mask:var(--heart-mask) center/contain no-repeat}

/* — widget budget (visuel produit en HTML) — */
#ssyv5 .bw-wrap{position:relative;padding:20px 0 30px}
#ssyv5 .bw{position:relative;background:#FFFBF9;color:#1F171B;border-radius:28px;padding:26px 26px 18px;box-shadow:0 40px 90px rgba(10,3,7,.45),0 0 0 1px rgba(255,255,255,.06);transform:rotate(-1.2deg)}
#ssyv5 .bw-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
#ssyv5 .bw-top b{font:600 15px/1 Inter,sans-serif}
#ssyv5 .bw-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B2943;background:#F4E3E2;border-radius:999px;padding:6px 10px}
#ssyv5 .bw-big{margin:20px 0 4px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#ssyv5 .bw-big strong{font:600 44px/1 Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#ssyv5 .bw-big span{font-size:14px;color:#7A6870}
#ssyv5 .bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#EFE3DF;margin:16px 0 14px}
#ssyv5 .bar i{display:block;height:100%;width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1),opacity .3s}
#ssyv5 .bar .s-paid{background:#6B2943}
#ssyv5 .bar .s-eng{background:#B9657F}
#ssyv5 .bar .s-free{background:#E8C9D2}
#ssyv5 .go .bar .s-paid{width:36.3%}
#ssyv5 .go .bar .s-eng{width:40.1%}
#ssyv5 .go .bar .s-free{width:23.6%}
#ssyv5 .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#ssyv5 .kpi{background:#F7F0EC;border-radius:14px;padding:11px 12px}
#ssyv5 .kpi small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#7A6870}
#ssyv5 .kpi small::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
#ssyv5 .kpi b{display:block;margin-top:5px;font:600 16px/1 Inter,sans-serif;font-variant-numeric:tabular-nums}
#ssyv5 .rows{margin:16px 0 0;padding:0;list-style:none}
#ssyv5 .row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:11px 0;border-top:1px solid #F0E4E0}
#ssyv5 .row .ic{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:#F4E3E2;color:#6B2943;display:grid;place-items:center}
#ssyv5 .row .ic svg{width:17px;height:17px}
#ssyv5 .row b{font:500 14px/1.2 Inter,sans-serif}
#ssyv5 .row em{font-style:normal;font-size:12px;color:#7A6870}
#ssyv5 .row .amt{font:600 14px/1 Inter,sans-serif;text-align:right;font-variant-numeric:tabular-nums}
#ssyv5 .st{justify-self:end;font-size:11px;font-weight:500;border-radius:999px;padding:4px 9px;white-space:nowrap}
#ssyv5 .st.ok{background:#E5F1EA;color:#2F6B4A}
#ssyv5 .st.part{background:#F4E3E2;color:#6B2943}
#ssyv5 .st.devis{background:#EFEAF5;color:#5B4A7A}
#ssyv5 .mini{grid-column:2/-1;height:4px;border-radius:9px;background:#F0E4E0;overflow:hidden}
#ssyv5 .mini i{display:block;height:100%;width:0;background:#6B2943;border-radius:9px;transition:width 1.4s .3s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .go .mini i{width:var(--w)}
#ssyv5 .bw-float{position:absolute;background:#FFFBF9;color:#1F171B;border-radius:18px;padding:14px 16px;box-shadow:0 24px 60px rgba(10,3,7,.4);display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.35;opacity:0;transform:translateY(16px);transition:opacity .8s 1s,transform .8s 1s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .go .bw-float{opacity:1;transform:none}
#ssyv5 .bw-float .ic{flex:0 0 38px;height:38px;border-radius:12px;background:#6B2943;color:#fff;display:grid;place-items:center}
#ssyv5 .bw-float .ic svg{width:18px;height:18px}
#ssyv5 .bw-float small{display:block;color:#7A6870;font-size:11.5px}
#ssyv5 .bw-float b{font-weight:600}
#ssyv5 .f-due{left:-46px;bottom:-6px;transition-delay:1.1s}
#ssyv5 .f-pp{right:-30px;top:-34px;transition-delay:1.35s}
#ssyv5 .f-pp .ic{background:#F4E3E2;color:#6B2943}

/* — sections — */
#ssyv5 .fp-sec{padding:130px 0}
#ssyv5 .fp-head{max-width:760px;margin:0 auto 60px;text-align:center}
#ssyv5 .fp-head p{margin:22px auto 0;max-width:600px;font-size:18px;line-height:1.6;color:var(--muted)}

/* quatre chiffres */
#ssyv5 .quad-bar{display:flex;height:22px;border-radius:999px;overflow:hidden;background:#EFE3DF;max-width:980px;margin:0 auto 34px}
#ssyv5 .quad-bar i{height:100%;transition:opacity .3s,filter .3s}
#ssyv5 .quad-bar[data-hl] i{opacity:.28}
#ssyv5 .quad-bar[data-hl="paid"] .s-paid,#ssyv5 .quad-bar[data-hl="eng"] .s-paid,#ssyv5 .quad-bar[data-hl="eng"] .s-eng,#ssyv5 .quad-bar[data-hl="due"] .s-eng,#ssyv5 .quad-bar[data-hl="plan"] i{opacity:1}
#ssyv5 .quad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#ssyv5 .qc{background:var(--ivory);border:1px solid var(--line);border-radius:24px;padding:26px 24px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:default}
#ssyv5 .qc:hover,#ssyv5 .qc:focus-within{transform:translateY(-4px);box-shadow:0 20px 50px rgba(42,22,32,.1);border-color:#E3CBD2}
#ssyv5 .qc small{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--wine)}
#ssyv5 .qc small::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
#ssyv5 .qc strong{display:block;margin:16px 0 12px;font:600 34px/1 Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#ssyv5 .qc p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
#ssyv5 .qc.hl{background:var(--plum);color:#fff;border-color:var(--plum)}
#ssyv5 .qc.hl small{color:#F3D6DF}
#ssyv5 .qc.hl p{color:#D8C6CD}
#ssyv5 .quad-note{text-align:center;margin:26px 0 0;font-size:13px;color:var(--muted)}

/* bento */
#ssyv5 .bento-sec{background:var(--ivory);margin:0 10px;border-radius:var(--radius)}
#ssyv5 .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#ssyv5 .bt{position:relative;background:#F7F0EC;border-radius:26px;padding:30px;overflow:hidden;display:flex;flex-direction:column;min-height:300px}
#ssyv5 .bt.w3{grid-column:span 3}
#ssyv5 .bt.w2{grid-column:span 2}
#ssyv5 .bt.w4{grid-column:span 4}
#ssyv5 .bt h3{margin:0 0 10px;font:600 22px/1.2 Inter,sans-serif;letter-spacing:-.01em}
#ssyv5 .bt h3 em{font-family:"DM Serif Display",serif;font-style:italic;font-weight:400;color:var(--wine)}
#ssyv5 .bt > p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:420px}
#ssyv5 .bt .demo{margin-top:auto;padding-top:26px}
#ssyv5 .bt.dark{background:var(--plum);color:#fff}
#ssyv5 .bt.dark > p{color:#D8C6CD}
#ssyv5 .bt.dark h3 em{color:#F3D6DF}
#ssyv5 .bt.rose{background:#F4E3E2}
/* timeline */
#ssyv5 .tl{display:grid;grid-template-columns:repeat(3,1fr);position:relative}
#ssyv5 .tl::before{content:"";position:absolute;left:16px;right:16px;top:15px;height:2px;background:linear-gradient(90deg,#B9657F 66%,rgba(255,255,255,.18) 66%)}
#ssyv5 .tl div{position:relative;padding-right:10px}
#ssyv5 .tl i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#B9657F;color:#fff;font-style:normal;font-size:14px;margin-bottom:14px;position:relative}
#ssyv5 .tl .todo i{background:#2A1620;border:2px dashed #B9657F}
#ssyv5 .tl b{display:block;font-size:14px;font-weight:600}
#ssyv5 .tl span{display:block;font-size:13px;color:#CDB3BD;margin-top:3px;font-variant-numeric:tabular-nums}
/* comparateur */
#ssyv5 .cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#ssyv5 .cmp div{background:#FFFBF9;border:1px solid var(--line);border-radius:16px;padding:14px 12px;font-size:13px}
#ssyv5 .cmp b{display:block;font-weight:600;margin-bottom:8px}
#ssyv5 .cmp strong{display:block;font:600 18px/1 Inter,sans-serif;font-variant-numeric:tabular-nums}
#ssyv5 .cmp span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
#ssyv5 .cmp .win{border:1.5px solid var(--wine);box-shadow:0 10px 26px rgba(107,41,67,.15);position:relative}
#ssyv5 .cmp .win::after{content:"Retenu";position:absolute;top:-10px;right:10px;background:var(--wine);color:#fff;font-size:10.5px;font-weight:600;border-radius:999px;padding:3px 8px}
/* catégories */
#ssyv5 .cats{display:flex;flex-wrap:wrap;gap:8px}
#ssyv5 .cats span{background:#FFFBF9;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px}
#ssyv5 .cats .add{border-style:dashed;border-color:#C9A6B2;color:var(--wine)}
/* documents */
#ssyv5 .docs{display:grid;gap:8px}
#ssyv5 .doc{display:flex;align-items:center;gap:12px;background:#FFFBF9;border-radius:14px;padding:11px 12px;font-size:13px}
#ssyv5 .doc .ic{flex:0 0 32px;height:32px;border-radius:9px;background:#F4E3E2;color:#6B2943;display:grid;place-items:center}
#ssyv5 .doc .ic svg{width:16px;height:16px}
#ssyv5 .doc b{display:block;font-weight:500}
#ssyv5 .doc small{color:var(--muted)}
#ssyv5 .doc .st{margin-left:auto}
/* par invité */
#ssyv5 .pp{display:flex;align-items:baseline;gap:10px}
#ssyv5 .pp strong{font:600 54px/1 Inter,sans-serif;letter-spacing:-.03em;color:var(--wine)}
#ssyv5 .pp span{font-size:14px;color:var(--muted)}
#ssyv5 .pp-split{display:flex;gap:6px;margin-top:14px;font-size:12px}
#ssyv5 .pp-split span{border-radius:999px;padding:5px 10px;background:#FFFBF9}
/* à deux */
#ssyv5 .duo{display:flex;align-items:center;gap:14px;background:#FFFBF9;border-radius:16px;padding:12px 14px;font-size:13px}
#ssyv5 .avs{display:flex}
#ssyv5 .avs i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:13px;color:#fff;background:#6B2943;border:2px solid #FFFBF9}
#ssyv5 .avs i+i{margin-left:-10px;background:#B9657F}
#ssyv5 .duo small{display:block;color:var(--muted)}
#ssyv5 .live{width:8px;height:8px;border-radius:50%;background:#3E9B67;box-shadow:0 0 0 0 rgba(62,155,103,.5);animation:ssyPulse 2s infinite;margin-left:auto;flex:0 0 8px}
@keyframes ssyPulse{70%{box-shadow:0 0 0 9px rgba(62,155,103,0)}100%{box-shadow:0 0 0 0 rgba(62,155,103,0)}}

/* étapes */
#ssyv5 .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:st;position:relative;margin:0;padding:0;list-style:none}
#ssyv5 .steps::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:1px;background:repeating-linear-gradient(90deg,#C9A6B2 0 6px,transparent 6px 12px)}
#ssyv5 .steps li{position:relative}
#ssyv5 .steps li::before{counter-increment:st;content:"0" counter(st);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg);border:1px solid #D9C4CA;font:400 22px/1 "DM Serif Display",serif;font-style:italic;color:var(--wine);margin-bottom:24px;position:relative}
#ssyv5 .steps li:last-child::before{background:var(--wine);border-color:var(--wine);color:#fff}
#ssyv5 .steps h3{margin:0 0 8px;font:600 19px/1.25 Inter,sans-serif}
#ssyv5 .steps p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}

/* calculateur */
#ssyv5 .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:var(--plum);color:#fff;border-radius:var(--radius);overflow:hidden;margin:0 10px}
#ssyv5 .calc-txt{padding:80px 70px}
#ssyv5 .calc-txt .eyebrow{color:#F3D6DF}
#ssyv5 .calc-txt h2{color:#fff;margin:0}
#ssyv5 .calc-txt h2 em{color:#F3D6DF}
#ssyv5 .calc-txt p{margin:22px 0 0;font-size:17px;line-height:1.6;color:#D8C6CD;max-width:460px}
#ssyv5 .calc-ui{background:rgba(255,255,255,.04);border-left:1px solid rgba(255,255,255,.08);padding:70px 60px;display:flex;flex-direction:column;justify-content:center;gap:30px}
#ssyv5 .rng label{display:flex;justify-content:space-between;font-size:14px;color:#D8C6CD;margin-bottom:12px}
#ssyv5 .rng output{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
#ssyv5 .rng input{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:9px;background:linear-gradient(90deg,#B9657F var(--p,50%),rgba(255,255,255,.14) var(--p,50%));outline:none}
#ssyv5 .rng input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#FFFBF9;box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:grab}
#ssyv5 .rng input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#FFFBF9;cursor:grab}
#ssyv5 .res{background:#FFFBF9;color:#1F171B;border-radius:22px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px}
#ssyv5 .res small{display:block;font-size:13px;color:var(--muted)}
#ssyv5 .res strong{font:600 46px/1 Inter,sans-serif;letter-spacing:-.02em;color:var(--wine);font-variant-numeric:tabular-nums}
#ssyv5 .res .btn{min-height:46px;font-size:14px}
#ssyv5 .calc-ui .note{margin:0;font-size:13px;color:#BFA6B0;line-height:1.5}

/* liens fonctionnalités */
#ssyv5 .links3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ssyv5 .lk{display:flex;flex-direction:column;gap:10px;background:var(--ivory);border:1px solid var(--line);border-radius:24px;padding:28px;text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s}
#ssyv5 .lk:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(42,22,32,.1);color:var(--ink)}
#ssyv5 .lk .ic{width:44px;height:44px;border-radius:14px;background:#F4E3E2;color:var(--wine);display:grid;place-items:center;margin-bottom:8px}
#ssyv5 .lk .ic svg{width:20px;height:20px}
#ssyv5 .lk b{font:600 19px/1.25 Inter,sans-serif}
#ssyv5 .lk p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
#ssyv5 .lk span{margin-top:auto;padding-top:10px;font-size:14px;font-weight:500;color:var(--wine)}

/* bandeau gratuit */
#ssyv5 .free{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#F4E3E2;border-radius:28px;padding:40px 48px}
#ssyv5 .free h2{margin:0;font-size:clamp(28px,2.8vw,40px)}
#ssyv5 .free p{margin:10px 0 0;font-size:16px;color:var(--muted);max-width:560px}

/* ===== responsive ===== */
@media (max-width:1100px){
#ssyv5 .f-due{left:-14px}
#ssyv5 .f-pp{right:-8px}
#ssyv5 .calc-txt{padding:64px 46px}
#ssyv5 .calc-ui{padding:56px 40px}
}
@media (max-width:960px){
#ssyv5 .fp-hero{padding:118px 0 70px}
#ssyv5 .fp-hero .wrap{grid-template-columns:1fr;gap:46px}
#ssyv5 .fp-hero::before{width:380px;height:380px;right:-120px;top:-60px}
#ssyv5 .fp-sub{font-size:17px}
#ssyv5 .fp-ctas{flex-direction:column;align-items:stretch}
#ssyv5 .fp-ctas .cta-main{justify-content:space-between}
#ssyv5 .fp-ghost{justify-content:center;min-height:56px}
#ssyv5 .bw{transform:none;padding:20px 18px 12px}
#ssyv5 .bw-big strong{font-size:36px}
#ssyv5 .kpi{padding:10px}
#ssyv5 .kpi b{font-size:14px}
#ssyv5 .row.xm{display:none}
#ssyv5 .f-due{left:-6px;bottom:-34px}
#ssyv5 .f-pp{right:-6px;top:-26px}
#ssyv5 .fp-sec{padding:90px 0}
#ssyv5 .fp-head{margin-bottom:40px;text-align:left}
#ssyv5 .fp-head p{font-size:16px;margin-left:0}
#ssyv5 .quad{grid-template-columns:1fr 1fr;gap:10px}
#ssyv5 .qc{padding:20px 18px}
#ssyv5 .qc strong{font-size:26px;margin:12px 0 8px}
#ssyv5 .qc p{font-size:14px}
#ssyv5 .quad-bar{height:16px;margin-bottom:22px}
#ssyv5 .bento{grid-template-columns:1fr;gap:12px}
#ssyv5 .bt.w2,#ssyv5 .bt.w3,#ssyv5 .bt.w4{grid-column:auto}
#ssyv5 .bt{min-height:0;padding:24px}
#ssyv5 .steps{grid-template-columns:1fr;gap:28px}
#ssyv5 .steps::before{left:28px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:repeating-linear-gradient(180deg,#C9A6B2 0 6px,transparent 6px 12px)}
#ssyv5 .steps li{display:grid;grid-template-columns:56px 1fr;gap:4px 18px}
#ssyv5 .steps li::before{grid-row:span 2;margin:0}
#ssyv5 .calc{grid-template-columns:1fr}
#ssyv5 .calc-txt{padding:60px 24px 10px}
#ssyv5 .calc-ui{border-left:0;background:none;padding:30px 24px 50px;gap:26px}
#ssyv5 .res{flex-direction:column;align-items:flex-start}
#ssyv5 .res .btn{width:100%}
#ssyv5 .links3{grid-template-columns:1fr;gap:12px}
#ssyv5 .free{flex-direction:column;align-items:flex-start;padding:30px 24px}
#ssyv5 .free .btn{width:100%}
}
@media (max-width:420px){
#ssyv5 .tl b{font-size:13px}
#ssyv5 .cmp{gap:6px}
#ssyv5 .cmp div{padding:12px 9px}
#ssyv5 .cmp strong{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
#ssyv5 .bar i,#ssyv5 .mini i,#ssyv5 .bw-float{transition:none}
#ssyv5 .live{animation:none}
}
#ssyv5 .tl span{white-space:nowrap}
#ssyv5 .tl span+span{margin-top:1px;color:#fff;opacity:.85}

/* ===== liens vers pages à venir ===== */
#ssyv5 [data-soon]{cursor:default}
#ssyv5 .seo-tags li:has([data-soon]),#ssyv5 .fnav [data-soon],#ssyv5 .btn[data-soon],#ssyv5 .mm [data-soon]{display:none}
#ssyv5 .seo-txt [data-soon]{text-decoration:none;color:inherit}
#ssyv5 .lk[data-soon]{transform:none!important;box-shadow:none!important}
#ssyv5 .lk[data-soon] > span:last-child{display:none}

/* ===== animations G1 ===== */
@keyframes ssyUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ssyPop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}100%{opacity:1;transform:none}}
#ssyv5 .fp-hero .wrap > div:first-child > *{animation:ssyUp .9s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .fp-hero .wrap > div:first-child > :nth-child(2){animation-delay:.08s}
#ssyv5 .fp-hero .wrap > div:first-child > :nth-child(3){animation-delay:.16s}
#ssyv5 .fp-hero .wrap > div:first-child > :nth-child(4){animation-delay:.28s}
#ssyv5 .fp-hero .wrap > div:first-child > :nth-child(5){animation-delay:.4s}
#ssyv5 .fp-hero .wrap > div:first-child > :nth-child(6){animation-delay:.5s}
#ssyv5 .bw{animation:ssyUp 1.1s .25s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .bw .row{opacity:0;transform:translateX(14px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .go .bw .row{opacity:1;transform:none}
#ssyv5 .go .bw .row:nth-child(2){transition-delay:.12s}
#ssyv5 .go .bw .row:nth-child(3){transition-delay:.24s}
#ssyv5 .go .bw .row:nth-child(4){transition-delay:.36s}
/* cascades */
#ssyv5 .quad .qc:nth-child(2),#ssyv5 .links3 .lk:nth-child(2),#ssyv5 .steps li:nth-child(2){transition-delay:.1s}
#ssyv5 .quad .qc:nth-child(3),#ssyv5 .links3 .lk:nth-child(3),#ssyv5 .steps li:nth-child(3){transition-delay:.2s}
#ssyv5 .quad .qc:nth-child(4),#ssyv5 .steps li:nth-child(4){transition-delay:.3s}
#ssyv5 .bento .bt:nth-child(even){transition-delay:.12s}
#ssyv5 .quad-bar i{transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .3s}
#ssyv5 .quad-bar.in i{transform:none}
#ssyv5 .quad-bar.in .s-eng{transition-delay:.15s}
#ssyv5 .quad-bar.in .s-free{transition-delay:.3s}
/* micro-démos des tuiles */
#ssyv5 .tl::before{transform-origin:left;transform:scaleX(0);transition:transform 1.4s .4s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .bt.in .tl::before{transform:none}
#ssyv5 .tl > div{opacity:0}
#ssyv5 .bt.in .tl > div{animation:ssyUp .7s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .bt.in .tl > div:nth-child(1){animation-delay:.4s}
#ssyv5 .bt.in .tl > div:nth-child(2){animation-delay:.8s}
#ssyv5 .bt.in .tl > div:nth-child(3){animation-delay:1.2s}
#ssyv5 .cats span,#ssyv5 .cmp > div,#ssyv5 .doc,#ssyv5 .duo,#ssyv5 .pp,#ssyv5 .pp-split{opacity:0}
#ssyv5 .bt.in .cats span{animation:ssyPop .5s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .bt.in .cats span:nth-child(n){animation-delay:calc(.3s + var(--i,0) * 60ms)}
#ssyv5 .bt.in .cmp > div,#ssyv5 .bt.in .doc,#ssyv5 .bt.in .duo,#ssyv5 .bt.in .pp,#ssyv5 .bt.in .pp-split{animation:ssyUp .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:.35s}
#ssyv5 .bt.in .cmp > div:nth-child(2),#ssyv5 .bt.in .doc:nth-child(2),#ssyv5 .bt.in .pp-split{animation-delay:.5s}
#ssyv5 .bt.in .cmp > div:nth-child(3){animation-delay:.65s}
#ssyv5 .bt.in .cmp .win{animation-name:ssyPop;animation-delay:1s}
#ssyv5 .steps li::before{transition:transform .6s cubic-bezier(.2,.7,.2,1) .3s}
#ssyv5 .steps li:not(.in)::before{transform:scale(.6)}
#ssyv5 .seo-block{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .seo-block.in{opacity:1;transform:none}
#ssyv5 .calc .res strong{display:inline-block;transition:transform .25s}
#ssyv5 .calc .res strong.bump{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){
#ssyv5 .fp-hero *,#ssyv5 .bw,#ssyv5 .bw .row,#ssyv5 .tl > div,#ssyv5 .cats span,#ssyv5 .cmp > div,#ssyv5 .doc,#ssyv5 .duo,#ssyv5 .pp,#ssyv5 .pp-split,#ssyv5 .seo-block{animation:none!important;opacity:1!important;transform:none!important}
#ssyv5 .tl::before,#ssyv5 .quad-bar i{transform:none}
}

/* ===== G1 — composants supplémentaires (pages fonctionnalité) ===== */
#ssyv5 .go .bar i.w{width:var(--w)}
#ssyv5 .row .ck{grid-row:span 2;width:28px;height:28px;border-radius:50%;border:1.5px solid #D9C4CA;display:grid;place-items:center;color:#fff;margin:0 3px}
#ssyv5 .row .ck.on{background:#6B2943;border-color:#6B2943}
#ssyv5 .row .ck svg{width:14px;height:14px}
#ssyv5 .row.done b{text-decoration:line-through;text-decoration-color:#C9A6B2;color:#7A6870}
/* téléphones */
#ssyv5 .phs{position:relative;height:560px;display:flex;justify-content:center;align-items:center}
#ssyv5 .mph{position:absolute;width:236px;aspect-ratio:406/876;padding:8px;border-radius:38px;background:linear-gradient(150deg,#4A3640 0%,#1A1015 35%,#0F080B 100%);box-shadow:0 40px 80px rgba(10,3,7,.5),0 0 0 1px rgba(255,255,255,.08);animation:ssyUp 1.1s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .mph .ti{border-radius:30px;overflow:hidden}
#ssyv5 .mph::before{content:"";position:absolute;top:16px;left:50%;width:70px;height:20px;margin-left:-35px;border-radius:20px;background:#0F080B;z-index:2}
#ssyv5 .mph.m1{z-index:3;transform:none;animation-delay:.25s}
#ssyv5 .mph.m2{z-index:2;transform:translateX(-62%) rotate(-7deg) scale(.86);animation-name:ssyL;animation-delay:.45s}
#ssyv5 .mph.m3{z-index:2;transform:translateX(62%) rotate(7deg) scale(.86);animation-name:ssyR;animation-delay:.55s}
@keyframes ssyL{from{opacity:0;transform:translateX(-30%) rotate(0) scale(.8)}to{opacity:1;transform:translateX(-62%) rotate(-7deg) scale(.86)}}
@keyframes ssyR{from{opacity:0;transform:translateX(30%) rotate(0) scale(.8)}to{opacity:1;transform:translateX(62%) rotate(7deg) scale(.86)}}
#ssyv5 .phs .bw-float{z-index:5}
#ssyv5 .phs .f-a{left:0;top:18%}
#ssyv5 .phs .f-b{right:0;bottom:16%}
#ssyv5 .phs .f-c{left:4%;bottom:6%}
/* bulle message */
#ssyv5 .wa{background:#DCF8C6;color:#1F171B;border-radius:16px 16px 4px 16px;padding:12px 14px;font-size:13px;line-height:1.45;max-width:290px;margin-left:auto;box-shadow:0 6px 16px rgba(0,0,0,.06)}
#ssyv5 .wa small{display:block;text-align:right;color:#5C7A5C;font-size:11px;margin-top:4px}
#ssyv5 .wa a{color:#0B6E99;text-decoration:underline}
#ssyv5 .bt.in .wa{animation:ssyUp .7s .35s cubic-bezier(.2,.7,.2,1) both}
/* tables (plan de table) */
#ssyv5 .tbls{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
#ssyv5 .tbl{position:relative;width:110px;height:110px;opacity:0}
#ssyv5 .bt.in .tbl,#ssyv5 .go .tbl{animation:ssyPop .6s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .tbl:nth-child(2){animation-delay:.15s!important}#ssyv5 .tbl:nth-child(3){animation-delay:.3s!important}
#ssyv5 .tbl b{position:absolute;inset:26px;border-radius:50%;background:#FFFBF9;border:1px solid var(--line);display:grid;place-items:center;font:500 12px/1.2 Inter,sans-serif;text-align:center;color:var(--plum)}
#ssyv5 .tbl i{position:absolute;width:20px;height:20px;border-radius:50%;left:45px;top:45px;background:#E8C9D2;transform:rotate(var(--a)) translateY(-46px);font-style:normal;font-size:9px;font-weight:600;color:#fff;display:grid;place-items:center}
#ssyv5 .tbl i.on{background:#6B2943}
#ssyv5 .tbl i.emp{background:transparent;border:1.5px dashed #C9A6B2}
#ssyv5 .bt.dark .tbl b{background:#3A2230;border-color:rgba(255,255,255,.1);color:#fff}
/* compteurs événements */
#ssyv5 .evts{display:grid;gap:10px}
#ssyv5 .evt{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;background:#FFFBF9;border-radius:14px;padding:12px 14px;font-size:13px;opacity:0}
#ssyv5 .bt.in .evt{animation:ssyUp .7s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .bt.in .evt:nth-child(2){animation-delay:.15s}#ssyv5 .bt.in .evt:nth-child(3){animation-delay:.3s}
#ssyv5 .evt b{font-weight:600}
#ssyv5 .evt span{color:var(--muted);font-variant-numeric:tabular-nums}
#ssyv5 .evt .bar{grid-column:1/-1;margin:0;height:7px}
#ssyv5 .bt.in .evt .bar i{width:var(--w)}
#ssyv5 .bt.dark .evt{background:rgba(255,255,255,.06);color:#fff}
#ssyv5 .bt.dark .evt span{color:#CDB3BD}
#ssyv5 .bt.dark .evt .bar{background:rgba(255,255,255,.1)}
/* galerie */
#ssyv5 .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#ssyv5 .pgrid span{aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;opacity:0}
#ssyv5 .pgrid span.tall{grid-row:span 2;aspect-ratio:auto}
#ssyv5 .go .pgrid span,#ssyv5 .bt.in .pgrid span{animation:ssyPop .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms + .2s)}
#ssyv5 .bw.photo{padding:16px}
/* lignes simples */
#ssyv5 .bt .doc .st{flex:0 0 auto}
@media (max-width:960px){
#ssyv5 .phs{height:470px}
#ssyv5 .mph{width:190px}
#ssyv5 .phs .f-a{left:-6px;top:6%}
#ssyv5 .phs .f-b{right:-6px;bottom:10%}
#ssyv5 .phs .f-c{display:none}
#ssyv5 .tbl{width:96px;height:96px}
#ssyv5 .tbl b{inset:22px}
#ssyv5 .tbl i{left:38px;top:38px;transform:rotate(var(--a)) translateY(-40px)}
}
@media (prefers-reduced-motion:reduce){
#ssyv5 .mph,#ssyv5 .tbl,#ssyv5 .evt,#ssyv5 .pgrid span,#ssyv5 .wa{animation:none!important;opacity:1!important}
}
#ssyv5 .phs .bw-float{height:auto;top:auto;bottom:auto;left:auto;right:auto}#ssyv5 .phs .f-a{left:0;top:18%}#ssyv5 .phs .f-b{right:0;bottom:16%}@media (max-width:960px){#ssyv5 .phs .f-a{left:-6px;top:6%}#ssyv5 .phs .f-b{right:-6px;bottom:8%}}

/* ===== joie : lumière, pétales, cœurs, moments ===== */
#ssyv5 .fp-hero::after{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(255,196,150,.20),rgba(255,196,150,0));pointer-events:none;animation:ssyGlow 9s ease-in-out infinite alternate}
@keyframes ssyGlow{from{opacity:.55;transform:translate(0,0)}to{opacity:1;transform:translate(6%,4%)}}
#ssyv5 .fp-hero .petals,#ssyv5 .moment .petals{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
#ssyv5 .jp{position:absolute;top:-30px;width:12px;height:12px;background:rgba(243,214,223,.75);mask:var(--heart-mask) center/contain no-repeat;-webkit-mask:var(--heart-mask) center/contain no-repeat;animation:ssyFall linear infinite;opacity:0}
#ssyv5 .jp.w{background:rgba(255,251,249,.8);border-radius:60% 40% 55% 45%;mask:none;-webkit-mask:none}
@keyframes ssyFall{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}10%{opacity:1}90%{opacity:.9}100%{opacity:0;transform:translate3d(var(--dx,40px),105vh,0) rotate(var(--r,240deg))}}
#ssyv5 .fp-hero .wrap{z-index:2}
/* cœurs qui s'envolent du widget */
#ssyv5 .hrt{position:absolute;width:16px;height:16px;background:#B9657F;mask:var(--heart-mask) center/contain no-repeat;-webkit-mask:var(--heart-mask) center/contain no-repeat;pointer-events:none;z-index:6;animation:ssyHrt 2.8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes ssyHrt{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1;transform:translate(0,-14px) scale(1)}100%{opacity:0;transform:translate(var(--dx,10px),-150px) scale(.8) rotate(var(--r,15deg))}}
/* cartes flottantes qui respirent */
#ssyv5 .go .bw-float,#ssyv5 .phs .bw-float{animation:ssyBob 5.5s ease-in-out 2.2s infinite alternate}
#ssyv5 .go .f-pp,#ssyv5 .phs .f-b{animation-duration:6.5s;animation-delay:2.6s}
@keyframes ssyBob{from{translate:0 0}to{translate:0 -9px}}
/* moment photo */
#ssyv5 .moment{position:relative;margin:0 10px;border-radius:var(--radius);overflow:hidden;min-height:clamp(440px,72vh,640px);display:grid;place-items:center;text-align:center;color:#fff;isolation:isolate}
#ssyv5 .moment .mo-bg{position:absolute;inset:-10% 0;background:var(--mi) center 40%/cover no-repeat;transform:translate3d(0,var(--my,0px),0) scale(1.06);will-change:transform;z-index:-2}
#ssyv5 .moment::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(42,22,32,.25) 0%,rgba(42,22,32,.35) 45%,rgba(42,22,32,.78) 100%),radial-gradient(60% 50% at 50% 55%,rgba(42,22,32,.35),rgba(42,22,32,0) 75%)}
#ssyv5 .mo-txt{position:relative;z-index:2;max-width:760px;padding:70px 24px}
#ssyv5 .mo-txt .eyebrow{color:#F3D6DF}
#ssyv5 .mo-txt h2{margin:0;color:#fff;text-shadow:0 2px 24px rgba(20,8,14,.35)}
#ssyv5 .mo-txt h2 em{color:#F3D6DF}
#ssyv5 .mo-txt p{margin:20px auto 0;max-width:520px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.88)}
#ssyv5 .mo-txt .cta-main{margin-top:32px}
#ssyv5 .moment.reveal{opacity:0;transform:scale(.965);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .moment.reveal.in{opacity:1;transform:none}
#ssyv5 .moment.in .mo-txt > *{animation:ssyUp .9s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .moment.in .mo-txt > :nth-child(2){animation-delay:.12s}
#ssyv5 .moment.in .mo-txt > :nth-child(3){animation-delay:.24s}
#ssyv5 .moment.in .mo-txt > :nth-child(4){animation-delay:.36s}
/* petites touches de joie */
#ssyv5 .bt:hover h3 em{color:#B9657F}
#ssyv5 .lk:hover .ic{animation:ssyPop .5s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .steps li.in::before{animation:ssyPop .6s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .free{position:relative;overflow:hidden}
#ssyv5 .free::after{content:"";position:absolute;right:-40px;top:-50px;width:220px;height:220px;background:rgba(185,101,127,.14);mask:var(--heart-mask) center/contain no-repeat;-webkit-mask:var(--heart-mask) center/contain no-repeat;transform:rotate(14deg);animation:ssyBeat 3.2s ease-in-out infinite;pointer-events:none}
@keyframes ssyBeat{0%,100%{transform:rotate(14deg) scale(1)}12%{transform:rotate(14deg) scale(1.08)}24%{transform:rotate(14deg) scale(1)}36%{transform:rotate(14deg) scale(1.05)}}
@media (max-width:960px){
#ssyv5 .moment{min-height:520px}
#ssyv5 .mo-txt p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
#ssyv5 .jp,#ssyv5 .hrt{display:none}
#ssyv5 .fp-hero::after,#ssyv5 .bw-float,#ssyv5 .free::after{animation:none!important}
#ssyv5 .moment.reveal{opacity:1;transform:none}
}

/* ===== hub, tarifs, modèles ===== */
#ssyv5 .hub-g + .hub-g{margin-top:54px}
#ssyv5 .hub-h{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
#ssyv5 .hub-h h3{margin:0;font:400 clamp(28px,2.6vw,38px)/1 "DM Serif Display",serif;font-style:italic;color:var(--wine)}
#ssyv5 .hub-h p{margin:0;color:var(--muted);font-size:15px}
#ssyv5 .pricing .ticket{margin-top:10px}
#ssyv5 .ptab-wrap{overflow-x:auto;border-radius:24px;border:1px solid var(--line);background:var(--ivory)}
#ssyv5 .ptab{width:100%;border-collapse:collapse;font-size:15px}
#ssyv5 .ptab th,#ssyv5 .ptab td{padding:16px 22px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
#ssyv5 .ptab thead th{font:600 15px/1.2 Inter,sans-serif;background:#F7F0EC;vertical-align:bottom}
#ssyv5 .ptab thead th small{display:block;margin-top:4px;font-weight:500;font-size:13px;color:var(--muted)}
#ssyv5 .ptab td{text-align:center;width:22%;color:#B5A2A9}
#ssyv5 .ptab td svg{width:20px;height:20px;color:var(--wine);vertical-align:middle}
#ssyv5 .ptab .hl{background:rgba(244,227,226,.55)}
#ssyv5 .ptab thead th.hl{background:var(--wine);color:#fff}
#ssyv5 .ptab thead th.hl small{color:#F3D6DF}
#ssyv5 .ptab tbody tr:last-child th,#ssyv5 .ptab tbody tr:last-child td{border-bottom:0}
#ssyv5 .ptab tbody tr{transition:background .2s}
#ssyv5 .ptab tbody tr:hover{background:rgba(244,227,226,.35)}
#ssyv5 .tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 22px}
#ssyv5 .tcard{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink)}
#ssyv5 .tph{display:block;width:100%;aspect-ratio:406/876;padding:6px;border-radius:30px;background:linear-gradient(150deg,#4A3640 0%,#1A1015 35%,#0F080B 100%);box-shadow:0 22px 50px rgba(42,22,32,.22);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
#ssyv5 .tph .ti{border-radius:24px}
#ssyv5 .tcard:hover .tph{transform:translateY(-10px) rotate(-1.5deg);box-shadow:0 34px 70px rgba(42,22,32,.3)}
#ssyv5 .tcard b{margin-top:16px;font:400 23px/1.1 "DM Serif Display",serif}
#ssyv5 .tcard small{margin-top:5px;font-size:13px;color:var(--muted)}
#ssyv5 .tcard .tgo{margin-top:10px;font-size:13px;font-weight:500;color:var(--wine);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
#ssyv5 .tcard:hover .tgo{opacity:1;transform:none}
@media (max-width:1100px){#ssyv5 .tgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:960px){
#ssyv5 .tgrid{grid-template-columns:repeat(2,1fr);gap:24px 14px}
#ssyv5 .tcard .tgo{opacity:1;transform:none}
#ssyv5 .ptab th,#ssyv5 .ptab td{padding:13px 12px;font-size:14px}
#ssyv5 .hub-g + .hub-g{margin-top:40px}
}

/* ===== G6 article / guide — G5 blog ===== */
#ssyv5 .readbar{position:fixed;left:0;top:0;right:0;height:3px;z-index:120;pointer-events:none}
#ssyv5 .readbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#B9657F,#6B2943)}
#ssyv5 .art-hero{padding:130px 0 0}
#ssyv5 .art-head{max-width:880px;text-align:center}
#ssyv5 .art-head .crumbs{justify-content:center;color:var(--muted)}
#ssyv5 .art-head .crumbs a{color:var(--muted)}
#ssyv5 .art-head .crumbs a:hover{color:var(--wine)}
#ssyv5 .art-head h1{margin:0;font-size:clamp(36px,4.4vw,62px);line-height:1.04;color:var(--plum)}
#ssyv5 .art-head h1 em{color:var(--wine)}
#ssyv5 .art-lead{margin:24px auto 0;max-width:700px;font-size:19px;line-height:1.6;color:var(--muted)}
#ssyv5 .art-meta{display:inline-flex;align-items:center;gap:12px;margin-top:28px;text-align:left}
#ssyv5 .art-meta .av{width:42px;height:42px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font:400 16px/1 "DM Serif Display",serif;font-style:italic}
#ssyv5 .art-meta b{display:block;font-size:14px}
#ssyv5 .art-meta small{color:var(--muted);font-size:13px}
#ssyv5 .art-head > *{animation:ssyUp .9s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .art-head > :nth-child(3){animation-delay:.08s}#ssyv5 .art-head > :nth-child(4){animation-delay:.16s}#ssyv5 .art-head > :nth-child(5){animation-delay:.24s}
#ssyv5 .art-img{margin:50px auto 0;max-width:1240px}
#ssyv5 .art-img img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:var(--radius);animation:ssyUp 1.1s .3s cubic-bezier(.2,.7,.2,1) both}
#ssyv5 .art-grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:70px;justify-content:center;padding-top:70px;padding-bottom:40px}
#ssyv5 .toc{position:sticky;top:100px;align-self:start;font-size:14px}
#ssyv5 .toc > p{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--wine)}
#ssyv5 .toc ol{list-style:none;margin:0 0 24px;padding:0;border-left:1px solid var(--line)}
#ssyv5 .toc li a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;line-height:1.35;transition:color .2s,border-color .2s}
#ssyv5 .toc li a:hover{color:var(--wine)}
#ssyv5 .toc li a.on{color:var(--wine);border-left-color:var(--wine);font-weight:500}
#ssyv5 .toc .btn{min-height:44px;font-size:14px;width:100%}
#ssyv5 .prose{font-size:18px;line-height:1.75;color:#2B2226}
#ssyv5 .prose h2{margin:56px 0 16px;font:600 clamp(26px,2.4vw,32px)/1.2 Inter,sans-serif;letter-spacing:-.01em;color:var(--plum);scroll-margin-top:100px}
#ssyv5 .prose h3{margin:34px 0 10px;font:600 21px/1.3 Inter,sans-serif;color:var(--plum)}
#ssyv5 .prose p{margin:0 0 18px}
#ssyv5 .prose a{color:var(--wine);text-decoration:underline;text-decoration-color:rgba(107,41,67,.35);text-underline-offset:3px}
#ssyv5 .prose a:hover{text-decoration-color:var(--wine)}
#ssyv5 .prose ul,#ssyv5 .prose ol{margin:0 0 22px;padding-left:0;list-style:none}
#ssyv5 .prose li{position:relative;padding-left:30px;margin:0 0 10px}
#ssyv5 .prose ul li::before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:12px;background:#B9657F;mask:var(--heart-mask) center/contain no-repeat;-webkit-mask:var(--heart-mask) center/contain no-repeat}
#ssyv5 .prose ol{counter-reset:o}
#ssyv5 .prose ol li::before{counter-increment:o;content:counter(o);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:var(--blush);color:var(--wine);font:600 12px/22px Inter,sans-serif;text-align:center}
#ssyv5 .tldr{background:var(--ivory);border:1px solid var(--line);border-left:4px solid var(--wine);border-radius:18px;padding:22px 26px 10px;margin:0 0 30px}
#ssyv5 .tldr b{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
#ssyv5 .tldr li{font-size:16px;line-height:1.55}
#ssyv5 .tip{background:var(--blush);border-radius:18px;padding:20px 24px;margin:26px 0}
#ssyv5 .tip b{display:block;font-size:14px;color:var(--wine);margin-bottom:4px}
#ssyv5 .tip p{margin:0;font-size:16px;line-height:1.6}
#ssyv5 .tbl-wrap{overflow-x:auto;margin:8px 0 26px;border:1px solid var(--line);border-radius:18px;background:var(--ivory)}
#ssyv5 .prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
#ssyv5 .prose th{background:#F7F0EC;text-align:left;font-weight:600;padding:13px 16px;color:var(--plum)}
#ssyv5 .prose td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
#ssyv5 .pcta{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--plum);color:#fff;border-radius:22px;padding:22px 24px;margin:30px 0}
#ssyv5 .pcta .ic{width:48px;height:48px;border-radius:14px;background:rgba(243,214,223,.14);color:#F3D6DF;display:grid;place-items:center}
#ssyv5 .pcta .ic svg{width:22px;height:22px}
#ssyv5 .pcta b{display:block;font-size:17px}
#ssyv5 .pcta p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#D8C6CD}
#ssyv5 .pcta .btn{min-height:46px;font-size:14px;background:var(--ivory);color:var(--plum)}
/* blog */
#ssyv5 .blog-hero{padding-bottom:90px}
#ssyv5 .blog-hero h1{max-width:900px}
#ssyv5 .pfeat{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--ivory);border:1px solid var(--line);border-radius:28px;overflow:hidden;text-decoration:none;color:var(--ink);margin-bottom:46px;transition:box-shadow .35s,transform .35s}
#ssyv5 .pfeat:hover{box-shadow:0 30px 70px rgba(42,22,32,.12);transform:translateY(-4px)}
#ssyv5 .pimg{display:block;background-size:cover;background-position:center;min-height:240px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .pfeat .pimg{min-height:380px}
#ssyv5 .pfeat:hover .pimg,#ssyv5 .pcard:hover .pimg{transform:scale(1.04)}
#ssyv5 .pfeat,#ssyv5 .pcard{isolation:isolate}
#ssyv5 .pbody{display:flex;flex-direction:column;gap:10px;padding:30px 32px;background:var(--ivory);position:relative}
#ssyv5 .pbody small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--wine)}
#ssyv5 .pbody b{font:600 22px/1.25 Inter,sans-serif;color:var(--plum)}
#ssyv5 .pfeat .pbody{justify-content:center;padding:44px}
#ssyv5 .pfeat .pbody b{font:400 clamp(28px,2.6vw,38px)/1.1 "DM Serif Display",serif}
#ssyv5 .pbody > span{font-size:15px;line-height:1.6;color:var(--muted)}
#ssyv5 .pbody .lnk{font-style:normal;font-weight:500;color:var(--wine);margin-top:8px}
#ssyv5 .chips-f{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
#ssyv5 .chip-f{border:1px solid var(--line);background:var(--ivory);border-radius:999px;padding:9px 16px;font:500 14px/1 Inter,sans-serif;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#ssyv5 .chip-f:hover{border-color:var(--wine)}
#ssyv5 .chip-f.on{background:var(--wine);border-color:var(--wine);color:#fff}
#ssyv5 .pgrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#ssyv5 .pcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--ivory);transition:box-shadow .35s,transform .35s}
#ssyv5 .pcard:hover{box-shadow:0 24px 60px rgba(42,22,32,.12);transform:translateY(-4px)}
#ssyv5 .pcard.hide{display:none}
@media (max-width:1100px){#ssyv5 .art-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}}
@media (max-width:960px){
#ssyv5 .art-hero{padding-top:110px}
#ssyv5 .art-lead{font-size:17px}
#ssyv5 .art-img{margin-top:34px}
#ssyv5 .art-img img{aspect-ratio:4/3}
#ssyv5 .art-grid{grid-template-columns:1fr;gap:0;padding-top:40px}
#ssyv5 .toc{position:static;background:var(--ivory);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:30px}
#ssyv5 .toc .btn{display:none}
#ssyv5 .prose{font-size:17px}
#ssyv5 .prose h2{margin-top:44px}
#ssyv5 .pcta{grid-template-columns:auto 1fr}
#ssyv5 .pcta .btn{grid-column:1/-1}
#ssyv5 .pfeat{grid-template-columns:1fr}
#ssyv5 .pfeat .pimg{min-height:240px}
#ssyv5 .pfeat .pbody{padding:26px}
#ssyv5 .pgrid2{grid-template-columns:1fr}
}
@media (max-width:960px){#ssyv5 .toc > p{margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#ssyv5 .toc > p::after{content:"+";font-size:18px;transition:transform .3s}#ssyv5 .toc.open > p::after{transform:rotate(45deg)}#ssyv5 .toc:not(.open) ol{display:none}#ssyv5 .toc.open ol{margin-top:12px;margin-bottom:0}}

/* ===== outils gratuits ===== */
#ssyv5 .tool{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;border:1px solid var(--line);margin:0 0 36px;box-shadow:0 24px 60px rgba(42,22,32,.08)}
#ssyv5 .tool-in{background:var(--ivory);padding:28px;display:grid;gap:16px;align-content:start}
#ssyv5 .tf label{display:block;font-size:14px;font-weight:600;color:var(--plum);margin-bottom:6px}
#ssyv5 .tf input[type=date],#ssyv5 .tf input[type=number],#ssyv5 .tf select{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid #DCC9CF;border-radius:14px;background:#fff;font:400 16px/1.2 Inter,sans-serif;color:var(--ink)}
#ssyv5 .tf input:focus,#ssyv5 .tf select:focus{outline:2px solid #B9657F;outline-offset:1px;border-color:#B9657F}
#ssyv5 .tf-chk label{display:flex;gap:10px;align-items:center;font-weight:500;font-size:14px;cursor:pointer}
#ssyv5 .tf-chk input{width:18px;height:18px;accent-color:#6B2943}
#ssyv5 .tool-out{background:var(--plum);color:#fff;padding:28px;display:flex;flex-direction:column;gap:10px}
#ssyv5 .to-k{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#F3D6DF}
#ssyv5 .to-big{margin:0;font:400 clamp(26px,2.6vw,34px)/1.15 "DM Serif Display",serif;color:#fff}
#ssyv5 .to-big.pop{animation:ssyPop .5s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .to-tl,#ssyv5 .to-list{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:8px}
#ssyv5 .to-tl li,#ssyv5 .to-list li{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-size:14px;color:#E8DCE1;line-height:1.4}
#ssyv5 .to-tl li b,#ssyv5 .to-list li b{color:#fff;font-weight:600;text-align:right}
#ssyv5 .to-tl li.key{background:rgba(243,214,223,.18)}
#ssyv5 .tool-out .btn{margin-top:auto;align-self:flex-start;min-height:46px;font-size:14px}
#ssyv5 .prose .tool li::before{display:none}
#ssyv5 .prose .tool li{padding-left:14px;margin:0}
#ssyv5 .tcards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 30px}
@media (max-width:960px){#ssyv5 .tool{grid-template-columns:1fr}#ssyv5 .tcards{grid-template-columns:1fr}}

#ssyv5 .bt.dark .cats span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
#ssyv5 .bt.dark .cats span:first-child{background:#F3D6DF;border-color:#F3D6DF;color:var(--plum)}

@media (min-width:1101px){#ssyv5 .art-grid{grid-template-columns:260px minmax(0,1fr);gap:90px;justify-content:stretch;padding-left:28px;padding-right:28px}}

@media (min-width:961px) and (max-width:1240px){#ssyv5 .snav-links{position:static;transform:none;flex:1;justify-content:center}#ssyv5 .snav-item{padding:0 11px}}
@media (min-width:961px) and (max-width:1100px){#ssyv5 .snav-login{display:none}#ssyv5 .snav-item{padding:0 8px;font-size:13.5px}}

/* « À lire aussi » (maillage) */
#ssyv5 .prose .seealso{margin:38px 0;padding:22px 26px;border-radius:20px;background:linear-gradient(135deg,#FFF7F4,#FBEFF2);border:1px solid var(--line)}
#ssyv5 .prose .seealso b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin-bottom:10px}
#ssyv5 .prose .seealso ul{list-style:none;margin:0;padding:0}
#ssyv5 .prose .seealso li{position:relative;padding:7px 0 7px 22px;margin:0;font-size:16px;line-height:1.55}
#ssyv5 .prose .seealso li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--rose,#E8B4C2)}
#ssyv5 .prose .seealso a{color:var(--wine);font-weight:600}
/* Apparition douce du contenu des guides */
html.js-rv #ssyv5 .prose > h2,html.js-rv #ssyv5 .prose .tbl-wrap,html.js-rv #ssyv5 .prose .tip,html.js-rv #ssyv5 .prose .pcta,html.js-rv #ssyv5 .prose .seealso,html.js-rv #ssyv5 .prose .tcards{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
html.js-rv #ssyv5 .prose .rv-in{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html.js-rv #ssyv5 .prose *{opacity:1!important;transform:none!important;transition:none!important}}

#ssyv5 .pcard[data-soon],#ssyv5 .pfeat[data-soon],#ssyv5 .seealso li:has([data-soon]),#ssyv5 .tcards [data-soon]{display:none}

/* — Guides enrichis — */
#ssyv5 .prose .inl{margin:34px 0 30px}
#ssyv5 .prose .inl img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;box-shadow:0 18px 40px -24px rgba(74,20,40,.45)}
#ssyv5 .prose .case{position:relative;background:linear-gradient(135deg,var(--ivory),#fff);border:1px solid var(--line);border-radius:22px;padding:30px 28px 12px;margin:6px 0 30px;box-shadow:0 14px 34px -26px rgba(74,20,40,.4)}
#ssyv5 .prose .case-tag{position:absolute;top:-12px;left:24px;background:var(--wine);color:#fff;font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
#ssyv5 .prose ul.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:4px 0 28px}
#ssyv5 .prose ul.cards li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px 18px;margin:0;transition:transform .25s,box-shadow .25s}
#ssyv5 .prose ul.cards li:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(74,20,40,.45)}
#ssyv5 .prose ul.cards li::before{position:static;display:block;width:18px;height:18px;margin:0 0 10px}
#ssyv5 .prose ul.cards li strong{display:block;color:var(--wine);margin-bottom:4px}
#ssyv5 .prose ol.steps{position:relative;margin:8px 0 30px;padding-left:0}
#ssyv5 .prose ol.steps::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--blush),var(--wine))}
#ssyv5 .prose ol.steps li{position:relative;padding:4px 0 18px 64px;min-height:44px}
#ssyv5 .prose ol.steps li::before{width:44px;height:44px;line-height:44px;font-size:16px;top:0;background:#fff;border:2px solid var(--wine);color:var(--wine);box-shadow:0 0 0 6px var(--ivory)}
#ssyv5 .prose table tbody tr:nth-child(even){background:rgba(185,101,127,.05)}
#ssyv5 .tldr{box-shadow:0 14px 34px -28px rgba(74,20,40,.45)}
@media (max-width:640px){#ssyv5 .prose ol.steps li{padding-left:56px}#ssyv5 .prose ol.steps li::before{width:38px;height:38px;line-height:38px}#ssyv5 .prose ol.steps::before{left:18px}}
html.js-rv #ssyv5 .prose .inl,html.js-rv #ssyv5 .prose .case,html.js-rv #ssyv5 .prose .cards li,html.js-rv #ssyv5 .prose .steps li{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.js-rv #ssyv5 .prose .inl{transform:translateY(22px) scale(.98)}
#ssyv5 .prose .cards li:nth-child(2),#ssyv5 .prose .steps li:nth-child(2){transition-delay:.08s}
#ssyv5 .prose .cards li:nth-child(3),#ssyv5 .prose .steps li:nth-child(3){transition-delay:.16s}
#ssyv5 .prose .cards li:nth-child(4),#ssyv5 .prose .steps li:nth-child(4){transition-delay:.24s}
#ssyv5 .prose .cards li:nth-child(n+5),#ssyv5 .prose .steps li:nth-child(n+5){transition-delay:.3s}
#ssyv5 .prose ul.cards li:hover{transform:none;border-color:#B9657F}
/* — Graphiques et chiffres clés — */
#ssyv5 .prose .chart{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 30px;margin:-6px 0 30px;box-shadow:0 14px 34px -28px rgba(74,20,40,.45)}
#ssyv5 .prose .donut{position:relative;width:220px;height:220px}
#ssyv5 .prose .donut svg{width:100%;height:100%;transform:rotate(-90deg)}
#ssyv5 .prose .donut circle{transition:stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1) var(--d)}
html.js-rv #ssyv5 .prose .chart:not(.rv-in) .donut circle{stroke-dasharray:0 999!important}
#ssyv5 .prose .donut-c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:500 15px/1.2 'Fraunces',Georgia,serif;color:var(--wine);padding:0 58px}
#ssyv5 .prose .legend{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#ssyv5 .prose .legend li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:0;margin:0;font-size:15px}
#ssyv5 .prose .legend li::before{display:none}
#ssyv5 .prose .legend i{width:14px;height:14px;border-radius:4px}
#ssyv5 .prose .legend b{color:var(--wine);font-variant-numeric:tabular-nums}
#ssyv5 .prose .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0 0 32px}
#ssyv5 .prose .stat{background:var(--wine);color:#fff;border-radius:20px;padding:22px 20px;text-align:left;box-shadow:0 18px 36px -24px rgba(74,20,40,.7)}
#ssyv5 .prose .stat:nth-child(2){background:#8E3A57}#ssyv5 .prose .stat:nth-child(3){background:#B9657F}#ssyv5 .prose .stat:nth-child(4){background:#C9A27E}
#ssyv5 .prose .stat b{display:block;font:500 34px/1.05 'Fraunces',Georgia,serif;margin-bottom:8px;letter-spacing:-.01em}
#ssyv5 .prose .stat span{display:block;font-size:14px;line-height:1.4;opacity:.92}
html.js-rv #ssyv5 .prose .chart,html.js-rv #ssyv5 .prose .stat{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .prose .stat:nth-child(2){transition-delay:.08s}#ssyv5 .prose .stat:nth-child(3){transition-delay:.16s}#ssyv5 .prose .stat:nth-child(4){transition-delay:.24s}
@media (max-width:760px){#ssyv5 .prose .chart{grid-template-columns:1fr;justify-items:center;padding:22px}#ssyv5 .prose .legend{width:100%}}
#ssyv5 .prose .stat b{font:600 clamp(21px,2.3vw,28px)/1.1 inherit;font-family:inherit;white-space:nowrap;letter-spacing:-.02em}
#ssyv5 .prose .donut-c{font:600 15px/1.2 inherit;font-family:inherit}

/* — Section « Avec She Said Yess » en fin de guide — */
#ssyv5 .ssy-box{padding:20px 0 70px}
#ssyv5 .ssy-in{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center;background:linear-gradient(135deg,#4A1428,#6B1F3A 55%,#8E3A57);color:#fff;border-radius:32px;padding:48px;box-shadow:0 30px 60px -36px rgba(74,20,40,.8);position:relative;overflow:hidden}
#ssyv5 .ssy-in::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
#ssyv5 .ssy-txt .eyebrow{color:#F3D5DE}
#ssyv5 .ssy-txt h2{color:#fff;margin:6px 0 14px}
#ssyv5 .ssy-txt h2 em{color:#F3D5DE}
#ssyv5 .ssy-txt p{color:rgba(255,255,255,.88);line-height:1.6}
#ssyv5 .ssy-txt p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#ssyv5 .ssy-txt .btn{margin-top:18px;background:#fff;color:#6B1F3A}
#ssyv5 .ssy-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}
#ssyv5 .sf{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px;color:#fff;text-decoration:none;transition:background .25s,transform .25s}
#ssyv5 .sf:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
#ssyv5 .sf .ic{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#6B1F3A;margin-bottom:10px}
#ssyv5 .sf .ic svg{width:18px;height:18px}
#ssyv5 .sf b{display:block;font-size:16px;margin-bottom:4px}
#ssyv5 .sf p{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.82)}
#ssyv5 .sf[data-soon]{display:none}
@media (max-width:900px){#ssyv5 .ssy-in{grid-template-columns:1fr;padding:30px 22px;gap:26px}#ssyv5 .ssy-feats{grid-template-columns:1fr}}