:root{--bg0:#060410;--bg1:#0b0718;--panel:#16122a;--txt:#f2ecf4;--muted:#b9b3c6;--line:rgba(143,230,240,.10);--line2:rgba(143,230,240,.18);--cyan:#28c8dd;--purple:#7c3aed;--magenta:#e05bc8;--grad:linear-gradient(90deg,#28c8dd 0%,#7c3aed 52%,#e05bc8 100%);}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Montserrat',sans-serif;color:var(--txt);background:var(--bg0);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--cyan);text-decoration:none;}
.wrap{max-width:860px;margin:0 auto;padding:0 24px;}
.top{position:sticky;top:0;z-index:10;background:rgba(6,7,14,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:12px;}
.brand{display:flex;align-items:center;gap:11px;font-family:'Montserrat';font-weight:800;font-size:16px;color:#fff;}
.brand img{width:40px;height:40px;border-radius:8px;}
.brand small{display:block;font-family:'Montserrat';font-weight:600;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-top:2px;}
.back{font-size:13.5px;font-weight:600;border:1px solid var(--line2);border-radius:30px;padding:8px 15px;color:var(--txt);white-space:nowrap;}
.back:hover{border-color:var(--cyan);}
.hero{position:relative;overflow:hidden;padding:46px 0 50px;border-bottom:1px solid var(--line);}
.hero::before{content:"";position:absolute;top:-40%;right:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(40,200,221,.25),transparent 60%);filter:blur(12px);}
.hero::after{display:none;} /* halo bas supprimé : clippé au bord -> couture. Aurore globale continue. */
.hero .wrap{position:relative;z-index:2;}
.crumb{font-size:13px;color:var(--muted);margin-bottom:14px;}
.crumb a{color:var(--muted);}
.crumb a:hover{color:var(--cyan);text-decoration:underline;}
.tagloc{display:inline-block;font-family:'Montserrat';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:700;background:rgba(40,200,221,.1);border:1px solid rgba(40,200,221,.3);border-radius:30px;padding:7px 14px;margin-bottom:16px;}
h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(31px,6vw,46px);line-height:1.06;letter-spacing:-.01em;max-width:18ch;color:#fff;}
h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{margin-top:16px;max-width:58ch;color:#aab2c6;font-size:16px;}
.cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;background:var(--grad);color:#08111f;font-weight:700;border-radius:30px;padding:13px 24px;font-size:14.5px;box-shadow:0 0 24px -6px rgba(40,200,221,.6);transition:transform .18s;}
.cta:hover{transform:translateY(-2px);}
main{background:var(--bg1);}
main .wrap{padding:48px 24px 56px;}
h2{font-family:'Montserrat';font-weight:700;font-size:22px;letter-spacing:-.01em;margin:34px 0 10px;color:#fff;}
main p,main li{font-size:15.5px;color:#c4cbdb;}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;}
.card h3{font-family:'Montserrat';font-weight:700;font-size:17px;margin-bottom:8px;color:#fff;}
.card .d{font-size:13.5px;color:var(--muted);}
.card ul{margin:11px 0 0;list-style:none;}
.card li{font-size:13.5px;color:var(--muted);margin-bottom:8px;padding-left:23px;position:relative;}
.card li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:rgba(40,200,221,.13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c8dd' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:9px;background-repeat:no-repeat;background-position:center;}
.inl{color:var(--cyan);font-weight:600;}
.tools-cta{margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tools-cta a{display:block;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:15px 17px;transition:transform .18s,border-color .18s;}
.tools-cta a:hover{transform:translateY(-2px);border-color:var(--cyan);}
.tools-cta a b{display:block;color:#fff;font-size:14.5px;}
.tools-cta a small{display:block;margin-top:4px;color:var(--muted);font-weight:500;font-size:12.5px;line-height:1.5;}
@media(max-width:680px){.tools-cta{grid-template-columns:1fr;}}
.links{margin-top:34px;font-size:14px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line);}
.links a{color:var(--cyan);font-weight:600;}
footer{background:#05060c;color:var(--muted);font-size:12.5px;padding:26px 0;border-top:1px solid var(--line);text-align:center;}
footer a{color:var(--muted);}footer a:hover{color:var(--cyan);}
@media(max-width:680px){.cards{grid-template-columns:1fr;}.top .wrap{padding:12px 24px;}}
.cfaq{margin:34px 0 4px;}
.cfaq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;}
.cfaq summary{cursor:pointer;padding:14px 16px;font-family:'Montserrat';font-weight:700;color:#fff;font-size:15px;list-style:none;}
.cfaq summary::-webkit-details-marker{display:none;}
.cfaq summary::after{content:"+";float:right;color:var(--cyan);font-weight:700;}
.cfaq details[open] summary::after{content:"–";}
.cfaq .a{padding:0 16px 14px;color:#c4cbdb;font-size:14.5px;}

/* Accessibilité — lien d'évitement (skip link) : caché puis visible au focus clavier */
.skiplink{position:absolute;left:-9999px;top:0;z-index:9999;background:#fff;color:#060410;padding:10px 16px;border-radius:0 0 10px 0;font-weight:600;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.skiplink:focus{left:0}
.skiplink:focus-visible{outline:3px solid #7c5cff;outline-offset:2px}