/* Zuri Prévention — compléments à verre9.css (proposition « prévention offerte ») */
:root{--rose:#E5327E;--rose-dp:#B81C62;--rose-lt:#FCE7F1;--vert:#0E9F6E}

/* bandeau d'annonce, version prévention */
.annonce.prev{background:linear-gradient(90deg,#FCE7F1,#FFF 45%,#E8F0FF)}
.annonce.prev b{color:var(--rose-dp)}
.annonce.prev em{color:var(--rose-dp)}

/* héros */
.ph-hero{padding-top:clamp(56px,8vw,110px)}
.ph-hero h1{font-size:clamp(2.2rem,5.2vw,4.3rem);margin-top:18px}
.ph-hero .lead{margin-left:0}
.ph-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ph-hero .prix7{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:.88rem;color:var(--g-60)}
.ph-hero .pastille{flex:none;display:inline-grid;place-items:center;min-width:54px;height:36px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,var(--rose),#FF6FAE);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 10px 24px -10px rgba(229,50,126,.7)}
.ph-hero .kicker{color:var(--rose-dp)}

/* le téléphone */
.tel9{position:relative;width:min(320px,86vw);margin:0 auto;padding:11px;border-radius:46px;background:#0B1220;box-shadow:0 50px 110px -40px rgba(11,18,40,.55),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.tel9 .ecran{position:relative;min-height:540px;border-radius:36px;background:#F2F4F8;padding:54px 16px 22px;overflow:hidden;font-family:var(--sans)}
.tel9 .ecran::before{content:"";position:absolute;top:12px;left:50%;width:96px;height:26px;margin-left:-48px;border-radius:999px;background:#0B1220}
.tel9 .de{text-align:center;font-size:.72rem;color:var(--g-45)}
.tel9 .de b{display:block;margin-top:4px;font-size:.92rem;color:var(--white);font-weight:650}
.tel9 .bulle{position:relative;max-width:88%;margin:18px 0 0;padding:12px 14px;border-radius:20px 20px 20px 6px;background:#fff;font-size:.86rem;line-height:1.45;color:#1B2336;box-shadow:0 1px 1px rgba(11,18,32,.06)}
.tel9 .bulle small{display:block;margin-top:8px;font:600 .58rem var(--mono);letter-spacing:.12em;color:var(--g-45)}
.tel9 .bulle u{color:var(--neon);text-decoration:none}
.tel9 .bulle.rose{box-shadow:inset 3px 0 0 var(--rose),0 1px 1px rgba(11,18,32,.06)}
.tel9 .quand{margin-top:6px;font-size:.66rem;color:var(--g-45)}
.tel9 .gain{position:absolute;left:16px;right:16px;bottom:22px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid rgba(14,159,110,.25);box-shadow:0 20px 40px -24px rgba(14,159,110,.6);opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease) .9s,transform .8s var(--ease) .9s}
.up.in .tel9 .gain,.no-js .tel9 .gain{opacity:1;transform:none}
.tel9 .gain i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(14,159,110,.12);color:var(--vert);font-style:normal;font-weight:700}
.tel9 .gain span{font-size:.76rem;line-height:1.35;color:var(--g-60)}
.tel9 .gain span b{display:block;color:var(--white);font-size:.84rem}
.tel9 .gain em{margin-left:auto;font-style:normal;font-weight:700;color:var(--vert);white-space:nowrap}

/* les trois temps */
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(40px,5vw,64px);counter-reset:t}
.trois > div{position:relative;padding:26px 24px 24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px -36px rgba(20,50,140,.45)}
.trois > div::before{counter-increment:t;content:"0" counter(t);display:block;font:600 .7rem var(--mono);letter-spacing:.14em;color:var(--neon);margin-bottom:14px}
.trois b{display:block;font-size:1.08rem;letter-spacing:-.02em;color:var(--white);margin-bottom:8px}
.trois span{font-size:.9rem;line-height:1.5;color:var(--g-60)}
.zero-effort{max-width:760px;margin:28px auto 0;padding:16px 20px;border-radius:18px;background:rgba(var(--acc),.05);border:1px solid rgba(var(--acc),.18);font-size:.92rem;line-height:1.5;color:var(--g-72);text-align:center}
@media (max-width:900px){.trois{grid-template-columns:1fr}}

/* le calcul */
.calc9{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:clamp(44px,5vw,72px);border-radius:32px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh2)}
.calc9 .g{padding:clamp(26px,3.4vw,44px);background:radial-gradient(120% 90% at 0% 0%,rgba(47,107,255,.08),transparent 60%),#F8FAFE;border-right:1px solid var(--line)}
.calc9 .q{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--neon)}
.calc9 .n{display:flex;align-items:flex-end;gap:12px;margin:14px 0 6px}
.calc9 .n b{font-size:clamp(3.4rem,6vw,5.2rem);font-weight:600;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.calc9 .n span{font-size:.92rem;line-height:1.3;color:var(--g-60);padding-bottom:8px}
.calc9 input[type=range]{width:100%;accent-color:var(--neon)}
.calc9 .moy{font-size:.8rem;color:var(--g-45);margin-top:4px}
.calc9 .pts{display:flex;gap:6px;margin-top:10px;padding:4px;border-radius:14px;background:#EEF2F8}
.calc9 .pts button{flex:1;padding:9px 6px;border:0;border-radius:10px;background:transparent;font:600 .84rem var(--sans);color:var(--g-60);cursor:pointer}
.calc9 .pts button.on{background:#fff;color:var(--white);box-shadow:0 1px 3px rgba(11,18,32,.14)}
.calc9 .pts-t{margin-top:24px;font:600 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--g-45)}
.calc9 .expl{margin-top:16px;font-size:.84rem;line-height:1.5;color:var(--g-60)}
.calc9 .d{padding:clamp(22px,3vw,38px)}
.calc9 table{width:100%;border-collapse:collapse;font-size:.88rem}
.calc9 th{text-align:left;font:600 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-45);padding:0 0 10px;border-bottom:1px solid var(--line-2)}
.calc9 th:not(:first-child),.calc9 td:not(:first-child){text-align:right}
.calc9 td{padding:11px 0;border-bottom:1px solid var(--line);color:var(--g-72);font-variant-numeric:tabular-nums}
.calc9 td:first-child{color:var(--white);font-weight:600}
.calc9 td:first-child small{display:block;font-weight:400;font-size:.74rem;color:var(--g-45)}
.calc9 td:last-child{color:var(--vert);font-weight:650}
.calc9 .res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.calc9 .res div{padding:14px;border-radius:18px;background:#F8FAFE;border:1px solid var(--line)}
.calc9 .res .t{font:600 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-45)}
.calc9 .res .v{margin-top:6px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.calc9 .res .v.vert{color:var(--vert)}
.calc9 .res .s{font-size:.74rem;color:var(--g-60)}
@media (max-width:900px){.calc9{grid-template-columns:1fr}.calc9 .g{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:560px){.calc9 .res{grid-template-columns:1fr}.calc9 table{font-size:.8rem}.calc9 .col-c{display:none}}

/* le calendrier */
.cal9{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(40px,5vw,64px)}
.cal9 > div{position:relative;padding:22px 20px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px -34px rgba(20,50,140,.5)}
.cal9 .m{font:600 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--neon)}
.cal9 b{display:block;margin-top:8px;font-size:1.02rem;letter-spacing:-.02em;color:var(--white)}
.cal9 span{display:block;margin-top:6px;font-size:.84rem;line-height:1.45;color:var(--g-60)}
.cal9 .rose{background:linear-gradient(160deg,#FFF 40%,var(--rose-lt));border-color:rgba(229,50,126,.3)}
.cal9 .rose .m{color:var(--rose-dp)}
.cal9 .maint{position:absolute;top:18px;right:16px;padding:4px 9px;border-radius:999px;background:var(--rose);color:#fff;font:600 .56rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.cal9 .fin{background:linear-gradient(160deg,#FFF 40%,rgba(14,159,110,.08));border-color:rgba(14,159,110,.3)}
.cal9 .fin .m{color:var(--vert)}
@media (max-width:980px){.cal9{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cal9{grid-template-columns:1fr}}

/* les règles (6 cases) */
.confiance .c6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px;margin-top:16px}
.confiance .c6 > div{display:flex;gap:12px;align-items:flex-start}
@media (max-width:900px){.confiance .c6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.confiance .c6{grid-template-columns:1fr}}

/* encart accueil */
.prev9{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(22px,3vw,34px) clamp(22px,3.4vw,44px);border-radius:28px;text-decoration:none;overflow:hidden;
  background:radial-gradient(90% 140% at 0% 0%,var(--rose-lt),transparent 60%),#fff;border:1px solid rgba(229,50,126,.28);box-shadow:0 30px 70px -40px rgba(184,28,98,.45);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.prev9:hover{transform:translateY(-3px);box-shadow:0 36px 80px -36px rgba(184,28,98,.55)}
.prev9 .zero{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,var(--rose),#FF6FAE);color:#fff;font-size:1.9rem;font-weight:700;letter-spacing:-.04em;box-shadow:0 16px 34px -14px rgba(229,50,126,.8)}
.prev9 .txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.prev9 .k{font:600 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rose-dp)}
.prev9 .h{font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--white)}
.prev9 .h em{font-style:normal;color:var(--rose-dp)}
.prev9 .d{font-size:.9rem;line-height:1.5;color:var(--g-60)}
.prev9 .go{font-weight:600;font-size:.9rem;color:var(--rose-dp);white-space:nowrap}
@media (max-width:760px){.prev9{grid-template-columns:1fr}.prev9 .zero{width:64px;height:64px;font-size:1.5rem}}

/* simulateur Zuri : la ligne offerte en vert */
.roi .roi-bloc .l > b.offert{color:var(--vert)}