@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-mono.woff2) format('woff2')}
:root{
  --ink:#05070B; --ink-2:#080B12; --panel:#0C1019; --panel-2:#111624;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --text:#EEF0F6; --muted:#9CA3B5; --dim:#6B7286;
  --lav:#C9D3FF; --lav-2:#8FA2FF; --peach:#FFB98A;
  --display:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;
  --body:'Geist','Helvetica Neue',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
a{color:var(--lav)} a:hover{color:#fff}
img{max-width:100%;display:block}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.03em;margin:0;text-wrap:balance}
.h2 em{font-style:normal;color:var(--lav)}
.lead{color:var(--muted);font-size:17px;max-width:560px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:500;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn-light{background:var(--text);color:var(--ink)} .btn-light:hover{color:var(--ink);background:#fff}
.btn-ghost{border-color:var(--line-2);color:var(--text)} .btn-ghost:hover{border-color:var(--lav);color:#fff}
.section{padding-block:clamp(80px,10vw,140px)}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(5,7,11,.55);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
.brand-word{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.02em}
.brand-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--lav);border:1px solid rgba(169,184,255,.45);border-radius:5px;padding:1px 5px}
.nav-links{display:flex;gap:4px;flex-wrap:wrap}
.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;padding:8px 12px;border-radius:999px}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-cta{display:flex;gap:6px;align-items:center}
.nav-cta .btn{min-height:40px;padding:0 18px;font-size:14px}
@media (max-width:860px){.nav-links{display:none}}
@media (max-width:520px){.nav-cta .btn-ghost{display:none}.nav .wrap{flex-wrap:nowrap}}


/* FOOTER */
footer{border-top:1px solid var(--line);background:var(--ink)}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;padding-block:56px 32px;font-size:14px}
.foot div{display:flex;flex-direction:column;gap:9px}
.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--text)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--dim);border-top:1px solid var(--line);padding-block:20px 32px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ===== PAGES SEO ===== */
.nav-links a.on{color:var(--text)}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:9px 12px;min-height:40px;display:flex;align-items:center;gap:6px}
.lang summary::-webkit-details-marker{display:none}
.lang[open] summary{color:var(--text);border-color:var(--lav)}
.lang ul{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;min-width:170px;background:#0C1019;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5);z-index:70}
.lang li a{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px}
.lang li a:hover,.lang li a[aria-current]{background:rgba(255,255,255,.06);color:var(--text)}
.lang li a b{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--dim)}
@media (max-width:520px){.lang summary{padding:9px 10px}.nav-cta .btn{padding:0 14px}.brand-tag{display:none}}
.nav-cta .btn,.lang summary{white-space:nowrap}

/* hero article */
.ph{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.ph::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;filter:blur(40px);
  background:radial-gradient(36% 46% at 18% 30%,rgba(125,162,255,.20),transparent 70%),radial-gradient(30% 40% at 78% 34%,rgba(240,171,252,.16),transparent 70%),radial-gradient(28% 36% at 62% 92%,rgba(255,185,138,.12),transparent 70%)}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent)}
