/* Template éditorial « guides » — Guide-Design v1 */
:root{--accent:#7C3AED;--accent2:#EC4899;--accsoft:#F0E9FE;--ink:#1A1436;--muted:#6A6580;--faint:#A7A2B8;
--bg:#F5F5FA;--paper:#FFFFFF;--line:rgba(26,20,54,0.10);--green:#0F9E6E;--green-soft:#DCF5EC;
--amber:#D99329;--amber-soft:#FBEFD8;--navy:#101326;
--grad:linear-gradient(135deg,var(--accent),var(--accent2));--ease:cubic-bezier(.5,0,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Instrument Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.mono{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:64px}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:23px}
.nav-links{display:flex;gap:26px;font-size:15.5px;font-weight:500;color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;border:none;cursor:pointer;border-radius:11px;padding:14px 24px;transition:all .16s var(--ease);font-family:'Instrument Sans',sans-serif}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(124,58,237,.30)}
.btn-accent:hover{background:#6D2FD6;transform:translateY(-1px)}
.nav-cta{padding:11px 20px;font-size:15px}

article{max-width:780px;margin:0 auto;padding:150px 40px 40px}
.kicker{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;color:var(--accent);display:block;margin-bottom:16px}
h1{font-size:46px;font-weight:800;line-height:1.08;margin-bottom:18px}
.lead{font-size:20px;color:var(--muted);margin-bottom:8px}
.meta{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--faint);margin:18px 0 0;text-transform:uppercase;letter-spacing:.06em}
article h2{font-size:29px;font-weight:700;margin:46px 0 14px}
article h3{font-size:20px;font-weight:700;margin:28px 0 10px}
article p{margin-bottom:16px;color:#3A3454}
article ul,article ol{margin:0 0 16px 22px;color:#3A3454}
article li{margin-bottom:8px}
article strong{color:var(--ink)}
.callout{background:var(--accsoft);border-radius:16px;padding:22px 26px;margin:26px 0;font-size:16.5px}
.callout .mono{font-size:10.5px;color:var(--accent);display:block;margin-bottom:8px;font-weight:600}
.proof{background:var(--navy);color:#fff;border-radius:16px;padding:26px 30px;margin:26px 0}
.proof .mono{font-size:10.5px;color:#B79CF6;display:block;margin-bottom:12px;font-weight:600}
.proof .nums{display:flex;gap:34px;flex-wrap:wrap}
.proof .n b{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;font-weight:800;color:#A78BFA;display:block;line-height:1.1}
.proof .n span{font-size:13.5px;color:rgba(255,255,255,.65)}
.proof p{color:rgba(255,255,255,.7);font-size:14px;margin:14px 0 0}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15.5px;background:var(--paper);border-radius:12px;overflow:hidden}
th{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--faint);text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}
td{padding:12px 16px;border-bottom:1px solid var(--line);color:#3A3454}
tr:last-child td{border-bottom:none}
.faq{margin-top:14px}
.faq h3{font-size:18px;margin:22px 0 6px}
.cta-final{background:#000;border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden;margin:56px auto;max-width:1120px}
.cta-final::before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:340px;background:var(--grad);border-radius:50%;filter:blur(10px);opacity:.9}
.cta-final>*{position:relative;z-index:2}
.cta-final h2{color:#fff;font-size:34px;font-weight:800;max-width:640px;margin:0 auto 12px}
.cta-final p{color:rgba(255,255,255,.65);margin-bottom:26px}
.related{max-width:780px;margin:0 auto;padding:0 40px 60px}
.related .h{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--faint);margin-bottom:14px}
.related a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px;font-weight:600;transition:border-color .15s}
.related a:hover{border-color:var(--accent)}
.related a span{display:block;font-weight:400;color:var(--muted);font-size:14.5px;margin-top:2px}
footer{padding:50px 0 70px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.foot-brand p{color:var(--muted);font-size:15px;max-width:300px;margin-top:14px}
.foot-col .h{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--faint);margin-bottom:16px}
.foot-col a{display:block;padding:5px 0;color:var(--muted);font-size:15.5px}
.foot-col a:hover{color:var(--ink)}
@media(max-width:760px){
  .wrap,article,.related{padding-left:22px;padding-right:22px}
  h1{font-size:34px}
  article h2{font-size:24px}
  .nav-links{display:none}
  article{padding-top:120px}
  .foot-grid{grid-template-columns:1fr}
  .cta-final{margin:40px 22px;padding:44px 24px}
  .cta-final h2{font-size:26px}
}