
:root{--bg:#070B14;--bg2:#0A1020;--ink:#EAF0FF;--mut:#94A2C4;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);--blue:#2E5BF6;--blue2:#6D9BFF;--teal:#19D3CB;--tealD:#0FB3AC;--lbg:#F6F8FE;--link:#0B1524;--lmut:#54637E;--lline:rgba(11,21,36,.09)}
.kz *{box-sizing:border-box}
.kz{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}
.kz svg{display:block}.kz a{color:inherit;text-decoration:none}
.kz .wrap{max-width:1320px;margin:0 auto;padding:0 26px}
.kz .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;border-radius:11px;padding:12px 22px;transition:.18s;cursor:pointer;border:0}
.kz .btn-p{background:linear-gradient(180deg,#3B6EF6,#2348D6);color:#fff;box-shadow:0 8px 26px rgba(46,91,246,.4)}
.kz .btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(46,91,246,.55)}
.kz .btn-g{background:rgba(255,255,255,.05);color:#EAF0FF;border:1px solid var(--line2)}.kz .btn-g:hover{border-color:rgba(255,255,255,.36)}
.kz .btn-lp{background:linear-gradient(180deg,#3B6EF6,#2348D6);color:#fff}
.kz .btn-lg{background:#fff;color:#0B1524;border:1px solid var(--lline)}.kz .btn-lg:hover{border-color:var(--blue);color:var(--blue)}
.kz #glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(46,91,246,.13),transparent 62%);transform:translate(-50%,-50%);left:50%;top:12%;transition:left .18s,top .18s;mix-blend-mode:screen}
.kz .rv{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.kz .rv.in{opacity:1;transform:none}
/* NAV */
/* Barre flottante : decollee du haut, arrondie, rentree sur les cotes. Les valeurs clamp() gerent le mobile sans media-query dediee. */
.kz nav.kznav{position:fixed;top:clamp(8px,1.2vw,15px);left:0;right:0;margin:0 auto;width:calc(100% - clamp(16px,2.6vw,36px));max-width:1320px;z-index:60;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);background:rgba(9,14,25,.78);border:1px solid var(--line2);border-radius:clamp(14px,1.6vw,22px);box-shadow:0 16px 40px rgba(0,0,0,.42)}
/* Petit ecran : le CTA passait sur deux lignes et remplissait toute la barre. Il reste accessible dans le menu burger, qui le contient deja. */
@media(max-width:640px){
 .kz nav.kznav .nav-cta .btn-p{display:none}
 .kz nav.kznav .nav-in{height:58px;padding:0 16px;gap:14px}
 .kz nav.kznav .nav-in .lg{height:20px}
}
.kz .nav-in{max-width:1320px;margin:0 auto;padding:0 26px;height:68px;display:flex;align-items:center;gap:28px}
.kz .nav-in .lg{height:23px;filter:brightness(0) invert(1);opacity:.96}
.kz .nlinks{display:flex;gap:22px;margin-left:6px}
.kz .hm{position:static}
.kz .hm>a{font-size:14.5px;font-weight:500;color:#C4CFE6;display:inline-flex;align-items:center;gap:6px;padding:10px 2px;cursor:pointer}
.kz .hm>a:after{content:"";width:6px;height:6px;border-right:2px solid #6b7ba0;border-bottom:2px solid #6b7ba0;transform:rotate(45deg);margin-top:-3px;transition:.15s}
.kz .hm:hover>a,.kz .hm:hover>a:after{color:#fff;border-color:#fff}
.kz .nlink{font-size:14.5px;font-weight:500;color:#C4CFE6;padding:10px 2px}.kz .nlink:hover{color:#fff}
.kz .mega{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#0A1020;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.16s;padding:26px 0;z-index:70}
/* Pont invisible : sans lui, traverser l'espace entre la barre et le panneau referme le menu. */
.kz .mega:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.kz .hm:hover .mega,.kz .hm:focus-within .mega{opacity:1;visibility:visible;transform:none}
.kz .mwrap{max-width:1320px;margin:0 auto;padding:0 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 28px}
.kz .mega.sm .mwrap{grid-template-columns:repeat(2,1fr);max-width:780px}
.kz .mcol h5{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#5F6E90;margin:2px 0 8px 10px}
.kz a.mi{display:flex;gap:11px;padding:9px 10px;border-radius:11px;align-items:flex-start}
.kz a.mi:hover{background:rgba(255,255,255,.05)}
.kz a.mi .mic{width:36px;height:36px;border-radius:9px;background:rgba(46,91,246,.16);color:#8FB2FF;display:grid;place-items:center;flex:none}.kz a.mi .mic svg{width:18px;height:18px}
.kz a.mi b{display:block;font-size:14px;font-weight:700;color:#EAF0FF}
.kz a.mi i{display:block;font-style:normal;font-size:12px;color:#8595B8;margin-top:2px}
.kz .nav-cta{margin-left:auto;display:flex;gap:12px;align-items:center}
.kz .seg{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:99px;padding:3px}
.kz .seg a{font-size:12.5px;font-weight:700;color:#9FB0D0;padding:6px 14px;border-radius:99px}.kz .seg a.on{background:#fff;color:#0A1020}
.kz .uswitch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#CFE0FF;background:rgba(255,255,255,.06);border:1px solid var(--line2);border-radius:99px;padding:7px 15px;transition:.16s;white-space:nowrap}
.kz .uswitch:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.34);color:#fff}
.kz .uswitch svg{opacity:.85;flex:none}
.kz .uswitch b{font-weight:800;color:#fff}
.kz .burg{display:none;width:44px;height:40px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.05);cursor:pointer;align-items:center;justify-content:center}
.kz .burg span,.kz .burg span:before,.kz .burg span:after{content:"";display:block;width:18px;height:2px;background:#EAF0FF;border-radius:2px;position:relative}
.kz .burg span:before{position:absolute;top:-6px}.kz .burg span:after{position:absolute;top:6px}
/* HERO */
.kz .hero{position:relative;min-height:92vh;display:flex;align-items:center;padding:118px 0 78px;overflow:hidden}
.kz .hero.short{min-height:auto;padding:150px 0 90px}
.kz .mesh{position:absolute;inset:0;z-index:0}
.kz .mesh b{position:absolute;border-radius:50%;filter:blur(74px)}
.kz .mesh .m1{width:640px;height:640px;left:-150px;top:-170px;background:radial-gradient(circle,#2E5BF6,transparent 65%);opacity:.55;animation:kd1 19s ease-in-out infinite}
.kz .mesh .m2{width:560px;height:560px;right:-120px;top:-40px;background:radial-gradient(circle,#19D3CB,transparent 65%);opacity:.4;animation:kd2 23s ease-in-out infinite}
.kz .mesh .m3{width:520px;height:520px;left:36%;bottom:-240px;background:radial-gradient(circle,#5B3BF6,transparent 66%);opacity:.3;animation:kd3 27s ease-in-out infinite}
@keyframes kd1{50%{transform:translate(90px,70px) scale(1.1)}}@keyframes kd2{50%{transform:translate(-70px,60px) scale(1.08)}}@keyframes kd3{50%{transform:translate(60px,-50px) scale(1.12)}}
.kz .grid-o{position:absolute;inset:0;z-index: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:64px 64px;mask-image:radial-gradient(ellipse 78% 60% at 42% 32%,#000,transparent 74%)}
.kz .hero-in{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;width:100%}
.kz .hero.solo .hero-in{grid-template-columns:1fr;max-width:820px;text-align:center;margin:0 auto}
.kz .hero.solo .hero-cta,.kz .hero.solo .hero-mini{justify-content:center}
.kz .eb{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#B9C6E4;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:7px 15px;text-transform:uppercase}
.kz .eb .d{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.kz h1{font-size:clamp(40px,6vw,78px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:22px 0 22px}
.kz .hero.short h1,.kz .hero.solo h1{font-size:clamp(38px,5vw,62px)}
.kz h1 .g,.kz .g{background:linear-gradient(100deg,#6D9BFF,#19D3CB);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kz .lead{font-size:19px;color:var(--mut);max-width:540px;line-height:1.6}
.kz .hero.solo .lead{margin:0 auto}
.kz .hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.kz .hero-mini{margin-top:26px;display:flex;gap:18px;flex-wrap:wrap;color:#AEBAD4;font-weight:700;font-size:13.5px}
.kz .hero-mini span{display:inline-flex;gap:7px;align-items:center}.kz .hero-mini i{color:var(--teal);font-style:normal}
/* floating panels (visuel héros) */
.kz .hviz{position:relative;min-height:430px}
.kz .pan{position:absolute;background:linear-gradient(180deg,rgba(22,30,52,.94),rgba(12,18,34,.94));border:1px solid var(--line2);border-radius:18px;box-shadow:0 44px 90px rgba(0,0,0,.6);backdrop-filter:blur(8px)}
.kz .pan.a{width:340px;top:8px;right:0;padding:17px;animation:kfl 7s ease-in-out infinite}
.kz .pan.b{width:255px;left:0;top:150px;padding:15px;animation:kfl 7s ease-in-out infinite .8s}
.kz .pan.c{width:245px;right:20px;bottom:0;padding:15px;animation:kfl 7s ease-in-out infinite 1.6s}
@keyframes kfl{50%{transform:translateY(-14px)}}
.kz .pr{display:flex;align-items:center;gap:11px;padding:7px 0}
.kz .pi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff}.kz .pi svg{width:18px;height:18px}
.kz .pt{font-size:12.5px;font-weight:700;color:#DCE5FA}.kz .pt i{display:block;font-style:normal;font-size:11px;color:#8595B8;font-weight:500;margin-top:1px}
.kz .pbar{height:7px;border-radius:9px;background:rgba(255,255,255,.08);margin:6px 0;overflow:hidden;position:relative}
.kz .pbar:after{content:"";position:absolute;inset:0;width:60%;border-radius:9px;background:linear-gradient(90deg,#3B6EF6,#19D3CB);animation:kpf 3s ease-in-out infinite}
@keyframes kpf{0%,100%{width:34%}50%{width:88%}}
.kz .chip{display:inline-flex;gap:6px;font-size:11px;font-weight:800;color:#0FB3AC;background:rgba(25,211,203,.12);border-radius:99px;padding:5px 11px}
/* hero slot (démo interactive ou visuel injecté) */
.kz .hslot{position:relative;z-index:3}
/* LOGO STRIP */
.kz .strip{position:relative;z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:rgba(255,255,255,.015)}
.kz .strip .lb{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5F6E90;text-align:center;margin-bottom:16px}
.kz .strip .row{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;opacity:.66}
.kz .strip .row span{font-weight:800;font-size:16px;color:#8595B8;letter-spacing:-.01em}
/* SECTIONS */
.kz section.blk{position:relative;z-index:3;padding:100px 0}
.kz .zl{background:var(--lbg);color:var(--link)}
.kz .kick{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--tealD)}
.kz h2{font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.03em;font-weight:800;margin-top:12px}
.kz .zl h2{color:var(--link)}
.kz .sub{font-size:18px;margin-top:14px;max-width:580px;color:var(--mut)}
.kz .zl .sub{color:var(--lmut)}
.kz .center{text-align:center}.kz .center .sub{margin:14px auto 0}
/* FEATURE ROW */
.kz .frow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kz .frow.rev .ftx{order:2}
.kz .ftx h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.025em;font-weight:800;line-height:1.1;margin:12px 0 14px}
.kz .ftx p{font-size:17px;line-height:1.65;color:var(--mut)}.kz .zl .ftx p{color:var(--lmut)}
.kz .flist{list-style:none;margin:22px 0 26px;display:flex;flex-direction:column;gap:12px}
.kz .flist li{display:flex;gap:11px;font-weight:600;font-size:15px}
.kz .flist li .c{color:var(--tealD);flex:none;font-weight:900}
.kz .fmore{font-weight:800;font-size:14.5px;color:var(--blue2);display:inline-flex;gap:7px}
.kz .zl .fmore{color:var(--blue)}
/* visual cards */
.kz .vcard{border-radius:20px;padding:22px;position:relative;overflow:hidden}
.kz .vcard.d{background:linear-gradient(180deg,#0E1526,#0A1020);border:1px solid var(--line2);box-shadow:0 40px 80px rgba(0,0,0,.5)}
.kz .vcard.l{background:#fff;border:1px solid var(--lline);box-shadow:0 30px 60px rgba(11,21,36,.12)}
.kz .vhd{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.kz .vdot{width:10px;height:10px;border-radius:50%}.kz .r{background:#F2A2A2}.kz .y{background:#F2D19A}.kz .gn{background:#A6DDB0}
.kz .vurl{margin-left:10px;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:7px}
.kz .vcard.d .vurl{background:rgba(255,255,255,.06);color:#8595AE}.kz .vcard.l .vurl{background:#F5F8FE;color:#8695AE;border:1px solid var(--lline)}
.kz .vrow{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;margin-bottom:9px}
.kz .vcard.d .vrow{background:rgba(255,255,255,.04)}.kz .vcard.l .vrow{background:#F7F9FD;border:1px solid var(--lline)}
.kz .vic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}.kz .vic svg{width:18px;height:18px}
.kz .vnm{font-size:13.5px;font-weight:700}.kz .vcard.d .vnm{color:#DCE5FA}.kz .vcard.l .vnm{color:#243349}
.kz .vnm i{display:block;font-style:normal;font-size:11.5px;font-weight:500;margin-top:1px}.kz .vcard.d .vnm i{color:#8595B8}.kz .vcard.l .vnm i{color:#94A0B4}
.kz .vtag{margin-left:auto;font-size:11px;font-weight:800;color:#0FB3AC;background:rgba(25,211,203,.14);border-radius:99px;padding:5px 11px}
.kz .vbubble{max-width:82%;padding:10px 13px;border-radius:14px;font-size:13px;font-weight:600;margin-bottom:8px}
.kz .vb-me{background:var(--blue);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.kz .vb-ai{background:rgba(25,211,203,.14);color:#7FE7E1;border-bottom-left-radius:4px}.kz .vcard.l .vb-ai{background:#E2F7F5;color:#0B4A44}
/* STATS */
.kz .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kz .stat b{display:block;font-size:52px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(180deg,#EAF0FF,#8FA3CC);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kz .zl .stat b{background:linear-gradient(180deg,#0B1524,#4B5E80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kz .stat span{color:var(--mut);font-size:14px;font-weight:500}.kz .zl .stat span{color:var(--lmut)}
/* SUITE GRID */
.kz .sgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}
.kz .scard{background:#fff;border:1px solid var(--lline);border-radius:16px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;transition:.18s}
.kz .scard:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(11,21,36,.1);border-color:var(--blue)}
.kz .scard .si{width:44px;height:44px;border-radius:12px;background:#0B1120;display:grid;place-items:center}.kz .scard .si svg{width:22px;height:22px}
.kz .scard b{font-size:13.5px;color:var(--link)}
.kz .zl.dk .sgrid .scard{background:rgba(255,255,255,.03);border:1px solid var(--line2)}.kz .zl.dk .scard b{color:#EAF0FF}
/* COMPARE */
.kz .cmp{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:44px auto 0}
.kz .cc{border-radius:22px;padding:32px}
.kz .cc.bad{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.16)}
.kz .cc.good{background:linear-gradient(160deg,rgba(46,91,246,.22),rgba(25,211,203,.12));border:1px solid var(--line2)}
.kz .cc h4{font-size:20px;font-weight:800}.kz .cc .cs{font-size:13px;color:var(--mut);margin:4px 0 18px}
.kz .cc ul{list-style:none;display:flex;flex-direction:column;gap:12px}.kz .cc li{display:flex;gap:11px;font-size:14.5px;font-weight:600;color:#C9D4EC}
.kz .cc li .x{color:#7C8AA5}.kz .cc li .c{color:var(--teal)}
/* PRICING (offres) */
.kz .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:44px auto 0;align-items:stretch}
.kz .tier{background:#fff;border:1.5px solid var(--lline);border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;position:relative}
.kz .tier.pop{border-color:var(--blue);box-shadow:0 30px 66px rgba(46,91,246,.16)}
.kz .tier .lab{position:absolute;top:-13px;left:26px;font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--blue);padding:5px 14px;border-radius:99px}
.kz .tier h3{font-size:23px;font-weight:800;color:var(--link)}
.kz .tier .who{color:var(--lmut);font-size:13.5px;margin:5px 0 16px;min-height:38px}
.kz .tier .price{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--link)}
.kz .tier .price small{font-size:14px;font-weight:700;color:var(--lmut)}
.kz .tier ul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:11px}
.kz .tier li{display:flex;gap:10px;font-size:14.5px;color:#33415C;font-weight:500}.kz .tier li .c{color:var(--tealD);font-weight:900;flex:none}
.kz .tier .btn{width:100%;justify-content:center;margin-top:auto}
/* TESTIMONIALS */
.kz .refs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.kz .ref{background:#fff;border:1px solid var(--lline);border-radius:18px;padding:26px}
.kz .ref p{font-size:15.5px;color:#28344A;line-height:1.6;font-weight:500}
.kz .rm{display:flex;align-items:center;gap:12px;margin-top:18px}
.kz .ra{width:40px;height:40px;border-radius:50%;background:linear-gradient(160deg,#2E5BF6,#19D3CB);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}
.kz .rm b{font-size:14px;color:var(--link);display:block}.kz .rm i{font-style:normal;font-size:12.5px;color:var(--lmut)}
/* FAQ */
.kz .faq{max-width:800px;margin:44px auto 0;display:flex;flex-direction:column;gap:12px}
.kz .faq details{background:#fff;border:1px solid var(--lline);border-radius:14px;padding:4px 22px;transition:.2s}
.kz .faq details[open]{box-shadow:0 16px 36px rgba(11,21,36,.08)}
.kz .faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:16.5px;color:var(--link);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.kz .faq summary::-webkit-details-marker{display:none}
.kz .faq .pl{width:14px;height:14px;position:relative;flex:none}
.kz .faq .pl:before,.kz .faq .pl:after{content:"";position:absolute;background:var(--blue);border-radius:2px}
.kz .faq .pl:before{top:6px;left:0;width:14px;height:2px}.kz .faq .pl:after{left:6px;top:0;width:2px;height:14px;transition:.2s}
.kz .faq details[open] .pl:after{transform:rotate(90deg);opacity:0}
.kz .faq p{color:var(--lmut);font-size:15px;line-height:1.6;padding:0 0 20px}
/* CTA */
.kz .cta-in{max-width:1000px;margin:0 auto;border:1px solid var(--line2);border-radius:28px;padding:70px 40px;text-align:center;background:radial-gradient(120% 150% at 50% 0%,rgba(46,91,246,.3),transparent 60%),linear-gradient(180deg,rgba(20,28,48,.7),rgba(10,16,32,.7));overflow:hidden;position:relative}
.kz .cta-in h2{font-size:clamp(32px,4.5vw,52px)}
.kz .cta-in p{color:var(--mut);font-size:18px;margin:16px auto 30px;max-width:520px}
.kz .cta-in .hero-cta{justify-content:center}
/* FOOTER */
.kz footer.kzf{position:relative;z-index:3;border-top:1px solid var(--line);padding:62px 0 32px;background:#05080F}
.kz .fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}
.kz .fbrand .lg{height:24px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:16px}
.kz .fbrand p{color:var(--mut);font-size:14px;max-width:280px;line-height:1.6}
.kz .fsoc{display:flex;gap:10px;margin-top:18px}
.kz .fsoc a{width:36px;height:36px;border-radius:9px;border:1px solid var(--line2);display:grid;place-items:center;color:#C4CFE6;font-weight:800;font-size:13px}
.kz .fcol h5{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7C8AA5;margin-bottom:16px}
.kz .fcol a{display:block;color:#AEBAD4;font-size:14px;padding:6px 0}.kz .fcol a:hover{color:#fff}
.kz .fbase{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:44px;padding-top:24px;color:#5F6E90;font-size:13px}
.kz .fbase a{color:#8595B8}
/* MOBILE */
.kz .kzmob{display:none}
@media(max-width:940px){
 .kz .nlinks,.kz .nav-cta .seg,.kz .nav-cta .uswitch,.kz .nav-cta .btn-g{display:none}
 .kz .burg{display:inline-flex}
 .kz .hero-in,.kz .frow,.kz .cmp,.kz .stats,.kz .tiers,.kz .refs,.kz .fcols{grid-template-columns:1fr}
 .kz .hviz{display:none}.kz .sgrid{grid-template-columns:repeat(2,1fr)}
 .kz .frow.rev .ftx{order:0}.kz .stats{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.kz .mesh b,.kz .pan,.kz .pbar:after{animation:none!important}.kz .rv{opacity:1!important;transform:none!important}}

.kz .bcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.kz .bcard{background:#fff;border:1px solid var(--lline);border-radius:18px;padding:26px;transition:.2s}
.kz .zl .bcard{background:#fff}.kz section.blk:not(.zl) .bcard{background:rgba(255,255,255,.03);border:1px solid var(--line2)}
.kz .bcard:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(11,21,36,.1)}
.kz .bcard .bic{width:50px;height:50px;border-radius:14px;background:rgba(46,91,246,.14);border:1px solid var(--line2);display:grid;place-items:center;margin-bottom:16px}.kz .bcard .bic svg{width:24px;height:24px;stroke:#2E5BF6}
.kz section.blk:not(.zl) .bcard .bic svg{stroke:#8FB2FF}
.kz .bcard h4{font-size:17px;font-weight:800;color:var(--link)}.kz section.blk:not(.zl) .bcard h4{color:#EAF0FF}
.kz .bcard p{color:var(--lmut);font-size:14.5px;margin-top:9px;line-height:1.55}.kz section.blk:not(.zl) .bcard p{color:var(--mut)}
@media(max-width:900px){.kz .bcards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.kz .bcards{grid-template-columns:1fr}}
.kz .rcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.kz .rcard{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line2);transition:.2s}
.kz .zl .rcard{background:#fff;border:1px solid var(--lline)}
.kz .rcard:hover{transform:translateY(-4px);border-color:var(--blue)}
.kz .rcard .ri{width:44px;height:44px;border-radius:12px;background:rgba(46,91,246,.16);display:grid;place-items:center}.kz .rcard .ri svg{width:22px;height:22px}
.kz .rcard b{font-size:16px;font-weight:800}.kz .zl .rcard b{color:var(--link)}
.kz .rcard .rg{font-size:13px;font-weight:800;color:var(--blue2)}.kz .zl .rcard .rg{color:var(--blue)}
@media(max-width:900px){.kz .rcards{grid-template-columns:1fr 1fr}}

body.kz{background:#070B14}
body.kz .hero-fx,body.kz .leghero{padding-top:110px}
body.kz.fcgp,body.kz.fcpro{background:#070B14}

html:has(body.kz){background:#070B14}
body.kz{background:#070B14!important}
.kz .hero{background:#070B14}
.kz .strip{background:#0A0F1A}
.kz section.blk{background:#070B14}
.kz section.blk.zl{background:var(--lbg)}
.kz .cta-in h2,.kz .hero h1,.kz .stat b{color:#EAF0FF}
.kz .zl .stat b{color:#0B1524}
/* Pages maquette/flagship (classe body 'fcmq') : design CLAIR, texte sombre.
   Elles portent 'kz' pour la nav/footer premium mais leur contenu (titres, textes,
   cartes blanches) est conçu pour un fond CLAIR. Sans correctif, le fond sombre
   global de body.kz + .kz section.blk rend le texte sombre illisible (sombre sur
   sombre). On rétablit donc, pour ces pages uniquement, un fond clair sur le body
   et sur les sections de contenu .blk. Le héros et le CTA final (.blk.final)
   gardent volontairement leur fond sombre + texte clair. */
html:has(body.fcmq){background:#fff}
body.fcmq{background:#fff!important}
body.fcmq section.blk{background:#fff}
body.fcmq section.blk.alt{background:var(--lbg)}
body.fcmq section.blk.final,body.fcmq section.blk.dark{background:#070B14}

.fcgp .legal,.fcpro .legal{background:#fff;border:1px solid #E3EAF6;border-radius:16px;padding:clamp(22px,4vw,36px);max-width:900px;margin:0 auto;box-shadow:0 12px 44px rgba(0,0,0,.20)}
.fcgp .legal h2,.fcgp .legal h3,.fcgp .legal h4,.fcgp .legal strong,.fcpro .legal h2,.fcpro .legal h3,.fcpro .legal h4,.fcpro .legal strong{color:#0B1524}
.fcgp .legal p,.fcgp .legal li,.fcgp .legal address,.fcpro .legal p,.fcpro .legal li,.fcpro .legal address{color:#28344A}

.post-content{background:#fff;border:1px solid #E3EAF6;border-radius:16px;box-shadow:0 12px 44px rgba(0,0,0,.20);padding:clamp(24px,4vw,44px);max-width:820px;margin:0 auto;font-size:17px;line-height:1.75;color:#28344A;overflow-wrap:break-word}
.post-content>*:first-child{margin-top:0}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5{color:#0B1524;line-height:1.25;margin:1.7em 0 .5em;font-weight:800;letter-spacing:-.01em}
.post-content h2{font-size:25px}.post-content h3{font-size:20px}.post-content h4{font-size:17.5px}
.post-content p{margin:0 0 1.1em}
.post-content a{color:#2450E0;font-weight:600;text-decoration:underline}
.post-content ul,.post-content ol{margin:0 0 1.1em;padding-left:24px}
.post-content li{margin:.4em 0}
.post-content img,.post-content svg,.post-content video,.post-content iframe,.post-content embed,.post-content object{max-width:100%;height:auto;border-radius:12px;margin:1.2em auto;display:block}
.post-content svg{max-height:420px}
.post-content figure{margin:1.4em 0;max-width:100%}
.post-content figcaption{font-size:14px;color:#64748B;text-align:center;margin-top:8px}
.post-content blockquote{border-left:4px solid #2450E0;padding:8px 18px;color:#33415C;margin:1.3em 0;background:#F6F8FB;border-radius:0 12px 12px 0}
.post-content pre{background:#0B1524;color:#EAF0FF;padding:16px;border-radius:12px;overflow:auto;font-size:14px;margin:1.2em 0}
.post-content code{background:#F0F3FA;border:1px solid #E3EAF6;border-radius:6px;padding:1px 6px;font-size:.9em}
.post-content pre code{background:none;border:0;padding:0}
.post-content table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:15px;display:block;overflow-x:auto}
.post-content th,.post-content td{border:1px solid #E3EAF6;padding:9px 12px;text-align:left}
.post-content th{background:#F3F6FC;color:#0B1524}
.post-content hr{border:0;border-top:1px solid #E3EAF6;margin:2em 0}
.post-back{max-width:820px;margin:28px auto 0}
.post-list-item{border-bottom:1px solid #E3EAF6;padding:18px 0}
.post-list-item:last-child{border-bottom:0}
.post-list-item h2{margin:0 0 .25em}
.post-list-item a.pl-title{color:#0B1524;text-decoration:none}
.post-list-item .pl-meta{margin:0;color:#64748B;font-size:13.5px}