.ph .wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(36px,6vw,84px) clamp(48px,7vw,96px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin:0 0 22px;padding:0;list-style:none}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--dim)}
.ph h1{font-family:var(--display);font-weight:400;font-size:clamp(36px,4.4vw,58px);line-height:1;letter-spacing:-.035em;margin:14px 0 20px;text-wrap:balance}
.ph h1 em{font-style:normal;background:linear-gradient(90deg,#C9D3FF,#F0ABFC 55%,#FFB98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph .intro{font-size:18.5px;line-height:1.6;color:#C3C8D6;margin:0 0 28px;max-width:58ch}
.ph-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ph-cta .btn-light{background:linear-gradient(90deg,#E4E9FF,#F5D0FE 50%,#FFD9C0);color:var(--ink)}
.ph-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:13px;color:var(--dim)}
.ph-trust span{display:inline-flex;align-items:center;gap:7px}
.ph-trust i{width:9px;height:10px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#7DD3FC,#C4B5FD)}
.meta-line{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:26px}
@media (max-width:960px){.ph .wrap{grid-template-columns:minmax(0,1fr)}}

/* ===== CHAT SIMULATION ===== */
.sim{margin:0;position:relative;min-width:0}
.sim-in{border-radius:26px;border:1px solid transparent;background:linear-gradient(180deg,#0E1220,#090C15) padding-box,linear-gradient(150deg,rgba(125,211,252,.55),rgba(196,181,253,.35) 35%,rgba(255,255,255,.06) 60%,rgba(255,185,138,.45)) border-box;box-shadow:0 50px 120px -40px rgba(124,92,255,.45);overflow:hidden;display:flex;flex-direction:column;height:580px}
.sim-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.sim-top .dots{display:flex;gap:6px}.sim-top .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.sim-top .t{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.sim-top .t svg{width:16px;height:16px}
.sim-pill{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:4px 9px;border-radius:999px;background:linear-gradient(90deg,#C4B5FD,#F0ABFC,#FFB98A)}
.sim-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:14px 18px 0}
.sim-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
.msg{max-width:92%;font-size:14.5px;line-height:1.6;opacity:1;transform:none;transition:opacity .35s,transform .35s}
.msg p{margin:0}.msg p+p{margin-top:8px}
.msg.u{align-self:flex-end;background:linear-gradient(135deg,#2B3470,#3B2E6E);border:1px solid rgba(196,181,253,.25);padding:10px 14px;border-radius:16px 16px 4px 16px;color:#EEF0FF}
.msg.a,.msg.t{align-self:flex-start;padding:12px 14px;border-radius:16px 16px 16px 4px}
.msg.a{background:rgba(255,255,255,.035);border:1px solid var(--line-2)}
.msg.t{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.14);color:#8E94A6}
.msg .who{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.msg.a .who{color:#C4B5FD}
.msg .who svg{width:13px;height:13px}
.msg.t .tag{margin-left:auto;font-size:9.5px;color:#FDA4AF;border:1px solid rgba(253,164,175,.4);border-radius:999px;padding:1px 7px}
.msg.a strong{color:#fff;font-weight:600}
.srcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.srcs a,.srcs>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#A9B4D8;text-decoration:none;border:1px solid rgba(125,211,252,.25);background:rgba(125,211,252,.06);border-radius:999px;padding:4px 10px 4px 5px;max-width:100%}
.srcs a b,.srcs>span b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#7DD3FC;color:var(--ink);font-size:9.5px;font-weight:700;flex:none}
.srcs a span,.srcs>span span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen{position:relative;width:min(260px,100%);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#141A2E;margin-top:4px}
.gen img{width:100%;height:100%;object-fit:cover;transition:filter 1.6s ease,transform 2s ease}
.gen .bar{position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:9px;background:rgba(255,255,255,.15);overflow:hidden;opacity:0;transition:opacity .3s}
.gen .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A)}
.gen .gm{position:absolute;left:10px;top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(5,7,11,.55);backdrop-filter:blur(6px);padding:3px 8px;border-radius:999px;opacity:0;transition:opacity .3s}
.cap{font-size:12.5px;color:var(--dim);margin-top:8px!important;font-style:italic}
.typing{display:inline-flex;gap:5px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);align-self:flex-start}
.typing i{width:8px;height:9px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#C4B5FD;animation:tp 1s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.15s;background:#F0ABFC}.typing i:nth-child(3){animation-delay:.3s;background:#FFB98A}
@keyframes tp{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
.sim-compose{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:8px 8px 8px 16px;border-radius:16px;border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
.sim-compose .ph-txt{flex:1;min-width:0;font-size:14px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-compose .ph-txt.typed{color:var(--text)}
.sim-compose a{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--text);color:var(--ink);text-decoration:none}
.sim-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px 0;font-size:12px;color:var(--dim)}
.sim-foot button{font:inherit;color:var(--lav);background:none;border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:4px}
.sim.anim .msg.hide{display:none}
.sim.anim .msg{animation:msgin .4s cubic-bezier(.2,.8,.2,1)}
@keyframes msgin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sim.anim .w{opacity:0}.sim.anim .w.on{opacity:1;transition:opacity .25s}
@media (max-width:520px){.sim-in{height:540px}.msg{font-size:14px}}

/* ===== ARTICLE ===== */
.art{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-block:clamp(48px,7vw,96px)}
.toc-w{position:sticky;top:92px;align-self:start;display:flex;flex-direction:column;gap:14px}
.toc{display:flex;flex-direction:column;gap:2px;padding:16px 10px 12px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));font-size:13.5px}
.toc b{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 8px 10px}
.toc a{display:flex;gap:10px;align-items:flex-start;color:var(--muted);text-decoration:none;padding:8px;border-radius:12px;line-height:1.35;transition:color .2s,background .2s}
.toc a i{flex:none;font-style:normal;font-family:var(--mono);font-size:10.5px;padding-top:2px;color:var(--dim);transition:color .2s}
.toc a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.toc a.on{color:#fff;background:linear-gradient(90deg,rgba(196,181,253,.16),rgba(240,171,252,.05))}
.toc a.on i{background:linear-gradient(90deg,#7DD3FC,#F0ABFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.toc-cta{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;border:1.5px solid transparent;background:linear-gradient(180deg,#141129,#0B0D18) padding-box,linear-gradient(135deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A) border-box}
.toc-cta svg{width:26px;height:26px;margin-bottom:4px}
.toc-cta b{font-family:var(--display);font-weight:400;font-size:19px;line-height:1.15;letter-spacing:-.01em}
.toc-cta span{font-size:12.5px;color:var(--muted);line-height:1.45}
.toc-cta .btn{margin-top:8px;min-height:40px;font-size:14px;background:linear-gradient(90deg,#E4E9FF,#F5D0FE 50%,#FFD9C0);color:var(--ink)}
/* TL;DR */
.tldr{position:relative;margin:0 0 24px;padding:20px 22px 20px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(125,211,252,.08),rgba(196,181,253,.06) 50%,rgba(255,185,138,.05));border:1px solid rgba(196,181,253,.28);overflow:hidden}
.tldr::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A)}
.tldr-l{display:inline-block;margin-bottom:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#C4B5FD}
.tldr p{margin:0!important;font-size:18px!important;line-height:1.7!important;color:#E4E7F2!important}
/* cartes de définitions */
.prose ul.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:6px 0 22px}
.prose ul.terms li.tc{padding:18px 16px 16px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));display:flex;flex-direction:column;gap:6px;transition:border-color .3s,transform .3s}
.prose ul.terms li.tc:hover{border-color:rgba(196,181,253,.5);transform:translateY(-2px)}
.prose ul.terms li.tc::before{display:none}
.tc-n{width:30px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#7DD3FC,#C4B5FD 55%,#F0ABFC);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.prose ul.terms li.tc b{color:#fff;font-size:16px;font-weight:600}
.tc-d{font-size:14.5px;line-height:1.6;color:#B9BFCE;display:block}.tc-d::first-letter{text-transform:uppercase}
.prose{max-width:740px;min-width:0}
.prose section{scroll-margin-top:90px}
.prose section+section{margin-top:56px}
.prose h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.prose p{margin:0 0 16px;color:#C3C8D6;font-size:17px;line-height:1.75}
.prose p strong,.prose li strong{color:#fff;font-weight:600}
.prose a{color:#C9D3FF;text-decoration:underline;text-decoration-color:rgba(201,211,255,.35);text-underline-offset:3px}
.prose a:hover{color:#fff;text-decoration-color:#fff}
.prose ul,.prose ol{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose li{position:relative;padding-left:28px;color:#C3C8D6;font-size:16.5px;line-height:1.65}
.prose ul li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:11px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#7DD3FC,#C4B5FD 50%,#F0ABFC)}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o;padding-left:40px}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:.1em;width:26px;height:29px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(196,181,253,.16);color:#E9D5FF;font-family:var(--mono);font-size:12px;display:flex;align-items:center;justify-content:center}
.tbl{margin:6px 0 22px;border:1px solid var(--line-2);border-radius:18px;overflow:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:0 24px 60px -36px rgba(0,0,0,.8)}
.tbl table{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;min-width:560px}
.tbl th{text-align:left;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.035);padding:15px 16px;border-bottom:1px solid var(--line-2);vertical-align:bottom}
.tbl td{padding:15px 16px;border-bottom:1px solid var(--line);color:#B9BFCE;vertical-align:top;line-height:1.55;transition:background .2s}
.tbl td:first-child{color:#E8EBF4;font-weight:500}
.tbl tbody tr:hover td{background:rgba(255,255,255,.025)}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.us td{background:linear-gradient(90deg,rgba(196,181,253,.10),rgba(255,185,138,.05));color:#fff}
.tbl tr.us td:first-child{box-shadow:inset 3px 0 0 #C4B5FD;font-weight:600}
.th-b{display:inline-flex;align-items:center;gap:8px}
.tbl th.hl{color:#fff;background:linear-gradient(180deg,rgba(196,181,253,.20),rgba(196,181,253,.07));box-shadow:inset 0 2px 0 #C4B5FD,inset 1px 0 0 rgba(196,181,253,.35),inset -1px 0 0 rgba(196,181,253,.35)}
.tbl td.hl{color:#F3F4FA;background:rgba(196,181,253,.055);box-shadow:inset 1px 0 0 rgba(196,181,253,.3),inset -1px 0 0 rgba(196,181,253,.3)}
.tbl tbody tr:hover td.hl{background:rgba(196,181,253,.09)}
.tbl th.dg{color:var(--dim)}.tbl th.dg svg{opacity:.8}
.tbl td.dg{color:#8E95A8}
.cl{display:flex;gap:10px;align-items:flex-start}
.mk{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.mk-ok{background:linear-gradient(135deg,#C9D3FF,#C4B5FD 55%,#FFB98A);color:var(--ink);box-shadow:0 0 14px rgba(196,181,253,.35)}
.mk-dg{border:1.5px solid rgba(255,185,138,.45);position:relative}.mk-dg::after{content:"";width:8px;height:1.6px;border-radius:2px;background:rgba(255,185,138,.75)}
.mk-ln{background:rgba(255,120,120,.14);color:#FF9C9C;box-shadow:inset 0 0 0 1px rgba(255,120,120,.4)}
.tbl tr.ln td{background:rgba(255,110,110,.05)}
.tbl tr.ln td.hl{background:rgba(255,110,110,.07)}
.tbl tr.ln td.dg{color:#C9CDD8}
.ln-pill{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:3px 9px 3px 7px;border-radius:999px;font:500 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#FF9C9C;background:rgba(255,120,120,.10);border:1px solid rgba(255,120,120,.3);width:max-content}
.tbl td:first-child .ln-pill{display:flex}
.prose .tbl-cap{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--dim);margin:-10px 0 24px}
.tbl-cap i{flex:none;width:17px;height:17px;border-radius:50%;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font:600 10px/1 var(--mono);font-style:normal;color:var(--muted);margin-top:1px}
@media (max-width:640px){
.tbl{border:0;background:none;box-shadow:none;overflow:visible;border-radius:0}
.tbl table{min-width:0}
.tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
.tbl tr{border:1px solid var(--line-2);border-radius:16px;background:rgba(255,255,255,.02);margin-bottom:12px;overflow:hidden}
.tbl td{padding:12px 16px;box-shadow:none!important}
.tbl td:first-child{font-size:15.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.035)}
.tbl td[data-l]:not([data-l=""]):not(:first-child)::before{content:attr(data-l);display:block;font:500 10.5px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.tbl td.hl::before{color:#C4B5FD!important}
.tbl td.hl{background:rgba(196,181,253,.06)}
.tbl tbody tr:hover td{background:inherit}
.tbl tr.us{border-color:rgba(196,181,253,.45)}
.tbl tr.ln{border-color:rgba(255,120,120,.3)}
.tbl:not(.tbl-vs) td:not(:first-child){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:14px;align-items:baseline;padding:10px 16px}
.tbl:not(.tbl-vs) td:not(:first-child)::before{margin-bottom:0!important}
.tbl:not(.tbl-vs) td[data-l=""]:not(:first-child){display:block}
}
.callout{display:flex;gap:14px;padding:18px 20px;border-radius:16px;margin:4px 0 20px;border:1px solid;background:rgba(255,255,255,.02)}
.callout .ic{flex:none;width:26px;height:29px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}
.callout b{display:block;color:#fff;font-weight:600;margin-bottom:4px}
.callout p{margin:0!important;font-size:15.5px!important}
.callout.info{border-color:rgba(125,211,252,.35)}.callout.info .ic{background:#7DD3FC}
.callout.tip{border-color:rgba(94,234,212,.35)}.callout.tip .ic{background:#5EEAD4}
.callout.warn{border-color:rgba(255,184,107,.4)}.callout.warn .ic{background:#FFB86B}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:6px 0 24px}
.card{--c1:#C4B5FD;--c2:#7DA2FF;position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;border-radius:20px;border:1px solid var(--line-2);background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--c1) 11%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card::before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2),transparent);opacity:.55;transition:opacity .25s}
.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c1) 45%,transparent);box-shadow:0 22px 50px -28px color-mix(in srgb,var(--c1) 55%,transparent)}
.card:hover::before{opacity:1}
.cd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.card .hx-ic{width:44px;height:49px}.card .hx-ic svg{width:21px;height:21px}
.hx-mono b{position:relative;z-index:1;font:600 17px/1 var(--display);background:linear-gradient(150deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.card.us{border-color:rgba(196,181,253,.55);background:radial-gradient(120% 80% at 0% 0%,rgba(196,181,253,.20),transparent 60%),linear-gradient(180deg,rgba(196,181,253,.10),rgba(255,185,138,.04))}
.card h3{margin:0;font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:#fff}
.card .tg{flex:none;max-width:62%;text-align:center;font-family:var(--mono);font-size:9.5px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c1) 85%,#fff);border:1px solid color-mix(in srgb,var(--c1) 40%,transparent);background:color-mix(in srgb,var(--c1) 8%,transparent);border-radius:999px;padding:4px 10px}
.card p{margin:0!important;font-size:14.5px!important;line-height:1.62!important;color:#AEB4C5!important}
.cd-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.card .pr{font-family:var(--mono);font-size:12.5px;color:#E4E7F2}
.card a.go{font-size:13.5px;text-decoration:none;color:color-mix(in srgb,var(--c1) 80%,#fff)}
.card a.go:hover{text-decoration:underline}
.prompt{position:relative;margin:6px 0 24px;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(201,211,255,.55),rgba(196,181,253,.25) 40%,rgba(255,185,138,.45));box-shadow:0 26px 60px -34px rgba(196,181,253,.45)}
.prompt>*{position:relative}
.prompt::before{content:"";position:absolute;inset:1px;border-radius:19px;background:radial-gradient(90% 120% at 100% 0%,rgba(255,185,138,.08),transparent 55%),radial-gradient(80% 120% at 0% 0%,rgba(196,181,253,.12),transparent 60%),#0B0E18}
.prompt-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 4px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C4B5FD}
.ph-l{display:inline-flex;align-items:center;gap:8px}.ph-l svg{color:#FFB98A}
.prompt-h button{display:inline-flex;align-items:center;gap:6px;font:inherit;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:999px;padding:5px 11px;cursor:pointer;transition:color .2s,border-color .2s}
.prompt-h button:hover{color:#fff;border-color:#C4B5FD}
.prompt-h button.ok{color:#5EEAD4;border-color:rgba(94,234,212,.5)}
.prompt-in{margin:10px 14px 14px;border-radius:16px;border:1px solid var(--line-2);background:rgba(5,7,11,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.prompt-b{padding:16px 18px 6px;font-size:16px;line-height:1.65;color:#EEF0FF}
.prompt-b::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:3px;vertical-align:-3px;background:#C4B5FD;animation:pcar 1.1s steps(1) infinite}
@keyframes pcar{50%{opacity:0}}
.prompt-f{display:flex;justify-content:flex-end;padding:6px 10px 10px}
.prompt-f a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;color:#E8EBF4;padding:4px 4px 4px 14px;border-radius:999px;transition:background .2s}
.prompt-f a:hover{background:rgba(255,255,255,.05)}
.prompt-f a i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#C9D3FF,#C4B5FD 50%,#FFB98A);color:var(--ink);box-shadow:0 6px 18px -6px rgba(196,181,253,.7);transition:transform .2s}
.prompt-f a:hover i{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.prompt-b::after{animation:none}.card{transition:none}}
@media (max-width:520px){.cards{grid-template-columns:minmax(0,1fr);gap:12px}.card{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:6px;padding:16px 16px 18px;align-items:start}.cd-top{display:contents}.card .hx-ic{grid-column:1;grid-row:1/span 3;width:40px;height:45px}.card .hx-ic svg{width:19px;height:19px}.card .tg{grid-column:2;grid-row:1;justify-self:start;max-width:100%;font-size:9px;padding:3px 9px}.card h3{grid-column:2;font-size:18.5px}.card p{grid-column:2}.cd-f{grid-column:1/-1}.prompt-in{margin:8px 10px 10px}.prompt-b{font-size:15.5px;padding:14px 14px 4px}}
@media (max-width:960px){.art{grid-template-columns:minmax(0,1fr)}.toc-w{display:none}}
@media (max-width:520px){.prose p{font-size:16.5px}.prose li{font-size:16px}}

/* mid CTA : deux offres */
.mcta{margin:56px 0;padding:24px;border-radius:24px;border:1px solid rgba(196,181,253,.35);background:radial-gradient(80% 120% at 0% 0%,rgba(125,162,255,.16),transparent 60%),radial-gradient(80% 120% at 100% 100%,rgba(255,185,138,.12),transparent 60%),#0B0F1B;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:center}
.mc-t b{display:block;font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px}
.mc-t span{color:var(--muted);font-size:14.5px}
.mc-p{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mc-c{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;border:1px solid rgba(125,162,255,.45);background:rgba(125,162,255,.06);color:var(--text);text-decoration:none;transition:transform .25s,box-shadow .25s}
.mc-c:hover{transform:translateY(-3px);color:var(--text);box-shadow:0 20px 50px -25px rgba(125,162,255,.7)}
.mc-c.max{border:1.5px solid transparent;background:linear-gradient(180deg,#151129,#0D0B17) padding-box,linear-gradient(135deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A) border-box}
.mc-c span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C4B5FD}
.mc-c b{font-family:var(--display);font-weight:400;font-size:28px;letter-spacing:-.02em}
.mc-c b i{font-style:normal;font-size:13px;color:var(--muted);margin-left:4px;font-family:var(--body)}
.mc-c em{font-style:normal;font-size:13px;color:var(--muted);line-height:1.4}
@media (max-width:760px){.mcta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.mc-p{grid-template-columns:minmax(0,1fr)}}

/* tuiles */
.vtiles{margin:40px 0 56px}
.vt-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.vt-h a{font-size:13.5px;text-decoration:none!important;color:#C9D3FF}
.vt-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vt{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:18px;border-radius:20px;border:1px solid var(--line-2);background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--c1) 10%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));transition:border-color .3s,transform .3s,box-shadow .3s}
.vt::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2),transparent);opacity:.6}
.vt:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c1) 50%,transparent);box-shadow:0 22px 50px -28px var(--c1)}
.vt .hx-ic{grid-row:1/3;width:46px;height:52px}
.vt b{font-weight:600;font-size:15.5px;color:#fff;align-self:end}
.vt span{font-size:13.5px;color:var(--muted);align-self:start}
@media (max-width:520px){.vt-g{grid-template-columns:minmax(0,1fr)}}

/* galerie */
.vgal{margin:56px 0;padding:22px;border-radius:24px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.vg-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px}
.vg-h p{margin:0!important;font-size:13.5px!important;color:var(--dim)!important;line-height:1.5!important;max-width:420px}
.vg-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vg-i{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:#141A2E;position:relative}
.vg-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.vg-i:hover img{transform:scale(1.06)}
.vg-i::after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
@media (max-width:620px){.vg-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* limites */
.vlines{margin:56px 0 0;padding:24px;border-radius:24px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.vlines .eyebrow{display:block;margin-bottom:14px}
.vl-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vl{padding:18px;border-radius:18px;border:1px solid}
.vl.ok{border-color:rgba(94,234,212,.3);background:rgba(94,234,212,.04)}
.vl.no{border-color:rgba(253,164,175,.3);background:rgba(253,164,175,.04)}
.vl b{display:block;margin-bottom:10px;font-size:14px;letter-spacing:.02em}
.vl.ok b{color:#5EEAD4}.vl.no b{color:#FDA4AF}
.vl ul{gap:8px!important;margin:0!important}
.vl li{font-size:14.5px!important;padding-left:24px!important}
.vl.ok li::before{background:#5EEAD4!important;clip-path:none!important;width:14px!important;height:14px!important;top:.3em!important;left:0!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.vl.no li::before{background:#FDA4AF!important;clip-path:none!important;width:13px!important;height:13px!important;top:.35em!important;left:0!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.vl-more{display:inline-block;margin-top:14px;font-size:14px}
@media (max-width:620px){.vl-g{grid-template-columns:minmax(0,1fr)}}

/* numéros de sections + barre de lecture */
.prose{counter-reset:sec}
.prose section{counter-increment:sec}
.prose section>h2::before{content:counter(sec,decimal-leading-zero);display:block;width:max-content;margin-bottom:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--ink);padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#7DD3FC,#C4B5FD,#F0ABFC)}
.rprog{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.rprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A);box-shadow:0 0 12px rgba(196,181,253,.6)}

/* fenêtre offres */
.pm{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.pm[hidden]{display:none!important}
.pm-bg{position:absolute;inset:0;background:rgba(3,4,8,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pmf .25s ease}
.pm-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border-radius:28px;border:1px solid rgba(196,181,253,.35);background:radial-gradient(70% 60% at 0% 0%,rgba(125,162,255,.14),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(255,185,138,.12),transparent 60%),#0B0E18;box-shadow:0 60px 160px -40px rgba(124,92,255,.55);animation:pmin .35s cubic-bezier(.2,.8,.2,1)}
@keyframes pmf{from{opacity:0}}@keyframes pmin{from{opacity:0;transform:translateY(16px) scale(.98)}}
.pm-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.pm-x:hover{border-color:#C4B5FD}
.pm h2{margin:0 40px 6px 0;font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.025em;line-height:1.08}
.pm-sub{margin:0 0 22px;color:var(--muted);font-size:15px}
.pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pm-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));color:var(--text);text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.pm-card:hover{transform:translateY(-3px);border-color:rgba(125,211,252,.6);color:var(--text)}
.pm-card.max{border:1.5px solid transparent;background:linear-gradient(180deg,#151129,#0D0B17) padding-box,linear-gradient(135deg,#7DD3FC,#C4B5FD,#F0ABFC,#FFB98A) border-box;box-shadow:0 30px 80px -40px rgba(240,171,252,.6)}
.pm-card.max:hover{box-shadow:0 30px 90px -30px rgba(240,171,252,.75)}
.pm-name{font-family:var(--display);font-size:24px;font-weight:500}
.pm-tag{font-size:13.5px;color:var(--muted);margin-top:-6px}
.pm-badge{position:absolute;top:0;right:22px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:6px 11px 5px;border-radius:0 0 11px 11px;background:linear-gradient(90deg,#C4B5FD,#F0ABFC,#FFB98A)}
.pm-price{display:flex;align-items:baseline;gap:6px}
.pm-price b{font-family:var(--display);font-weight:400;font-size:40px;letter-spacing:-.03em}
.pm-card.max .pm-price b{background:linear-gradient(90deg,#fff 20%,#F5D0FE 70%,#FFD9C0);-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-price i{font-style:normal;color:var(--muted);font-size:14px}
.pm-card ul{list-style:none;margin:2px 0 6px;padding:0;display:flex;flex-direction:column;gap:7px}
.pm-card li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#C3C8D6;line-height:1.45}
.pm-card li svg{flex:none;margin-top:3px;color:#7DD3FC}
.pm-card.max li svg{color:#F0ABFC}
.pm-go{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;font-weight:500;font-size:15px;border:1px solid rgba(125,162,255,.55);background:rgba(125,162,255,.08)}
.pm-card.max .pm-go{border:0;background:#EA3323;color:#fff;font-weight:600;box-shadow:0 10px 30px -10px rgba(234,51,35,.6)}.pm-card.max:hover .pm-go{background:#F04A3B}
.pm-foot{margin:16px 0 0;text-align:center;font-size:12.5px;color:var(--dim)}
@media (max-width:620px){.pm{align-items:flex-end;padding:0}.pm-box{border-radius:26px 26px 0 0;padding:24px 18px 20px;max-height:92vh}.pm-grid{grid-template-columns:minmax(0,1fr)}.pm-price b{font-size:34px}}

/* FAQ page */
.pfaq{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,110px);background:radial-gradient(60% 50% at 0% 0%,rgba(196,181,253,.06),transparent 70%)}
.pfaq .wrap{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.pfaq .h2 em{background:linear-gradient(90deg,#C9D3FF,#F0ABFC 50%,#FFB98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:22px}
.pf-lead{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.pf-search{display:flex;align-items:center;gap:10px;margin-top:22px;padding:0 16px;height:48px;border-radius:14px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--dim);transition:border-color .2s,box-shadow .2s}
.pf-search:focus-within{border-color:rgba(196,181,253,.6);box-shadow:0 0 0 4px rgba(196,181,253,.12);color:#C4B5FD}
.pf-search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;color:var(--text);font:400 15px var(--body)}
.pf-search input::placeholder{color:var(--dim)}
.pf-search input::-webkit-search-cancel-button{filter:invert(.6)}
.pf-cta{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:linear-gradient(#0D1020,#0D1020) padding-box,linear-gradient(135deg,rgba(201,211,255,.6),rgba(196,181,253,.3),rgba(255,185,138,.6)) border-box;border:1px solid transparent}
.pf-cta svg{margin-bottom:6px}
.pf-cta b{font:500 20px/1.25 var(--display);color:#fff}
.pf-cta>span{font-size:14px;line-height:1.55;color:var(--muted)}
.pf-cta .btn{margin-top:12px;justify-content:center}
.pf-pol{margin-top:6px;font-size:13.5px;color:#C4B5FD;text-decoration:none;text-align:center}
.pf-pol:hover{text-decoration:underline}
.pf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.pf-count b{color:#C4B5FD;font-weight:600}
.pf-all{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:999px;padding:8px 13px;cursor:pointer;transition:color .2s,border-color .2s}
.pf-all:hover{color:#fff;border-color:#C4B5FD}
.qa{position:relative;border-radius:18px;background:rgba(255,255,255,.022);border:1px solid var(--line);margin-bottom:10px;transition:border-color .3s,background .3s}
.qa:hover{border-color:var(--line-2)}
.qa[open]{border-color:rgba(196,181,253,.45);background:radial-gradient(90% 120% at 0% 0%,rgba(196,181,253,.09),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 20px;font-size:17px;font-weight:500;color:#E8EBF4}
.qa summary::-webkit-details-marker{display:none}
.qa summary:focus-visible{outline:2px solid #C4B5FD;outline-offset:2px;border-radius:18px}
.qa-n{flex:none;font:500 12px/1 var(--mono);font-style:normal;color:var(--dim);letter-spacing:.06em;width:22px;transition:color .3s}
.qa[open] .qa-n{background:linear-gradient(90deg,#C9D3FF,#F0ABFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.qa-q{flex:1;min-width:0;line-height:1.4}
.qa[open] .qa-q{color:#fff}
.qa summary::after{content:"+";margin-left:auto;flex:none;width:30px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:18px;color:#E8EBF4;transition:transform .35s,background .3s}
.qa:hover summary::after{background:rgba(196,181,253,.22)}
.qa[open] summary::after{content:"–";background:linear-gradient(135deg,#C9D3FF,#C4B5FD 55%,#FFB98A);color:var(--ink);transform:rotate(180deg)}
.qa-a{padding:0 64px 22px 58px;animation:qaIn .35s ease}
.qa-a p{margin:0;padding-left:16px;border-left:2px solid rgba(196,181,253,.35);color:#B9BFCE;font-size:15.5px;line-height:1.75}
.qa-a a{color:#C9D3FF}
@keyframes qaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pf-empty{margin:14px 0 0;padding:18px 20px;border-radius:16px;border:1px dashed var(--line-2);color:var(--muted);font-size:15px}
@media (prefers-reduced-motion:reduce){.qa-a{animation:none}.qa summary::after{transition:none}}
@media (max-width:900px){.pfaq .wrap{grid-template-columns:minmax(0,1fr)}.pf-side{display:contents}.pf-top{order:1}.pf-list{order:2}.pf-cta{order:3}.pf-cta{align-items:flex-start}.pf-cta .btn{align-self:stretch}.pf-pol{align-self:center}}
@media (max-width:520px){.qa summary{padding:16px;gap:12px;font-size:16px}.qa-n{width:18px}.qa-a{padding:0 16px 18px 16px}.qa-a p{font-size:15px}}

/* related */
.rel{padding-block:0 clamp(56px,8vw,110px)}
.rel-h{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}
.rel-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rel-c{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));text-decoration:none;color:var(--text);transition:border-color .25s,transform .25s}
.rel-c:hover{border-color:rgba(196,181,253,.55);transform:translateY(-3px);color:var(--text)}
.hx-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:60px;flex:none;filter:drop-shadow(0 8px 22px color-mix(in srgb,var(--c1) 35%,transparent))}
.hx-ic::before,.hx-ic::after{content:"";position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hx-ic::before{inset:0;background:linear-gradient(150deg,var(--c1),var(--c2))}
.hx-ic::after{inset:1.5px;background:radial-gradient(120% 90% at 30% 15%,color-mix(in srgb,var(--c1) 22%,#0B0F1B),#0A0D16 70%)}
.hx-ic svg{position:relative;z-index:1;width:26px;height:26px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
a:hover .hx-ic svg{transform:scale(1.12) rotate(-4deg)}
.rel-c b{font-family:var(--display);font-weight:500;font-size:19px;line-height:1.2;letter-spacing:-.01em}
.rel-c span{font-size:14px;color:var(--muted);line-height:1.55}
.rel-c em{font-style:normal;margin-top:auto;font-size:13px;color:#C9D3FF}

/* final CTA */
.fcta{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);padding-block:clamp(64px,9vw,120px);text-align:center}
.fcta::before{content:"";position:absolute;inset:0;z-index:-1;filter:blur(40px);background:radial-gradient(40% 60% at 50% 70%,rgba(196,181,253,.22),transparent 70%),radial-gradient(30% 50% at 25% 80%,rgba(125,211,252,.12),transparent 70%),radial-gradient(30% 50% at 78% 80%,rgba(255,185,138,.14),transparent 70%)}
.fcta .h2{max-width:900px;margin:0 auto 16px}
.fcta .h2 em{background:linear-gradient(90deg,#C9D3FF,#F0ABFC 50%,#FFB98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.fcta p{color:var(--muted);margin:0 auto 28px;max-width:560px}
.fbox{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 20px;border-radius:20px;border:1px solid var(--line-2);background:rgba(10,13,22,.7);backdrop-filter:blur(14px)}
.fbox input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:16px}
.fbox a{flex:none}
.fplans{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:var(--muted)}
.fplans a{color:var(--text);text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px}
.fplans a.mx{border-color:rgba(196,181,253,.5);background:rgba(196,181,253,.08)}
.foot .lang-list{flex-direction:row!important;flex-wrap:wrap;gap:6px 12px!important}
/* ===== comparatif ===== */
.pd{margin:0;position:relative}
.pd-in{position:relative;border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(201,211,255,.55),rgba(196,181,253,.18) 40%,rgba(255,185,138,.5));box-shadow:0 40px 90px -40px rgba(124,108,255,.55)}
.pd-in::before{content:"";position:absolute;inset:1px;border-radius:23px;background:radial-gradient(80% 60% at 100% 0%,rgba(255,185,138,.10),transparent 60%),radial-gradient(70% 60% at 0% 0%,rgba(125,162,255,.14),transparent 60%),#0A0D18}
.pd-in>*{position:relative}
.pd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 10px}
.pd-t{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#C4B5FD}
.pd-pill{font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:#5EEAD4;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.07);border-radius:999px;padding:6px 10px;white-space:nowrap}
.pd-list{display:flex;flex-direction:column;gap:8px;padding:6px 12px 12px}
.pd-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l l" "c g";column-gap:12px;row-gap:8px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .25s,background .25s,transform .25s;animation:pdIn .6s both;animation-delay:var(--d)}
.pd-row{grid-template-columns:44px minmax(0,1fr) 30px;grid-template-areas:"l l l" "m n g"}
.pd-row:hover{transform:translateX(3px);border-color:rgba(196,181,253,.45);background:rgba(196,181,253,.06)}
.pd-row.us{border-color:rgba(196,181,253,.55);background:linear-gradient(100deg,rgba(196,181,253,.16),rgba(255,185,138,.07))}
.pd-l{grid-area:l;justify-self:start;font:500 10px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
.pd-row.us .pd-l{color:#0A0D18;background:linear-gradient(90deg,#C9D3FF,#F0ABFC 55%,#FFB98A);border-color:transparent}
.pd-row .hx-ic{grid-area:m;width:40px;height:45px}.pd-row .hx-ic svg{width:19px;height:19px}
.pd-n{grid-area:n;display:flex;flex-direction:column;gap:3px;min-width:0}
.pd-n b{font:500 17px/1.2 var(--display);color:#fff}
.pd-n span{font-size:13px;line-height:1.45;color:var(--muted)}
.pd-go{grid-area:g;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);color:var(--muted);transition:all .25s}
.pd-row:hover .pd-go{color:var(--ink);background:#C4B5FD;border-color:#C4B5FD}
.pd-fair{display:block;padding:12px 20px 18px;font-size:13px;color:#C4B5FD;text-decoration:none}
.pd-fair:hover{text-decoration:underline}
@keyframes pdIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.disc{display:flex;gap:16px;align-items:flex-start;margin:6px 0 24px;padding:20px 22px;border-radius:20px;background:linear-gradient(#0B0E19,#0B0E19) padding-box,linear-gradient(135deg,rgba(201,211,255,.5),rgba(94,234,212,.25),rgba(255,185,138,.45)) border-box;border:1px solid transparent;scroll-margin-top:100px}
.disc .hx-ic{width:44px;height:49px}.disc .hx-ic svg{width:21px;height:21px}
.disc b{display:block;font:500 18px/1.3 var(--display);color:#fff;margin-bottom:6px}
.disc p{margin:0!important;font-size:15px!important;line-height:1.65!important}
.mx{margin:6px 0 26px}
.mx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.mx-lab{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.mx-chips{display:flex;flex-wrap:wrap;gap:8px}
.mx-chip,.mx-sort,.mx-reset{display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--body);color:#C3C8D6;background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:999px;padding:9px 13px;cursor:pointer;transition:all .2s}
.mx-chip span{display:inline-flex;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--line-2);color:transparent;transition:all .2s}
.mx-chip[aria-pressed="true"]{color:#fff;border-color:rgba(196,181,253,.6);background:rgba(196,181,253,.12)}
.mx-chip[aria-pressed="true"] span{background:linear-gradient(135deg,#C9D3FF,#C4B5FD 55%,#FFB98A);border-color:transparent;color:var(--ink)}
.mx-sort{margin-left:auto}
.mx-sort[aria-pressed="true"]{color:#fff;border-color:rgba(94,234,212,.5);background:rgba(94,234,212,.08)}
.mx-chip:hover,.mx-sort:hover{border-color:#C4B5FD;color:#fff}
.mx-reset{padding:4px 10px;font-size:12px}
.mx-count{margin:-10px 0 6px!important;font:500 11px/1.4 var(--mono)!important;letter-spacing:.06em;color:var(--dim)!important}
.mx-count [data-n]{color:#C4B5FD;font-weight:600}
.mx-none{padding:16px 18px;border:1px dashed var(--line-2);border-radius:14px;color:var(--muted)!important;font-size:15px!important}
.mx-t table{min-width:0;table-layout:fixed}.mx-t th:nth-child(1){width:21%}.mx-t th:nth-child(2),.mx-t th:nth-child(4),.mx-t th:nth-child(5),.mx-t th:nth-child(6){width:12%}.mx-t th:nth-child(3){width:13%}.mx-t th:nth-child(7){width:18%}.mx-t td,.mx-t th{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}.mx-name .hx-ic{flex:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mx-t th,.mx-t td{padding:13px 12px}.mx-t th{font-size:10px}
.mx-t td{vertical-align:middle}
.mx-name{display:flex;align-items:center;gap:12px}
.mx-name .hx-ic{width:34px;height:38px}.mx-name .hx-ic svg{width:16px;height:16px}.mx-name .hx-mono b{font-size:14px}
.mx-name>span{display:flex;flex-direction:column;gap:2px}
.mx-name b{color:#fff;font-weight:600;font-size:14.5px}
.mx-name a{font:400 11.5px var(--mono);color:var(--dim);text-decoration:none}
.mx-name a:hover{color:#C4B5FD}
.mx-ours{font:600 9.5px/1.4 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#0A0D18;background:linear-gradient(90deg,#C9D3FF,#F0ABFC 55%,#FFB98A);border-radius:999px;padding:2px 7px;width:max-content}
.mx-bool .mx-v,.mx-text .mx-v{display:flex;flex-direction:column;gap:2px}
.mx-bool{white-space:normal}
td.mx-bool{display:table-cell}
.mx-bool>*{vertical-align:middle}
.mx-bool .mx-v b{font-weight:500;color:#E8EBF4;font-size:13.5px}
.mx-bool .mx-v small{font-size:12px;color:var(--muted);line-height:1.4}
.mx-t td.mx-bool{text-align:left}
.mx-bool .mx-v small{display:block;margin-top:5px;max-width:120px}
.mk2{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}
.mk2-yes{background:linear-gradient(135deg,#5EEAD4,#7DD3FC);color:#062022}
.mk2-no{background:rgba(255,255,255,.06);color:#7B8296;box-shadow:inset 0 0 0 1px var(--line-2)}
.mk2-partial{background:rgba(255,185,138,.14);color:#FFB98A;box-shadow:inset 0 0 0 1px rgba(255,185,138,.45)}
.mx-text .mx-v{font-size:13.5px;color:#B9BFCE;line-height:1.5}
.mx-t tr.us td{background:rgba(196,181,253,.08)}
.mx-t tr.us td:first-child{box-shadow:inset 3px 0 0 #C4B5FD}
.fd{margin:8px 0 28px;border-radius:22px;padding:22px;background:radial-gradient(80% 90% at 100% 0%,rgba(125,211,252,.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line-2)}
.fd-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.fd-h .hx-ic{width:44px;height:49px}.fd-h .hx-ic svg{width:21px;height:21px}
.fd-h b{font:500 21px/1.25 var(--display);color:#fff}
.fd-qs{display:flex;flex-direction:column;gap:16px}
.fd-q{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.fd-n{font:500 12px/1.9 var(--mono);color:#C4B5FD}
.fd-q b{display:block;font-weight:500;color:#E8EBF4;font-size:15.5px;margin-bottom:10px}
.fd-os{display:flex;flex-wrap:wrap;gap:8px}
.fd-o{font:500 14px/1.2 var(--body);color:#C3C8D6;background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:12px;padding:11px 14px;cursor:pointer;transition:all .2s;text-align:left}
.fd-o:hover{border-color:#C4B5FD;color:#fff}
.fd-o[aria-pressed="true"]{color:#fff;border-color:rgba(196,181,253,.7);background:linear-gradient(135deg,rgba(201,211,255,.16),rgba(196,181,253,.12),rgba(255,185,138,.10));box-shadow:0 0 0 3px rgba(196,181,253,.12)}
.fd-r{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.fd-wait{margin:0!important;color:var(--dim)!important;font-size:14.5px!important}
.fd-res{padding:18px 20px;border-radius:18px;background:linear-gradient(#0D1020,#0D1020) padding-box,linear-gradient(135deg,rgba(94,234,212,.6),rgba(196,181,253,.4),rgba(255,185,138,.6)) border-box;border:1px solid transparent;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fd-res.pop{animation:pdIn .45s ease}
.fd-m{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5EEAD4}
.fd-res b{font:500 22px/1.2 var(--display);color:#fff}
.fd-res p{margin:0!important;font-size:15px!important}
.fd-res .btn{margin-top:6px}
.fd-again{align-self:flex-start;font:500 12.5px var(--body);color:var(--muted);background:none;border:0;cursor:pointer;padding:0}
.fd-again:hover{color:#fff}
.rvs{display:flex;flex-direction:column;gap:16px;margin:8px 0 26px}
.rv{border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));overflow:hidden;scroll-margin-top:100px}
.rv.us{border-color:rgba(196,181,253,.55);background:radial-gradient(90% 80% at 0% 0%,rgba(196,181,253,.14),transparent 60%),linear-gradient(180deg,rgba(196,181,253,.06),rgba(255,185,138,.03))}
.rv-h{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.rv-h .hx-ic{width:44px;height:49px}.rv-h .hx-ic svg{width:21px;height:21px}
.rv-t{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.prose .rv-t h3{margin:0!important;font:500 21px/1.2 var(--display);color:#fff;width:100%}
.rv-tag{font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#C4B5FD;border:1px solid rgba(196,181,253,.35);border-radius:999px;padding:3px 9px}
.rv-p{text-align:right;display:flex;flex-direction:column;gap:3px}
.rv-p small,.rv-pros small,.rv-cons small,.rv-src small{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.rv-p b{font:500 14px/1.3 var(--mono);color:#fff}
.rv-g{display:grid;grid-template-columns:1fr 1fr;gap:0}
.rv-pros,.rv-cons{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.rv-cons{border-left:1px solid var(--line)}
.prose .rv ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.prose .rv li{display:flex;gap:9px;align-items:flex-start;margin:0;font-size:14.5px;line-height:1.55;color:#C3C8D6;padding:0}
.prose .rv li::before{display:none}
.rv li svg{flex:none;margin-top:5px}
.rv-pros li svg{color:#5EEAD4}.rv-cons li svg{color:#FFB98A}
.rv-v{padding:14px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}
.rv-v p{margin:0 0 4px!important;font-size:14.5px!important;line-height:1.6!important}
.rv-v b{color:#fff;font-weight:600}
.rv-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px 16px;border-top:1px solid var(--line)}
.rv-src{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px}
.rv-src a{color:var(--muted);text-decoration:none}.rv-src a:hover{color:#C4B5FD}
.rv-site{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:#E8EBF4;text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px}
.rv-site:hover{border-color:#C4B5FD}
.prose .rv-f .btn{padding:0 16px;height:38px;font-size:14px;color:var(--ink);text-decoration:none}.prose .rv-site{text-decoration:none}.prose .pd a,.prose .mx-name a{text-decoration:none}
.mx-reset{margin-left:10px}
@media (max-width:960px){.pd{margin-top:8px}}
@media (max-width:640px){.mx-t table{min-width:0}.mx-sort{margin-left:0}.mx-name a{display:none}.mx-bool .mk2{margin-right:8px}.mx-bool .mx-v small{display:inline;max-width:none;margin:0}.mx-t td.mx-bool{display:flex!important;align-items:flex-start;flex-wrap:wrap}.mx-t td.mx-bool::before{width:100%}.rv-g{grid-template-columns:1fr}.rv-cons{border-left:0;border-top:1px solid var(--line)}.rv-h{flex-wrap:wrap}.rv-p{text-align:left;width:100%;flex-direction:row;gap:8px;align-items:baseline}.fd{padding:18px}.fd-q{grid-template-columns:minmax(0,1fr)}.fd-n{display:none}.pd-row{padding:12px}}

.prose a.mx-nl{text-decoration:none;color:#fff}.prose a.mx-nl:hover b{text-decoration:underline;text-decoration-color:rgba(196,181,253,.6)}
.mx-dom{font:400 11px var(--mono);color:var(--dim)}
.mx-name:hover .mx-dom{color:#C4B5FD}
.rv-dom{font:400 11.5px var(--mono);color:var(--dim)}
.src-t{color:var(--muted)}
.go-t{font-family:var(--mono);font-size:12.5px;color:var(--dim)}
.rv{scroll-margin-top:96px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hub{margin:10px 0 30px;padding:20px;border-radius:22px;border:1px solid var(--line-2);background:radial-gradient(90% 100% at 0% 0%,rgba(125,162,255,.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.hub-h{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.hub-h b{font:500 20px/1.25 var(--display);color:#fff}
.hub-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prose a.hub-c{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}
.prose a.hub-c:hover{border-color:color-mix(in srgb,var(--c1) 50%,transparent);background:color-mix(in srgb,var(--c1) 6%,transparent);transform:translateY(-2px)}
.hub-c .hx-ic{width:38px;height:43px}.hub-c .hx-ic svg{width:18px;height:18px}
.hub-c>span:not(.hx-ic){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hub-c b{font-weight:600;color:#fff;font-size:14.5px;line-height:1.35}
.hub-c small{font-size:12.5px;line-height:1.45;color:var(--muted)}
.hub-c i{font-style:normal;color:var(--dim);transition:color .2s}
.hub-c:hover i{color:#C4B5FD}
@media (max-width:640px){.hub-g{grid-template-columns:minmax(0,1fr)}.hub{padding:16px}}
/* Boutons de conversion : dégradé « coucher de soleil », reflet au survol */
.btn[data-plans],.btn-cta{position:relative;border:0;color:#fff;font-weight:600;background:#EA3323;box-shadow:0 10px 30px -10px rgba(234,51,35,.55),0 0 0 1px rgba(255,255,255,.06) inset;transition:transform .2s,box-shadow .25s,background .2s}
.btn[data-plans]:hover,.btn-cta:hover{background:#F04A3B;color:#fff;transform:translateY(-1px);box-shadow:0 14px 38px -10px rgba(234,51,35,.75)}
.btn[data-plans]:focus-visible,.btn-cta:focus-visible{outline:2px solid #F04A3B;outline-offset:3px}
/* ===== page d'offre ===== */
.of-body{min-height:100vh;background:radial-gradient(70% 50% at 50% -10%,rgba(124,108,255,.22),transparent 70%),radial-gradient(50% 40% at 100% 30%,rgba(234,51,35,.10),transparent 70%),var(--ink)}
.of-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(5,7,11,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.of-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:66px}
.of-nav-r{display:flex;align-items:center;gap:16px}
.of-secure{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5EEAD4}
.of-langs{display:flex;gap:4px}.of-langs a{font:500 11px/1 var(--mono);color:var(--dim);text-decoration:none;padding:6px 7px;border-radius:8px}.of-langs a[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
.of-back{font-size:14px;color:var(--muted);text-decoration:none}.of-back:hover{color:#fff}
.of-hero{padding:clamp(40px,7vw,90px) 0 40px;text-align:center}
.of-hero h1{margin:18px 0 14px;font-family:var(--display);font-weight:400;font-size:clamp(40px,6.4vw,78px);line-height:1.02;letter-spacing:-.035em}
.of-hero h1 em{font-style:normal;background:#EA3323;-webkit-background-clip:text;background-clip:text;color:transparent}
.of-sub{margin:0 auto 38px;max-width:560px;color:var(--muted);font-size:17px;line-height:1.6}
.of-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:860px;margin:0 auto;text-align:left}
.of-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:26px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012))}
.of-card.max{border:1.5px solid transparent;background:linear-gradient(180deg,#170F22,#0D0A15) padding-box,#EA3323 border-box;box-shadow:0 40px 100px -40px rgba(234,51,35,.6);transform:translateY(-6px)}
.of-badge{position:absolute;top:0;right:24px;font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:7px 12px 6px;border-radius:0 0 12px 12px;background:#EA3323}
.of-card header{display:flex;flex-direction:column;gap:4px}
.of-card header b{font:500 28px/1 var(--display);color:#fff}
.of-card header span{font-size:14px;color:var(--muted)}
.of-price{display:flex;align-items:baseline;gap:6px}
.of-price b{font:400 48px/1 var(--display);letter-spacing:-.03em;color:#fff}
.of-price i{font-style:normal;color:var(--muted);font-size:15px}
.of-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.of-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:#D2D6E3}
.of-card li svg{flex:none;margin-top:2px;color:#7DD3FC}.of-card.max li svg{color:#FF8FA8}
.of-card .btn{margin-top:auto;width:100%;min-height:54px;font-size:16px}
.btn-alt{background:#EEF0F6;color:#05070B;box-shadow:0 10px 30px -14px rgba(238,240,246,.5)}.btn-alt:hover{background:#fff;color:#05070B}
.of-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:34px auto 0;max-width:860px}
.of-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted)}.of-trust svg{color:#5EEAD4}
.of-sec{padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--line)}
.of-sec h2,.of-final h2{margin:0 0 20px;font-family:var(--display);font-weight:400;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.025em}
.of-two{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.of-tbl{border:1px solid var(--line-2);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.015)}
.of-tbl table{width:100%;border-collapse:collapse;font-size:14.5px}
.of-tbl th,.of-tbl td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left}
.of-tbl tr:last-child th,.of-tbl tr:last-child td{border-bottom:0}
.of-tbl thead th{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.03)}
.of-tbl thead th small{display:block;text-transform:none;letter-spacing:0;color:var(--dim);margin-top:3px}
.of-tbl thead th.hl{color:#F2604F}
.of-tbl tbody th{font-weight:500;color:#D7DAE5}
.of-tbl td:last-child{background:rgba(234,51,35,.05)}
.of-y{color:#5EEAD4}.of-n{color:var(--dim)}.of-t{font-size:13.5px;color:#C3C8D6}
.of-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.of-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.of-sn{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#EA3323;color:#fff;font:600 13px var(--mono)}
.of-steps b{color:#fff;font-weight:600;font-size:16px}.of-steps p{margin:4px 0 0;color:var(--muted);font-size:14.5px;line-height:1.55}
.of-faqw{max-width:780px}
.of-q{border:1px solid var(--line);border-radius:16px;margin-bottom:10px;background:rgba(255,255,255,.02)}
.of-q[open]{border-color:rgba(234,51,35,.45)}
.of-q summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:500;color:#E8EBF4}.of-q summary::-webkit-details-marker{display:none}
.of-q p{margin:0;padding:0 18px 18px;color:#B9BFCE;line-height:1.7}
.of-rules a{color:#F2604F;font-size:14.5px}
.of-final{padding:clamp(50px,8vw,100px) 0 140px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(60% 80% at 50% 100%,rgba(234,51,35,.14),transparent 70%)}
.of-final p{color:var(--muted);margin:0 0 26px}
.of-final-b{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.of-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(8,6,12,.92);backdrop-filter:blur(12px);border-top:1px solid rgba(234,51,35,.35)}
.of-bar span{font:500 13px var(--mono);color:#fff}
.of-bar .btn{min-height:44px}
@media (max-width:820px){.of-plans,.of-two{grid-template-columns:minmax(0,1fr)}.of-card.max{transform:none;order:-1}.of-bar{display:flex}.of-secure,.of-langs{display:none}}
.of-ask{max-width:560px;margin:0 auto 26px;padding:12px 16px;border-radius:16px;border:1px solid rgba(234,51,35,.35);background:rgba(234,51,35,.06);text-align:left}
.of-ask[hidden]{display:none}
.of-ask small{display:block;font:600 10.5px/1 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#F2604F;margin-bottom:6px}
.of-ask p{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Pages légales */
.lg{padding-block:clamp(28px,5vw,56px) clamp(56px,8vw,96px)}
.lg .crumbs{margin:0 0 18px}
.lg h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.2vw,52px);line-height:1.05;letter-spacing:-.03em;margin:0 0 10px;max-width:22ch}
.lg-up{color:var(--dim);font-size:14px;margin:0 0 clamp(26px,4vw,44px)}
.lg-g{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.lg-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);font-size:13.5px}
.lg-toc b{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.lg-toc a{color:var(--muted);text-decoration:none;line-height:1.35}.lg-toc a:hover{color:#fff}
.lg-p{max-width:78ch}
.lg-p h2{font-size:clamp(20px,2.2vw,24px);margin:34px 0 10px;scroll-margin-top:96px}
.lg-p h2:first-child{margin-top:0}
.lg-p p,.lg-p li{font-size:16px;line-height:1.7;color:#C9CEDB}
.lg-p ul{padding-left:20px}
.lg-p a{color:#C9D3FF}
@media (max-width:900px){.lg-g{grid-template-columns:minmax(0,1fr)}.lg-toc{position:static}}