/* ===== FAM v3 : plus brut, plus a toi. Unbounded + Plus Jakarta Sans, aplats, ombres nettes, orange de tes transitions ===== */
:root{
  --hot:#C21F3A; --hotText:#E8556B; --ink:#0B0809; --paper:#F3EBDD;
  --font:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Unbounded","Sora",system-ui,sans-serif;
  --card:#16090D; --stroke:rgba(243,235,221,.28);
  --r:10px;
}
body{background:#0B0809;letter-spacing:0;font-size:16.5px}
/* on retire tout l'effet verre, lueurs et grain */
.bg,.grain,.ring,.float,.spot,#intro{display:none!important}
.glass,.pricebox,.wiz,.faq,.qa,.slotcard,.pcard,.pbox,.fitc,.gate{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.glass,.pricebox,.wiz,.faq,.pcard,.fitc{background:var(--card);border:2px solid rgba(243,235,221,.9);border-radius:10px;box-shadow:6px 6px 0 var(--burg)}
.btn{background:var(--hot);color:#F3EBDD;border:2px solid #F3EBDD;border-radius:8px;box-shadow:4px 4px 0 #F3EBDD;font-weight:800;letter-spacing:0;translate:none!important;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #F3EBDD;background:#D32A46}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 #F3EBDD}
.btn.ghost{background:transparent;color:#F3EBDD;border:2px solid #F3EBDD;box-shadow:4px 4px 0 var(--burg);backdrop-filter:none}
.btn.ghost:hover{background:rgba(243,235,221,.08);box-shadow:2px 2px 0 var(--burg)}
.btn.sm{padding:9px 16px}
.chip{background:#F3EBDD;color:#0B0809;border:0;border-radius:6px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;backdrop-filter:none}
.chip b{color:var(--burg)}
.dot{background:#E3202E;box-shadow:none;animation:pulse 1.4s infinite}
/* titres */
.h1,.h2,.h3,.price b,.pnum,.logo .mark{font-family:var(--display)}
.h1{font-weight:900;letter-spacing:-.045em;line-height:1.02;font-size:clamp(1.9rem,4.5vw,3.5rem);text-wrap:balance;margin:20px 0 18px}
.h2{font-weight:900;letter-spacing:-.04em;line-height:1.06;font-size:clamp(1.5rem,3.3vw,2.5rem)}
.h3{font-weight:700;letter-spacing:-.03em}
.grad{background:none;color:var(--hotText);-webkit-text-fill-color:currentColor;font-style:normal;text-decoration:underline;text-decoration-thickness:.09em;text-underline-offset:.12em}
.lead{color:#D9CDBF}
.lab{color:var(--hotText);letter-spacing:.14em}
/* entete et navigation */
.top{background:#0B0809;border-bottom:2px solid rgba(243,235,221,.9)}
.tabs{top:10px;border-radius:10px;background:#0B0809;border:2px solid rgba(243,235,221,.9);backdrop-filter:none;padding:4px;box-shadow:4px 4px 0 var(--burg)}
.tabs a{border-radius:6px;font-weight:800;color:#D9CDBF;padding:8px 16px}
.tabs a.on{color:#0B0809}
.tabs .ind{border-radius:6px;background:#F3EBDD;box-shadow:none;top:4px;bottom:4px}
/* photo : rectangle, bords nets, un peu penchee */
.photo{width:min(430px,88%);aspect-ratio:4/5}
.tilt{transform:rotate(-2.2deg)!important}
.frame{border-radius:6px;border:3px solid #F3EBDD;box-shadow:10px 10px 0 var(--burg);background:#2a0c13}
.tag{background:var(--hot);color:#F3EBDD;border:2px solid #0B0809;border-radius:6px;backdrop-filter:none;transform:translateX(-50%) rotate(1.5deg);font-family:var(--display);font-size:.78rem;font-weight:700;box-shadow:3px 3px 0 #0B0809}
.tag small{color:#F3EBDD;font-family:var(--font);font-weight:700}
/* promo : bloc orange net */
.promo{background:var(--hot);color:#F3EBDD;border:2px solid #F3EBDD;border-radius:8px;box-shadow:5px 5px 0 var(--burg);transform:rotate(-.6deg)}
.promo:hover{border-color:#F3EBDD;transform:rotate(0) translate(2px,2px);box-shadow:3px 3px 0 var(--burg)}
.promo .lab{color:#F3EBDD;opacity:.8}
.promo b{font-family:var(--display);font-weight:900;font-size:1.05rem;letter-spacing:-.03em}
.promo .sub{color:#F3EBDD;opacity:.9;font-weight:600}
/* compte a rebours */
.cd{background:transparent;border:2px solid rgba(243,235,221,.9);border-radius:8px;color:#D9CDBF}
.cd .u b{background:#F3EBDD;color:#0B0809;border-radius:4px;font-family:var(--display);font-weight:700}
/* offre, prix */
.price b{font-weight:900;letter-spacing:-.05em}
.seg,.oseg{border-radius:8px;background:#0B0809;border:2px solid rgba(243,235,221,.9);backdrop-filter:none}
.seg .ind{background:var(--hot);border-radius:5px;box-shadow:none}
.seg button.on{color:#F3EBDD}
.incl li::before{border-radius:3px;background-color:var(--hot);background-blend-mode:normal}
.gate{border:2px dashed rgba(243,235,221,.6);border-radius:8px;background:transparent}
.fitc.yes li::before{background:var(--hot);color:#F3EBDD;border-radius:4px}
.fitc.no li::before{background:#4a3f3a;border-radius:4px}
.qa{border-radius:0;background:transparent}
.flip .face{border-radius:10px}
.pills span{border-radius:4px;border:2px solid rgba(243,235,221,.5);color:#F3EBDD}
.slotdone{border-radius:8px;background:#0B0809;border:2px solid rgba(243,235,221,.6)}
.btn.locked{opacity:.4;filter:grayscale(.6);box-shadow:none}
.soc a{border-radius:6px;border:2px solid rgba(243,235,221,.6);backdrop-filter:none;background:transparent}
.logo .mark{background:none;color:var(--hotText);-webkit-text-fill-color:currentColor}
@media(max-width:820px){.tabs{border-radius:12px;box-shadow:none;top:auto}.photo{width:min(300px,78%)}}
.price b{font-size:clamp(2.2rem,4.6vw,3.2rem);white-space:nowrap;text-decoration:none}
.price b.grad{text-decoration:none}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}
@media(max-width:820px){.tabs a{font-size:.62rem}}
/* Sora est plus large : on resserre un peu le texte courant */
body{font-size:15.5px;line-height:1.55}
.lead{font-size:1.02rem}
.fine{font-size:.78rem}
.tabs a,.btn{font-size:.88rem}
@media(max-width:820px){.lead{font-size:.95rem}.tabs a{font-size:.6rem}}
/* SGI */
.sgitip{padding:20px 22px;margin-bottom:16px}
.sgitip ul{margin:10px 0 0;padding-left:1.1em;display:grid;gap:5px;color:#D9CDBF;font-size:.92rem}
.sgibar{display:grid;gap:12px;margin-bottom:16px}
.sgibar input{width:100%;padding:13px 16px;border-radius:8px;border:2px solid rgba(243,235,221,.9);background:#0B0809;color:#F3EBDD;font:inherit}
.sgibar input:focus{outline:3px solid var(--hot);outline-offset:2px}
.sgif{display:flex;flex-wrap:wrap;gap:8px}
.sgif button{padding:7px 14px;border-radius:6px;border:2px solid rgba(243,235,221,.6);background:transparent;color:#F3EBDD;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer}
.sgif button.on{background:#F3EBDD;color:#0B0809;border-color:#F3EBDD}
.sgigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sgic{padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:4px 4px 0 var(--burg)}
.sgic b{font-size:.95rem;line-height:1.3}
.sgic .pays{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hotText);font-weight:800}
.sgil{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:6px;font-size:.84rem}
.sgil a{color:#F3EBDD;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.tabs{left:8px;right:8px;padding:4px;gap:0}.tabs a{flex:1 1 0;min-width:0;padding:8px 0;font-size:.58rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs svg{width:18px;height:18px}}

/* ===== Black Friday, accompagnement, starter pack ===== */
.topr{display:flex;align-items:center;gap:10px}
.bfpill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#F3EBDD;color:#0B0809;text-decoration:none;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:3px 3px 0 var(--hot);white-space:nowrap}
.bfpill b{font-family:var(--display);font-weight:900;color:var(--hot);letter-spacing:-.02em}
.bfpill span{opacity:.8}
.bfbox{margin:16px 0 4px;padding:14px 16px;border:2px solid #F3EBDD;border-radius:8px;background:var(--hot);color:#F3EBDD;box-shadow:4px 4px 0 var(--burg);display:grid;gap:6px}
.bfbox b{font-family:var(--display);font-weight:900;font-size:1rem;letter-spacing:-.03em}
.bfbox span{font-size:.86rem;font-weight:600}
.bfbox .lnk{color:#F3EBDD}
.btn.bf{background:#F3EBDD;color:#0B0809;border-color:#F3EBDD;box-shadow:4px 4px 0 var(--hot)}
.btn.bf:hover{background:#fff;box-shadow:2px 2px 0 var(--hot)}
.plans{display:grid;gap:12px;margin:16px 0 0}
.plan{position:relative;padding:14px 16px;border:2px solid rgba(243,235,221,.7);border-radius:8px;background:#0B0809;display:grid;gap:8px}
.plan.star{border-color:#F3EBDD;background:#3A0A14;box-shadow:4px 4px 0 var(--hot)}
.plan em{position:absolute;top:-11px;right:12px;font-style:normal;background:#F3EBDD;color:#0B0809;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px}
.plh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.plh b{font-family:var(--display);font-weight:900;letter-spacing:-.03em;font-size:1rem}
.plh span{font-family:var(--display);font-weight:900;font-size:1.25rem;white-space:nowrap}
.plh small{font-family:var(--font);font-size:.7rem;font-weight:700;opacity:.7}
.plan p{margin:0;font-size:.86rem;color:#D9CDBF}
.plan .btn{justify-self:start;margin-top:2px}
@media(max-width:820px){.bfpill:not(.hidden)+.btn.sm{display:none}.bfpill{font-size:.7rem;padding:7px 10px}}
@media(max-width:1100px) and (min-width:821px){.bfpill span{display:none}}
.pricebox,.op,.plans,.plan,.plh{min-width:0}
.plan p,.plh b{overflow-wrap:anywhere}
@media(max-width:1400px) and (min-width:821px){.topr{gap:8px}.topr .btn.sm{padding:8px 12px;font-size:.8rem}.bfpill{padding:7px 9px;font-size:.68rem;gap:6px}}
@media(max-width:820px){.oseg{display:grid;grid-template-columns:1fr 1fr;width:100%}.oseg .ind{display:none}.oseg button{padding:10px 8px;text-align:center}.oseg button.on{background:var(--hot);color:#F3EBDD}}

/* offre : colonne unique, FAQ a part, onglets en grille */
.offer{grid-template-columns:minmax(0,680px);justify-content:center}
.pricebox{container-type:inline-size}
.oseg{display:grid;grid-template-columns:1fr 1fr;width:100%;align-self:stretch}
.oseg .ind{display:none}
.oseg button{white-space:nowrap;text-align:center;padding:10px 6px;min-width:0}
.oseg button.on{background:var(--hot);color:#F3EBDD}
@container (min-width:560px){.oseg{grid-template-columns:repeat(4,1fr)}}
.callbox{margin:16px 0 0;padding:14px 16px;border:2px dashed #F3EBDD;border-radius:8px;display:grid;gap:8px}
.callbox b{font-family:var(--display);font-weight:900;font-size:.95rem;letter-spacing:-.03em;color:#F3EBDD}
.callbox span{font-size:.86rem;color:#D9CDBF}
.callbox .btn{justify-self:start;white-space:normal;text-align:center}
/* faq : vue a part */
#v-faq .faq{max-height:none;overflow:visible;margin-top:14px}
.faqq{width:100%;padding:14px 16px;border:2px solid #F3EBDD;border-radius:8px;background:#0B0809;color:#F3EBDD;font:inherit;font-weight:600;margin-top:16px}
.faqq::placeholder{color:#9d9186}
.faqq:focus{outline:2px solid var(--hot);outline-offset:2px}
/* test de profil */
.profq{margin-top:22px;padding:22px 24px}
.pqp{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hotText);margin-bottom:8px}
.pqq{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:1.15rem;margin-bottom:14px;line-height:1.25}
.pqo{display:grid;gap:10px}
.pqopt{text-align:left;padding:13px 16px;border:2px solid rgba(243,235,221,.7);border-radius:8px;background:#0B0809;color:#F3EBDD;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s,background .12s}
.pqopt:hover{background:var(--hot);transform:translate(2px,2px)}
.pqres{padding:16px;border:2px solid #F3EBDD;border-radius:8px;background:#3A0A14;box-shadow:4px 4px 0 var(--hot)}
.pqres h4{font-family:var(--display);font-weight:900;font-size:1.4rem;letter-spacing:-.04em;margin:6px 0 8px}
.pqres p{margin:0 0 8px;color:#E9DFD0;font-size:.92rem}
.pqwarn{padding:12px 14px;border:2px solid var(--hotText);border-radius:8px;margin-bottom:12px;font-size:.9rem;background:#0B0809}
@media(max-width:820px){.tabs a{font-size:.56rem}.profq{padding:18px 16px}}
.plh{flex-wrap:wrap}
.plh b{overflow-wrap:normal;word-break:normal}
@media(max-width:400px){.tabs a{font-size:.5rem;letter-spacing:-.01em;padding:8px 0}.tabs a svg{width:18px;height:18px}}