:root{--prune:#6B4270;--nuit:#0F1238;--nuit2:#2B2460;--peche:#FFC9A0;--vert:#4ADE80;--blanc:#fff;--gris:rgba(255,255,255,.72);--muet:#C9C3EA;--ligne:rgba(255,255,255,.14)}
*{box-sizing:border-box}
/* La DA de l'app (theme.gradients.marque : nuit, surface, prune, en fondu), fixée à l'écran comme un écran de l'app (22/10/2026) ; l'or devient le pêche de l'icône. */
html{background:#0F1238}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0F1238 0%,#2B2460 50%,#6B4270 100%)}
html{scroll-behavior:smooth}
body{margin:0;background:transparent;color:var(--blanc);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;min-height:100vh}
a{color:var(--peche)}
.in{max-width:1040px;margin:0 auto;padding:0 22px}
header{padding:22px 0}header .in{display:flex;justify-content:space-between;align-items:center;gap:12px}
.marque{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:var(--peche);text-decoration:none}
.btn{display:inline-block;background:var(--peche);color:var(--nuit);font-weight:800;padding:16px 26px;border-radius:999px;text-decoration:none;font-size:17px;box-shadow:0 10px 30px rgba(255,201,160,.28)}
.btn.small{padding:10px 16px;font-size:14px;box-shadow:none}
.hero{padding:56px 0 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;font-weight:800}
.hero p.lede{font-size:20px;color:var(--gris);margin:0 0 26px;max-width:34rem}
.preuve{color:var(--peche);font-weight:700;font-size:17px;margin:0 0 22px}
.note{color:var(--muet);font-size:14px;margin-top:12px}
.social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;align-items:center}.social a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--ligne);border-radius:999px;color:var(--blanc);text-decoration:none;font-size:15px;font-weight:700;background:rgba(255,255,255,.05);margin:0}.social a:hover{border-color:var(--peche);color:var(--peche)}.social svg{width:20px;height:20px;fill:currentColor;flex:none}.social .lbl{color:var(--muet);font-weight:500}footer .social{margin-top:18px}
.tel{position:relative;display:flex;justify-content:center;gap:14px}
.tel img{width:min(46%,250px);height:auto;border-radius:28px;border:6px solid #0c0c10;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.tel img.decale{transform:translateY(36px)}
section{padding:44px 0}
h2{font-size:clamp(26px,3.6vw,36px);line-height:1.15;letter-spacing:-.01em;margin:0 0 22px}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.carte{background:rgba(255,255,255,.07);border:1px solid var(--ligne);border-radius:20px;padding:22px}
.carte h3{margin:0 0 8px;font-size:19px}.carte p{margin:0;color:var(--gris);font-size:16px}
.etape{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;margin:14px 0}
.num{width:36px;height:36px;border-radius:50%;background:rgba(255,201,160,.16);border:1px solid var(--peche);color:var(--peche);display:grid;place-items:center;font-weight:800}
.science{background:rgba(255,255,255,.05);border-left:3px solid var(--peche);padding:18px 22px;border-radius:0 16px 16px 0;color:var(--gris)}
.science small{display:block;color:var(--muet);margin-top:8px}
.faq details{border-top:1px solid var(--ligne);padding:14px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--gris);margin:10px 0 0}
.peche{background:var(--peche);color:var(--nuit);border-radius:28px;padding:44px 28px;text-align:center;margin-top:20px}
.peche h2{color:var(--nuit)}.peche .btn{background:var(--nuit);color:var(--blanc);box-shadow:none}
footer{padding:36px 0 60px;color:var(--muet);font-size:14px}footer a{color:var(--muet);margin-right:16px}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-top:26px}.grille{grid-template-columns:1fr}.tel{margin-top:10px}.tel img.decale{transform:none}}
/* guides */
article{max-width:44rem}article h1{font-size:clamp(32px,5vw,50px);line-height:1.08;letter-spacing:-.02em;margin:10px 0 14px;font-weight:800}
article .lede{font-size:20px;color:var(--gris);margin:0 0 26px}article h2{font-size:clamp(22px,3vw,28px);margin:34px 0 12px}article h3{font-size:19px;margin:22px 0 8px}
article p,article li{color:var(--gris);font-size:17px}article strong{color:var(--blanc)}article blockquote{margin:18px 0;padding:16px 22px;border-left:3px solid var(--peche);background:rgba(255,255,255,.05);border-radius:0 16px 16px 0;color:var(--blanc);font-style:italic}article blockquote small{display:block;font-style:normal;color:var(--muet);margin-top:8px}
blockquote[lang="ar"]{font-style:normal;font-size:1.15em;line-height:1.9}
blockquote[lang="ar"] small{font-size:.75em;text-align:left}
article table{border-collapse:collapse;width:100%;margin:14px 0;font-size:16px}article th,article td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ligne);color:var(--gris)}article th{color:var(--blanc)}
@media (max-width:600px){article th,article td{padding:8px 6px;font-size:15px;line-height:1.45}article td ul{padding-left:18px}}
.fil{color:var(--muet);font-size:14px;margin:6px 0 0}.fil a{color:var(--muet)}
.cta{margin:36px 0 10px;padding:26px;border:1px solid var(--ligne);border-radius:20px;background:rgba(255,255,255,.05)}.cta h2{margin:0 0 8px;font-size:22px}.cta p{margin:0 0 16px;color:var(--gris)}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guides a{display:block;text-decoration:none;color:var(--blanc);background:rgba(255,255,255,.07);border:1px solid var(--ligne);border-radius:20px;padding:22px}.guides a:hover{border-color:var(--peche)}.guides h3{margin:0 0 8px;font-size:19px}.guides p{margin:0;color:var(--gris);font-size:15px}
@media (max-width:760px){.guides{grid-template-columns:1fr}}