:root{--bg:#070d14;--surface:#0d1925;--line:#1a2a39;--text:#e9f2f7;--muted:#8da2b3;--soft:#c0cfdb;--accent:#2fd2f2;--accent-ink:#031820;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans)}
a{color:var(--accent)}a:hover{text-decoration:none}
img{max-width:100%;height:auto}
code{font-family:var(--mono);font-size:.88em;color:var(--accent);background:rgba(47,210,242,.08);padding:1px 6px;border-radius:5px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:6px;background:var(--accent);color:var(--accent-ink);padding:6px 12px;z-index:10}.skip:focus{left:6px}
.page{max-width:1080px;margin:0 auto;padding:0 24px}
header.top{position:relative;z-index:2}
header.top .page{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.1rem;text-decoration:none}
.brand img{border-radius:50%}
.menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.menu a{color:var(--muted);text-decoration:none;font-size:.95rem}.menu a:hover{color:var(--text)}
.menu a.add{color:var(--accent-ink);background:var(--accent);padding:8px 16px;border-radius:8px;font-weight:600}.menu a.add:hover{color:var(--accent-ink);filter:brightness(1.1)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:5px 14px;font:inherit;cursor:pointer}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none}
.btn:hover{filter:brightness(1.1)}.btn.alt{background:transparent;color:var(--text);border-color:#2a3d4f}.btn.alt:hover{border-color:var(--muted);filter:none}
/* accueil */
.hero{position:relative;overflow:hidden;margin-top:-72px;padding:72px 0 0}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at 76% 46%,rgba(18,110,134,.38),transparent 46%),repeating-radial-gradient(circle at 76% 46%,transparent 0 54px,rgba(47,210,242,.07) 55px 56px);
 -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.hero>*{position:relative}
