/* Feuille de style partagée des pages SEO — alignée sur le design de l'accueil. */
:root{
  --brand:#6060f0;--brand-2:#8b5cf6;--ink:#00051b;--emerald:#10b981;
  --text:#1e293b;--muted:#64748b;--line:#e7eaf3;--bg:#fff;--bg-soft:#f7f8fc;
  --radius:18px;--shadow:0 10px 40px -12px rgba(16,24,64,.18);--shadow-lg:0 30px 80px -24px rgba(16,24,64,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.18;letter-spacing:-.02em;color:#0b1220}
h1{font-size:clamp(30px,4.8vw,50px);font-weight:800}
h2{font-size:clamp(25px,3.2vw,36px);font-weight:800;margin-bottom:14px}
h3{font-size:19px;font-weight:700;margin-bottom:8px}
p{color:#334155}
.muted{color:var(--muted)}
.grad{background:linear-gradient(100deg,#a5b4fc,#c4b5fd,#818cf8,#a5b4fc);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
/* Boutons (avec reflet) */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap}
.btn::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover::after{left:150%}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -10px rgba(96,96,240,.7)}
.btn-primary:hover{background:#4f4fe0;transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(96,96,240,.8)}
.btn-ghost{background:transparent;color:var(--brand);font-weight:600}
.btn-ghost:hover{color:#4f4fe0}
.btn-outline{background:#fff;color:#0b1220;border-color:var(--line)}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
/* ---------- Header (barre flottante en verre dépoli — identique à l'accueil) ---------- */
header#hdr{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:20px 20px;transition:padding .35s ease}
header#hdr.scrolled{padding:11px 20px}
.nav{position:relative;width:100%;max-width:1200px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;height:104px;padding:0 18px 0 28px;border-radius:25px;background:linear-gradient(180deg,rgba(20,30,56,.66),rgba(8,13,30,.72));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px -24px rgba(3,7,20,.85),inset 0 1px 0 rgba(255,255,255,.09);transition:height .35s ease,box-shadow .35s ease,border-color .35s ease}
header#hdr.scrolled .nav{height:86px;border-color:rgba(124,137,255,.32);box-shadow:0 26px 70px -26px rgba(3,7,20,.95),inset 0 1px 0 rgba(255,255,255,.1)}
.nav::before{content:"";position:absolute;inset:-2px;border-radius:24px;z-index:-1;background:linear-gradient(120deg,rgba(96,96,240,.55),rgba(139,92,246,.4),rgba(96,96,240,.55));background-size:220% 100%;filter:blur(16px);opacity:.5;animation:sheen 7s linear infinite}
@keyframes sheen{to{background-position:220% 0}}
.brand{display:inline-flex;align-items:center;transition:transform .25s}
.brand:hover{transform:translateY(-1px)}
.brand img{height:84px;width:auto;flex-shrink:0;display:block;filter:drop-shadow(0 6px 18px rgba(96,96,240,.55));transition:height .35s ease,filter .3s,transform .25s}
header#hdr.scrolled .brand img{height:70px}
.brand:hover img{filter:drop-shadow(0 10px 26px rgba(124,137,255,.95));transform:scale(1.04)}
.nav-links{display:flex;flex-shrink:0;align-items:center;gap:22px}
.nav-links a{position:relative;font-size:14.5px;font-weight:600;color:#cad2e8;padding:8px 0;white-space:nowrap;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .28s ease}
.nav-links a:hover{color:#fff}.nav-links a:hover::after{width:100%}
.nav-cta{display:flex;flex-shrink:0;align-items:center;gap:6px}
.nav .btn-outline{background:transparent;color:#cdd5ea;border-color:transparent;padding:8px 10px;box-shadow:none}
.nav .btn-outline::after{display:none}
.nav .btn-outline:hover{background:transparent;color:#fff;transform:none}
.nav .btn{padding:12px 20px;font-size:14.5px;border-radius:12px;white-space:nowrap}
section[id],div[id]{scroll-margin-top:120px}
@media(max-width:1080px){.nav-links{display:none}}
@media(max-width:560px){header#hdr{padding:10px 12px}.nav{height:66px;padding:0 10px 0 14px;border-radius:18px}.brand img,header#hdr.scrolled .brand img{height:46px}.nav .btn{padding:10px 14px;font-size:13px}}
/* ---------- Hero (sombre, aurora) ---------- */
.ph-hero{position:relative;overflow:hidden;color:#fff;padding:150px 0 70px;isolation:isolate;background:radial-gradient(120% 120% at 50% -10%,#0b1a3a 0%,var(--ink) 55%,#00030f 100%)}
.ph-hero::before,.ph-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;z-index:-1}
.ph-hero::before{width:440px;height:440px;background:#6060f0;top:-140px;left:-60px}
.ph-hero::after{width:420px;height:420px;background:#8b5cf6;bottom:-180px;right:-60px}
.ph-hero .ph-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(120% 80% at 50% 0,#000,transparent 75%)}
.ph-hero h1{color:#fff;max-width:20ch;margin-bottom:18px}
.ph-hero p.lead{font-size:clamp(16px,1.6vw,19px);color:#c7d0ea;max-width:780px}
.ph-hero .eyebrow{color:#a5b4fc}
.ph-hero .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ph-hero .btns .btn-ghost{color:#cdd6f4}
.ph-hero .btns .btn-ghost:hover{color:#fff}
.crumb{font-size:13px;color:#93a0c4;margin-bottom:16px}
.crumb a{color:#93a0c4}.crumb a:hover{color:#fff}
/* ---------- Sections ---------- */
.sec{padding:58px 0}
.sec.alt{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lead{font-size:17px;color:var(--muted)}
.grid{display:grid;gap:20px;margin-top:30px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.g2,.g3{grid-template-columns:1fr}}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--brand),var(--brand-2));opacity:0;transition:opacity .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px -20px rgba(16,24,64,.28)}
.card:hover::before{opacity:1}
.card h3{color:#0b1220}
.card p{color:var(--muted);font-size:15px;margin-top:4px}
.prose p{margin:0 0 14px;max-width:820px;font-size:16px}
.prose ul{margin:0 0 16px 20px;color:#334155}
.prose li{margin:7px 0}
.prose h2{margin-top:8px}
.tickrow{display:flex;align-items:flex-start;gap:10px;margin:11px 0}
.tickrow svg{width:20px;height:20px;color:var(--brand);flex:0 0 auto;margin-top:3px}
/* Tableau comparatif */
.cmp{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.cmp th,.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.cmp tr:last-child td{border-bottom:0}
.cmp th{background:var(--ink);color:#fff;font-weight:600}
.cmp td:first-child{font-weight:600;color:#0b1220}
/* CTA band (sombre, façon accueil) */
.ph-cta-band{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 50% -20%,#13235a,var(--ink) 60%);color:#fff;border-radius:22px;padding:46px 38px;text-align:center;box-shadow:var(--shadow-lg)}
.ph-cta-band h2{color:#fff}
.ph-cta-band p{color:#aab4d4;max-width:600px;margin:12px auto 24px}
/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}
.faq details[open]{border-color:var(--brand)}
.faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;color:#0b1220;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:23px;color:var(--brand)}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 20px 18px;color:var(--muted);font-size:15px;margin:0}
/* ---------- Footer (sombre) ---------- */
.ph-foot{background:var(--ink);color:#cbd5e1;padding:46px 0 24px;margin-top:0}
.ph-foot a{color:#aab4d4}.ph-foot a:hover{color:#fff}
.ph-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.ph-foot h4{color:#fff;font-size:14px;margin-bottom:12px}
.ph-foot-col a{display:block;font-size:14px;margin:7px 0}
.ph-foot-bot{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#7c87a8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:820px){.ph-foot-in{grid-template-columns:1fr}}