:root{--primaire:#4f46e5;--fond:#0b0b12;--texte:#e7e7ee;--muted:#9aa0b4;--card:#15151f;--border:#262636}@media (prefers-color-scheme:light){:root{--fond:#ffffff;--texte:#15151f;--muted:#5a6072;--card:#f7f7fb;--border:#e6e6ef}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:0 24px}.hero{padding:96px 0 56px;text-align:center}.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;letter-spacing:-.02em;font-weight:800}.hero .sub{margin-top:18px;font-size:1.2rem;color:var(--muted)}.cta{display:inline-block;margin-top:34px;padding:16px 34px;background:var(--primaire);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1.05rem;transition:transform .12s ease,filter .12s ease}.cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.contact{padding:40px 0 64px}.contact h2{font-size:1.6rem;margin-bottom:20px;text-align:center}.form{display:grid;grid-gap:12px;gap:12px;max-width:460px;margin:0 auto}.form input,.form textarea{background:var(--card);border:1px solid var(--border);color:var(--texte);padding:14px 16px;border-radius:10px;font-size:1rem;font-family:inherit}.form input:focus,.form textarea:focus{outline:2px solid var(--primaire);border-color:transparent}.form button{background:var(--primaire);color:#fff;border:0;padding:15px;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer}.form button:disabled{opacity:.6;cursor:default}.merci{color:var(--primaire);font-size:1.15rem;padding:28px 0}.foot,.merci{text-align:center}.foot{color:var(--muted);padding:40px 0;font-size:.9rem;border-top:1px solid var(--border);margin-top:24px}.legal-nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.foot a,.legal-nav a{color:var(--muted);text-decoration:none}.legal-nav a:hover{color:var(--primaire)}.legal{padding:64px 0;max-width:760px}.legal h1{font-size:2rem;margin-bottom:24px;letter-spacing:-.01em}.legal h2{font-size:1.2rem;margin:28px 0 8px}.legal p{color:var(--muted)}.legal a{color:var(--primaire)}.legal .back{margin-top:40px}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 10px 40px rgba(0,0,0,.25);font-size:.92rem}.cookie-banner a{color:var(--primaire)}.cookie-actions{display:flex;gap:10px}.cookie-banner button{padding:10px 18px;border-radius:9px;font-weight:600;cursor:pointer;border:0;font-size:.92rem}.ck-primary{background:var(--primaire);color:#fff}.ck-secondary{background:transparent;color:var(--muted);border:1px solid var(--border)}.blog-list{padding:64px 0;max-width:760px}.blog-list h1{font-size:2.2rem;margin-bottom:28px}.blog-list ul{list-style:none;display:grid;grid-gap:28px;gap:28px}.blog-list li{border-bottom:1px solid var(--border);padding-bottom:24px}.blog-list h2{font-size:1.35rem;margin-bottom:6px}.blog-list a{color:inherit;text-decoration:none}.blog-list a:hover h2{color:var(--primaire)}.blog-list p{color:var(--muted)}.article{padding:56px 0;max-width:720px}.article h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin-bottom:20px;letter-spacing:-.01em}.article .tldr{background:var(--card);border-left:3px solid var(--primaire);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 28px;color:var(--texte)}.article-body{font-size:1.06rem}.article-body h2{font-size:1.5rem;margin:34px 0 10px}.article-body h3{font-size:1.2rem;margin:24px 0 8px}.article-body p{margin:0 0 16px}.article-body ol,.article-body ul{margin:0 0 16px 22px}.article-body li{margin-bottom:6px}.article-body a{color:var(--primaire)}.article-body blockquote{border-left:3px solid var(--border);padding-left:16px;color:var(--muted);font-style:italic;margin:0 0 16px}.article .faq{margin-top:40px;border-top:1px solid var(--border);padding-top:24px}.article .faq h2{font-size:1.5rem;margin-bottom:16px}.article .faq h3{font-size:1.1rem;margin:18px 0 4px}.article .faq p{color:var(--muted)}