:root{
  --seo-bg:#040914;--seo-card:#0a1627;--seo-card2:#0d1b30;--seo-line:rgba(132,171,220,.16);
  --seo-text:#f6f9ff;--seo-muted:#91a4bd;--seo-blue:#4a96ff;--seo-green:#43d6a1
}
body{background:var(--seo-bg);color:var(--seo-text)}
.seo-page{min-height:100vh;background:
radial-gradient(900px 500px at 80% -10%,rgba(65,112,255,.16),transparent 65%),
radial-gradient(700px 480px at 0 40%,rgba(91,62,190,.08),transparent 68%),var(--seo-bg)}
.seo-wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.seo-hero{padding:145px 0 76px}
.seo-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid rgba(86,156,255,.25);background:rgba(25,51,87,.42);color:#86bdff;font-size:12px;font-weight:800}
.seo-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.03;letter-spacing:-3px;max-width:960px;margin:20px 0 18px}
.seo-lead{max-width:780px;color:var(--seo-muted);font-size:19px;line-height:1.7}
.seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.seo-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:1px solid var(--seo-line);font-weight:800;background:#0d1c31}
.seo-btn.primary{border:0;background:linear-gradient(135deg,#287ff5,#6257ef);box-shadow:0 14px 35px rgba(46,112,241,.22)}
.seo-section{padding:76px 0}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-card{padding:24px;border-radius:17px;border:1px solid var(--seo-line);background:linear-gradient(145deg,rgba(13,28,49,.92),rgba(7,17,30,.9))}
.seo-card h2,.seo-card h3{margin-top:0}
.seo-card p,.seo-copy p,.seo-copy li{color:var(--seo-muted);line-height:1.75}
.seo-copy{max-width:820px}
.seo-copy h2{font-size:36px;letter-spacing:-1px;margin:0 0 14px}
.seo-copy h3{font-size:24px;margin:32px 0 8px}
.seo-list{padding-left:20px}
.seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.seo-check{padding:14px 16px;border:1px solid var(--seo-line);border-radius:12px;background:rgba(10,23,41,.72);color:#b8c7db}
.seo-check b{color:#fff}
.seo-cta{padding:34px;border:1px solid rgba(82,150,255,.25);border-radius:20px;background:linear-gradient(145deg,rgba(23,51,89,.65),rgba(19,28,65,.55));display:flex;align-items:center;justify-content:space-between;gap:22px}
.seo-cta h2{margin:0 0 8px}.seo-cta p{margin:0;color:var(--seo-muted)}
.seo-faq details{border:1px solid var(--seo-line);border-radius:12px;padding:0 17px;margin:9px 0;background:rgba(9,21,38,.7)}
.seo-faq summary{cursor:pointer;padding:16px 0;font-weight:800}
.seo-faq details p{color:var(--seo-muted);line-height:1.7;margin:0 0 17px}
.seo-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.seo-related a{padding:9px 12px;border:1px solid var(--seo-line);border-radius:9px;color:#9fc8ff}
@media(max-width:820px){.seo-grid{grid-template-columns:1fr}.seo-checks{grid-template-columns:1fr}.seo-cta{display:block}.seo-cta .seo-btn{margin-top:18px}.seo-hero{padding-top:115px}}


/* Footer partagé des pages SEO */
.sm-footer{
  border-top:1px solid rgba(132,171,220,.16);
  background:linear-gradient(180deg,rgba(5,12,23,.65),rgba(3,8,16,.96));
  padding-top:58px
}
.sm-footer .sm-wrap{
  width:min(1120px,calc(100% - 40px));
  margin:auto
}
.sm-footer-grid{
  display:grid;
  grid-template-columns:1.6fr repeat(3,1fr);
  gap:45px;
  padding-bottom:48px
}
.sm-footer-brand img{
  width:185px;
  max-width:185px;
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
  display:block
}
.sm-footer-brand p{
  color:#9eb0c7;
  font-size:13px;
  line-height:1.6;
  max-width:360px
}
.sm-footer-col{
  display:flex;
  flex-direction:column;
  gap:10px
}
.sm-footer-col h4{
  margin:0 0 7px;
  color:#f2f6fc;
  font-size:13px
}
.sm-footer-col a{
  color:#7f93ac;
  font-size:13px;
  text-decoration:none
}
.sm-footer-col a:hover{color:#69adff}
.sm-footer-bottom{
  border-top:1px solid rgba(132,171,220,.1);
  padding:21px 0;
  color:#62768f;
  font-size:11px;
  display:flex;
  justify-content:space-between
}

@media(max-width:850px){
  .sm-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .sm-footer-brand{grid-column:1/-1}
  .sm-footer-bottom{display:block}
  .sm-footer-bottom span{display:block;margin-top:5px}
}
@media(max-width:560px){
  .sm-footer-grid{grid-template-columns:1fr}
  .sm-footer-brand{grid-column:auto}
}