/* V249 — SEO : section « Ce que vous payez » simplifiée (3 montants + total) */
.sp{--sp-ink:#0b1b45;--sp-muted:#55658a;--sp-blue:#1f55f0;--sp-cyan:#12a8e8;--sp-line:#e1e9f7}
.sp-head{text-align:center;max-width:760px;margin:0 auto clamp(22px,2.2vw,40px)}
.sp-head h2{margin-top:clamp(10px,.9vw,16px);font-size:clamp(1.6rem,2.4vw,2.7rem);line-height:1.12;font-weight:800;letter-spacing:-.03em;color:var(--sp-ink)}
.sp-head>p:last-child{margin-top:clamp(8px,.8vw,14px);font-size:clamp(.95rem,1vw,1.15rem);line-height:1.55;color:var(--sp-muted)}

.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,24px);max-width:1240px;margin-inline:auto}
.sp-card{position:relative;display:flex;flex-direction:column;padding:clamp(18px,1.7vw,30px);border-radius:16px;background:#fff;border:1px solid var(--sp-line);box-shadow:0 12px 30px rgba(20,45,110,.08)}
.sp-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:16px 16px 0 0;background:var(--acc)}
.sp-a{--acc:linear-gradient(90deg,#1f55f0,#3b82ff);--tx:#1f55f0}
.sp-b{--acc:linear-gradient(90deg,#0b2a66,#1f55f0);--tx:#0b2a66}
.sp-c{--acc:linear-gradient(90deg,#12a8e8,#5fd0ff);--tx:#0a7fb4;background:#f5f9ff;border-style:dashed;border-color:#bcd6f5;box-shadow:none}

.sp-who{font-size:clamp(.7rem,.7vw,.85rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx)}
.sp-card h3{margin-top:6px;font-size:clamp(1.1rem,1.25vw,1.5rem);line-height:1.2;font-weight:800;color:var(--sp-ink)}
.sp-price{display:flex;align-items:baseline;gap:4px;margin-top:clamp(8px,.8vw,14px)}
.sp-price strong{font-size:clamp(2rem,2.8vw,3.4rem);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--sp-ink)}
.sp-c .sp-price strong{font-size:clamp(1.5rem,1.9vw,2.3rem);line-height:1.15}
.sp-price span{font-size:clamp(.95rem,1vw,1.2rem);font-weight:700;color:var(--sp-muted)}
.sp-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:clamp(.88rem,.9vw,1.05rem);line-height:1.45;color:var(--sp-muted)}
.sp-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#e6efff;color:var(--sp-blue);font-size:.78em;font-weight:700;white-space:nowrap}
.sp-card ul{list-style:none;display:grid;gap:8px;margin-top:clamp(12px,1.1vw,20px);padding-top:clamp(12px,1.1vw,18px);border-top:1px solid var(--sp-line)}
.sp-card li{display:flex;align-items:flex-start;gap:9px;font-size:clamp(.86rem,.85vw,1.02rem);line-height:1.4;color:#24345e}
.sp-card li svg{flex:none;width:18px;height:18px;margin-top:1px;padding:3px;border-radius:50%;background:#e6efff;fill:none;stroke:var(--sp-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sp-c li svg{background:#dff3fd;stroke:var(--sp-cyan)}

.sp-total{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,2vw,40px);max-width:1240px;margin:clamp(14px,1.4vw,24px) auto 0;padding:clamp(14px,1.3vw,22px) clamp(18px,2vw,32px);border-radius:16px;background:linear-gradient(120deg,#07173a,#0e3a8f);color:#dbe6ff;font-size:clamp(.9rem,.95vw,1.1rem)}
.sp-total p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.sp-total span{font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fc1ff}
.sp-total strong{font-size:1.2em;font-weight:800;color:#fff}
.sp-total small{font-size:.85em;color:#a9bbe0}
.sp-cta{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 20px;border-radius:999px;background:#fff;color:var(--sp-blue);font-weight:700;white-space:nowrap}
.sp-cta i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#3b82ff,#1f55f0);color:#fff}
.sp-cta svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sp-cta:hover i{transform:translateX(2px)}
.sp-fine{margin-top:12px;text-align:center;font-size:clamp(.8rem,.8vw,.95rem);color:var(--sp-muted)}
.sp-fine a{color:var(--sp-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Tablette */
@media(max-width:1000px){
  .sp-grid{gap:12px}
  .sp-card{padding:18px}
  .sp-total{justify-content:space-between}
}
/* Petite tablette / mobile : cartes empilées, compactes */
@media(max-width:760px){
  .sp-grid{grid-template-columns:1fr}
  .sp-card ul{gap:6px}
  .sp-total{flex-direction:column;align-items:stretch;gap:10px}
  .sp-cta{justify-content:space-between;margin-top:4px}
}

/* Repris de seo-pricing-v3.css (utilisés plus bas dans la page) */
.sx .sx-eng-footnote{max-width:980px;margin:15px auto 0;text-align:center;font-size:.79rem;color:#53637d;line-height:1.55}
.sx-version{margin-top:14px;text-align:center;font-size:.73rem;line-height:1.5;color:#9aa8c5}
.sp-head{max-width:min(100%,1000px)}
@media(min-width:1001px){.sp-total{flex-wrap:nowrap;justify-content:space-between}.sp-total p{flex-wrap:nowrap;white-space:nowrap}}
@media(min-width:1001px){.sp-total small{display:none}.sp-total{gap:clamp(12px,1.4vw,28px)}}