:root{
  --bleu:#2563eb;--rouge:#dc2626;--vert:#16a34a;--noir:#111827;--jaune:#facc15;
  --ink:#172033;--muted:#5b6576;--paper:#fffaf0;--soft:#f8fafc;--line:#e5e7eb;--white:#fff;
  --radius:22px;--shadow:0 16px 38px rgba(15,23,42,.10);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#ffffff;line-height:1.58;font-size:17px}.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px}.skip:focus{left:8px;z-index:99}.container{width:min(1120px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand small{display:block;font-size:.75rem;color:var(--muted);font-weight:600;letter-spacing:0}.brand-mark{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 90deg,var(--bleu),var(--rouge),var(--vert),var(--noir),var(--jaune),var(--bleu));box-shadow:inset 0 0 0 6px #fff;border:1px solid var(--line)}.nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.nav a{color:#283144;text-decoration:none;font-weight:650;font-size:.94rem;padding:8px 11px;border-radius:999px}.nav a:hover,.nav a.active{background:#eef2ff;color:#111827}.hero{background:radial-gradient(circle at 20% 20%,#fff7cc 0,#fff7cc 18%,transparent 42%),linear-gradient(135deg,#f8fbff 0,#fff 46%,#fffbea 100%);padding:72px 0 56px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:44px;align-items:center}.eyebrow{display:inline-block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#713f12;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:7px 12px;margin-bottom:12px}h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.96;margin:0 0 14px;letter-spacing:-.06em}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.06;margin:0 0 12px;letter-spacing:-.035em}h3{margin:0 0 9px;font-size:1.16rem}.lead{font-size:1.22rem;color:#374151;margin:0 0 18px}.quote{font-size:1.18rem;font-weight:800;border-left:6px solid var(--jaune);padding:12px 0 12px 18px;background:#fffdf3;border-radius:0 14px 14px 0}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border-radius:999px;padding:12px 17px;border:1px solid #cbd5e1;color:#111827;background:#fff}.button.primary{background:var(--noir);color:#fff;border-color:var(--noir)}.button.soft{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.12)}.hero-card,.img-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.hero-card img,.img-frame img{display:block;width:100%;height:auto;border-radius:18px}.section{padding:58px 0}.section.alt{background:var(--soft);border-block:1px solid var(--line)}.section-header{max-width:800px;margin-bottom:26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.card.highlight{border-top:8px solid var(--jaune)}.card p:last-child,.callout p:last-child{margin-bottom:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.callout{border-radius:18px;padding:18px 20px;border:1px solid var(--line);background:#fff}.callout.yellow{background:#fffbeb;border-color:#fde68a}.callout.green{background:#f0fdf4;border-color:#bbf7d0}.callout.blue{background:#eff6ff;border-color:#bfdbfe}.callout.red{background:#fef2f2;border-color:#fecaca}.callout.black{background:#f8fafc;border-color:#cbd5e1}.role-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;font-weight:750}.role span{display:block;width:100%;height:8px;border-radius:999px;margin-bottom:10px}.bleu{background:var(--bleu)}.rouge{background:var(--rouge)}.vert{background:var(--vert)}.noir{background:var(--noir)}.jaune{background:var(--jaune)}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 18px 68px;position:relative}.step:before{content:counter(step);position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--jaune);font-weight:900;color:#111827}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tag{display:inline-block;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;margin-bottom:8px}.tag.blue{background:#dbeafe;color:#1e3a8a}.tag.red{background:#fee2e2;color:#991b1b}.tag.green{background:#dcfce7;color:#166534}.tag.black{background:#e5e7eb;color:#111827}.tag.yellow{background:#fef3c7;color:#713f12}.page-title{padding:52px 0 34px;background:linear-gradient(135deg,#f8fbff,#fffbea);border-bottom:1px solid var(--line)}.page-title h1{font-size:clamp(2.2rem,4.5vw,4.2rem)}.breadcrumb{font-size:.92rem;color:var(--muted);font-weight:700;margin-bottom:12px}.breadcrumb a{color:inherit}.resource-list{display:grid;gap:14px}.resource{display:flex;gap:18px;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.resource div{max-width:720px}.site-footer{background:#111827;color:#e5e7eb;padding:34px 0;margin-top:20px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px}.mini{font-size:.93rem;color:#6b7280}.site-footer .mini{color:#cbd5e1}.notice{border:2px dashed #facc15;background:#fffbeb;border-radius:22px;padding:22px;margin:24px 0}.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}.toc a{display:block;padding:7px 0;color:#1e3a8a;font-weight:700;text-decoration:none}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:2px 6px}.final-band{background:#111827;color:#fff;border-radius:26px;padding:30px;margin-top:30px}.final-band h2,.final-band p{color:#fff}.final-band .button{background:#fff;color:#111827}
@media(max-width:860px){.header-inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.hero-grid,.two-col,.cards,.cards.two,.action-grid,.footer-grid{grid-template-columns:1fr}.role-strip{grid-template-columns:1fr 1fr}.hero{padding-top:46px}}@media(max-width:520px){body{font-size:16px}.role-strip{grid-template-columns:1fr}.resource{display:block}.button{width:100%}}