/* ===== page fonctionnalités ===== */
.fh{padding:90px 0 40px;text-align:center}
.fh h1{font:600 clamp(42px,6vw,84px)/1.02 var(--h);letter-spacing:-.05em;margin-top:18px}
.fh p{font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);max-width:640px;margin:18px auto 0}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:44px auto 0;text-align:left}
.fgrid a{position:relative;display:grid;grid-template-columns:64px 1fr 20px;gap:16px;align-items:center;background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:16px 18px 16px 16px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.fgrid a:hover{transform:translateY(-3px);border-color:#C7CFF4;box-shadow:0 24px 40px -24px rgba(61,85,199,.45)}
.fgrid .om{width:64px;height:64px;border-radius:18px;background:var(--blue-soft);display:grid;place-items:center}
.fgrid .om img{width:46px;height:46px;object-fit:contain;transition:transform .3s}
.fgrid a:hover .om img{transform:scale(1.1) rotate(-6deg)}
.fgrid .nb{display:flex;align-items:center;gap:6px;font:600 11px/1 var(--b);letter-spacing:.06em;color:var(--blue)}
.fgrid .nb em{font-style:normal;background:var(--blue);color:#fff;border-radius:5px;padding:3px 5px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.fgrid b{display:block;font:600 17px/1.2 var(--h);letter-spacing:-.025em;margin-top:6px}
.fgrid .ds{display:block;font-size:13.5px;color:var(--muted);line-height:1.35;margin-top:3px}
.fgrid .ar{color:var(--blue);font-size:18px;opacity:.5;transition:.25s}
.fgrid a:hover .ar{opacity:1;transform:translateX(3px)}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fgrid{grid-template-columns:1fr;gap:10px}.fgrid a{grid-template-columns:52px 1fr 16px;padding:12px 14px 12px 12px}.fgrid .om{width:52px;height:52px;border-radius:14px}.fgrid .om img{width:38px;height:38px}}
.fchips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.fchips a{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #E5DDD2;border-radius:999px;padding:8px 16px 8px 8px;font:500 15px/1 var(--b);color:var(--ink);text-decoration:none;transition:.2s}
.fchips a:hover{border-color:var(--blue);color:var(--blue)}
.fchips .i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font:600 12px/1 var(--b)}
.lab{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.lab em{font-style:normal;background:var(--blue);color:#fff;border-radius:6px;padding:4px 6px;font-size:10px}
.fx h2{font:600 clamp(34px,4.2vw,56px)/1.04 var(--h);letter-spacing:-.045em;margin-top:14px}
.fx h2 span{color:var(--blue)}
.fx .lede{font-size:18px;color:var(--ink-2);margin-top:16px;max-width:560px;line-height:1.55}
.stp{list-style:none;display:grid;gap:14px;margin-top:28px}
.stp li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
.stp .n{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font:600 14px/1 var(--h)}
.stp b{display:block;font:600 17px/1.25 var(--h);letter-spacing:-.02em}
.stp p{font-size:14.5px;color:var(--muted);margin-top:3px;line-height:1.45}
.gets{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:24px;padding-top:22px;border-top:1px solid #E5DDD2}
.gets li{position:relative;padding-left:24px;font-size:14.5px;color:var(--ink);line-height:1.4}
.gets li::before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:#E6F6EE;color:#1E8E5A;font:700 10px/17px var(--b);text-align:center}
.gets-t{display:block;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:26px}
.gets-t+.gets{border-top:0;padding-top:0;margin-top:12px}
/* fenêtre produit */
.fw{background:#fff;border-radius:20px;box-shadow:0 40px 80px -40px rgba(10,20,80,.55),0 0 0 1px rgba(23,37,60,.06);overflow:hidden;width:100%;max-width:480px;color:var(--ink);text-align:left}
.fw-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#F4F5F9;border-bottom:1px solid #E9EBF1}
.fw-bar i{width:9px;height:9px;border-radius:50%;background:#D9DCE4}
.fw-bar span{margin-left:10px;font:500 12px/1 var(--b);color:var(--muted)}
.fw-body{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;background:#FAFAFC}
.fw-body>*{min-width:0}
.fc{background:#fff;border:1px solid #ECEEF3;border-radius:14px;padding:12px 14px}
.fc small{display:flex;align-items:center;gap:6px;font:600 10.5px/1.2 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fc b{display:block;font:600 15px/1.3 var(--h);letter-spacing:-.02em;margin-top:5px}
.fc .nm{font-size:19px}
.fc .m,.fc .res{font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.45}
.fc .big{font-size:26px;letter-spacing:-.04em;color:var(--blue)}
.fc.blue{border-left:3px solid var(--blue)}.fc.blue small{color:var(--blue)}
.fc.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fc-h{display:flex;justify-content:space-between;align-items:center}
.dot{width:7px;height:7px;border-radius:50%;background:#1E8E5A;box-shadow:0 0 0 4px rgba(30,142,90,.15)}
.tagb{font:600 11px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:5px 9px;flex:none}
.bien{display:flex;gap:10px;align-items:center;margin-top:10px;padding:8px;background:#F7F8FB;border-radius:10px}
.bien .th{width:54px;height:42px;border-radius:8px;background-size:cover;background-position:center;flex:none}
.bien b{margin:0;font-size:13.5px}.bien span{font-size:12px;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pills span{font:500 11.5px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:6px 9px}
.pills span.ok{background:#E6F6EE;color:#1E8E5A}
.okb{display:flex;align-items:center;gap:10px;background:#E6F6EE;color:#14663F;border-radius:12px;padding:11px 14px;font:600 13.5px/1.2 var(--b)}
.okb i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1E8E5A;color:#fff;font-size:12px}
.gauge{position:relative;height:8px;border-radius:8px;background:#EEF0F5;margin-top:14px}
.gauge i{position:absolute;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,#8496EE,#3D55C7)}
.gauge em{position:absolute;top:-4px;width:3px;height:16px;border-radius:2px;background:var(--ink)}
.gl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px}
.fc .gauge{left:auto;top:auto;transform:none;color:inherit;text-align:left}
.gl{gap:14px}.gl span:last-child{text-align:right}
.rd-top{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:#fff;border:1px solid #ECEEF3;border-radius:14px;padding:14px}
.rring{position:relative;width:132px;height:132px}
.rring svg{width:132px;height:132px;transform:rotate(-90deg)}
.rring circle{fill:none;stroke:#EEF0F5;stroke-width:10}
.rring circle.v,.rring circle.m{stroke-dasharray:314.2;stroke-dashoffset:314.2;stroke-linecap:round;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .3s}
.rring circle.v{stroke:var(--blue);stroke-width:10}
.rring circle.m{stroke:#C7CFF4;stroke-width:4;stroke-dasharray:2 5;stroke-dashoffset:0;opacity:0;transition:opacity .6s 1.2s}
.in .rring circle.v{stroke-dashoffset:calc(314.2*(1 - var(--p)))}
.in .rring circle.m{opacity:1;stroke-dasharray:calc(314.2*var(--p)) 400}
.rring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rring b{font:600 30px/1 var(--h);letter-spacing:-.04em;color:var(--blue)}
.rring span{font-size:10.5px;color:var(--muted);line-height:1.25;margin-top:4px}
.rd-k small{font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rd-k b{display:block;font:600 24px/1 var(--h);color:#1E8E5A;margin:6px 0 4px}
.rd-k>span{font-size:12.5px;color:var(--ink-2)}
.fbai{display:flex;gap:6px;margin-top:10px}
.fbai span{width:28px;height:28px;border-radius:8px;background:#F4F5F8;display:grid;place-items:center}
.fbai img{width:16px;height:16px;filter:grayscale(1) brightness(0);opacity:.55}
.racts .ract{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #F0F1F5;font-size:13px}
.racts .ract:first-of-type{border-top:0;margin-top:6px}
.racts .n{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--blue-soft);color:var(--blue);font:600 11px/1 var(--b)}
.racts em{font-style:normal;font:600 11px/1 var(--b);color:var(--muted);background:#F4F5F8;border-radius:999px;padding:5px 8px}
.racts em.ok{background:#E6F6EE;color:#1E8E5A}
.bars{display:grid;gap:9px;margin-top:12px}
.bars .r{display:grid;grid-template-columns:150px 1fr 38px;gap:10px;align-items:center;font-size:12.5px}
.bars .r i{height:10px;border-radius:6px;background:#E3E7F5;position:relative;overflow:hidden}
.bars .r i::after{content:"";position:absolute;inset:0;width:calc(var(--w)*100%);background:#AEB9E8;border-radius:6px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .3s}
.bars .r.hot i::after{background:var(--blue)}
.bars .r b{margin:0;font-size:12px;text-align:right;color:var(--muted)}
.bars .r.hot b{color:var(--blue)}
.in .bars .r i::after{transform:none}
.crit{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.crit span{flex:1;min-width:110px;background:#F7F8FB;border-radius:10px;padding:10px;font-size:12px;color:var(--ink-2)}
.crit b{display:block;margin:0 0 2px;font-size:20px;color:var(--blue)}
.an{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d)*.28s + .15s)}
.in .an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.an{opacity:1;transform:none;transition:none}}
@media (max-width:560px){.gets{grid-template-columns:1fr}.bars .r{grid-template-columns:110px 1fr 34px}.rd-top{grid-template-columns:1fr;justify-items:center;text-align:center}.rd-k .fbai{justify-content:center}}

.vC .hw{margin-top:28px}
.vC .hw-h{margin-bottom:14px}
.vC .k{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.vC .hw-g{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;gap:14px;align-items:stretch}
.vC .hs{position:relative;background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:22px 22px 24px}
.vC .hs:not(:nth-child(3))::after{content:"";position:absolute;right:-12px;top:42px;width:10px;height:10px;border-top:2px solid #AEB9E8;border-right:2px solid #AEB9E8;transform:rotate(45deg);z-index:2}
.vC .hn{display:block;font:600 40px/1 var(--h);letter-spacing:-.05em;color:var(--blue)}
.vC .hs b{display:block;font:600 18px/1.2 var(--h);letter-spacing:-.025em;margin-top:16px;color:var(--ink)}
.vC .hs p{font-size:14.5px;color:var(--ink-2);margin-top:8px;line-height:1.45}
.vC .hr{background:var(--blue);color:#fff;border-radius:22px;padding:22px 22px 24px;box-shadow:0 30px 60px -30px rgba(61,85,199,.7)}
.vC .hr .k{color:#C9D3FF}
.vC .hr ul{list-style:none;display:grid;gap:12px;margin-top:16px}
.vC .hr li{position:relative;padding-left:30px;font:500 15px/1.35 var(--b)}
.vC .hr li::before{content:"✓";position:absolute;left:0;top:-1px;width:21px;height:21px;border-radius:50%;background:#fff;color:var(--blue);font:700 11px/21px var(--b);text-align:center}
.vC .fx.dk .k{color:#B4C2FF}
.vC .fx.dk .hs{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.vC .fx.dk .hs b{color:#fff}.vC .fx.dk .hs p{color:#C9D1EE}.vC .fx.dk .hn{color:#B4C2FF}
.vC .fx.dk .hr{background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.vC .fx.dk .hr .k{color:var(--blue)}
.vC .fx.dk .hr li::before{background:var(--blue);color:#fff}
.spark{display:flex;align-items:flex-end;gap:5px;height:42px;margin-top:10px}
.spark i{flex:1;height:calc(var(--h)*100%);background:#C7CFF4;border-radius:4px 4px 2px 2px;transform:scaleY(0);transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1) .5s}
.spark i:last-child{background:var(--blue)}
.in .spark i{transform:none}
@media (max-width:1100px){.vC .hw-g{grid-template-columns:1fr 1fr}.vC .hs:nth-child(2)::after{display:none}}
@media (max-width:640px){.vC .hw-g{grid-template-columns:1fr}.vC .hs::after{display:none}.vC .hs{display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding:18px}.vC .hn{font-size:30px;grid-row:span 2}.vC .hs b{margin-top:2px}}

.vC{padding:20px 0 60px}
.vC .fx{padding:70px 0}
.vC .fx.dk{background:radial-gradient(70% 60% at 50% 0%,#3E55C6 0%,#1D2C8A 45%,#121E62 100%);color:#fff}
.vC .fx.dk h2{color:#fff}.vC .fx.dk h2 span{color:#B4C2FF}.vC .fx.dk .lab{color:#B4C2FF}.vC .fx.dk .lab em{background:#fff;color:var(--blue)}
.vC .fx.dk .lede{color:#C9D1EE}
.vC .top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:40px}
.vC .top .lede{margin-top:0}
.vC .stage{position:relative;height:660px;display:flex;align-items:center;justify-content:flex-end;padding:36px;border-radius:32px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(10,20,80,.6)}
.vC .stage{background:radial-gradient(80% 80% at 80% 20%,#4F66D9 0%,#2638A6 50%,#16237A 100%)}
.vC .stage .ph{position:absolute;top:0;bottom:0;left:0;width:60%;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.vC .stage.r .ph{left:auto;right:0;-webkit-mask-image:linear-gradient(270deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 70%,transparent)}
.vC .stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,70,.6) 0%,rgba(12,20,70,0) 40%);pointer-events:none}

.vC .stage .who{position:absolute;left:28px;bottom:28px;z-index:3;color:#fff}
.vC .stage.r .who{left:auto;right:28px;text-align:right}
.vC .who small{display:inline-block;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;padding:7px 11px}
.vC .who b{display:block;font:600 26px/1.1 var(--h);letter-spacing:-.03em;margin-top:10px;max-width:280px}
.vC .stage .fw{position:relative;z-index:2;max-width:440px}
.vC .stage.r{justify-content:flex-start}
.vC .det{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;margin-top:44px}
.vC .det .gets{margin-top:12px;border-top:0;padding-top:0;grid-template-columns:1fr}
.vC .det .stp{margin-top:12px}
.vC .fx.dk .stp p{color:#AEB9E8}.vC .fx.dk .gets li{color:#fff}.vC .fx.dk .gets-t{color:#AEB9E8}
.vC .fx.dk .stp .n{background:#fff;color:var(--blue)}
.vC .gets-t{margin-top:0}
@media (max-width:980px){.vC .top,.vC .det{grid-template-columns:1fr;gap:20px}.vC .stage{height:auto;padding:300px 14px 18px;border-radius:24px}.vC .stage .ph,.vC .stage.r .ph{width:100%;left:0;right:0;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.vC .stage{display:block}.vC .stage .fw{margin:0 auto}.vC .stage .who,.vC .stage.r .who{top:200px;bottom:auto;left:18px;right:auto;text-align:left}.vC .stage .ph{bottom:auto;height:420px}}
@media (max-width:640px){.vC .stage{padding-top:330px}.vC .stage .who,.vC .stage.r .who{top:auto;bottom:auto;top:178px;right:18px}.vC .who b{font-size:22px;max-width:none;text-shadow:0 2px 14px rgba(10,20,60,.55)}.vC .stage .ph{height:440px}}

.oh-b{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:32px}.oh-b .btn{margin:0}
.rf2{padding:40px 0 20px;scroll-margin-top:70px}
.rf2-in{display:grid;grid-template-columns:1.1fr .9fr;max-width:1200px;margin:0 auto;border-radius:34px;overflow:hidden;background:radial-gradient(90% 90% at 0% 0%,#5C72E6 0%,#3D55C7 45%,#1D2C8A 100%);color:#fff;box-shadow:0 50px 100px -50px rgba(23,37,60,.55)}
.rf2-t{padding:56px 52px}
.rf2-t .rentb{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.rf2-t .rentb i{background:#fff}
.rf2-t h2{font:600 clamp(34px,3.8vw,54px)/1.04 var(--h);letter-spacing:-.045em;margin-top:20px}.rf2-t h2 span{color:#B4C2FF}
.rf2-t>p{color:#DCE1F8;font-size:17px;line-height:1.55;margin-top:14px;max-width:460px}
.rf2-l{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.rf2-l li{position:relative;padding-left:38px}
.rf2-l li::before{content:"✓";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--blue);font:700 12px/24px var(--b);text-align:center}
.rf2-l b{display:block;font:600 16.5px/1.25 var(--h)}.rf2-l span{display:block;font-size:14.5px;color:#D6DCFA;margin-top:3px;line-height:1.45}
.rf2-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.rf2-b .btn{margin:0}
.btn.gh{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.btn.gh:hover{background:rgba(255,255,255,.18)}
.rf2-n{font-size:13px;color:#C9D1EE;margin-top:14px}
.rf2-ph{position:relative;margin:0;min-height:100%;background:#2A3A9E}
.rf2-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 20%}
.rf2-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,44,138,0) 50%,rgba(29,44,138,.55))}
.rf2-ph figcaption{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);border-radius:20px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(10,15,40,.55);animation:fl 6s ease-in-out infinite}
.rf2-ph figcaption img{width:52px;height:52px;object-fit:contain;flex:none}
.rf2-ph figcaption div{flex:1;min-width:0}
.rf2-ph small{display:block;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.rf2-ph figcaption b{display:block;font:600 16px/1.2 var(--h);margin-top:5px}
.rf2-bar{display:block;height:6px;border-radius:6px;background:#EEF1FB;margin-top:9px;overflow:hidden}.rf2-bar i{display:block;height:100%;width:38%;border-radius:6px;background:linear-gradient(90deg,#8496EE,#3D55C7)}
.rf2-ph em{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:6px}
@media (max-width:980px){.rf2-in{grid-template-columns:1fr}.rf2-ph{min-height:420px;order:-1}.rf2-t{padding:34px 26px}}
@media (max-width:600px){.rf2-ph{min-height:340px}.rf2-b .btn{flex:1 1 100%}.oh-b .btn{flex:1 1 100%}}
.tw thead th.dk{background:var(--nuit);color:#fff;border-radius:18px 18px 0 0}
.tw thead th.dk small{color:#AEB9D0}
.tw td.dk{background:#1F2D47;border-bottom-color:#2A3852}
.tw td.dk .ck{background:#fff;color:var(--nuit)}
.tw td.dk .no{color:#55627B}
.tw tr:last-child td.dk{border-radius:0 0 18px 18px}
.tw .grp th{background:#FBF9F6;white-space:nowrap}.tw .grp td.adv{background:#F2F4FD}.tw .grp td.dk{background:#1F2D47}
.tw tbody tr:not(.grp):hover td.dk{background:#26344F}
.tw thead th.adv,.tw thead th.dk{width:15%}
/* colonnes Advanced + Réseau soudées */
.tw thead th.adv{border-radius:18px 0 0 0!important;border-bottom-color:var(--blue)}
.tw thead th.dk{border-radius:0!important;border-bottom-color:var(--nuit)}
.tw tr:last-child td.adv{border-radius:0!important}
.tw tr:last-child td.dk{border-radius:0}
.tw td.adv,.tw .grp td.adv{border-bottom-color:#E6EAF8}
.tw td.dk,.tw .grp td.dk{border-bottom-color:#2A3852}
.tw tbody tr:first-child td.adv,.tw tbody tr:first-child td.dk{border-top:0}

@media (max-width:600px){.tw .grp th{position:sticky;left:0;z-index:1}}
.cal{border:1.5px solid #E5DDD2;border-radius:16px;padding:14px;background:#FAF8F5}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-h b{font:600 14px/1 var(--h);text-transform:capitalize}
.cal-nav{border:0;background:#fff;width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 0 0 1px #E5DDD2;color:var(--ink)}.cal-nav:disabled{opacity:.3;cursor:default}
.cal-d{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.cal-d button{border:1.5px solid #E5DDD2;background:#fff;border-radius:12px;padding:9px 4px;cursor:pointer;text-align:center;font:500 12px/1.2 var(--b);color:var(--muted);transition:.2s}
.cal-d button b{display:block;font:600 18px/1.1 var(--h);color:var(--ink);margin-top:2px}
.cal-d button.on{background:var(--blue);border-color:var(--blue);color:#D6DCFA}.cal-d button.on b{color:#fff}
.cal-s{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #EFE9E1}
.cal-s button{border:1.5px solid #E5DDD2;background:#fff;border-radius:10px;padding:9px 0;font:600 13px/1 var(--b);color:var(--ink);cursor:pointer;transition:.2s}
.cal-s button:disabled{color:#C9C2B8;text-decoration:line-through;cursor:not-allowed;background:transparent}
.cal-s button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cal-err{border-color:#D2584A}
.calh{grid-column:1/-1;font-size:13px;color:var(--muted)}
@media (max-width:600px){.cal-s{grid-template-columns:repeat(3,1fr)}}

.oh p b.life{color:var(--ink)}
.pl.adv .cap span.lf{background:#fff;color:var(--blue);font-weight:600}
.pg.m .pl.adv .cap span.lf{display:none}

/* formulaire offre RENT */
.rf{padding:70px 0 20px;scroll-margin-top:70px}
.rf-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;max-width:1200px;margin:0 auto;border-radius:32px;overflow:hidden;box-shadow:0 50px 100px -50px rgba(23,37,60,.45);border:1px solid #E8E1D7}
.rf-l{background:radial-gradient(90% 70% at 20% 0%,#5C72E6 0%,#3D55C7 45%,#1D2C8A 100%);color:#fff;padding:44px 40px}
.rf-l .rentb{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.rf-l .rentb i{background:#fff}
.rf-l h2{font:600 clamp(32px,3.4vw,46px)/1.05 var(--h);letter-spacing:-.045em;margin-top:18px}
.rf-l h2 span{color:#B4C2FF}
.rf-l>p{color:#D6DCFA;font-size:16px;margin-top:12px;line-height:1.5}
.rf-sum{margin-top:28px;background:#fff;color:var(--ink);border-radius:22px;padding:22px}
.rf-sum small{font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rf-plan{display:flex;align-items:center;gap:10px;margin-top:10px}.rf-plan b{font:600 20px/1.1 var(--h);letter-spacing:-.03em}
.rf-badge{font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:#fff;border-radius:999px;padding:5px 8px}
.rf-price{display:flex;align-items:baseline;gap:8px;margin-top:12px}.rf-price s{font:600 18px/1 var(--h);color:var(--muted)}.rf-price b{font:600 44px/1 var(--h);letter-spacing:-.05em;color:var(--blue)}.rf-price span{font-size:13px;color:var(--muted)}
.rf-eng{display:inline-block;margin-top:10px;font:600 12.5px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:6px 10px}
.rf-sum ul{list-style:none;display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid #F0EAE2}
.rf-sum li{position:relative;padding-left:22px;font-size:14px}.rf-sum li::before{content:"✓";position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;background:#E6F6EE;color:#1E8E5A;font:700 9px/15px var(--b);text-align:center}
.rf-note{font-size:12px;color:var(--muted);margin-top:14px}
.rf-r{background:#fff;padding:36px 40px;border:0}
.rf-steps{display:flex;gap:18px;margin-bottom:22px;font:600 12.5px/1 var(--b);color:#B5ADA2}.rf-steps .on{color:var(--blue)}
.rf-pane{display:none}.rf-pane.on{display:block;animation:rfin .4s cubic-bezier(.2,.8,.2,1)}
@keyframes rfin{from{opacity:0;transform:translateY(10px)}}
.rf-choice,.rf-pm{border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rf-choice legend,.rf-pm legend{font:600 15px/1.2 var(--h);margin-bottom:12px}
.rc{position:relative;display:block;border:1.5px solid #E5DDD2;border-radius:18px;padding:16px 16px 16px 48px;cursor:pointer;transition:.2s}
.rc input{position:absolute;opacity:0;pointer-events:none}
.rc .ri{position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;border:1.5px solid #D5CCBF;color:transparent;font:700 11px/17px var(--b);text-align:center;transition:.2s}
.rc b{display:block;font:600 15.5px/1.2 var(--h)}.rc em{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:3px}
.rc.on{border-color:var(--blue);background:#F5F7FE;box-shadow:0 0 0 4px rgba(61,85,199,.08)}.rc.on .ri{background:var(--blue);border-color:var(--blue);color:#fff}
.rc.sm{padding:13px 14px 13px 46px}
.rf-g{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.f{display:block}.f.full{grid-column:1/-1}
.f>span{display:block;font:600 13px/1.2 var(--b);margin-bottom:7px}.f>span i{font-style:normal;font-weight:400;color:var(--muted)}
.f input{width:100%;font:400 15px/1 var(--b);color:var(--ink);background:#FAF8F5;border:1.5px solid #E5DDD2;border-radius:12px;padding:13px 14px;outline:none;transition:.2s}
.f input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(61,85,199,.1)}
.f input.bad{border-color:#D2584A;background:#FDF3F1}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{border:1.5px solid #E5DDD2;background:#fff;border-radius:999px;padding:10px 14px;font:500 13.5px/1 var(--b);color:var(--ink-2);cursor:pointer;transition:.2s}
.seg button.on{border-color:var(--blue);background:var(--blue);color:#fff}
.rf-call{display:none}.rf-r.call .rf-call{display:block}
.rf-go{margin-top:24px;width:100%}
.rf-err{display:none;color:#B5402F;font-size:13px;margin-top:10px;text-align:center}.rf-err.on{display:block}
.rf-pane h3{font:600 22px/1.2 var(--h);letter-spacing:-.03em;margin-bottom:14px}
.rf-rec{background:#FAF8F5;border-radius:16px;padding:6px 16px;margin-bottom:20px}
.rf-rec div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #EFE9E1;font-size:14px}.rf-rec div:first-child{border-top:0}
.rf-rec span{color:var(--muted)}.rf-rec b{font-weight:600;text-align:right}
.rf-cgv{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);margin-top:18px;cursor:pointer}
.rf-cgv input{margin-top:2px;width:16px;height:16px;accent-color:var(--blue)}
.rf-act{display:flex;gap:10px;margin-top:22px}.rf-act .btn{flex:1}.rf-act .btn[disabled]{opacity:.4;cursor:not-allowed}
.rf-sec{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
.rf-done{text-align:center;padding:30px 0}
.rf-ok{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#1E8E5A;color:#fff;font-size:28px;box-shadow:0 0 0 10px #E6F6EE}
.rf-done h3{margin:22px 0 8px}.rf-done p{color:var(--ink-2);max-width:420px;margin:0 auto}
.rf-next{display:grid;gap:8px;max-width:400px;margin:22px auto 0;text-align:left}
.rf-next div{display:flex;gap:12px;align-items:center;background:#FAF8F5;border-radius:14px;padding:12px 14px;font-size:14px}
.rf-next i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--blue-soft);color:var(--blue);font:600 12px/1 var(--b);flex:none}
@media (max-width:980px){.rf-in{grid-template-columns:1fr}.rf-l,.rf-r{padding:28px 20px}}
@media (max-width:600px){.rf-choice,.rf-pm,.rf-g{grid-template-columns:1fr}.rf-act{flex-direction:column-reverse}}

/* ===== page offres ===== */
.oh{padding:84px 0 40px;text-align:center;position:relative;overflow:hidden}
.oh::before{content:"";position:absolute;left:50%;top:-180px;width:1100px;height:600px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(61,85,199,.16),transparent);pointer-events:none}
.rentb{position:relative;display:inline-flex;align-items:center;gap:9px;font:600 12.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:#fff;border:1px solid #DDE2F5;border-radius:999px;padding:9px 14px}
.rentb i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:rentp 2s infinite}
.oh h1{position:relative;font:600 clamp(44px,7vw,100px)/.98 var(--h);letter-spacing:-.055em;margin-top:22px}
.oh p{position:relative;font-size:clamp(18px,1.8vw,22px);color:var(--ink-2);margin-top:20px}
.oh p b{color:var(--blue)}.oh p s{color:var(--muted)}
.bill{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin-top:34px;background:#fff;border:1px solid #E5DDD2;border-radius:999px;padding:5px}
.bill button{position:relative;z-index:1;border:0;background:none;font:500 14.5px/1 var(--b);color:var(--ink-2);padding:12px 20px;border-radius:999px;cursor:pointer;transition:color .3s;white-space:nowrap}
.bill button.on{color:#fff}
.bill button em{font-style:normal;font-size:11.5px;font-weight:600;background:#E6F6EE;color:#1E8E5A;border-radius:999px;padding:3px 6px;margin-left:4px}
.bill .kn{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--nuit);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.bill.y .kn{transform:translateX(100%)}
.plans{padding:30px 0 30px}
.pg{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,auto);column-gap:16px;row-gap:0;max-width:1200px;margin:0 auto;padding-top:14px}
.pl{position:relative;background:#fff;border:1px solid #E8E1D7;border-radius:28px;padding:34px 26px 26px;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;text-align:left;transition:transform .3s,box-shadow .3s}
.pl>.pa{align-self:start}.pl>.cap{align-self:start}
.pl:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(23,37,60,.35)}
.pt h3{font:600 21px/1.1 var(--h);letter-spacing:-.03em}
.pt span{font-size:14px;color:var(--muted)}
.pr{display:flex;align-items:baseline;gap:6px;margin-top:26px;min-height:68px}
.pr .am{font:600 64px/1 var(--h);letter-spacing:-.06em;color:var(--ink);transition:opacity .2s}
.pr .cur{font:600 30px/1 var(--h);color:var(--ink)}
.pr .sd{font-size:44px;letter-spacing:-.045em}
.pr .was{font:600 22px/1 var(--h);color:var(--muted);margin-right:4px;align-self:center}
.pu{font-size:13.5px;color:var(--muted);margin-top:8px}
.pa{font-size:14px;color:var(--ink);margin-top:16px;padding-top:16px;border-top:1px solid #EFE9E1;font-weight:500}
.cap{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 24px}
.cap span{font:500 12.5px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:7px 10px}
.pl .btn{align-self:end;width:100%}
.btn.light{background:#fff;color:var(--ink);box-shadow:0 0 0 1px #E1D8CC}
.btn.wh{background:#fff;color:var(--blue);font-weight:600}
.pl.adv{background:radial-gradient(90% 70% at 80% 0%,#5C72E6 0%,#3D55C7 45%,#24359F 100%);border:1px solid transparent;color:#fff;box-shadow:0 40px 80px -36px rgba(61,85,199,.8)}
.pl.adv:hover{transform:translateY(-4px)}
.pl.adv .pt span,.pl.adv .pu{color:#D6DCFA}
.pl.adv .pr .am,.pl.adv .pr .cur{color:#fff}
.pl.adv .pr .was{color:#AEB9E8;text-decoration-color:#fff}
.pl.adv .pa{color:#fff;border-top-color:rgba(255,255,255,.2)}
.pl.adv .pu b{color:#fff;font-weight:600}
.pl.adv .rib,.pl.adv .was{transition:opacity .3s}
.pg.m .pl.adv .rib,.pg.m .pl.adv .was{opacity:0}
.pl.adv{transition:background .4s,box-shadow .4s,border-color .4s,color .4s,transform .3s}
.pg.m .pl.adv{background:#fff;border-color:#E8E1D7;color:var(--ink);box-shadow:none}
.pg.m .pl.adv .pt span,.pg.m .pl.adv .pu{color:var(--muted)}
.pg.m .pl.adv .pu b{color:var(--muted);font-weight:400}
.pg.m .pl.adv .pr .am,.pg.m .pl.adv .pr .cur{color:var(--ink)}
.pg.m .pl.adv .pa{color:var(--ink);border-top-color:#EFE9E1}
.pg.m .pl.adv .cap span{background:var(--blue-soft);color:var(--blue)}
.pg.m .pl.adv .btn.wh{background:#fff;color:var(--ink);box-shadow:0 0 0 1px #E1D8CC;font-weight:500}
.pg.m .pl.adv .omi{opacity:0}
.pl.adv .omi{transition:opacity .3s}

.pg.m .pl.adv .was{display:none}
.pl.adv .cap span{background:rgba(255,255,255,.16);color:#fff}
.pl.adv .rib{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;font:600 10.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;background:var(--nuit);color:#fff;border-radius:999px;padding:8px 12px;box-shadow:0 8px 20px -8px rgba(23,37,60,.5)}
.pl.adv .omi{position:absolute;right:16px;top:24px;width:64px;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 12px 16px rgba(0,0,0,.25))}
.pl.dk{background:var(--nuit);border:1px solid transparent;color:#fff}
.pl.dk .pt span,.pl.dk .pu{color:#AEB9D0}
.pl.dk .pr .am{color:#fff}
.pl.dk .pa{color:#fff;border-top-color:rgba(255,255,255,.14)}
.pl.dk .cap span{background:rgba(255,255,255,.1);color:#fff}
.pl.dk .btn.wh{color:var(--nuit)}
.same{display:flex;align-items:center;gap:16px;max-width:760px;margin:34px auto 0;color:var(--blue);text-align:center}
.same b{font:600 15px/1.3 var(--b)}
.same .ln{flex:1;height:2px;background:repeating-linear-gradient(90deg,#AEB9E8 0 6px,transparent 6px 12px)}
.flip{animation:flip .35s ease}
@keyframes flip{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
.cmpt{padding:90px 0 20px}
.tw{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #E8E1D7;border-radius:28px;overflow:auto}
.swh{display:none;text-align:center;font:500 13px/1.3 var(--b);color:var(--muted);margin:-10px 0 14px}@media (max-width:600px){.swh{display:block}}@media (min-width:601px) and (max-width:900px){.tw table{min-width:0!important}.tw th,.tw td{padding:12px 8px;font-size:13.5px}.tw tbody th{width:34%}}
.tw table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
.tw th,.tw td{padding:14px 18px;text-align:center;font-size:14.5px;border-bottom:1px solid #F1ECE5}
.tw tbody th{text-align:left;font-weight:500;color:var(--ink)}
.tw tbody th small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.tw thead th{position:sticky;top:0;background:#fff;z-index:2;font:600 17px/1.2 var(--h);letter-spacing:-.02em;padding:22px 18px 18px;vertical-align:bottom;border-bottom:1px solid #E8E1D7}
.tw thead th:first-child{text-align:left;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tw thead th small{display:block;font:500 13px/1 var(--b);color:var(--muted);margin-top:6px;letter-spacing:0}
.tw thead th.adv{background:var(--blue);color:#fff;border-radius:18px 18px 0 0}
.tw thead th.adv small{color:#D6DCFA}
.tw .hb{display:block;font:600 10px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#C9D3FF;margin-bottom:8px}
.tw td.adv{background:#F2F4FD}
.tw tr:last-child td.adv{border-radius:0 0 18px 18px}
.tw .grp th{text-align:left;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);padding-top:26px;background:#FBF9F6}
.tw .ck{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font:700 12px/1 var(--b)}
.tw td.adv .ck{background:var(--blue);color:#fff}
.tw .no{color:#C5C9D3}
.tw tbody tr:not(.grp):hover th,.tw tbody tr:not(.grp):hover td{background:#FAF7F2}
.tw tbody tr:not(.grp):hover td.adv{background:#E9EDFB}
.nt{max-width:1200px;margin:16px auto 0;font-size:12.5px;color:var(--muted);text-align:center}
@media (max-width:1100px){.pg{grid-template-columns:1fr 1fr;grid-template-rows:repeat(12,auto);row-gap:0}.pl{margin-bottom:22px}}
@media (max-width:600px){.pg{grid-template-columns:1fr;grid-template-rows:none}.pl{grid-row:auto;grid-template-rows:none;display:flex;flex-direction:column}.pl .btn{margin-top:20px}.bill{width:100%}.bill button{padding:11px 6px;font-size:12.5px}.bill button em{display:none}.tw table{min-width:600px}.tw th,.tw td{padding:12px 10px;font-size:13px}.tw tbody th{position:sticky;left:0;background:#fff;z-index:1;min-width:150px}.tw thead th:first-child{position:sticky;left:0;z-index:3}.oh{padding:60px 0 30px}.same{flex-direction:column;gap:8px}.same .ln{width:60%;flex:none}}

/* démo site marque blanche */
.demo-open{margin-top:20px;gap:10px}
.demo-open .dpi{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--nuit);font-size:10px;padding-left:2px}
.dm{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:28px}
.dm.on{display:flex}
.dm-bg{position:absolute;inset:0;background:rgba(11,18,64,.7);backdrop-filter:blur(6px);animation:dmf .3s}
@keyframes dmf{from{opacity:0}}
.dm-win{position:relative;width:min(1180px,100%);height:min(780px,100%);background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 60px 120px -40px rgba(0,0,0,.7);animation:dmw .45s cubic-bezier(.2,.8,.2,1)}
@keyframes dmw{from{opacity:0;transform:translateY(24px) scale(.97)}}
.dm-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#F1F2F5;border-bottom:1px solid #E3E5EA}
.dm-bar>i{width:10px;height:10px;border-radius:50%;background:#D9DCE4}
.dm-bar .url{margin-left:10px;background:#fff;border-radius:8px;padding:5px 12px;font-size:12px;color:var(--ink-2)}
.dm-bar .hint{margin-left:auto;font-size:12px;color:var(--muted)}
.dm-x{border:0;background:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;margin-left:12px;font-size:12px}
.dm-scr{position:relative;flex:1;overflow:hidden}
.dm-site{position:absolute;inset:0;overflow:auto;color:#14213D;transition:opacity .4s}
.dm-ban{background:#0F766E;color:#fff;text-align:center;font:600 12.5px/1 var(--b);padding:9px}
.dm-top{display:flex;align-items:center;gap:10px;padding:14px 28px;border-bottom:1px solid #EEF1F0}
.dm-top b{font:700 17px/1 var(--h);color:#0F3D39}.dm-top .sub{font-size:12px;color:#5B6B69}
.dm-top nav{display:flex;gap:20px;margin-left:30px;font:500 13.5px/1 var(--b);color:#2B3B39}
.dm-btn{margin-left:auto;font:600 12.5px/1 var(--b);border:1px solid #0F766E;color:#0F766E;border-radius:999px;padding:8px 14px}
.dm-hero{position:relative;height:400px;background-size:cover;background-position:center}
.dm-hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,28,.65),rgba(10,30,28,.15))}
.dm-hero .in{position:relative;padding:60px 56px;color:#fff}
.dm-hero h3{font:700 44px/1.05 var(--h);letter-spacing:-.03em}
.dm-hero p{font:600 16px/1.3 var(--b);margin-top:8px}
.dm-tabs{display:flex;align-items:flex-end;gap:0;margin-top:30px}
.dm-tabs>span{background:rgba(255,255,255,.88);color:#14213D;font:600 13.5px/1 var(--b);padding:13px 26px}
.dm-tabs>span:first-child{border-radius:14px 0 0 0}.dm-tabs>span:nth-child(3){border-radius:0 14px 0 0}
.dm-tabs>span.on{background:#0F766E;color:#fff}
.dm-ai{position:relative;margin-left:auto;margin-bottom:14px;border:0;background:#0F766E;color:#fff;font:600 13.5px/1 var(--b);padding:12px 18px;border-radius:999px;cursor:pointer;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.dm-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;background:#fff;border-radius:0 16px 16px 16px;padding:18px;color:#14213D}
.dm-form small{display:block;font:600 12px/1 var(--b);margin-bottom:7px}
.dm-form div span{display:block;border:1px solid #E1E5E4;border-radius:10px;padding:11px 12px;font-size:13px;color:#7A8886}
.dm-go{align-self:end;background:#0F3D39;color:#fff;font:600 13.5px/1 var(--b);padding:13px 22px;border-radius:10px}
.pulse{position:absolute;inset:-6px;border-radius:999px;border:2px solid #fff;animation:dmp 1.8s ease-out infinite;pointer-events:none}
@keyframes dmp{from{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.25)}}
.dm-stats{display:flex;justify-content:center;gap:70px;padding:30px 20px;text-align:center}
.dm-stats b{display:block;font:700 30px/1 var(--h);color:#0F766E}.dm-stats span{font-size:13px;color:#2B3B39}
.dm-list{padding:0 56px 120px}
.dm-list h4{font:700 22px/1.1 var(--h);margin-bottom:14px}
.dm-list .g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dm-lc{border:1px solid #E6ECEA;border-radius:14px;overflow:hidden}
.dm-lc .im{display:block;height:140px;background-size:cover;background-position:center}
.dm-lc>div{padding:12px}.dm-lc b{display:block;font:600 14px/1.2 var(--h)}.dm-lc span{font-size:12px;color:#5B6B69}.dm-lc em{display:block;font-style:normal;font:700 15px/1.2 var(--h);color:#0F766E;margin-top:4px}
.dm.chat .dm-teaser,.dm.chat .dm-bot{display:none}
.dm-teaser{position:absolute;z-index:5;right:96px;bottom:22px;width:330px;background:#fff;border-radius:18px;box-shadow:0 30px 60px -20px rgba(10,30,28,.4);overflow:hidden;animation:dmt .6s 1s both}
@keyframes dmt{from{opacity:0;transform:translateY(16px)}}
.dm-teaser .h{display:flex;gap:10px;align-items:center;background:#0F766E;color:#fff;padding:14px}
.dm-teaser .h p{font:600 13px/1.35 var(--b)}
.dm-teaser .inp{margin:12px;border:1px solid #E1E5E4;border-radius:12px;padding:12px;font-size:13px;color:#7A8886;display:flex;justify-content:space-between;cursor:pointer}
.dm-teaser .inp span{color:#0F766E}
.dm-teaser small{display:block;text-align:center;font-size:11px;color:#93A3A0;padding-bottom:10px}
.dm-bot{position:absolute;z-index:5;right:26px;bottom:26px;width:56px;height:56px;border-radius:50%;border:0;background:#0F766E;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -10px rgba(15,118,110,.7)}
.dm-bot .mk{background:#fff;color:#0F766E}
.dm-bot .pulse{border-color:#0F766E}
.dm-chat{position:absolute;inset:0;background:#F5F7F6;display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;opacity:0;pointer-events:none;transition:opacity .4s}
.dm.chat .dm-chat{opacity:1;pointer-events:auto}.dm.chat .dm-site{opacity:0;pointer-events:none}
.dm-ctop{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border-bottom:1px solid #E6ECEA}
.dm-ctop b{font:700 16px/1 var(--h);color:#0F3D39}.dm-ctop .par{font-size:12px;color:#93A3A0}
.dm-back{margin-left:auto;border:1px solid #D5DEDC;background:#fff;border-radius:999px;padding:8px 14px;font:600 12.5px/1 var(--b);color:#0F3D39;cursor:pointer}
.dm-thread{overflow:auto;padding:24px 32px;display:flex;flex-direction:column;gap:12px}
.dm-thread .b{max-width:520px;font-size:14px;line-height:1.45;padding:12px 15px;border-radius:16px;display:none;animation:dmb .4s cubic-bezier(.2,.8,.2,1)}
@keyframes dmb{from{opacity:0;transform:translateY(10px)}}
.dm-thread .b.v{display:block}
.dm-thread .ai{background:#fff;border:1px solid #E6ECEA;border-radius:16px 16px 16px 4px;align-self:flex-start}
.dm-thread .me{background:#D9F0EC;color:#0F3D39;border-radius:16px 16px 4px 16px;align-self:flex-end}
.dm-thread .res p{margin-bottom:10px}
.dm-r{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;border:1px solid #E6ECEA;border-radius:12px;padding:8px;margin-top:8px}
.dm-r .im{height:72px;border-radius:9px;background-size:cover;background-position:center}
.dm-r b{display:block;font:600 13.5px/1.25 var(--h)}.dm-r span{display:block;font-size:12px;color:#5B6B69}
.dm-r em{display:inline-block;font-style:normal;margin-top:6px;background:#0F766E;color:#fff;font:600 11.5px/1 var(--b);padding:6px 10px;border-radius:999px}
.slots{display:flex;gap:8px;margin-top:8px}.slots span{border:1px solid #D5DEDC;border-radius:10px;padding:8px 10px;font:600 12.5px/1 var(--b)}.slots span.on{background:#0F766E;color:#fff;border-color:#0F766E}
.dm-thread .ok{background:#E6F6EE;border-radius:14px;align-self:flex-start;gap:10px;align-items:center}
.dm-thread .ok.v{display:flex}
.dm-thread .ok i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1E8E5A;color:#fff;flex:none}
.dm-thread .ok b{display:block;font:600 13.5px/1.2 var(--b);color:#14663F}.dm-thread .ok span{font-size:12.5px;color:#3C7A5C}
.dm-side{grid-row:2/4;grid-column:2;background:#fff;border-left:1px solid #E6ECEA;padding:22px;opacity:.35;transition:opacity .5s}
.dm-side.on{opacity:1}
.dm-side small{display:block;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.dm-side>b{display:block;font:600 17px/1.2 var(--h);margin:8px 0 10px}
.kv2{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:9px 0;border-top:1px solid #F0F1F5;font-size:13px}.kv2 span{color:var(--muted)}.kv2 b{font-weight:600}
.dm-side .kv2{opacity:0;transform:translateX(8px);transition:.4s}.dm-side .kv2.v{opacity:1;transform:none}
.dm-sent{margin-top:14px;background:var(--blue);color:#fff;border-radius:12px;padding:11px 12px;font:600 13px/1.2 var(--b);opacity:0;transition:.4s}.dm-sent.v{opacity:1}
.dm-inp{margin:0 32px 22px;background:#fff;border:1px solid #DCE3E1;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;font-size:14px;color:#0F3D39;min-height:50px}
.dm-inp i{font-style:normal;color:#0F766E}
@media (max-width:900px){.dm{padding:0}.dm-win{height:100%;border-radius:0}.dm-bar .hint{display:none}.dm-top nav,.dm-stats{display:none}.dm-hero .in{padding:30px 20px}.dm-hero h3{font-size:30px}.dm-form{grid-template-columns:1fr}.dm-tabs{flex-wrap:wrap;gap:8px}.dm-ai{margin-left:0}.dm-list{padding:0 20px 120px}.dm-list .g{grid-template-columns:1fr}.dm-teaser{display:none}.dm-chat{grid-template-columns:1fr}.dm-side{display:none}.dm-thread{padding:16px}.dm-inp{margin:0 16px 16px}}

/* gain marque blanche */
.vC .gain{margin-top:30px;background:#fff;border:1px solid #E8E1D7;border-radius:28px;padding:32px}
.gain-h h3{font:600 clamp(26px,2.6vw,36px)/1.1 var(--h);letter-spacing:-.04em;margin-top:10px}
.gain-h h3 span{color:var(--blue)}
.gain-g{display:grid;grid-template-columns:1fr 56px 1.25fr;gap:14px;align-items:center;margin-top:24px}
.gain-g small{display:block;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.gf{background:#F7F5F1;border:1px dashed #D9D2C6;border-radius:20px;padding:22px;opacity:.85}
.fld{margin-top:10px}
.fld span{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}
.fld i{display:block;font-style:normal;background:#fff;border:1px solid #E5DDD2;border-radius:10px;padding:9px 12px;font-size:13.5px;color:var(--ink-2)}
.vrd{margin-top:14px;font:600 14px/1.3 var(--b);color:#A0886A}
.gar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(61,85,199,.12)}
.gar svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gp2{background:#fff;border:1px solid #C7CFF4;border-radius:20px;padding:22px;box-shadow:0 30px 60px -34px rgba(61,85,199,.55)}
.gp2 small{color:var(--blue)}
.gp2-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.gp2-h b{font:600 18px/1.2 var(--h);letter-spacing:-.02em}
.kv{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px solid #F0F1F5;font-size:14px}
.kv span{color:var(--muted)}.kv b{font-weight:600}
.gp2 .okb{margin-top:12px}
.gain-b{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #F0EAE2}
.gain-b b{display:block;font:600 16px/1.2 var(--h);letter-spacing:-.02em;color:var(--blue)}
.gain-b span{display:block;font-size:14px;color:var(--ink-2);margin-top:4px}
@media (max-width:860px){.gain-g{grid-template-columns:1fr}.gar{margin:0 auto;transform:rotate(90deg)}.gain-b{grid-template-columns:1fr}.vC .gain{padding:22px}}
/* offre 2 : mobile ChatGPT */
.vC .stage.ph3{justify-content:center;height:720px}
.mpw{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mph{position:relative;z-index:2;width:320px;height:640px;border-radius:50px;background:#0E1324;padding:11px;box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 2px rgba(255,255,255,.08) inset}
.mph::before{content:"";position:absolute;left:50%;top:20px;width:92px;height:24px;margin-left:-46px;border-radius:14px;background:#0E1324;z-index:3}
.mph-sc{position:relative;height:100%;border-radius:40px;background:#fff;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);text-align:left}
.mph-top{display:flex;align-items:center;gap:8px;padding:54px 16px 12px;border-bottom:1px solid #EEE}
.mph-top img{width:18px;height:18px;filter:brightness(0)}
.mph-top b{font:600 14px/1 var(--b)}
.mph-top .app{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--b);background:#F2F4F3;border-radius:999px;padding:4px 10px 4px 4px}
.mph-in{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.mph-in>div{opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;display:none}
.mpw[data-s="1"] .m1,.mpw[data-s="2"] .m1,.mpw[data-s="3"] .m1,.mpw[data-s="4"] .m1,.mpw[data-s="5"] .m1{display:block}
.mpw[data-s="2"] .m2{display:flex}
.mpw[data-s="3"] .m3,.mpw[data-s="4"] .m3,.mpw[data-s="5"] .m3{display:block}
.mpw[data-s="4"] .m4,.mpw[data-s="5"] .m4{display:block}
.mpw[data-s="5"] .m5{display:flex}
.mph-in>div.sh2{opacity:1;transform:none}
.me{align-self:flex-end;max-width:86%;background:#F0F0F0;border-radius:18px 18px 4px 18px;padding:9px 12px;font-size:13px;line-height:1.35}
.dots{gap:4px;padding:6px 2px}.dots i{width:7px;height:7px;border-radius:50%;background:#C9CCD3;animation:dt 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dt{50%{transform:translateY(-4px);background:#888}}
.m3 .ai{display:flex;gap:8px;align-items:center;font-size:13px}
.crs{display:flex;gap:8px;margin-top:10px;overflow:hidden}
.pcc{flex:none;width:132px;border:1px solid #ECECEC;border-radius:14px;overflow:hidden}
.pcc .im{display:block;height:78px;background-size:cover;background-position:center}
.pcc b{display:block;font:600 13px/1.2 var(--h);padding:8px 9px 0}
.pcc span{display:block;font-size:11px;color:var(--muted);padding:2px 9px 0}
.pcc em{display:block;font-style:normal;font:600 10.5px/1.2 var(--b);color:#0F766E;padding:4px 9px 9px}
.btn3{align-self:flex-start;background:#0F766E;color:#fff;font:600 12.5px/1 var(--b);border-radius:999px;padding:10px 16px}
.mpw[data-s="4"] .btn3{animation:tap3 .5s .3s}
@keyframes tap3{40%{transform:scale(.92)}}
.ok3{gap:10px;align-items:center;background:#E6F6EE;border-radius:14px;padding:10px 12px}
.ok3 i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1E8E5A;color:#fff;font-size:12px;flex:none}
.ok3 b{display:block;font:600 12.5px/1.2 var(--b);color:#14663F}.ok3 span{font-size:11px;color:#3C7A5C}
.mph-inp{margin:0 14px 18px;border:1px solid #E5E5E5;border-radius:999px;padding:11px 14px;font-size:12.5px;color:#9A9A9A}
.co{position:absolute;z-index:3;width:230px;background:rgba(255,255,255,.1);border:1px solid rgba(180,194,255,.3);backdrop-filter:blur(8px);border-radius:16px;padding:14px 16px;color:#fff;opacity:.35;transform:scale(.96);transition:.5s}
.co b{display:block;font:600 15px/1.2 var(--h)}.co span{display:block;font-size:12.5px;color:#C9D1EE;margin-top:3px}
.co.on{opacity:1;transform:none;background:rgba(255,255,255,.16);border-color:#B4C2FF;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.co.l1{left:6%;top:24%}.co.l2{left:9%;top:58%}.co.r1{right:6%;top:18%}.co.r2{right:8%;top:60%}
.co::after{content:"";position:absolute;top:50%;width:40px;height:1px;background:repeating-linear-gradient(90deg,#B4C2FF 0 4px,transparent 4px 8px)}
.co.l1::after,.co.l2::after{right:-44px}.co.r1::after,.co.r2::after{left:-44px}
@media (max-width:980px){.vC .stage.ph3{height:auto;padding:30px 10px}.mpw{flex-direction:column;gap:10px}.co{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;max-width:320px}.co::after{display:none}.mph{order:-1;margin-bottom:10px}}

/* offre 2 : scène 3D annonces -> app -> ChatGPT */
.vC .stage.s3d{justify-content:flex-start}
.sc3w{position:absolute;top:0;bottom:0;right:0;width:58%;--ps:min(300px,40vw);display:flex;align-items:center;justify-content:center;perspective:1800px}
.sc3w::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(closest-side,#000,transparent)}
.sc3{position:relative;width:var(--ps);height:var(--ps);transform-style:preserve-3d;transform:translateY(calc(var(--ps)*.38)) rotateX(60deg) rotateZ(var(--rz,-40deg));--g:calc(var(--ps)*.42)}
.pl3{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(180,194,255,.35);background:rgba(18,30,98,.7);box-shadow:0 0 50px rgba(124,146,255,.25);transform-style:preserve-3d}
.pl3.a{transform:translateZ(0)}
.pl3.b{inset:16%;border-radius:50%;transform:translateZ(var(--g));background:rgba(36,53,159,.8);border-color:#B4C2FF;animation:fl3 6s ease-in-out infinite}
.pl3.c{inset:24%;border-radius:22px;transform:translateZ(calc(var(--g)*2));background:#fff;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 70px rgba(255,255,255,.35);animation:fl3 6s ease-in-out infinite .6s}
.pl3.c img{width:34%;filter:brightness(0)}
.pl3.c b{font:600 13px/1 var(--b);color:var(--ink)}
@keyframes fl3{50%{translate:0 0 10px}}
.lab3{position:absolute;left:14px;bottom:10px;font:500 10px/1 ui-monospace,Menlo,monospace;color:#C9D1EE;letter-spacing:.04em}
.pl3.c .lab3{color:var(--muted);left:50%;transform:translateX(-50%);white-space:nowrap}
.pl3.b .lab3{left:50%;transform:translateX(-50%);bottom:12%}
.tg3{position:absolute;inset:9%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.tg3 i{border-radius:5px;background-size:cover;background-position:center;opacity:.45;border:1px solid rgba(180,194,255,.25);transition:opacity .4s,transform .5s,box-shadow .5s}
.tg3 i.lit{opacity:1;transform:translateZ(14px);box-shadow:0 0 0 2px #B4C2FF,0 0 22px rgba(180,194,255,.9)}
.rn3{position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(180,194,255,.45);animation:capspin 30s linear infinite}
.rn3.r2{inset:24%;border:2px solid transparent;border-top-color:#fff;animation-duration:3s}
.app3{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff}
.app3 .mk{width:40px;height:40px;border-radius:12px;font-size:14px}
.app3 b{font:600 11px/1 var(--b)}
.bm3{position:absolute;left:var(--x);top:var(--y);width:2px;height:calc(var(--g)*2);transform-origin:top center;transform:rotateX(90deg);background:linear-gradient(180deg,rgba(180,194,255,0),rgba(180,194,255,.5),rgba(180,194,255,0));overflow:hidden}
.bm3::after{content:"";position:absolute;left:-2px;width:6px;height:18%;border-radius:4px;background:#fff;box-shadow:0 0 12px #fff;animation:bm3 3s linear infinite;animation-delay:var(--dl,0s)}
@keyframes bm3{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:82%;opacity:0}}
.tok3{position:absolute;left:50%;top:50%;width:46px;height:34px;margin:-17px 0 0 -23px;border-radius:7px;background-size:cover;background-position:center;box-shadow:0 0 0 2px #fff,0 0 24px rgba(255,255,255,.8);transform:translateZ(0);opacity:0}
.tok3.go{animation:tok3 2.4s cubic-bezier(.5,0,.3,1) forwards}
@keyframes tok3{0%{transform:translateZ(8px);opacity:0}10%{opacity:1}80%{opacity:1}100%{transform:translateZ(calc(var(--g)*2));opacity:0}}
.lb3{position:absolute;right:26px;top:0;bottom:0;pointer-events:none}
.lb3 span{position:absolute;right:0;top:var(--t);white-space:nowrap;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:#B4C2FF;padding-right:26px}
.lb3 span::after{content:"";position:absolute;right:0;top:50%;width:18px;height:1px;background:#B4C2FF}
@media (max-width:980px){.vC .stage.s3d{padding:0 14px 18px;display:flex;flex-direction:column-reverse}.sc3w{position:relative;width:100%;height:420px;--ps:min(240px,60vw)}.lb3{display:none}}

/* de l'atelier au lancement */
.tl4{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:10px auto 0;padding-top:40px}
.tl4-line{position:absolute;left:12.5%;right:12.5%;top:58px;height:2px;background:repeating-linear-gradient(90deg,#D9D2C6 0 6px,transparent 6px 12px)}
.tl4-line i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--blue);border-radius:2px;transition:width .2s linear}
.st4{position:relative;display:flex;flex-direction:column;align-items:center}
.dot4{position:relative;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #D9D2C6;transition:.4s}
.dot4 b{font:600 12px/1 var(--h);color:var(--muted);transition:.4s}
.st4.on .dot4{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 7px rgba(61,85,199,.14)}
.st4.on .dot4 b{color:#fff}
.cd4{margin-top:22px;width:100%;flex:1;background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:22px;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s;opacity:.55}
.st4.on .cd4{opacity:1;border-color:#C7CFF4;box-shadow:0 30px 60px -40px rgba(61,85,199,.6);transform:translateY(-4px)}
.ic4{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue-soft)}
.ic4 svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cd4>b{display:block;font:600 19px/1.2 var(--h);letter-spacing:-.025em;margin-top:16px}
.cd4 p{font-size:14.5px;color:var(--ink-2);margin-top:8px;line-height:1.45;flex:1}
.lv4{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #F0EAE2;font:600 13.5px/1.3 var(--b);color:var(--ink)}
.lv4 em{display:block;font-style:normal;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
@media (max-width:980px){.tl4{grid-template-columns:1fr;gap:0;padding-top:10px;padding-left:54px}.tl4-line{left:19px;right:auto;top:20px;bottom:40px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#D9D2C6 0 6px,transparent 6px 12px)}.tl4-line i{width:100%!important;height:var(--h4,0)}.st4{align-items:flex-start;padding-bottom:16px}.dot4{position:absolute;left:-54px;top:0}.cd4{margin-top:0}}

/* sous le capot : pile 3D */
.capo{background:radial-gradient(60% 50% at 30% 40%,#24359F 0%,#121E62 55%,#0B1240 100%);color:#fff;margin-top:90px;position:relative;overflow:clip}
.capo::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 70% at 40% 50%,#000,transparent)}
.capo-track{height:260vh;position:relative}
.capo-pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:60px 0}
.capo-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;width:100%}
.capo-st{--ps:min(360px,60vw);height:calc(var(--ps)*1.7);perspective:2000px;display:flex;align-items:center;justify-content:center}
.stk{position:relative;width:var(--ps);height:var(--ps);transform-style:preserve-3d;transform:translateY(calc(var(--ps)*.32)) rotateX(58deg) rotateZ(var(--rz,-46deg))}
.pla{position:absolute;inset:0;border-radius:20px;transform:translateZ(calc(var(--z,0)*1px));border:1px solid rgba(180,194,255,.22);background:rgba(18,30,98,.62);opacity:.5;overflow:hidden;transition:opacity .6s,border-color .6s,box-shadow .6s,background .6s}
.pla.on{opacity:1;border-color:#B4C2FF;background:rgba(36,53,159,.78);box-shadow:0 0 60px rgba(124,146,255,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
.pgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(180,194,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(180,194,255,.12) 1px,transparent 1px);background-size:12.5% 12.5%}
.ptag{position:absolute;left:16px;bottom:12px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#C9D1EE;letter-spacing:.04em}
.pnum{position:absolute;right:16px;bottom:12px;font:500 11px/1 ui-monospace,Menlo,monospace;color:#8C9BE0}
.tls{position:absolute;inset:10%;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.tls i{border-radius:4px;background-size:cover;background-position:center;opacity:.4;border:1px solid rgba(180,194,255,.2);transition:opacity .5s,box-shadow .5s}
.tls i.lit{opacity:1;box-shadow:0 0 0 2px #B4C2FF,0 0 16px rgba(180,194,255,.9)}
.q1 .rg,.q1 .rg2,.q1 .rg3{position:absolute;border-radius:50%}
.q1 .rg{inset:20%;border:1px solid rgba(180,194,255,.6)}
.q1 .rg2{inset:8%;border:1px dashed rgba(180,194,255,.3);animation:capspin 40s linear infinite}
.q1 .rg3{inset:31%;border:2px solid transparent;border-top-color:#fff;border-right-color:rgba(255,255,255,.4);animation:capspin 3s linear infinite}
@keyframes capspin{to{transform:rotate(360deg)}}
.q1 .cm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}
.q1 .cm svg{width:30%;height:auto}
.chs{position:absolute;inset:12%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px}
.chs span{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(180,194,255,.25);font:500 11px/1.15 var(--b);color:#fff;background:rgba(255,255,255,.04);text-align:center;padding:4px}
.chs span.hot{border-color:#B4C2FF;background:rgba(180,194,255,.14)}
.chs span.lg{background:#fff;color:var(--ink);border-color:#fff;font-weight:600}
.chs span.lg img{filter:none;width:20px;height:20px}.chs span.lg img.gb{filter:brightness(0)}
.chs img{width:18px;height:18px;filter:brightness(0) invert(1)}
.capo-tx .k{display:inline-flex;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B4C2FF}
.capo-tx h2{font:600 clamp(34px,4vw,54px)/1.04 var(--h);letter-spacing:-.045em;margin-top:14px}
.capo-tx h2 span{color:#B4C2FF}
.lys{margin-top:26px}
.ly{padding:18px 0 18px 22px;border-left:1px solid rgba(180,194,255,.2);position:relative;opacity:.38;transition:opacity .6s}
.ly::before{content:"";position:absolute;left:-1px;top:0;width:2px;height:0;background:#B4C2FF;transition:height .8s cubic-bezier(.2,.8,.2,1)}
.ly.on{opacity:1}.ly.on::before{height:100%}
.ly .lh{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.ly .lh span{font:500 11px/1 ui-monospace,Menlo,monospace;color:#B4C2FF}
.ly h3{font:600 22px/1.15 var(--h);letter-spacing:-.03em}
.ly p{font-size:14.5px;color:#C9D1EE;max-width:52ch;line-height:1.5}
.cps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cps i{font-style:normal;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(180,194,255,.35);color:#fff}
.outp{margin:18px 0 0 22px;padding:16px 18px;border-radius:14px;border:1px solid rgba(180,194,255,.25);display:flex;gap:14px;align-items:center;opacity:.38;transition:.6s}
.outp.on{opacity:1;border-color:#B4C2FF;background:rgba(180,194,255,.1)}
.outp svg{flex:none;width:26px;height:26px;fill:none;stroke:#B4C2FF;stroke-width:1.5}
.outp b{display:block;font:600 16px/1.2 var(--h)}.outp span{font-size:13px;color:#C9D1EE}
@media (max-width:980px){.capo-track{height:auto}.capo-pin{position:static;min-height:0;padding:70px 0}.capo-grid{grid-template-columns:1fr;gap:10px}.capo-st{--ps:min(280px,70vw)}.ly,.outp{opacity:1}.ly::before{height:100%}}

/* ===== page réseaux ===== */
.rh{padding:90px 0 40px;text-align:center}
.rh h1{font:600 clamp(42px,6.2vw,88px)/1.02 var(--h);letter-spacing:-.05em;margin-top:18px}
.rh p{font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);max-width:680px;margin:18px auto 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:40px auto 0;text-align:left}
.two a{display:grid;grid-template-columns:64px 1fr 20px;gap:16px;align-items:center;background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:16px 18px 16px 16px;text-decoration:none;color:var(--ink);transition:.25s}
.two a:hover{transform:translateY(-3px);border-color:#C7CFF4;box-shadow:0 24px 40px -24px rgba(61,85,199,.45)}
.two .i{width:64px;height:64px;border-radius:18px;background:var(--blue-soft);display:grid;place-items:center}
.two .i img{width:46px;height:46px;object-fit:contain}
.two small{display:block;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.two b{display:block;font:600 18px/1.2 var(--h);letter-spacing:-.025em;margin-top:6px}
.two a>span>span{display:block;font-size:13.5px;color:var(--muted);margin-top:3px}
.two .ar{color:var(--blue);font-size:18px;opacity:.6}
.tech{padding:40px 0 10px}
.tech-in{background:radial-gradient(70% 60% at 50% 0%,#3E55C6 0%,#1D2C8A 45%,#121E62 100%);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}
.tech .k{display:inline-flex;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B4C2FF}
.tech h2{font:600 clamp(32px,3.6vw,48px)/1.05 var(--h);letter-spacing:-.045em;margin-top:14px}
.tech h2 span{color:#B4C2FF}
.tech p{color:#C9D1EE;font-size:17px;margin-top:14px}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tg div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px}
.tg .n{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--blue);font:600 13px/1 var(--h)}
.tg b{display:block;font:600 17px/1.2 var(--h);margin-top:14px}
.tg p{font-size:14px;margin-top:6px;color:#C9D1EE}
/* marque fictive du réseau */
.mk{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0F766E;color:#fff;font:700 12px/1 var(--h);letter-spacing:-.02em;flex:none}
.mk.sm{width:24px;height:24px;border-radius:7px;font-size:10px}
.vC .stage .bw,.bw{max-width:470px;width:100%;height:auto;display:block}
.bw .bw-in{display:block;background:#F3F6F5}
.bw-top{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #E6ECEA}
.bw-top b{font:600 14px/1 var(--h);color:#0F3D39}
.bw-top nav{margin-left:auto;display:flex;gap:12px;font-size:11.5px;color:#5B6B69}
.bw-chat{margin:14px;background:#fff;border-radius:16px;padding:14px;display:grid;gap:9px;box-shadow:0 20px 40px -24px rgba(15,61,57,.35)}
.ch-h{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #EEF2F1}
.ch-h b{display:block;font:600 13.5px/1.2 var(--h)}.ch-h span{font-size:11.5px;color:#5B6B69}
.bw .me,.gp .me{justify-self:end;max-width:85%;background:#0F766E;color:#fff;border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:13px;line-height:1.35}
.bw .ai{font-size:13px;color:var(--ink)}
.wp{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;border:1px solid #E6ECEA;border-radius:12px;padding:7px}
.wp .im{height:52px;border-radius:8px;background-size:cover;background-position:center}
.wp b{display:block;font:600 13px/1.2 var(--h)}.wp span{font-size:11.5px;color:#5B6B69}
.wp em{display:block;font-style:normal;font:600 13px/1.2 var(--h);color:#0F766E;margin-top:2px}
.bw .cta,.gp .cta{justify-self:start;background:#0F766E;color:#fff;font:600 12.5px/1 var(--b);border-radius:999px;padding:9px 14px}
.pw{justify-self:end;font-size:10.5px;color:#93A3A0}
.gp{position:relative;z-index:2;width:100%;max-width:400px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);color:var(--ink);text-align:left}
.gp-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #EEE}
.gp-top img{width:20px;height:20px;filter:brightness(0)}
.gp-top b{font:600 14px/1 var(--b)}
.gp-top .app{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--b);background:#F2F4F3;border-radius:999px;padding:4px 10px 4px 4px}
.gp-in{padding:14px;display:grid;gap:10px}
.gp .ai{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}
.car{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cc2{border:1px solid #ECECEC;border-radius:12px;overflow:hidden}
.cc2 .im{display:block;height:64px;background-size:cover;background-position:center}
.cc2 b{display:block;font:600 12.5px/1.2 var(--h);padding:7px 8px 0}
.cc2 span{display:block;font-size:11px;color:var(--muted);padding:2px 8px 8px}
.gp-inp{margin:4px 14px 14px;border:1px solid #E5E5E5;border-radius:999px;padding:10px 14px;font-size:12.5px;color:#9A9A9A}
.cmpt td{font-size:14px}
.cmpt .tw thead th:first-child{width:36%}
.proc{padding:90px 0 10px}
.pc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:0 auto}
.pc div{background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:22px}
.pc .hn{display:block;font:600 40px/1 var(--h);letter-spacing:-.05em;color:var(--blue)}
.pc b{display:block;font:600 18px/1.2 var(--h);letter-spacing:-.025em;margin-top:16px}
.pc p{font-size:14.5px;color:var(--ink-2);margin-top:8px}
@media (max-width:980px){.tech-in{grid-template-columns:1fr;padding:34px 22px}.pc{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.tw table{min-width:0!important;table-layout:fixed}.tw tbody th{width:34%}}
@media (max-width:640px){.tw table{min-width:0!important;table-layout:fixed}.tw th,.tw td{padding:11px 6px!important;font-size:12px!important;word-break:normal;hyphens:auto}.tw tbody th{position:static!important;min-width:0!important;width:34%}.tw thead th{font-size:12.5px!important;vertical-align:bottom}.tw .hb{font-size:8.5px;padding:3px 5px;white-space:normal;line-height:1.2}.tw td,.tw th{overflow-wrap:anywhere}.tw .ck{width:22px;height:22px}.sc3w{height:380px;--ps:min(210px,54vw)!important}.capo-st{--ps:min(230px,58vw)!important}}
@media (max-width:640px){.two,.tg,.pc{grid-template-columns:1fr}.car{grid-template-columns:1fr 1fr}.car .cc2:nth-child(3){display:none}.bw-top nav{display:none}}
.ci0{background-image:url(/site-assets/pro/img/image-accueil.62e1b4d0.jpg)}.ci1{background-image:url(/site-assets/pro/img/image-infra.1a42ac5e.jpg)}.ci2{background-image:url(/site-assets/pro/img/lire-la-video-adrien-poveda-temoigne.dbf5ea8d.jpg)}.ci3{background-image:url(/site-assets/pro/img/image-accueil.ea825e48.jpg)}.ci4{background-image:url(/site-assets/pro/img/image-infra.d9b8a09f.jpg)}