.hero .page{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:80px}
.hero h1{font-size:clamp(2.3rem,5.2vw,3.7rem);line-height:1.05;letter-spacing:-.025em;margin:0 0 20px}
.hero p{color:var(--soft);font-size:1.12rem;max-width:30em;margin:0 0 14px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mock{background:#313338;border-radius:12px;padding:18px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.55);font-size:.9rem;color:#dbdee1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.4}
.m-line{display:flex;gap:12px;align-items:flex-start;color:#949ba4;margin-bottom:16px}
.m-av{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.m-user{background:#d9822b}
.m-line b{color:#f2f3f5}.m-cmd{color:#c9cdfb;background:rgba(88,101,242,.3);padding:0 4px;border-radius:3px}
.m-msg{display:flex;gap:12px;align-items:flex-start}.m-msg img{width:38px;height:38px;border-radius:50%;flex:none}
.m-body{min-width:0;flex:1}.m-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#f2f3f5;font-weight:600}
.m-tag{background:#5865f2;color:#fff;font-size:.62rem;font-weight:700;padding:1px 5px;border-radius:3px}
.m-embed{display:flex;background:#2b2d31;border-radius:4px;overflow:hidden;max-width:400px}
.m-bar{width:4px;background:var(--accent);flex:none}
.m-ec{padding:10px 14px 12px}.m-auth{font-size:.78rem;font-weight:600;color:#f2f3f5;margin-bottom:4px}
.m-title{font-weight:700;font-size:1rem;color:#00a8fc;margin-bottom:8px}
.m-fields{display:flex;gap:22px}.m-fields div{font-size:.86rem;color:#dbdee1}.m-fields span{display:block;font-size:.72rem;font-weight:700;color:#f2f3f5}
.m-foot{margin-top:10px;font-size:.72rem;color:#949ba4}
.m-btns{display:flex;gap:6px;margin-top:8px}
.m-btns span{background:#4e5058;border-radius:4px;width:42px;height:32px;display:flex;align-items:center;justify-content:center;color:#f2f3f5}
.m-btns span.red{background:#da373c}
.m-btns svg{width:16px;height:16px;fill:currentColor}
/* commandes */
.block{padding:64px 0 8px}
.block>.page>h2{font-size:clamp(1.7rem,3.4vw,2.3rem);letter-spacing:-.02em;margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 30px;max-width:36em}
.grow{display:grid;grid-template-columns:210px 1fr;gap:12px 32px;padding:26px 0;border-top:1px solid var(--line)}
.grow h3{margin:0;font-size:1.05rem;color:var(--text)}.grow h3 small{display:block;color:var(--muted);font-weight:400;font-size:.85rem;margin-top:2px}
.cmd{display:grid;grid-template-columns:150px 1fr;gap:2px 18px;padding:9px 0}
.cmd+.cmd{border-top:1px dashed #16222f}
.cmd dt{font-family:var(--mono);font-size:.93rem;color:var(--accent)}
.cmd dd{margin:0;color:var(--soft);font-size:.95rem}
dl{margin:0}
/* données */
.data{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:64px 0 24px;border-top:1px solid var(--line);margin-top:24px}
.data h2{font-size:clamp(1.7rem,3.4vw,2.3rem);letter-spacing:-.02em;margin:0 0 12px}
.data p{color:var(--soft);margin:0 0 12px}
.term{background:#050a10;border:1px solid var(--line);border-radius:12px;padding:20px 22px;font-family:var(--mono);font-size:.88rem;line-height:1.9}
.term i{font-style:normal;color:var(--muted)}.term b{color:var(--accent);font-weight:400}
/* faq */
.faq{padding:48px 0 0}
details{border-bottom:1px solid var(--line)}details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1.2}
details[open] summary::after{content:"–"}summary:hover{color:var(--accent)}
.ans{padding:0 0 16px;color:var(--soft);max-width:46em}.ans p{margin:0 0 8px}
.links a{margin-right:18px}
footer{border-top:1px solid var(--line);margin-top:64px;padding:28px 0 44px;color:var(--muted);font-size:.9rem}
footer ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap;margin:0 0 12px;padding:0}
footer a{color:var(--muted)}footer a:hover{color:var(--text)}footer p{margin:0}
/* pages juridiques */
.doc{max-width:800px;padding-top:24px;padding-bottom:20px}
.doc h1{font-size:2.2rem;letter-spacing:-.02em;margin:0 0 4px}.doc .meta{color:var(--muted);font-size:.9rem;margin:0 0 20px}
.doc h2{font-size:1.2rem;margin:30px 0 8px}
.doc p,.doc li{color:var(--soft)}.doc ul{padding-left:22px}.doc li{margin:3px 0}
.doc table{width:100%;border-collapse:collapse;font-size:.88rem;margin:10px 0 18px;display:block;overflow-x:auto}
.doc th,.doc td{text-align:left;vertical-align:top;padding:9px 11px;border:1px solid var(--line)}.doc th{background:var(--surface);color:var(--text);white-space:nowrap}
@media(max-width:900px){.hero .page,.data{grid-template-columns:1fr}.hero .page{gap:36px;padding-bottom:56px}.mock{max-width:480px}}
@media(max-width:700px){
 .menu-btn{display:block}.js .menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:6px 0 16px}.js .menu.open{display:flex}
 header.top{background:var(--bg)}.hero{margin-top:0;padding-top:0}.hero .page{padding-top:28px}
 .grow{grid-template-columns:1fr;gap:6px}.cmd{grid-template-columns:1fr}.block{padding-top:44px}}
@media print{header.top,footer,.skip{display:none}body{background:#fff;color:#000}.doc p,.doc li,.doc td{color:#000}}
.more{margin-top:36px}

.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 32px;margin-top:8px}
.feats h3{margin:0 0 6px;font-size:1.05rem}.feats p{margin:0;color:var(--soft);font-size:.95rem}
.block>.page>h2.sub{margin-top:48px}
.steps{color:var(--soft);padding-left:22px;max-width:46em}.steps li{margin:6px 0}