body{margin:0;background:#FFFFFF}
a{color:inherit}
.wl{
--bg:#FFFFFF;--bg-alt:#F7F7F9;--surface:#FFFFFF;--surface-2:#F5F4F9;--line:#ECEDF1;--line-2:#DCDDE3;--grid:#F1F2F5;
--text:#0A0B0D;--text-2:#4A4B52;--text-3:#64656C;--brand:#512CCC;--brand-text:#512CCC;--tint:#F3EFFE;--ok:#1E7A5B;--ok-bg:#E8F6F0;
--btn:#0A0B0D;--btn-fg:#FFFFFF;--shadow:0 40px 80px -36px rgba(40,20,120,.32);--glow:.55;
}
.wl[data-theme=dark]{
--bg:#0B0B0E;--bg-alt:#101014;--surface:#131318;--surface-2:#1A1A21;--line:#23232A;--line-2:#33343C;--grid:#15151A;
--text:#F4F4F6;--text-2:#B4B5BD;--text-3:#8E8F97;--brand:#6B47EE;--brand-text:#B49BFF;--tint:rgba(155,110,245,.14);--ok:#4ED3A4;--ok-bg:rgba(54,194,147,.14);
--btn:#FFFFFF;--btn-fg:#0A0B0D;--shadow:0 40px 80px -36px rgba(0,0,0,.9);--glow:.35;
}
.wl,.wl *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.wl-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));max-width:1344px;margin:0 auto;padding:0 clamp(20px,4vw,48px);box-sizing:border-box;pointer-events:none}
.wl-grid span{border-left:1px solid var(--grid)}
.wl-grid span:last-child{border-right:1px solid var(--grid)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .wl-plus{transform:rotate(45deg)}
@keyframes wl-pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(3);opacity:0}}
@keyframes wl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wl-pulse{position:absolute;inset:0;border-radius:50%;animation:wl-pulse 2.4s ease-out infinite}
.wl-in{animation:wl-in .4s ease-out both}
.wl-btn{transition:transform .15s ease,background-color .2s ease}
.wl-btn:hover{transform:translateY(-1px)}
.wl-cell:hover{background:var(--bg-alt)!important}
input[type=range]{width:100%;height:40px;cursor:pointer;accent-color:#512CCC}
@media (max-width: 900px){.wl-navlinks,.wl-mock-side,.wl-hub-label{display:none!important}}
.wl-flow:first-child{padding-left:0!important}
@media (max-width: 700px){.wl-flow{padding-left:0!important;padding-right:0!important}}

@media (max-width: 700px){.wl-metric{padding:20px 16px 22px!important}}
.wl-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 460px at 88% 6%, rgba(123,82,240,0.16), rgba(123,82,240,0) 65%),radial-gradient(520px 420px at -5% 55%, rgba(81,44,204,0.09), rgba(81,44,204,0) 65%)}
.wl[data-theme=dark] .wl-hero-bg{background:radial-gradient(640px 460px at 88% 6%, rgba(123,82,240,0.30), rgba(123,82,240,0) 65%),radial-gradient(520px 420px at -5% 55%, rgba(81,44,204,0.18), rgba(81,44,204,0) 65%)}
@media (max-width: 700px){
.wl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wl-grid span:nth-child(n+5){display:none}.wl-grid span:nth-child(4){border-right:1px solid var(--grid)}
.wl[data-theme=dark] .wl-hero-bg{background:radial-gradient(420px 360px at 90% 30%, rgba(123,82,240,0.38), rgba(123,82,240,0) 70%),radial-gradient(360px 300px at 0% 8%, rgba(81,44,204,0.22), rgba(81,44,204,0) 70%)}
.wl-hero{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding-top:28px!important}
.wl-hero-txt{display:contents!important}
.wl-o1{order:1;margin-bottom:14px}.wl-o2{order:2;margin-bottom:24px!important}.wl-o3{order:3;margin-bottom:28px;flex:none!important}.wl-o4{order:4;margin-bottom:22px!important;font-size:17px!important}.wl-o5{order:5;margin-bottom:18px}.wl-o6{order:6}
.wl-h1{font-size:46px!important}
.wl-mock-chart{height:78px!important}
.wl-hero-glow{inset:-20px -40px -40px -40px!important;opacity:.7!important}
.wl-metrics-wrap{margin-top:40px!important}
}
@media (max-width: 900px){.wl-hide-nav{display:none!important}.wl-burger{display:inline-flex!important}.wl-nav{flex-wrap:nowrap!important}}
@media (max-width: 480px){.wl-hide-xs{display:none!important}}
@media (max-width: 700px){
.wl-sec{padding-top:64px!important;padding-bottom:64px!important;gap:28px!important}
.wl-hide-m{display:none!important}.wl-show-m{display:flex!important}
.wl-ctas>a{flex:1 1 100%;justify-content:center}
.wl-scroll{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wl-scroll::-webkit-scrollbar{display:none}
.wl-scroll>*{flex:0 0 84%;scroll-snap-align:center;border:1px solid var(--line)!important;border-radius:16px;min-height:0!important;box-sizing:border-box}
.wl-scroll-sm>*{flex-basis:62%}
.wl-cta-h{font-size:36px!important}
.wl-int>span{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 10px!important;font-size:13px!important}.wl-int>span>span:first-child{flex-direction:column;align-items:flex-start!important;gap:8px!important}
.wl-swipe{display:flex!important}
}
@media (prefers-reduced-motion: reduce){.wl-pulse,.wl-in{animation:none}.wl-btn:hover{transform:none}}

/* ===== solid buttons (violet gradient, like the favicon) ===== */
.up-pri{background:linear-gradient(135deg,#A388FF 0%,#7A50F5 30%,#5A2FE0 62%,#3A19A8 100%)!important;color:#FFFFFF!important;border:1px solid rgba(40,12,140,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 0 rgba(20,6,80,.35),0 1px 2px rgba(20,6,80,.35),0 12px 28px -10px rgba(91,47,224,.85)!important;text-shadow:0 1px 1px rgba(20,6,80,.35);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease!important}
.up-pri:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(20,6,80,.35),0 2px 4px rgba(20,6,80,.35),0 18px 34px -12px rgba(91,47,224,.95)!important}
.up-pri:active{transform:translateY(1px);filter:brightness(.97);box-shadow:inset 0 2px 4px rgba(20,6,80,.35),0 4px 12px -6px rgba(91,47,224,.8)!important}
.up-sec{background:linear-gradient(180deg,var(--surface-2,var(--surface)),var(--surface))!important;border:1px solid var(--line-2,var(--line2))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 rgba(0,0,0,.45),0 8px 18px -12px rgba(0,0,0,.8)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease!important}
.up-sec:hover{transform:translateY(-1px);border-color:#7A50F5!important}
.up-sec:active{transform:translateY(1px)}
[data-theme=light] .up-sec,.wl:not([data-theme=dark]) .up-sec{box-shadow:inset 0 1px 0 #FFFFFF,0 1px 2px rgba(10,11,13,.10),0 8px 18px -12px rgba(40,20,120,.30)!important}
.up-white{box-shadow:inset 0 -2px 0 rgba(42,20,120,.14),0 1px 2px rgba(10,5,40,.3),0 12px 26px -12px rgba(10,5,40,.7)!important;transition:transform .15s ease!important}
.up-white:hover{transform:translateY(-1px)}
.up-glass{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px -12px rgba(10,5,40,.7)!important}
.up-pri:focus-visible,.up-sec:focus-visible,.up-white:focus-visible{outline:2px solid #B49BFF;outline-offset:3px}
@media (prefers-reduced-motion: reduce){.up-pri,.up-sec,.up-white{transition:none!important}.up-pri:hover,.up-pri:active,.up-sec:hover,.up-sec:active,.up-white:hover{transform:none}}
/* ===== V3 · White Ledger ===== */
.u-wrap{max-width:1344px;margin:0 auto;padding:0 clamp(20px,4vw,48px);box-sizing:border-box}
.u-sec{position:relative;border-top:1px solid var(--line)}
.u-eb{display:inline-flex;align-items:center;gap:8px;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--brand-text)}
.u-eb::before{content:'';width:8px;height:8px;background:var(--brand-text)}
.u-h2{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-0.045em}
.u-lead{margin:0;font-size:18px;color:var(--text-2);max-width:520px}
.u-li{display:flex;gap:12px;align-items:baseline;font-size:15.5px;color:var(--text-2);padding:12px 0;border-top:1px solid var(--line)}
.u-li b{font-family:'Geist Mono',monospace;font-size:11.5px;font-weight:500;color:var(--brand-text);min-width:22px}
.u-frame{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.u-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line)}
.u-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2);display:block}
.u-bar span{margin-left:10px;font-family:'Geist Mono',monospace;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-stage{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--bg-alt);overflow:hidden}
.u-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.u-stage::after{content:'';position:absolute;left:50%;top:50%;width:640px;height:640px;margin:-320px 0 0 -320px;background:radial-gradient(closest-side,rgba(123,82,240,.30),rgba(123,82,240,0));pointer-events:none}
.u-stage>*{position:relative;z-index:1}
@keyframes u-row{from{opacity:0;transform:translateY(-12px);background:var(--tint)}to{opacity:1;transform:none}}
.u-row-a{animation:u-row .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes u-row2{from{opacity:0;transform:translateY(-12px);background:var(--tint)}to{opacity:1;transform:none}}
.u-row-b{animation:u-row2 .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes u-glow{0%,100%{box-shadow:0 0 0 0 rgba(123,82,240,0)}50%{box-shadow:0 0 0 4px rgba(123,82,240,.18)}}
.u-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:5px;font-family:'Geist Mono',monospace;font-size:10.5px;white-space:nowrap;border:1px solid var(--line-2);color:var(--text-2);background:var(--surface)}
.u-chip.no{border-color:rgba(229,72,77,.35);color:#E5484D;text-decoration:line-through;text-decoration-thickness:1px}
.u-chip.ok{border-color:rgba(78,211,164,.45);color:var(--ok);background:var(--ok-bg)}
.u-chip.vi{border-color:rgba(123,82,240,.5);color:var(--brand-text);background:var(--tint)}
.u-st{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;padding:3px 7px;border-radius:4px;white-space:nowrap}
.u-table{width:100%;border-collapse:collapse}
.u-table th{font-family:'Geist Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--text-3);text-align:left;padding:14px 20px;border-bottom:1px solid var(--line)}
.u-table td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
.u-table tr:last-child td{border-bottom:0}
.u-cell{box-shadow:1px 0 0 var(--line),0 1px 0 var(--line);display:flex;align-items:center;gap:12px;height:76px;padding:0 20px;background:var(--bg);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;letter-spacing:-0.02em;color:var(--text-2);white-space:nowrap;box-sizing:border-box}
.u-cell img{width:32px;height:32px;border-radius:8px;background:#FFFFFF;display:block;flex:none}
.u-cell img.u-r{border-radius:50%}
.u-cell .u-ini{width:32px;height:32px;border-radius:8px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:11px;font-weight:500;flex:none}
.u-tabs{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);width:max-content;max-width:100%;overflow-x:auto}
.u-tabs button{font:inherit;font-size:13.5px;font-weight:500;min-height:40px;padding:0 14px;border-radius:7px;border:0;background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap}
.u-tabs button[aria-pressed=true]{background:var(--btn);color:var(--btn-fg)}
.u-globe{position:relative;width:100%;max-width:600px;aspect-ratio:1/1;margin:0 auto}
.u-globe video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 71%);mask-image:radial-gradient(circle,#000 58%,transparent 71%)}
/* téléphone (réutilisé) */
.v3-phone{position:relative;width:300px;max-width:100%;border-radius:44px;padding:11px;background:linear-gradient(160deg,#34343E,#0B0B0E 60%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 90px -40px rgba(40,15,130,.8);box-sizing:border-box}
.v3-screen{position:relative;border-radius:34px;overflow:hidden;background:var(--ck-bg,#F6F6F8);color:#16161A;font-family:'Inter Tight',system-ui,sans-serif;height:600px;display:flex;flex-direction:column}
.v3-notch{position:absolute;top:10px;left:50%;width:90px;height:24px;margin-left:-45px;border-radius:20px;background:#0B0B0E;z-index:3}
.v3-fld{position:relative;height:40px;border:1px solid #E3E3E8;border-radius:var(--ck-r,10px);background:#FFFFFF;display:flex;align-items:center;padding:0 12px;font-size:13px;box-sizing:border-box;overflow:hidden}
.v3-ph{position:absolute;left:12px;color:#8A8A93}
.v3-ty{display:inline-block;overflow:hidden;white-space:nowrap;font-family:'Geist Mono',monospace;font-size:12px;width:0;vertical-align:middle}
@keyframes v3-tEmail{0%{width:0}22%{width:22ch}96%{width:22ch}100%{width:0}}
@keyframes v3-pEmail{0%{opacity:1}1%,96%{opacity:0}100%{opacity:1}}
@keyframes v3-fEmail{0%,22%{border-color:var(--ck-acc)}24%,100%{border-color:#E3E3E8}}
@keyframes v3-tCard{0%,26%{width:0}45%{width:19ch}96%{width:19ch}100%{width:0}}
@keyframes v3-pCard{0%,26%{opacity:1}27%,96%{opacity:0}100%{opacity:1}}
@keyframes v3-fCard{0%,25%{border-color:#E3E3E8}26%,45%{border-color:var(--ck-acc)}47%,100%{border-color:#E3E3E8}}
@keyframes v3-tExp{0%,47%{width:0}53%{width:7ch}96%{width:7ch}100%{width:0}}
@keyframes v3-pExp{0%,47%{opacity:1}48%,96%{opacity:0}100%{opacity:1}}
@keyframes v3-tCvc{0%,54%{width:0}57%{width:3ch}96%{width:3ch}100%{width:0}}
@keyframes v3-pCvc{0%,54%{opacity:1}55%,96%{opacity:0}100%{opacity:1}}
.v3-a-email{animation:v3-tEmail 10s steps(22,end) infinite}.v3-p-email{animation:v3-pEmail 10s linear infinite}.v3-f-email{animation:v3-fEmail 10s linear infinite}
.v3-a-card{animation:v3-tCard 10s steps(19,end) infinite}.v3-p-card{animation:v3-pCard 10s linear infinite}.v3-f-card{animation:v3-fCard 10s linear infinite}
.v3-a-exp{animation:v3-tExp 10s steps(7,end) infinite}.v3-p-exp{animation:v3-pExp 10s linear infinite}
.v3-a-cvc{animation:v3-tCvc 10s steps(3,end) infinite}.v3-p-cvc{animation:v3-pCvc 10s linear infinite}
.v3-pay{position:relative;height:48px;border-radius:var(--ck-btn-r,999px);background:var(--ck-acc,#111111);color:#FFFFFF;font-weight:600;font-size:15px;overflow:hidden;animation:v3-payBg 10s linear infinite}
@keyframes v3-payBg{0%,73%{background:var(--ck-acc)}75%,96%{background:#16A34A}100%{background:var(--ck-acc)}}
.v3-pay span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px}
@keyframes v3-l1{0%,60%{opacity:1;transform:none}62%,98%{opacity:0;transform:translateY(-8px)}100%{opacity:1}}
@keyframes v3-l2{0%,60%{opacity:0;transform:translateY(8px)}62%,73%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes v3-l3{0%,73%{opacity:0;transform:translateY(8px)}75%,96%{opacity:1;transform:none}98%,100%{opacity:0}}
.v3-l1{animation:v3-l1 10s ease infinite}.v3-l2{animation:v3-l2 10s ease infinite}.v3-l3{animation:v3-l3 10s ease infinite}
@keyframes v3-spin{to{transform:rotate(360deg)}}
.v3-spin{animation:v3-spin .8s linear infinite}
.u-step:first-child{padding-left:0!important}
@media (max-width: 700px){.u-step{padding-left:0!important}}
@media (max-width: 900px){.u-hide-t{display:none!important}}
@media (max-width: 700px){.u-hide-m{display:none!important}.u-row{flex-direction:column!important;align-items:stretch!important}.u-row>*{flex-basis:auto!important;width:100%}.u-table th,.u-table td{padding:14px 12px;font-size:14px}}
@media (prefers-reduced-motion: reduce){.u-row-a,.u-row-b,.v3-spin{animation:none!important}}

.v3-glowtext{background:linear-gradient(100deg,#C9B5FF 0%,#8E66FF 45%,#B49BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl:not([data-theme=dark]) .v3-glowtext{background:linear-gradient(100deg,#512CCC 0%,#7A50F5 50%,#3A19A8 100%);-webkit-background-clip:text;background-clip:text}
/* ===== V3.2 : branding + animations ===== */
.u-ann{position:relative;z-index:41;background:#0A0912;color:#D9D6E6;font-size:13.5px;border-bottom:1px solid #1C1A28}
.u-ann a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:6px 20px;text-decoration:none;color:inherit;flex-wrap:wrap;text-align:center}
.u-ann b{color:#C9B5FF;font-weight:600}
.u-ann i{font-style:normal;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.1em;padding:3px 7px;border-radius:4px;background:#512CCC;color:#FFFFFF}
.u-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 4px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;transition:border-color .2s ease}
.u-pill:hover{border-color:#7A50F5}
.u-pill span.n{height:26px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#8E66FF,#512CCC);color:#FFFFFF;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.1em;display:inline-flex;align-items:center}
.u-hb{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-2)}
.u-hb i{width:20px;height:20px;border-radius:5px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;flex:none}
@property --u-ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes u-spin{to{--u-ang:360deg}}
.u-ring{position:relative;padding:1px;border-radius:15px;background:conic-gradient(from var(--u-ang),rgba(155,110,245,0) 0deg,rgba(155,110,245,0) 250deg,#B49BFF 310deg,#7A50F5 340deg,rgba(155,110,245,0) 360deg);animation:u-spin 6s linear infinite;box-shadow:var(--shadow)}
.u-ring>.u-frame{border-color:transparent;box-shadow:none}
@keyframes u-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,10px) scale(1.03)}}
.u-dust{position:absolute;left:-30%;top:-25%;width:140%;height:auto;opacity:.55;pointer-events:none;animation:u-drift 12s ease-in-out infinite}
.wl:not([data-theme=dark]) .u-dust{opacity:.45}
@keyframes u-mq{to{transform:translateX(-50%)}}
.u-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.u-mq-row{display:flex;gap:10px;width:max-content;animation:u-mq 55s linear infinite}
.u-mq-row.r{animation-direction:reverse;animation-duration:65s}
.u-mq-row.r3{animation-duration:60s}
.u-mq-row>span{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 20px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;letter-spacing:-0.02em;color:var(--text-2);white-space:nowrap}
.u-mq-row img{width:30px;height:30px;border-radius:7px;background:#FFFFFF;display:block}
.u-mq-row img.u-r{border-radius:50%}
.u-mq-row .u-ini{width:30px;height:30px;border-radius:7px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:10.5px;font-weight:500}
/* mini visuels des fuites */
.u-viz{height:150px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:10px;box-sizing:border-box;overflow:hidden;position:relative}
.u-vrow{display:flex;align-items:center;gap:10px;font-size:12.5px}
.u-vrow .nm{width:96px;flex:none;font-weight:600;white-space:nowrap}
.u-vtrack{flex:1;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden;position:relative}
.u-vtrack i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
@keyframes u-shrink{0%,20%{width:100%;background:#8E66FF}35%{background:#E5484D}55%,85%{width:0;background:#E5484D}100%{width:100%;background:#8E66FF}}
@keyframes u-growb{0%,35%{width:0}60%,85%{width:100%}100%{width:0}}
.u-v1a{animation:u-shrink 6s ease-in-out infinite}.u-v1b{background:#4ED3A4;animation:u-growb 6s ease-in-out infinite}
@keyframes u-tag1{0%,30%{opacity:0}38%,85%{opacity:1}100%{opacity:0}}
@keyframes u-tag2{0%,52%{opacity:0}60%,85%{opacity:1}100%{opacity:0}}
.u-t1{animation:u-tag1 6s ease infinite}.u-t2{animation:u-tag2 6s ease infinite}
.u-badge{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.06em;padding:3px 7px;border-radius:4px;white-space:nowrap}
@keyframes u-bar1{0%,10%{height:0}35%,90%{height:52%}100%{height:0}}
@keyframes u-bar2{0%,30%{height:0}60%,90%{height:63%}100%{height:0}}
.u-b1{animation:u-bar1 6s cubic-bezier(.3,.7,.2,1) infinite}.u-b2{animation:u-bar2 6s cubic-bezier(.3,.7,.2,1) infinite}
@keyframes u-plus{0%,55%{opacity:0;transform:translateY(6px)}65%,90%{opacity:1;transform:none}100%{opacity:0}}
.u-plus{animation:u-plus 6s ease infinite}
/* bande Live */
.u-band{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(90% 70% at 50% 100%,rgba(81,44,204,.45),rgba(81,44,204,0) 70%),#0A0912;color:#F4F4F6;border:1px solid #1C1A28}
.u-band .u-lead{color:#B4B5BD}
.u-tick{display:flex;width:max-content;animation:u-mq 48s linear infinite}
.u-tick>span{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border-right:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#B4B5BD;white-space:nowrap}
.u-tick b{color:#FFFFFF;font-weight:600;font-family:'Space Grotesk',sans-serif}
.u-tag{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(20px,1.8vw,24px);line-height:1.2;letter-spacing:-0.02em;margin:6px 0 0}
/* CTA finale */
.u-final{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#3A1E9E 0%,#1A0F45 45%,#0A0912 100%);color:#FFFFFF;text-align:center}
.u-final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;pointer-events:none;animation:u-drift 14s ease-in-out infinite}
/* apparition au défilement */
@keyframes u-rv{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.u-rv{animation:u-rv linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
.wl-btn span[aria-hidden=true]{display:inline-block;transition:transform .2s ease}
.wl-btn:hover span[aria-hidden=true]{transform:translateX(3px)}
@media (prefers-reduced-motion: reduce){.u-ring,.u-dust,.u-mq-row,.u-tick,.u-v1a,.u-v1b,.u-t1,.u-t2,.u-b1,.u-b2,.u-plus,.u-final img,.u-rv{animation:none!important}}
/* ===== V3.3 : bas de page ===== */
.u-vlist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.u-vbtn{font:inherit;text-align:left;cursor:pointer;display:flex;align-items:baseline;gap:16px;padding:18px 4px;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-3);transition:color .2s ease,padding .25s ease}
.u-vbtn b{font-family:'Geist Mono',monospace;font-size:11.5px;font-weight:500;color:var(--text-3);width:22px}
.u-vbtn span{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(20px,2vw,26px);letter-spacing:-0.03em}
.u-vbtn:hover{color:var(--text-2)}
.u-vbtn[aria-pressed=true]{color:var(--text);padding-left:14px}
.u-vbtn[aria-pressed=true] b{color:var(--brand-text)}
.u-rcpt{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.u-rrow{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:18px 24px;border-top:1px dashed var(--line-2);align-items:center}
.u-rrow>span:first-child{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--text-3)}
@keyframes u-swap{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.u-swap-a{animation:u-swap .45s ease both}.u-swap-b{animation:u-swap2 .45s ease both}
@keyframes u-swap2{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.u-tog{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:500;white-space:nowrap}
.u-tog i{width:26px;height:16px;border-radius:999px;background:#6B47EE;position:relative;flex:none}
.u-tog i::after{content:'';position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#FFFFFF}
/* switchboard */
.u-board{position:relative;width:100%;aspect-ratio:1000/600;border:1px solid var(--line);border-radius:16px;background:var(--bg-alt);overflow:hidden}
.u-board::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;opacity:.9}
.u-board svg{position:absolute;inset:0;width:100%;height:100%}
.u-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 7px;border-radius:10px;background:var(--surface);border:1px solid var(--line-2);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;letter-spacing:-0.02em;white-space:nowrap;box-shadow:0 12px 26px -16px rgba(0,0,0,.5);z-index:2}
.u-node img{width:28px;height:28px;border-radius:7px;background:#FFFFFF;display:block}
.u-node img.u-r{border-radius:50%}
.u-node .u-ini{width:28px;height:28px;border-radius:7px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:10.5px;font-weight:500}
.u-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:28px;background:linear-gradient(140deg,#A388FF,#6B47EE 45%,#3A19A8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 80px -10px rgba(107,71,238,.75);z-index:3}
.u-core::before,.u-core::after{content:'';position:absolute;inset:-18px;border-radius:40px;border:1px solid rgba(155,110,245,.4);animation:wl-pulse 3s ease-out infinite}
.u-core::after{animation-delay:1.5s}
.u-glabel{position:absolute;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--text-3);z-index:2;transform:translate(-50%,-50%);white-space:nowrap}
@keyframes u-fl{to{stroke-dashoffset:-36}}
.u-wire{fill:none;stroke:var(--line-2);stroke-width:1.5}
.u-flow{fill:none;stroke-width:2;stroke-dasharray:3 9;animation:u-fl 1.1s linear infinite}
/* terminal */
.u-term{background:#0A0912;border:1px solid #1F1C2C;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);font-family:'Geist Mono',monospace;font-size:13px;color:#C9C9D2}
.u-term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #1F1C2C;color:#7C7C88;font-size:11.5px}
.u-term-bar i{width:10px;height:10px;border-radius:50%;background:#2A2838;display:block}
.u-tl{display:grid;grid-template-columns:22px 190px minmax(0,1fr);gap:10px;padding:7px 20px;opacity:0;animation:u-tl 12s linear infinite}
.u-tl .k{color:#B49BFF}.u-tl .ok{color:#4ED3A4}.u-tl .v{color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes u-tl{0%{opacity:0;transform:translateY(4px)}3%,92%{opacity:1;transform:none}100%{opacity:0}}
.u-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.u-steps3>div{padding:22px 24px 0 0;position:relative}
.u-steps3>div::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#7A50F5;transform-origin:left;transform:scaleX(0);animation:u-fillx 12s linear infinite}
.u-steps3>div:nth-child(2)::before{animation-name:u-fillx2}.u-steps3>div:nth-child(3)::before{animation-name:u-fillx3}
@keyframes u-fillx{0%{transform:scaleX(0)}25%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes u-fillx2{0%,25%{transform:scaleX(0)}50%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes u-fillx3{0%,50%{transform:scaleX(0)}75%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}
/* reçu final */
.u-cta{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.u-bill{position:relative;width:min(440px,100%);background:#FBFAFF;color:#0A0B0D;border-radius:6px 6px 0 0;padding:30px 30px 26px;font-family:'Geist Mono',monospace;font-size:13px;box-shadow:0 60px 120px -40px rgba(81,44,204,.8),0 0 0 1px rgba(0,0,0,.04);transform:rotate(-2deg)}
.u-bill::after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:14px;background:linear-gradient(-45deg,transparent 7px,#FBFAFF 0) 0 0/14px 14px,linear-gradient(45deg,transparent 7px,#FBFAFF 0) 0 0/14px 14px;background-repeat:repeat-x}
.u-bl{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.u-bl span:first-child{color:#64656C}
.u-bsep{border-top:1px dashed #C9C6D6;margin:10px 0}
@keyframes u-stamp{0%,30%{opacity:0;transform:rotate(-14deg) scale(1.8)}38%{opacity:1;transform:rotate(-14deg) scale(.95)}42%,92%{opacity:1;transform:rotate(-14deg) scale(1)}100%{opacity:0;transform:rotate(-14deg) scale(1)}}
.u-stamp{position:absolute;right:22px;bottom:58px;border:3px solid #16A34A;color:#16A34A;border-radius:8px;padding:6px 12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:.04em;animation:u-stamp 6s cubic-bezier(.3,.7,.2,1) infinite}
@media (max-width: 900px){.u-board-wrap{display:none!important}}
@media (min-width: 901px){.u-board-alt{display:none!important}}
@media (max-width: 700px){.u-steps3{grid-template-columns:1fr}.u-tl{grid-template-columns:18px minmax(0,1fr);}.u-tl .k{display:none}.u-rrow{grid-template-columns:1fr;gap:8px}.u-bill{transform:none}}
@media (prefers-reduced-motion: reduce){.u-flow,.u-tl,.u-steps3>div::before,.u-stamp,.u-core::before,.u-core::after{animation:none!important;opacity:1}}
@keyframes u-tl0{0%{opacity:0}3%,94%{opacity:1}100%{opacity:0}}
@keyframes u-tl1{0%,9%{opacity:0;transform:translateY(4px)}12%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes u-tl2{0%,18%{opacity:0;transform:translateY(4px)}21%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes u-tl3{0%,27%{opacity:0;transform:translateY(4px)}30%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes u-tl4{0%,36%{opacity:0;transform:translateY(4px)}39%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes u-tl5{0%,45%{opacity:0;transform:translateY(4px)}48%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes u-tl6{0%,54%{opacity:0;transform:translateY(4px)}57%,94%{opacity:1;transform:none}100%{opacity:0}}
/* ===== Proposition B : parcours ===== */
.j-path{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:34px 28px 26px;overflow:hidden}
.j-line{position:absolute;left:8%;right:8%;top:52px;height:2px;background:var(--line-2)}
.j-line i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8E66FF,#4ED3A4);animation:j-fill 8s cubic-bezier(.5,0,.3,1) infinite}
@keyframes j-fill{0%{width:0}85%,100%{width:100%}}
.j-dot{position:absolute;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 4px rgba(142,102,255,.35),0 0 24px #8E66FF;animation:j-move 8s cubic-bezier(.5,0,.3,1) infinite}
@keyframes j-move{0%{left:0}85%,100%{left:100%}}
.j-st{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.j-st>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.j-st .o{width:38px;height:38px;border-radius:50%;background:var(--surface);border:2px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-3);position:relative;z-index:1}
@keyframes j-on0{0%,1%{border-color:var(--line-2);color:var(--text-3)}3%,92%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2)}}
.j-st .o{animation:8s linear infinite}
.j-st>div:nth-child(1) .o{animation-name:j-on1}.j-st>div:nth-child(2) .o{animation-name:j-on2}.j-st>div:nth-child(3) .o{animation-name:j-on3}.j-st>div:nth-child(4) .o{animation-name:j-on4}.j-st>div:nth-child(5) .o{animation-name:j-on5}
.j-st .v{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;letter-spacing:-0.02em}
.j-st .l{font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--text-3)}
.j-st .s{font-size:13px;color:var(--text-3)}
.j-man{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(28px,3.4vw,48px);line-height:1.15;letter-spacing:-0.035em;color:var(--text-3);margin:0;max-width:1100px}
.j-man b{color:var(--text);font-weight:500}.j-man em{font-style:normal;color:var(--brand-text)}
.j-sticky{position:sticky;top:110px}
.j-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px 0;opacity:.35;transition:opacity .4s ease}
.j-step.on{opacity:1}
.j-vis{position:relative;height:640px;border:1px solid var(--line);border-radius:18px;background:var(--bg-alt);overflow:hidden;display:flex;align-items:center;justify-content:center}
.j-vis::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.j-vis>*{position:relative}
.j-big{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(90px,13vw,200px);line-height:.85;letter-spacing:-0.07em}
/* ===== Proposition C : bento ===== */
.c-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.c-t{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;padding:26px;display:flex;flex-direction:column;gap:10px;min-height:260px;box-sizing:border-box}
.c-t .k{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--brand-text)}
.c-t .h{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:23px;letter-spacing:-0.03em;line-height:1.15}
.c-t .p{color:var(--text-2);font-size:14.5px;max-width:420px}
.c-v{background:linear-gradient(150deg,#8E66FF 0%,#512CCC 55%,#2A1580 100%);color:#FFFFFF;border-color:transparent}
.c-v .k{color:#E5DCFF}.c-v .p{color:#E5DCFF}
.c-num{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(64px,7vw,110px);letter-spacing:-0.06em;line-height:.9}
@keyframes c-cur{0%,18%{transform:translateY(0)}20%,38%{transform:translateY(-1.2em)}40%,58%{transform:translateY(-2.4em)}60%,78%{transform:translateY(-3.6em)}80%,100%{transform:translateY(-4.8em)}}
.c-roll{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom}
.c-roll span{display:block;animation:c-cur 10s cubic-bezier(.7,0,.3,1) infinite}
.c-roll span b{display:block;height:1.2em;font-weight:inherit}
.c-hero-stack{position:relative;min-height:560px}
.c-hero-stack .c-phone{position:absolute;right:-30px;bottom:-60px;transform:scale(.78);transform-origin:bottom right;z-index:3}
@media (max-width: 1000px){.c-bento>*{grid-column:span 12!important}.c-hero-stack .c-phone{display:none}}
@media (max-width: 900px){.j-sticky{position:relative;top:0}.j-split{flex-direction:column!important}.j-step{min-height:0;opacity:1}.j-vis{height:520px}.j-st{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}}
@media (prefers-reduced-motion: reduce){.j-line i,.j-dot,.j-st .o,.c-roll span{animation:none!important}}
@keyframes j-on1{0%,0%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}2%,94%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}}
@keyframes j-on2{0%,17%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}19%,94%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}}
@keyframes j-on3{0%,34%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}36%,94%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}}
@keyframes j-on4{0%,51%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}53%,94%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}}
@keyframes j-on5{0%,68%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}70%,94%{border-color:#8E66FF;color:#FFFFFF;background:#6B47EE}100%{border-color:var(--line-2);color:var(--text-3);background:var(--surface)}}

/* ===== DA lumineuse (inspirée Reign, à notre façon) ===== */
.wl{--bg:#FAFAFC;--bg-alt:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F2FA;--line:#ECEAF3;--line-2:#DEDBEA;--grid:#F1EFF7;--text:#0D0B1A;--text-2:#4C4A5C;--text-3:#6E6C7E;--brand-text:#5B34E0;--tint:#F1ECFF;--shadow:0 40px 80px -40px rgba(60,30,170,.28)}
.wl[data-theme=dark]{--bg:#0B0B0E;--bg-alt:#0E0E12;--surface:#141419;--surface-2:#1A1A21;--line:#23232A;--line-2:#33343C;--grid:#15151A;--text:#F4F4F6;--text-2:#B4B5BD;--text-3:#8E8F97;--brand-text:#B49BFF;--tint:rgba(155,110,245,.14)}
.x-dark{--bg:#0B0A12;--bg-alt:#0E0D16;--surface:#15131F;--surface-2:#1C1A28;--line:#24212F;--line-2:#34303F;--grid:#16141E;--text:#F4F4F6;--text-2:#B4B5BD;--text-3:#8E8F97;--brand-text:#B49BFF;--tint:rgba(155,110,245,.16);color:var(--text)}
.wl-grid{display:none!important}
.u-sec{border-top:0!important}
.x-nav{position:sticky;top:14px;z-index:40;margin:14px auto 0;width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line);box-shadow:0 14px 34px -20px rgba(50,25,140,.35);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-sizing:border-box}
.wl[data-theme=dark] .x-nav{background:rgba(20,20,25,.72)}
.x-links{display:flex;gap:2px}
.x-links>a{text-decoration:none;padding:10px 12px;font-size:14px;font-weight:500;color:var(--text-2);border-radius:999px;transition:color .2s ease,background-color .2s ease}
.x-links>a:hover{color:var(--text);background:var(--tint)}
.x-links{align-items:center}
.x-btn-o{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--text);color:var(--text);text-decoration:none;font-size:14px;font-weight:600;transition:background-color .2s ease,color .2s ease}
.x-btn-o:hover{background:var(--text);color:var(--bg)}
.u-eb{height:30px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-family:'Inter Tight',sans-serif!important;font-size:12.5px!important;font-weight:600;letter-spacing:0!important;color:var(--brand-text);align-self:flex-start;box-shadow:0 6px 16px -12px rgba(60,30,170,.4)}
.u-eb::before{width:7px!important;height:7px!important;border-radius:50%}
.u-h2{letter-spacing:-0.05em}
.wl-hero-bg{background:radial-gradient(900px 620px at 85% 10%,rgba(140,110,255,.20),rgba(140,110,255,0) 65%),radial-gradient(600px 500px at 0% 70%,rgba(91,52,224,.08),rgba(91,52,224,0) 65%)!important}
.wl[data-theme=dark] .wl-hero-bg{background:radial-gradient(900px 620px at 85% 10%,rgba(123,82,240,.30),rgba(123,82,240,0) 65%)!important}
.wl-hero-glow{opacity:.25!important}
.x-cloud{position:absolute;pointer-events:none;width:150%;height:auto;left:-38%;top:-38%}
.x-cloud-d{opacity:.75;animation:u-drift 12s ease-in-out infinite}
.x-cloud-c{opacity:.22;animation:u-drift 9s ease-in-out infinite reverse}
.u-frame{border-radius:18px;border-color:var(--line)}
.u-ring{border-radius:19px}
.u-stage{border-radius:24px;background:linear-gradient(160deg,#FFFFFF 0%,#F3EEFF 55%,#E7DDFF 100%);border-color:var(--line)}
.wl[data-theme=dark] .u-stage{background:linear-gradient(160deg,#16141F 0%,#1A1530 60%,#221A44 100%)}
.u-stage::before{opacity:.6}
.u-rcpt,.u-board,.u-viz{border-radius:20px}
.u-board{background:linear-gradient(160deg,#FFFFFF 0%,#F6F2FF 60%,#EEE6FF 100%)}
.wl[data-theme=dark] .u-board{background:var(--bg-alt)}
.u-band{border-radius:28px}
.u-li{border-top-color:var(--line)}
.up-sec{background:transparent!important;border:1px solid var(--text)!important;color:var(--text)!important;box-shadow:none!important}
.up-sec:hover{background:var(--text)!important;color:var(--bg)!important}
.x-dark .up-sec{border-color:rgba(255,255,255,.3)!important;color:#FFFFFF!important}
.u-mq-row>span{border-radius:14px;box-shadow:0 8px 20px -16px rgba(60,30,170,.35)}
.x-nav .up-pri{white-space:nowrap}
@media (max-width: 900px){.x-links{display:none}}
@media (max-width: 420px){.x-nav{padding-left:14px}.x-nav .up-pri{padding:0 12px!important;font-size:13px!important}}
@media (max-width: 700px){.x-hide-m{display:none!important}.x-cloud{width:120%;left:-10%;top:-20%}}

.u-spot{position:relative}
.u-spot::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(440px circle at var(--mx,-9999px) var(--my,-9999px),rgba(123,82,240,.12),transparent 45%);z-index:0}
.u-vdot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .2s ease}
.u-vbtn[aria-pressed=true] .u-vdot{background:#6B47EE;border-color:#6B47EE;box-shadow:0 0 0 4px var(--tint)}
.u-vbtn b{width:14px!important}
.u-li b{display:inline-flex;align-items:center;min-width:14px!important;align-self:center}
input[type=range]{accent-color:#6B47EE}

.x-dd{position:relative}
.x-dd-b{font:inherit;display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:0;background:transparent;font-size:14px;font-weight:500;color:var(--text-2);border-radius:999px;cursor:pointer}
.x-dd:hover .x-dd-b,.x-dd:focus-within .x-dd-b{color:var(--text);background:var(--tint)}
.x-panel{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%) translateY(6px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 40px 80px -30px rgba(40,20,120,.45);padding:10px;display:flex;gap:10px;z-index:50;width:340px}
.x-panel::before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
.x-panel.x-wide{width:640px}
.x-dd:hover .x-panel,.x-dd:focus-within .x-panel{opacity:1;visibility:visible;transform:translateX(-50%)}
.x-col{flex:1;display:flex;flex-direction:column}
.x-it{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text)}
.x-it:hover{background:var(--surface-2)}
.x-it b{display:block;font-size:14px;font-weight:600}
.x-it span span{display:block;font-size:12.5px;color:var(--text-3);margin-top:1px}
.x-ic{width:32px;height:32px;border-radius:9px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;flex:none}
.x-feat{flex:0 0 230px;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;text-decoration:none;color:#FFFFFF;background:radial-gradient(120% 90% at 100% 0%,#8E66FF,#512CCC 55%,#2A1580)}
.x-feat b{font-family:'Space Grotesk',sans-serif;font-size:19px;line-height:1.15;letter-spacing:-0.02em}
.x-feat span{font-size:13px;color:#E5DCFF}
.x-feat-k{align-self:flex-start;font-family:'Geist Mono',monospace;font-size:10.5px!important;letter-spacing:.1em;background:rgba(255,255,255,.18);padding:3px 8px;border-radius:999px;color:#FFFFFF!important}
.x-feat-l{margin-top:auto;font-weight:600;color:#FFFFFF!important}
.x-foot{border-top:1px solid var(--line);background:var(--bg-alt);overflow:hidden}
.x-fcols{flex:3 1 760px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px}
@media (max-width: 1000px){.x-fcols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 560px){.x-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.x-fcol{display:flex;flex-direction:column;gap:2px}
.x-fcol b{font-size:13px;font-weight:600;margin-bottom:8px}
.x-fcol a{font-size:14px;color:var(--text-3);text-decoration:none;padding:6px 0}
.x-fcol a:hover{color:var(--text)}

@keyframes u-in{from{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}}
@keyframes u-bandin{from{opacity:.4;transform:scale(.93)}to{opacity:1;transform:none}}
@keyframes u-secfade{from{opacity:.25}to{opacity:1}}
@supports (animation-timeline: view()){
.u-in{animation:u-in linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
}
@media (prefers-reduced-motion: reduce){.u-in,.u-band,.u-sec>.u-wrap{animation:none!important}}

.u-stack{position:sticky;top:0;background:var(--bg);box-shadow:0 -40px 70px -40px rgba(40,20,120,.28),0 -1px 0 var(--line);border-radius:36px 36px 0 0}
.u-stack:first-of-type{border-radius:0;box-shadow:none}
#top.u-stack{border-radius:0;box-shadow:none}
section.u-stack[aria-label="Integrationen"]{border-radius:0;box-shadow:none}
.wl[data-theme=dark] .u-stack{box-shadow:0 -40px 70px -40px rgba(0,0,0,.8),0 -1px 0 var(--line)}
.x-foot{position:relative;z-index:1}
@media (max-width: 700px){.u-stack{position:relative;top:auto!important;border-radius:0;box-shadow:none}}
@media (prefers-reduced-motion: reduce){.u-stack{position:relative;top:auto!important}}

.u-o{position:relative;background:var(--bg)}
@keyframes t-zoom{from{transform:scale(.86);border-radius:56px;opacity:.5}to{transform:none;border-radius:0;opacity:1}}
@keyframes t-wipel{from{clip-path:inset(0 100% 0 0 round 48px)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes t-wiper{from{clip-path:inset(0 0 0 100% round 48px)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes t-circle{from{clip-path:circle(8% at 50% 100%)}to{clip-path:circle(150% at 50% 100%)}}
@supports (animation-timeline: view()){
.t-zoom{animation:t-zoom linear both;animation-timeline:view();animation-range:cover 0% cover 35%;transform-origin:50% 0}
.t-wipel{animation:t-wipel linear both;animation-timeline:view();animation-range:cover 0% cover 38%}
.t-wiper{animation:t-wiper linear both;animation-timeline:view();animation-range:cover 0% cover 38%}
.t-circle{animation:t-circle linear both;animation-timeline:view();animation-range:cover 0% cover 42%}
}
@media (max-width: 700px){.t-zoom,.t-wipel,.t-wiper,.t-circle{animation:none!important}}
@media (prefers-reduced-motion: reduce){.t-zoom,.t-wipel,.t-wiper,.t-circle{animation:none!important}}

@keyframes t-tilt{from{transform:perspective(1600px) rotateX(18deg) translateY(80px) scale(.94);opacity:.4;border-radius:48px}to{transform:none;opacity:1;border-radius:0}}
@keyframes t-doors{from{clip-path:polygon(46% 0,54% 0,54% 100%,46% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes t-blur{from{filter:blur(18px);opacity:0;transform:translateY(60px)}to{filter:none;opacity:1;transform:none}}
@supports (animation-timeline: view()){
.t-tilt{animation:t-tilt linear both;animation-timeline:view();animation-range:cover 0% cover 38%;transform-origin:50% 0}
.t-doors{animation:t-doors linear both;animation-timeline:view();animation-range:cover 0% cover 40%}
.t-blur{animation:t-blur linear both;animation-timeline:view();animation-range:cover 0% cover 40%}
}
@media (max-width: 700px){.t-tilt,.t-doors,.t-blur{animation:none!important}}
@media (prefers-reduced-motion: reduce){.t-tilt,.t-doors,.t-blur{animation:none!important}}

.x-streams{position:absolute;left:-10%;top:-30%;width:140%;height:160%;pointer-events:none;z-index:0}
@keyframes x-pulse{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
.x-pulse{stroke-dasharray:60 940;animation:x-pulse 3.6s linear infinite;filter:drop-shadow(0 0 6px rgba(142,102,255,.8))}
.x-aurora{position:absolute;inset:-30% -20% -30% -30%;pointer-events:none;z-index:0;filter:blur(60px);opacity:.75}
.x-aurora i{position:absolute;border-radius:50%;display:block}
.x-aurora i:nth-child(1){width:46%;height:56%;left:30%;top:8%;background:rgba(142,102,255,.45);animation:x-a1 14s ease-in-out infinite}
.x-aurora i:nth-child(2){width:36%;height:42%;left:55%;top:40%;background:rgba(78,211,164,.28);animation:x-a2 17s ease-in-out infinite}
.x-aurora i:nth-child(3){width:40%;height:46%;left:15%;top:45%;background:rgba(91,140,255,.30);animation:x-a3 19s ease-in-out infinite}
@keyframes x-a1{0%,100%{transform:translate(0,0)}50%{transform:translate(-12%,10%)}}
@keyframes x-a2{0%,100%{transform:translate(0,0)}50%{transform:translate(10%,-14%)}}
@keyframes x-a3{0%,100%{transform:translate(0,0)}50%{transform:translate(14%,-8%)}}
.u-ring{position:relative;z-index:1}
@media (max-width: 900px){.x-streams{display:none}}
@media (prefers-reduced-motion: reduce){.x-pulse,.x-aurora i{animation:none!important}}

/* ===== Compact, fin, sans chevauchement ===== */
.u-stack{position:relative!important;top:auto!important;border-radius:0!important;box-shadow:none!important}
.x-nav{position:relative;top:auto;margin:0;width:100%;border-radius:0;border:0;border-bottom:1px solid var(--line);background:var(--bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px max(20px,calc((100% - 1200px) / 2));z-index:40}
.wl[data-theme=dark] .x-nav{background:var(--bg)}
.wl{font-size:15px!important}
.u-wrap{max-width:1248px!important}
.wl-h1{font-size:clamp(38px,4.3vw,60px)!important;letter-spacing:-0.045em!important}
.u-h2{font-size:clamp(30px,3.1vw,44px)!important;letter-spacing:-0.04em!important;line-height:1.06!important}
.u-lead{font-size:16px!important;max-width:480px}
.u-tag{font-size:17px!important}
.u-li{font-size:14.5px!important;padding:10px 0!important}
.u-hb{font-size:15px!important}
#contact h2{font-size:clamp(36px,4.4vw,60px)!important}
[style*="padding-top: 128px"]{padding-top:92px!important}
[style*="padding-bottom: 128px"]{padding-bottom:92px!important}
[style*="padding-top: 140px"],[style*="padding-top: 104px"]{padding-top:88px!important}
[style*="padding-bottom: 150px"],[style*="padding-bottom: 64px"]{padding-bottom:72px!important}
[style*="padding-top: 88px"]{padding-top:64px!important}
.u-stage{height:620px!important}
.u-stage .v3-phone{transform:scale(.9)}
.u-band{border-radius:22px}
.u-vbtn span{font-size:clamp(17px,1.5vw,20px)!important}
.u-vbtn{padding:14px 4px!important}
.u-rrow{padding:14px 22px!important}
.u-node{height:38px;font-size:13px}
.u-core{width:120px;height:120px;border-radius:24px}
.wl-btn{height:46px!important;min-height:0!important;font-size:15px!important}
.x-nav .wl-btn{height:38px!important;font-size:13.5px!important}
.c-num,.u-final h2{font-size:clamp(40px,5vw,64px)!important}
@keyframes t-zoom{from{transform:scale(.965);opacity:.6;border-radius:28px}to{transform:none;opacity:1;border-radius:0}}
@keyframes t-tilt{from{transform:perspective(1800px) rotateX(6deg) translateY(30px);opacity:.6}to{transform:none;opacity:1}}
@keyframes t-wipel{from{clip-path:inset(0 30% 0 0 round 28px);opacity:.6}to{clip-path:inset(0 0 0 0 round 0);opacity:1}}
@keyframes t-wiper{from{clip-path:inset(0 0 0 30% round 28px);opacity:.6}to{clip-path:inset(0 0 0 0 round 0);opacity:1}}
@keyframes t-circle{from{clip-path:circle(55% at 50% 100%)}to{clip-path:circle(150% at 50% 100%)}}
@keyframes t-doors{from{clip-path:polygon(20% 0,80% 0,80% 100%,20% 100%);opacity:.6}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}
@keyframes t-blur{from{filter:blur(8px);opacity:.3;transform:translateY(24px)}to{filter:none;opacity:1;transform:none}}
@keyframes u-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
.t-zoom,.t-tilt,.t-wipel,.t-wiper,.t-circle,.t-doors,.t-blur{animation-range:entry 0% entry 70%!important}
}

.u-tour{position:relative;width:100%;max-width:1040px;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0A0912;box-shadow:0 50px 100px -40px rgba(60,30,170,.55),0 0 0 1px var(--line);margin-top:8px}
.u-tour video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.u-sound{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(10,9,18,.55);color:#FFFFFF;font:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.u-sound:hover{background:rgba(10,9,18,.75)}

/* 5/11 : logo transparent 3D au centre du switchboard + sections plus larges */
.u-core.u-core-t{width:200px;height:190px;background:none!important;box-shadow:none!important;border-radius:0;gap:6px}
.u-core.u-core-t::before,.u-core.u-core-t::after{inset:-6px -14px;border-radius:999px;border-color:rgba(155,110,245,.28)}
.u-core-t>*{position:relative;z-index:1}
.u-core-t::before{background:radial-gradient(closest-side,rgba(123,82,240,.55),rgba(123,82,240,0))}
.u-core-svg{width:172px;height:auto;filter:drop-shadow(0 14px 30px rgba(107,71,238,.65))}
.u-cube{transform-box:fill-box;transform-origin:center;animation:u-cubef 4s ease-in-out infinite}
@keyframes u-cubef{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.u-core-l{font-family:"Geist Mono",monospace;font-size:10px;letter-spacing:.16em;color:#C9BBFF}
@media (max-width:700px){.u-core.u-core-t{width:130px;height:124px}.u-core-svg{width:112px}}
@media (prefers-reduced-motion: reduce){.u-cube{animation:none}}
.u-wrap{max-width:1520px!important;padding:0 clamp(20px,3.2vw,56px)!important}
.wl-grid{max-width:1520px!important;padding:0 clamp(20px,3.2vw,56px)!important}
.u-tour{max-width:1240px!important}
.u-core-up{fill:#17132B}
.wl[data-theme=dark] .u-core-up{fill:#FFFFFF}
.u-core.u-core-t{width:230px;height:230px;border-radius:50%!important;background:radial-gradient(closest-side,var(--bg) 58%,rgba(0,0,0,0) 100%)!important}
.u-core.u-core-t::before,.u-core.u-core-t::after{inset:8px;border-radius:50%;background:none}
.u-core-svg{filter:drop-shadow(0 12px 26px rgba(107,71,238,.45))}
.u-core-l{color:var(--brand-text)}
.wl[data-theme=dark] .u-core-l{color:#C9BBFF}
@media (max-width:700px){.u-core.u-core-t{width:150px;height:150px}}
.u-core .u-core-svg{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:168px!important;height:140px!important;transform:none!important}
.u-core.u-core-t{background:radial-gradient(closest-side,var(--bg) 72%,rgba(0,0,0,0) 100%)!important}
@media (max-width:700px){.u-core .u-core-svg{width:104px!important;height:87px!important}}

/* 5/11 : plus aéré, rien ne se chevauche */
.t-zoom,.t-tilt,.t-wipel,.t-wiper,.t-circle,.t-doors,.t-blur{animation:none!important;clip-path:none!important;transform:none!important;filter:none!important;opacity:1!important}
.u-wrap,.wl-grid{max-width:1440px!important;padding:0 clamp(24px,4.6vw,72px)!important}
[style*="padding-top: 128px"]{padding-top:136px!important}
[style*="padding-bottom: 128px"]{padding-bottom:136px!important}
[style*="padding-top: 140px"],[style*="padding-top: 104px"]{padding-top:128px!important}
[style*="padding-bottom: 150px"]{padding-bottom:140px!important}
[style*="padding-bottom: 64px"]{padding-bottom:96px!important}
[style*="padding-top: 88px"]{padding-top:96px!important}
.u-wrap[style*="gap: 56px"]{gap:72px!important}
.u-wrap[style*="gap: 48px"]{gap:64px!important}
.u-wrap.u-row[style*="gap: 64px"]{gap:96px!important}
#tour{padding:120px 0 136px!important}
#live,#how{padding:48px clamp(16px,2.4vw,40px)!important}
#top .u-wrap[style*="margin-top: 80px"]{margin-top:96px!important;margin-bottom:24px}
section[aria-label="Integrationen"]{padding:88px 0 96px!important}
.u-lead{max-width:540px!important;line-height:1.65!important}
.u-li{padding:13px 0!important}
.u-stage{height:660px!important}
#contact + *,footer{margin-top:0}
footer,.x-foot{padding-top:96px!important}
.u-bill{padding-bottom:86px!important}
.u-board{max-width:1080px;margin:0 auto}
.u-core.u-core-t{width:190px!important;height:190px!important}
.u-core .u-core-svg{width:136px!important;height:113px!important}
@media (max-width:700px){.u-core.u-core-t{width:130px!important;height:130px!important}.u-core .u-core-svg{width:92px!important;height:77px!important}}
.u-stamp{bottom:20px!important;right:auto!important;left:28px!important}
.x-nav .wl-btn,.x-nav .x-btn-o,.x-btn-o{border-radius:8px!important}
section[aria-label="Integrationen"]{padding:72px 0 40px!important}
#tour{padding:40px 0 48px!important}
[style*="padding-top: 128px"]{padding-top:104px!important}
[style*="padding-bottom: 128px"]{padding-bottom:104px!important}
#why [style*="padding-top: 128px"]{padding-top:72px!important}
.u-hb i{width:30px!important;height:30px!important;border-radius:8px!important}

.sb{position:relative;width:640px;height:640px;flex:none}
.sb-panel{position:absolute;left:0;top:60px;width:250px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(40,20,120,.45);box-sizing:border-box}
.wl[data-theme=dark] .sb-panel{background:#15131F;border-color:rgba(255,255,255,.08)}
.sb-ph{display:flex;align-items:center;gap:8px;height:40px;margin-bottom:12px;font-size:13.5px;color:var(--text)}
.sb-dot{width:10px;height:10px;border-radius:3px;background:#6B47EE}
.sb-tag{margin-left:auto;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}
.sb-chip{position:relative;display:flex;align-items:center;gap:10px;height:46px;margin-bottom:8px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-size:13px;color:var(--text-2);transition:border-color .3s ease,background-color .3s ease,color .3s ease}
.sb-chip.on{color:var(--text);border-color:rgba(107,71,238,.45);background:rgba(107,71,238,.07)}
.sb-chip.hot{box-shadow:0 0 0 3px rgba(107,71,238,.18)}
.sb-ic{width:24px;height:24px;border-radius:7px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}
.sb-lb{flex:1;font-weight:500}
.sb-sw{width:30px;height:18px;border-radius:999px;background:var(--line-2);position:relative;transition:background-color .3s ease;flex:none}
.sb-sw i{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;transition:transform .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.sb-chip.on .sb-sw{background:#6B47EE}.sb-chip.on .sb-sw i{transform:translateX(12px)}
.sb-click{position:absolute;left:190px;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid #8E66FF;animation:sb-click .6s ease-out .55s both;pointer-events:none}
@keyframes sb-click{from{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}
.sb-phone{position:absolute;right:0;top:0;transform:none!important}
.sb-phone .v3-screen{height:618px}
.sb-body{flex:1;min-height:0;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;font-size:11.5px}
.sb-body b{font-weight:600}.sb-body small{display:block;font-size:10.5px;color:#6B6B73}
.sb-w{animation:sb-in .55s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 0}
@keyframes sb-in{from{opacity:0;transform:translateY(-6px) scale(.96);max-height:0}to{opacity:1;transform:none;max-height:90px}}
.sb-urg{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#16161A;color:#FFFFFF}
.sb-urg b{font-family:'Geist Mono',monospace}
.sb-ship{padding:8px 11px;border-radius:10px;background:#E9F7EF;color:#15803D;font-weight:600}
.sb-bar{height:5px;border-radius:999px;background:rgba(21,128,61,.18);margin-top:6px;overflow:hidden}.sb-bar i{display:block;height:100%;width:100%;background:#16A34A;animation:sb-fill 1s ease-out both}
@keyframes sb-fill{from{width:30%}to{width:100%}}
.sb-prod{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #ECECF0;border-radius:12px;background:#FFFFFF}
.sb-thumb{width:40px;height:40px;border-radius:9px;background:linear-gradient(150deg,#EDE7FF,#C9B8FF);color:#512CCC;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sb-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;background:#F4F1FF}
.sb-cb{width:16px;height:16px;border-radius:4px;background:#111111;color:#FFFFFF;font-size:10px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sb-rev{padding:9px 10px;border:1px solid #ECECF0;border-radius:10px;background:#FFFFFF}
.sb-stars{color:#F5A524;letter-spacing:1px}
.sb-q{margin-top:4px;color:#3A3A42}.sb-q small{display:inline;margin-left:4px}
.sb-faq{border:1px solid #ECECF0;border-radius:10px;background:#FFFFFF}
.sb-faq div{display:flex;justify-content:space-between;padding:8px 10px}.sb-faq div+div{border-top:1px solid #ECECF0}
.sb-pay{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border-radius:999px;background:#111111;color:#FFFFFF;font-size:13.5px;font-weight:600}
.sb-cur{position:absolute;z-index:5;transition:left .7s cubic-bezier(.45,.05,.25,1),top .7s cubic-bezier(.45,.05,.25,1);filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
@media (max-width:700px){.u-stage.ck-st{height:360px!important;overflow:hidden}.sb{transform:scale(.5);transform-origin:center}}
.sb-rev small{display:inline}
@media (prefers-reduced-motion: reduce){.sb-w,.sb-click,.sb-bar i{animation:none!important}.sb-cur{transition:none}}
.sb-ic::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.sb-i0 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22M12%209v4l2%202M9%202h6%22/%3E%3C/svg%3E")}
.sb-i1 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h11v9H3zM14%2010h4l3%203v3h-7%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222%22/%3E%3C/svg%3E")}
.sb-i2 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%203v6c0%204.5-3.4%208-8%209-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22/%3E%3C/svg%3E")}
.sb-i5 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011a8%208%200%200%200-14.5-4.5L4%208M4%204v4h4M4%2013a8%208%200%200%200%2014.5%204.5L20%2016M20%2020v-4h-4%22/%3E%3C/svg%3E")}
.sb-i3 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.8%205.7%206.2.9-4.5%204.4%201%206.2L12%2017.3%206.5%2020.2l1-6.2L3%209.6l6.2-.9z%22/%3E%3C/svg%3E")}
.sb-i4 .sb-ic{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9.5%209.5a2.5%202.5%200%201%201%203.5%202.3c-.6.3-1%20.9-1%201.6M12%2017h.01%22/%3E%3C/svg%3E")}
.wl:not([data-theme=dark]) .u-tour{background:#F3F0FC}
.hx{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.hx>*,.hx-stack{display:none}
#top.hx-a .x-aurora,#top.hx-a .x-streams,#top.hx-a .wl-hero-glow,#top.hx-b .x-aurora,#top.hx-b .x-streams,#top.hx-c .x-aurora,#top.hx-c .x-streams,#top.hx-c .wl-hero-glow{display:none!important}
#top.hx-a .hx-map{display:block;position:absolute;left:-2%;top:6%;width:104%;height:88%;-webkit-mask-image:radial-gradient(70% 70% at 62% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 62% 50%,#000 30%,transparent 100%)}
.hx-dots{stroke:rgba(81,44,204,.30);stroke-width:4.2;stroke-linecap:round;fill:none}
.wl[data-theme=dark] .hx-dots{stroke:rgba(169,139,255,.28)}
.hx-arc{fill:none;stroke:#8E66FF;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:0 1000;animation:hx-arc 6s ease-in-out infinite}
@keyframes hx-arc{0%{stroke-dasharray:0 1000;opacity:0}10%{opacity:1}45%{stroke-dasharray:1000 0;opacity:1}80%,100%{stroke-dasharray:1000 0;opacity:0}}
.hx-ping circle{fill:#7A50F5}.hx-ping .r{fill:none;stroke:#7A50F5;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:hx-ping 2.8s ease-out infinite}
@keyframes hx-ping{from{transform:scale(1);opacity:.9}to{transform:scale(5);opacity:0}}
#top.hx-b .wl-hero-glow{opacity:.45!important}
#top.hx-b .hx-stack{display:block;position:absolute;inset:0;z-index:2;pointer-events:none}
.hx-card{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -24px rgba(40,20,120,.45);font-size:12.5px;color:var(--text);animation:hx-float 7s ease-in-out infinite}
.wl[data-theme=dark] .hx-card{background:#16141F;border-color:rgba(255,255,255,.08)}
@keyframes hx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hx-c1{right:-36px;top:-46px;width:250px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.hx-k{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--brand-text)}
.hx-row{display:flex;justify-content:space-between;color:var(--text-3)}.hx-row.ok{color:#15803D}.wl[data-theme=dark] .hx-row.ok{color:#4ED3A4}
.hx-c2{left:-80px;bottom:-60px;width:205px;padding:12px;animation-delay:-2s}
.hx-ph{display:flex;align-items:center;gap:7px;font-size:11.5px;margin-bottom:10px}.hx-ph i{width:9px;height:9px;border-radius:3px;background:#6B47EE}
.hx-l{height:24px;border:1px solid var(--line);border-radius:6px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--text-2);white-space:nowrap;overflow:hidden}.hx-visa{font-family:'Inter Tight',sans-serif;font-style:italic;font-size:8.5px;font-weight:800;color:#FFFFFF;background:#1A1F71;border-radius:3px;padding:1px 4px}
.hx-btn{height:28px;border-radius:999px;background:#111111;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-top:4px}
.wl[data-theme=dark] .hx-btn{background:#FFFFFF;color:#111111}
.hx-c3{right:40px;bottom:-26px;padding:9px 14px;display:flex;align-items:center;gap:8px;animation-delay:-4s;border-radius:999px}
.hx-c3 span:last-child{color:var(--text-3)}.hx-dot{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
#top.hx-c .hx-beam{display:block;position:absolute;inset:0}
.hx-floor{position:absolute;left:-20%;right:-20%;bottom:-6%;height:62%;background-image:linear-gradient(rgba(81,44,204,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(81,44,204,.16) 1px,transparent 1px);background-size:64px 64px;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%);mask-image:linear-gradient(to top,#000 10%,transparent 85%)}
.wl[data-theme=dark] .hx-floor{background-image:linear-gradient(rgba(169,139,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(169,139,255,.14) 1px,transparent 1px)}
.hx-ray{position:absolute;left:66%;top:-10%;width:2px;height:70%;background:linear-gradient(to bottom,transparent,#8E66FF 60%,transparent);filter:drop-shadow(0 0 10px #8E66FF);animation:hx-ray 4s ease-in-out infinite}
.hx-ray.r2{left:88%;height:50%;animation-delay:-2s;opacity:.6}
@keyframes hx-ray{0%,100%{transform:translateY(-30%);opacity:0}50%{transform:translateY(20%);opacity:1}}
#top.hx-c .wl-hero-bg{background:radial-gradient(800px 460px at 66% 40%,rgba(140,110,255,.22),transparent 70%)!important}
@media (max-width:900px){.hx-stack{display:none!important}}
@media (prefers-reduced-motion: reduce){.hx-arc,.hx-ping .r,.hx-card,.hx-ray{animation:none!important}}
#top.hx-a .hx-map{left:auto!important;right:-4%;top:4%!important;width:66%!important;height:92%!important;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)!important;mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)!important}
#top.hx-c .hx-floor{height:80%;bottom:-10%;background-size:56px 56px}
#top.hx-c .hx-floor{background-image:linear-gradient(rgba(81,44,204,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(81,44,204,.28) 1px,transparent 1px)}
.wl[data-theme=dark] #top.hx-c .hx-floor{background-image:linear-gradient(rgba(169,139,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(169,139,255,.26) 1px,transparent 1px)}

.sb-scroll{position:relative;overflow:hidden!important;display:block!important}
.sb-scroll>*{margin-bottom:8px}
.sb-tot{display:flex;justify-content:space-between;font-size:11px;color:#55555E;margin-bottom:3px!important}.sb-tot .g{color:#15803D;font-weight:600}.sb-tot.t{font-size:12.5px;font-weight:700;color:#16161A;margin-bottom:10px!important}
.sb-h{font-weight:700;font-size:13px;margin:12px 0 6px!important;color:#16161A}
.sb-f{height:32px;border:1px solid #E3E3E8;border-radius:8px;background:#FFFFFF;display:flex;flex-direction:column;justify-content:center;padding:0 10px;color:#8A8A93;font-size:11px;box-sizing:border-box;margin-bottom:6px}
.sb-f.tall{height:38px;color:#16161A}.sb-f.tall small{font-size:9px;color:#8A8A93}
.sb-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sb-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px}
.sb-2 .sb-f,.sb-3 .sb-f{margin-bottom:0}
.sb-ship-m{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #16161A;border-radius:8px;background:#FFFFFF;font-size:11px}
.sb-rd{width:13px;height:13px;border-radius:50%;border:4px solid #16161A;box-sizing:border-box;flex:none}
.sb-alts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sb-alts span{height:28px;border:1px solid #E3E3E8;border-radius:8px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600}
.sb-scroll .sb-pay{margin-top:4px;height:40px}

.sb-screen{background:#F4F4F6!important;height:618px}
.sb-view{position:absolute;left:0;right:0;top:36px;bottom:0;overflow:hidden;background:#F4F4F6}
.sb-img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;transition:transform .9s cubic-bezier(.45,.05,.25,1),opacity .45s ease;will-change:transform,opacity}
.sb-screen::before{content:'';position:absolute;left:0;right:0;top:0;height:36px;background:#FFFFFF;z-index:2}
.sb-pb{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 16px;background:#FFFFFF;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px -10px rgba(0,0,0,.18);z-index:3}
.sb-paybtn{height:40px;border-radius:999px;background:radial-gradient(60% 140% at 60% 50%,#3A3A44 0%,#111114 55%,#0B0B0E 100%);color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;font-family:'Inter',system-ui,sans-serif}

/* 5/11 : transitions douces entre sections (le contenu arrive, le fond ne bouge pas : aucun chevauchement) */
@keyframes s-up{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes s-scale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@keyframes s-left{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}
@keyframes s-right{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes s-blur{from{opacity:0;filter:blur(12px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}
@keyframes s-band{from{opacity:.25;transform:scale(.93)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){section>*{animation:none!important}}

/* Transitions entre sections en JS (IntersectionObserver) : marchent sur tous les navigateurs, Safari compris */


/* 5/11 : chorégraphie façon Reign à l'entrée de chaque section : ligne qui se trace, titre qui se dévoile, textes en cascade, visuels qui se posent */
.u-rv,.u-in{animation:none!important}
section[data-sx]{position:relative}
section[data-sx]::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#8E66FF 30%,#4ED3A4 70%,transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s cubic-bezier(.16,1,.3,1);z-index:3;pointer-events:none}
section[data-sx="in"]::before{transform:scaleX(1)}
#live[data-sx]::before,#how[data-sx]::before{display:none}
section[data-sx] :is(.u-eb,.u-h2,.u-h2>span,.u-lead,.u-tag,.u-li,.u-stage,.u-in,.u-band,.u-board,.u-mq){transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease}
section[data-sx="out"] .u-eb{opacity:0;transform:translateY(12px)}
section[data-sx="out"] .u-h2{opacity:0;transform:translateY(22px);filter:blur(8px)}
section[data-sx="out"] .u-h2>span{opacity:0;transform:translateY(16px);display:inline-block}
section[data-sx="out"] :is(.u-lead,.u-tag){opacity:0;transform:translateY(18px)}
section[data-sx="out"] .u-li{opacity:0;transform:translateX(-14px)}
section[data-sx="out"] :is(.u-stage,.u-in,.u-board,.u-mq){opacity:0;transform:translateY(26px) scale(.96)}
section[data-sx="out"] .u-band{opacity:.3;transform:scale(.95)}
section[data-sx="in"] .u-eb{transition-delay:.05s}
section[data-sx="in"] .u-h2{transition-delay:.12s}
section[data-sx="in"] .u-h2>span{transition-delay:.32s}
section[data-sx="in"] :is(.u-lead,.u-tag){transition-delay:.38s}
section[data-sx="in"] .u-li:nth-child(1){transition-delay:.45s}section[data-sx="in"] .u-li:nth-child(2){transition-delay:.53s}section[data-sx="in"] .u-li:nth-child(3){transition-delay:.61s}section[data-sx="in"] .u-li:nth-child(4){transition-delay:.69s}section[data-sx="in"] .u-li:nth-child(5){transition-delay:.77s}
section[data-sx="in"] :is(.u-stage,.u-in,.u-board,.u-mq){transition-delay:.25s}
@media (prefers-reduced-motion: reduce){section[data-sx] *{transition:none!important;opacity:1!important;filter:none!important}section[data-sx]::before{transform:scaleX(1)}}

/* Version allégée : un seul effet fort par section, entrée de section simple */
.u-ring::before,.u-ring::after{display:none!important}.u-ring{animation:none!important}
.wl-hero-glow,.x-aurora,.x-streams{display:none!important}
.u-stamp{animation:none!important}
section[data-sx]::before{display:none!important}
section[data-sx] *{transition-delay:0s!important}
section[data-sx="out"] :is(.u-eb,.u-h2,.u-h2>span,.u-lead,.u-li,.u-stage,.u-in,.u-board,.u-mq,.u-band){filter:none!important;transform:translateY(18px)!important}
.hx-card{animation:none!important}
.hx-c2,.hx-c3{display:none!important}

.g3-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}
.g3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.g3-c{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:14.5px;color:var(--text-2)}
.wl[data-theme=dark] .g3-c{background:#121019;border-color:rgba(255,255,255,.08)}
.g3-c b{font-size:17px;color:var(--text);font-weight:600;margin-top:6px}
.g3-n{position:absolute;top:20px;right:22px;font-family:'Geist Mono',monospace;font-size:12px;color:var(--text-3)}
.g3-i{width:40px;height:40px;border-radius:11px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center}
@media (max-width:800px){.g3-row{grid-template-columns:1fr}}
section[data-sx="out"] .g3-row{opacity:0;transform:translateY(18px)}
section[data-sx] .g3-row{transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}

/* Comme Reign : la vidéo passe en mode cinéma au centre de l'écran */
#tour{position:relative;overflow:visible}

#tour .u-tour{position:relative;z-index:6;transform:scale(var(--vz,1))!important;opacity:1!important;transition:none!important;max-width:1100px!important;will-change:transform}
/* Comme Reign : chaque section arrive comme une feuille aux coins arrondis posée sur la précédente */
#checkout,#orchestration,#live,#connect,#golive,#contact{position:relative;margin-top:0!important;border-radius:40px 40px 0 0;box-shadow:0 -1px 0 var(--line),0 -30px 60px -40px rgba(0,0,0,.45)}
#checkout{z-index:2;background:var(--bg)!important}
#orchestration{z-index:3;background:#F4F3F8!important}
#live{z-index:4;background:var(--bg)!important;padding-top:64px!important}
#connect{z-index:5;background:#F4F3F8!important}
#golive{z-index:6;background:var(--bg)!important}
#contact{z-index:7;background:#F4F3F8!important}
.wl[data-theme=dark] #orchestration,.wl[data-theme=dark] #connect,.wl[data-theme=dark] #contact{background:#121119!important}
.wl[data-theme=dark] #checkout,.wl[data-theme=dark] #live,.wl[data-theme=dark] #golive{background:#0B0B0E!important}
.wl[data-theme=dark] :is(#checkout,#orchestration,#live,#connect,#golive,#contact){box-shadow:0 -1px 0 rgba(255,255,255,.07),0 -30px 60px -30px rgba(0,0,0,.8)}
footer.x-foot{position:relative;z-index:8}

#golive{padding-bottom:96px!important}

/* Version sobre et rassurante : clair par défaut, un seul violet profond en accent, gris chauds, plus de halos */
.wl:not([data-theme=dark]){--bg:#FFFFFF;--bg-alt:#F7F7F8;--surface:#FFFFFF;--surface-2:#F6F6F7;--line:#E9E9EC;--line-2:#DCDCE1;--grid:#F2F2F4;--text:#17171C;--text-2:#55555F;--text-3:#7A7A84;--brand-text:#4A2BC2;--tint:#F1EEFB;--shadow:0 24px 48px -32px rgba(20,20,40,.18)}
.wl-hero-bg,.wl-hero-glow,.x-aurora,.x-streams,.x-pulse{display:none!important}


.wl:not([data-theme=dark]) .u-eb{color:var(--text-2)!important;background:var(--surface-2)!important;border-color:var(--line)!important;box-shadow:none!important}
.wl:not([data-theme=dark]) .u-eb::before,.wl:not([data-theme=dark]) .u-eb i{background:#4F2DD6!important}
.wl:not([data-theme=dark]) .u-stage{background:#F7F7F8!important;border-color:var(--line)!important}
.wl:not([data-theme=dark]) .u-stage::after{display:none!important}
.wl:not([data-theme=dark]) .u-ring,.wl:not([data-theme=dark]) .u-frame{box-shadow:0 1px 2px rgba(20,20,40,.06),0 24px 48px -28px rgba(20,20,40,.22)!important}
.wl:not([data-theme=dark]) .hx-card{box-shadow:0 1px 2px rgba(20,20,40,.06),0 16px 32px -20px rgba(20,20,40,.25)!important}
.wl:not([data-theme=dark]) .u-tour{box-shadow:0 1px 2px rgba(20,20,40,.06),0 30px 60px -36px rgba(20,20,40,.35)!important}
.wl:not([data-theme=dark]) .u-mq-row>span{box-shadow:none!important}
.wl:not([data-theme=dark]) #orchestration,.wl:not([data-theme=dark]) #connect,.wl:not([data-theme=dark]) #contact{background:#F7F7F8!important}
.wl:not([data-theme=dark]) #checkout,.wl:not([data-theme=dark]) #golive{background:#FFFFFF!important}
.wl:not([data-theme=dark]) :is(#checkout,#orchestration,#live,#connect,#golive,#contact){box-shadow:0 -1px 0 var(--line)!important}
.wl:not([data-theme=dark]) .u-board{background:#FFFFFF!important;border-color:var(--line)!important}
.wl:not([data-theme=dark]) .u-core-svg{filter:none!important}
.wl:not([data-theme=dark]) .g3-c{box-shadow:0 1px 2px rgba(20,20,40,.04)}
.wl:not([data-theme=dark]) .u-cta::before,.wl:not([data-theme=dark]) .u-cta::after{opacity:.35}

.hx-c1{display:none!important}
.wl:not([data-theme=dark]) #contact [style*="900px"]{display:none!important}
.wl:not([data-theme=dark]) .v3-phone{box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 60px -34px rgba(20,20,40,.35)!important}
.wl:not([data-theme=dark]) .u-bill{box-shadow:0 1px 2px rgba(20,20,40,.06),0 30px 60px -34px rgba(20,20,40,.3)!important}
.wl:not([data-theme=dark]) .sb-panel{box-shadow:0 1px 2px rgba(20,20,40,.05),0 20px 40px -28px rgba(20,20,40,.25)!important}

/* ===== Mobile (5/11) ===== */
.x-burger{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);align-items:center;justify-content:center;cursor:pointer}
.x-mpanel{position:fixed;left:12px;right:12px;top:72px;z-index:60;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(20,20,40,.35)}
.x-mpanel>a{padding:13px 12px;border-radius:10px;font-size:16px;font-weight:500;color:var(--text);text-decoration:none}
.x-mpanel>a:active{background:var(--surface-2)}
.x-mrow{display:flex;gap:8px;padding:8px 0}.x-mrow>*{flex:1;height:44px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:inherit;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;text-decoration:none}
.x-mcta,.x-mcta2{height:42px!important;min-height:0!important;padding:0 16px!important;border-radius:9px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:14.5px!important;font-weight:600!important;margin-top:8px;text-decoration:none}
.x-mpanel .x-mcta2{color:var(--text)!important;border:1px solid var(--line-2)!important}
.x-mpanel>a:not(.x-mcta):not(.x-mcta2){padding:11px 12px;font-size:15.5px}
.x-mrow>*{height:40px!important}
.x-mrow>*{height:42px!important;border-radius:9px!important;font-size:14.5px!important}
.x-mcta{background:#4F2DD6;color:#FFFFFF!important}.x-mcta2{border:1px solid var(--line-2)}
@media (max-width:700px){
.x-burger{display:inline-flex}
.x-nav .up-pri{display:none!important}
.wl-h1{font-size:40px!important;line-height:1.02!important}
.u-h2{font-size:30px!important}
div:has(> .wl-metric){grid-template-columns:1fr 1fr!important}
.wl-metric{padding:18px 16px 20px!important}
.u-frame span[style*="ellipsis"]{display:none}
.u-ck-st,.u-stage.ck-st{height:auto!important;padding:24px 0!important;overflow:visible!important}
.sb{transform:none!important;width:300px!important;height:640px!important;margin:0 auto}
.sb-panel,.sb-cur{display:none!important}
.sb-phone{left:0;right:auto}
div:has(> .u-cell){grid-template-columns:1fr 1fr!important}
.u-cell{padding:12px!important;font-size:13px!important;gap:8px!important}
div:has(> div > div + div):has(> div:nth-child(3)):is([style*="repeat(3, minmax(0, 1fr)); border-top"]){grid-template-columns:1fr 1fr!important}
.u-tour{border-radius:16px!important}
.u-sound{height:34px!important;font-size:12px!important;padding:0 12px!important}
.g3-c{padding:18px!important}
.wl-btn{height:48px!important}
}

img.wm{width:var(--ww,auto)!important;flex:none;height:var(--wh,22px)!important;max-width:220px;border-radius:0!important;background:none!important;object-fit:contain;display:block}
.u-node img.wm{height:15px!important;width:auto!important;max-width:110px!important}
.u-cell img.wm{height:calc(var(--wh,22px)*.9)!important;width:calc(var(--ww,100px)*.9)!important;max-width:100%!important}
.u-mq-row>span.u-wmp{padding:0 22px;min-width:120px;justify-content:center;gap:0}
img.wm{image-rendering:-webkit-optimize-contrast}
.wl[data-theme=dark] img.wm{filter:brightness(0) invert(1);opacity:.88}
/* section eyebrows = landing V2 (square + mono caps, echo of the logo) */
.wl .u-eb.u-eb.u-eb{height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:'Geist Mono',monospace!important;font-size:12px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--brand-text)!important;gap:9px!important}
.wl .u-eb.u-eb.u-eb::before{width:8px!important;height:8px!important;border-radius:0!important;background:var(--brand-text)!important;flex:none}
.wl .x-dark .u-eb.u-eb.u-eb,.wl[data-theme=dark] .u-eb.u-eb.u-eb{color:#B49BFF!important}.wl .x-dark .u-eb.u-eb.u-eb::before,.wl[data-theme=dark] .u-eb.u-eb.u-eb::before{background:#B49BFF!important}
#live .u-globe{max-width:470px}
.u-li .u-lic{width:30px;height:30px;border-radius:8px;background:var(--tint);color:var(--brand-text);display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:center}
.u-li:has(.u-lic){align-items:center;gap:14px}
@media (min-width:1001px){.x-fcols{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1001px){#top .wl-h1{font-size:clamp(38px,3.6vw,54px)!important;white-space:nowrap}}
.wl[data-theme=dark] img.wm.wmc{filter:none!important;opacity:1!important}
.wl[data-theme=dark] img.wm-l{display:none!important}.wl:not([data-theme=dark]) img.wm-d{display:none!important}
/* switchboard nodes: same size everywhere */
.u-node{width:142px;box-sizing:border-box;justify-content:flex-start;padding:0 12px 0 7px!important}
.u-node:has(img.wm){padding:0 12px 0 14px!important}
@media (max-width:700px){.u-node{width:auto}}
/* logo wall: every tile the same width */
.u-mq-row>span,.u-mq-row>span.u-wmp{width:178px;box-sizing:border-box;justify-content:center;padding:0 14px!important;min-width:0!important;flex:none}
@media (max-width:700px){.u-mq-row>span,.u-mq-row>span.u-wmp{width:150px}}
.x-live{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 7px;margin-left:6px;vertical-align:1px;border-radius:999px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.1);color:#34D399;font-family:'Geist Mono',monospace;font-style:normal;font-size:9.5px;font-weight:500;letter-spacing:.08em}
.x-live i{width:6px;height:6px;border-radius:50%;background:#34D399;animation:x-livep 1.6s infinite}
@keyframes x-livep{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}80%,100%{box-shadow:0 0 0 6px rgba(52,211,153,0)}}
.wl:not([data-theme=dark]) .x-live{color:#0F9D6B;border-color:rgba(15,157,107,.35);background:rgba(15,157,107,.08)}.wl:not([data-theme=dark]) .x-live i{background:#0F9D6B}
/* mobile fixes 5/11 */
@media (max-width:700px){
#top .u-ring [style*="grid-template-columns: 52px"]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 72px!important;padding-left:14px!important;padding-right:14px!important}
#top .u-ring [style*="grid-template-columns: 52px"]>:first-child{display:none!important}
[style*="grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top"]{grid-template-columns:1fr 1fr!important}
[style*="grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top"]>:nth-child(2){border-right:0!important}
[style*="grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top"]>:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}
.u-wrap[style*="padding-top: 128px; padding-bottom: 128px"]{padding-top:72px!important;padding-bottom:72px!important}
.u-wrap[style*="padding-top: 140px; padding-bottom: 150px"]{padding-top:80px!important;padding-bottom:80px!important}
#golive{padding-bottom:48px!important}
#live .u-band .u-wrap.u-row{padding-top:40px!important;padding-bottom:28px!important}
#live,#orchestration,#checkout,#connect{padding-top:0!important}
}
/* studio builder animation v2 */
.sb-cur{transition:left .75s cubic-bezier(.45,.05,.25,1),top .75s cubic-bezier(.45,.05,.25,1)!important}
.sb-cur.pA{animation:sb-pressA .5s ease .72s both}.sb-cur.pB{animation:sb-pressB .5s ease .72s both}
@keyframes sb-pressA{0%{transform:scale(1)}35%{transform:scale(.78)}100%{transform:scale(1)}}
@keyframes sb-pressB{0%{transform:scale(1)}35%{transform:scale(.78)}100%{transform:scale(1)}}
.sb-click{animation:none!important;opacity:0}
.sb-click.pA{animation:sb-clickA .7s ease-out .78s both!important}.sb-click.pB{animation:sb-clickB .7s ease-out .78s both!important}
@keyframes sb-clickA{0%{transform:scale(.3);opacity:1}100%{transform:scale(2);opacity:0}}
@keyframes sb-clickB{0%{transform:scale(.3);opacity:1}100%{transform:scale(2);opacity:0}}
.sb-chip.hot,.sb-chip.hot .sb-sw,.sb-chip.hot .sb-sw i{transition-delay:.8s}
.sb-chip{transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}
.sb-chip.hot{box-shadow:0 0 0 3px rgba(107,71,238,.22),0 10px 24px -12px rgba(107,71,238,.6)}
.sb-img{transition:transform 1s cubic-bezier(.45,.05,.25,1) .85s,opacity .5s ease .85s!important}
.sb-prog{margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.sb-prog-t{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3);margin-bottom:8px}.sb-prog-t b{color:var(--text);font-family:'Geist Mono',monospace;font-weight:500}
.sb-prog-b{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.sb-prog-b i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6B47EE,#9B7BFF);transition:width .6s cubic-bezier(.2,.8,.2,1) .8s}
.sb-toast{position:absolute;left:50%;bottom:86px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:999px;background:#111114;color:#FFFFFF;font:600 11.5px/1 'Inter',system-ui,sans-serif;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,-8px) scale(.96);pointer-events:none}
.sb-tok{width:16px;height:16px;border-radius:50%;background:#22C55E;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.sb-toast.on.tA{animation:sb-toastA 1.5s cubic-bezier(.2,.8,.2,1) .9s both}.sb-toast.on.tB{animation:sb-toastB 1.5s cubic-bezier(.2,.8,.2,1) .9s both}
@keyframes sb-toastA{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}15%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-4px) scale(.98)}}
@keyframes sb-toastB{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}15%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-4px) scale(.98)}}
.sb-paybtn.bA{animation:sb-bumpA .6s cubic-bezier(.2,.8,.2,1) 1s both}.sb-paybtn.bB{animation:sb-bumpB .6s cubic-bezier(.2,.8,.2,1) 1s both}
@keyframes sb-bumpA{0%,100%{transform:scale(1);box-shadow:none}40%{transform:scale(1.04);box-shadow:0 0 0 6px rgba(107,71,238,.25)}}
@keyframes sb-bumpB{0%,100%{transform:scale(1);box-shadow:none}40%{transform:scale(1.04);box-shadow:0 0 0 6px rgba(107,71,238,.25)}}
@media (prefers-reduced-motion: reduce){.sb-cur,.sb-click,.sb-toast,.sb-paybtn{animation:none!important}}
/* studio builder: punchier timing */
.sb-cur{transition:left .45s cubic-bezier(.3,1.4,.5,1),top .45s cubic-bezier(.3,1.4,.5,1)!important}
.sb-cur.pA{animation:sb-pressA .35s ease .45s both}.sb-cur.pB{animation:sb-pressB .35s ease .45s both}
.sb-click.pA{animation:sb-clickA .55s ease-out .5s both!important}.sb-click.pB{animation:sb-clickB .55s ease-out .5s both!important}
.sb-click::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid #22C55E;opacity:0;animation:inherit;animation-delay:.6s}
.sb-chip.hot,.sb-chip.hot .sb-sw,.sb-chip.hot .sb-sw i{transition-delay:.5s}
.sb-chip.hot{animation:sb-chipA .45s cubic-bezier(.3,1.6,.5,1) .5s both}
.pA .sb-chip.hot{animation-name:sb-chipA}.pB .sb-chip.hot{animation-name:sb-chipB}
@keyframes sb-chipA{0%{transform:none}40%{transform:translateX(6px) scale(1.04)}100%{transform:none}}
@keyframes sb-chipB{0%{transform:none}40%{transform:translateX(6px) scale(1.04)}100%{transform:none}}
.sb-img{transition:transform .7s cubic-bezier(.2,.9,.25,1) .7s,opacity .3s ease .7s!important}
.sb-prog-b i{transition:width .45s cubic-bezier(.3,1.4,.5,1) .55s!important}
.sb-fly{position:absolute;left:60px;z-index:6;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 6px;border-radius:999px;background:linear-gradient(90deg,#6B47EE,#9B7BFF);color:#FFFFFF;font:600 12px/1 'Inter',system-ui,sans-serif;white-space:nowrap;box-shadow:0 12px 26px -8px rgba(107,71,238,.8);opacity:0;pointer-events:none}
.sb-fly-i{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.sb-fly.pA{animation:sb-flyA .62s cubic-bezier(.5,0,.3,1) .5s both}.sb-fly.pB{animation:sb-flyB .62s cubic-bezier(.5,0,.3,1) .5s both}
@keyframes sb-flyA{0%{opacity:0;transform:translate(0,0) scale(.7)}15%{opacity:1;transform:translate(20px,-14px) scale(1.05)}100%{opacity:0;transform:translate(400px,120px) scale(.55) rotate(6deg)}}
@keyframes sb-flyB{0%{opacity:0;transform:translate(0,0) scale(.7)}15%{opacity:1;transform:translate(20px,-14px) scale(1.05)}100%{opacity:0;transform:translate(400px,120px) scale(.55) rotate(6deg)}}
.sb.pA .sb-phone{animation:sb-phA .5s ease 1s both}.sb.pB .sb-phone{animation:sb-phB .5s ease 1s both}
@keyframes sb-phA{0%,100%{box-shadow:0 40px 80px -40px rgba(60,30,170,.55)}40%{box-shadow:0 0 0 4px rgba(155,123,255,.55),0 40px 90px -30px rgba(107,71,238,.9)}}
@keyframes sb-phB{0%,100%{box-shadow:0 40px 80px -40px rgba(60,30,170,.55)}40%{box-shadow:0 0 0 4px rgba(155,123,255,.55),0 40px 90px -30px rgba(107,71,238,.9)}}
.sb-toast.on.tA{animation:sb-toastA .9s cubic-bezier(.3,1.5,.5,1) .85s both!important}.sb-toast.on.tB{animation:sb-toastB .9s cubic-bezier(.3,1.5,.5,1) .85s both!important}
.sb-paybtn.bA{animation:sb-bumpA .5s cubic-bezier(.3,1.6,.5,1) .9s both!important}.sb-paybtn.bB{animation:sb-bumpB .5s cubic-bezier(.3,1.6,.5,1) .9s both!important}
@media (prefers-reduced-motion: reduce){.sb-fly,.sb-chip.hot,.sb .sb-phone{animation:none!important}}
/* studio builder: the dream part */
.sb::before{content:'';position:absolute;right:-40px;top:40px;width:420px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(123,82,240,.45),rgba(123,82,240,0));filter:blur(20px);z-index:0;animation:sb-aura 6s ease-in-out infinite;pointer-events:none}
@keyframes sb-aura{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}
.sb>*{position:relative;z-index:1}.sb>.sb-panel,.sb>.sb-phone,.sb>.sb-cur,.sb>.sb-fly,.sb>.sb-party,.sb>.sb-orders{position:absolute}
.sb-party{right:140px;top:470px;width:0;height:0;z-index:7;pointer-events:none}
.sb-party i{position:absolute;left:0;top:0;border-radius:2px;opacity:0;animation:sb-conf 1.4s cubic-bezier(.15,.8,.35,1) both}
@keyframes sb-conf{0%{opacity:1;transform:translate(0,0) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 120px)) rotate(var(--r))}}
.sb-orders{left:150px;top:300px;z-index:8;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.sb-order{display:flex;align-items:center;gap:10px;width:212px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.96);color:#16161A;box-shadow:0 18px 40px -14px rgba(40,20,120,.55),0 0 0 1px rgba(107,71,238,.15);font:500 12px/1.3 'Inter',system-ui,sans-serif;animation:sb-ord .55s cubic-bezier(.3,1.5,.5,1) both}
.sb-order b{display:block;font-weight:700;font-size:12.5px}.sb-order small{color:#6B6B73;font-size:11px}
.sb-oi{width:28px;height:28px;border-radius:9px;background:#E9F7EF;color:#15803D;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}
@keyframes sb-ord{from{opacity:0;transform:translateX(-24px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.sb::before,.sb-party i,.sb-order{animation:none!important}.sb-party{display:none}}
/* studio builder: click in sync */
.sb-cur{transition:left .32s cubic-bezier(.3,1.25,.5,1),top .32s cubic-bezier(.3,1.25,.5,1)!important}
.sb-cur.pA{animation:sb-pressA .28s ease .3s both!important}.sb-cur.pB{animation:sb-pressB .28s ease .3s both!important}
.sb-click.pA{animation:sb-clickA .5s ease-out .34s both!important}.sb-click.pB{animation:sb-clickB .5s ease-out .34s both!important}
.sb-click::after{animation-delay:.42s!important}
.sb-chip.hot,.sb-chip.hot .sb-sw,.sb-chip.hot .sb-sw i{transition-delay:.36s!important;transition-duration:.2s!important}
.pA .sb-chip.hot,.pB .sb-chip.hot{animation-delay:.36s!important}
.sb-fly.pA,.sb-fly.pB{animation-delay:.38s!important}
.sb-prog-b i{transition-delay:.4s!important}
.sb-img{transition:transform .65s cubic-bezier(.2,.9,.25,1) .55s,opacity .3s ease .55s!important}
.sb.pA .sb-phone,.sb.pB .sb-phone{animation-delay:.85s!important}
.sb-toast.on.tA,.sb-toast.on.tB{animation-delay:.7s!important}
.sb-paybtn.bA,.sb-paybtn.bB{animation-delay:.75s!important}
/* ===== Supercharged checkout v3 (6/11) : texte agressif + Studio + iPhone + checkout Classic animé ===== */
#checkout{overflow:hidden}
#checkout .k2-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1152px;margin:0 auto;pointer-events:none}
#checkout .k2-grid span{border-left:1px solid var(--grid)}#checkout .k2-grid span:last-child{border-right:1px solid var(--grid)}
.wl[data-theme=dark] #checkout .k2-grid span{border-color:#15151B}
#checkout .k2-glow{position:absolute;right:-160px;top:60px;width:900px;height:760px;background:radial-gradient(closest-side,rgba(123,82,240,.30),rgba(123,82,240,0));pointer-events:none}
.wl:not([data-theme=dark]) #checkout .k2-glow{background:radial-gradient(closest-side,rgba(123,82,240,.14),rgba(123,82,240,0))}
.k2{display:grid;grid-template-columns:420px minmax(0,1fr);gap:64px;align-items:center}
/* ---- left ---- */
.k2-big{display:flex;align-items:flex-end;gap:16px;margin:26px 0 4px}
.k2-big>b{font:500 150px/.8 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin-left:-7px;background:linear-gradient(180deg,var(--text) 10%,var(--brand-text) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;white-space:nowrap}
.k2-big>div{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;font:500 11.5px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.k2-big>div span:last-child{color:var(--text)}
.k2-h{margin:26px 0 0;font:500 44px/1.03 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:var(--text)}
.k2-h em{font-style:normal;color:var(--brand-text)}
.k2-wd{display:inline-block;opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.k2.k2-go .k2-wd{opacity:1;transform:none;filter:none}
.k2-wd:nth-child(2){transition-delay:.06s}.k2-wd:nth-child(3){transition-delay:.12s}.k2-h em .k2-wd:nth-child(1){transition-delay:.22s}.k2-h em .k2-wd:nth-child(2){transition-delay:.28s}.k2-h em .k2-wd:nth-child(3){transition-delay:.34s}
.k2-led{margin-top:38px;border-top:1px solid var(--line)}
.k2-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);transition:background .35s ease}
.k2-row::before{content:'';position:absolute;left:-20px;top:-1px;bottom:-1px;width:3px;background:#6B47EE;box-shadow:0 0 18px 2px rgba(107,71,238,.7);transform:scaleY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.k2-rn{font:500 13px 'Geist Mono',monospace;letter-spacing:.06em;color:var(--text-3);opacity:.6;transition:color .3s,opacity .3s}
.k2-row h4{margin:0;font:600 18.5px/1.2 'Inter Tight',sans-serif;letter-spacing:-.01em;color:var(--text-2);transition:color .3s}
.k2-row p{margin:5px 0 0;font-size:14.5px;line-height:1.45;color:var(--text-3);transition:color .3s}
.k2-tag{display:grid;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.k2-tag i{grid-area:1/1;font-style:normal;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-radius:6px;border:1px solid var(--line);color:var(--text-3);transition:opacity .25s,transform .25s;white-space:nowrap}
.k2-tag .k2-t2,.k2-tag .k2-t3{opacity:0;transform:translateY(4px)}
.k2-tag .k2-t2{background:#6B47EE;border-color:#6B47EE;color:#FFFFFF}.k2-tag .k2-t2::before{content:'';width:6px;height:6px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 8px #FFFFFF;animation:k2-blink 1s ease-in-out infinite}
.k2-tag .k2-t3{color:#16A34A;border-color:rgba(34,197,94,.35)}.k2-tag .k2-t3::before{content:'';width:6px;height:6px;border-radius:50%;background:#22C55E}
@keyframes k2-blink{50%{opacity:.35}}
.k2-row.on{background:linear-gradient(90deg,rgba(107,71,238,.16),rgba(107,71,238,0) 85%)}
.k2-row.on::before{transform:scaleY(1)}
.k2-row.on h4{color:var(--text)}.k2-row.on p{color:var(--text-2)}.k2-row.on .k2-rn{color:var(--brand-text);opacity:1}
.k2-row.on .k2-t1,.k2-row.done .k2-t1{opacity:0;transform:translateY(-4px)}
.k2-row.on .k2-t2{opacity:1;transform:none}
.k2-row.done:not(.on) .k2-t3{opacity:1;transform:none}
.k2-row.done h4{color:var(--text)}.k2-row.done .k2-rn{opacity:1}
/* ---- stage ---- */
.k2-stage{position:relative;height:calc(720px * var(--k2s,1))}
.k2-box{position:absolute;left:0;top:0;width:808px;height:720px;transform:scale(var(--k2s,1));transform-origin:0 0}
.k2-cam{position:absolute;inset:0;transform-origin:400px 360px;transition:transform .42s cubic-bezier(.65,0,.2,1),transform-origin .42s cubic-bezier(.65,0,.2,1)}
.k2-cam.k2-whip{transition-duration:.3s}
/* studio window */
.k2-win{position:absolute;left:0;top:96px;width:404px;border-radius:14px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 40px 80px -40px rgba(0,0,0,.55);overflow:hidden;color:var(--text)}
.wl[data-theme=dark] .k2-win{background:#0F0F14;border-color:#26262E;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.k2-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid var(--line);font:400 12px 'Geist Mono',monospace;color:var(--text-3)}
.k2-bar>i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.k2-bar>span:first-of-type{margin-left:10px}
.k2-live{margin-left:auto;display:grid;letter-spacing:.08em;text-transform:uppercase}
.k2-live b{grid-area:1/1;font-weight:400;display:flex;align-items:center;gap:6px;transition:opacity .3s}
.k2-live b::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.k2-d{color:var(--brand-text)}.k2-lv{color:#22C55E;opacity:0}
.k2.k2-pubd .k2-d{opacity:0}.k2.k2-pubd .k2-lv{opacity:1}
.k2-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px}
.k2-hd b{font:600 15px 'Inter Tight',sans-serif;letter-spacing:-.01em}
.k2-hd small{display:block;margin-top:3px;font:400 11.5px 'Geist Mono',monospace;color:var(--text-3)}
.k2-seg{display:flex;border:1px solid var(--line);border-radius:8px;padding:2px;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.k2-seg span{padding:5px 8px;color:var(--text-3);border-radius:6px}.k2-seg .k2-a{background:var(--tint);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.k2-wl{border-top:1px solid var(--line)}
.k2-w{display:grid;grid-template-columns:28px 30px minmax(0,1fr) auto;align-items:center;gap:10px;height:52px;padding:0 16px;border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s}
.k2-wn{font:400 11px 'Geist Mono',monospace;color:var(--text-3);opacity:.6}
.k2-ic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:all .3s}
.k2-w b{font:500 14px 'Inter Tight',sans-serif;color:var(--text-2);transition:color .3s}
.k2-w b small{display:block;font:400 10px 'Geist Mono',monospace;letter-spacing:.08em;color:var(--text-3);opacity:.7;margin-top:2px;text-transform:uppercase}
.k2-tg{position:relative;width:34px;height:20px;border-radius:99px;background:var(--line-2);transition:background .2s}
.k2-tg::after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
.wl[data-theme=dark] .k2-tg{background:#26262E}.wl[data-theme=dark] .k2-tg::after{background:#6E6F78}
.k2-w.on .k2-tg{background:#6B47EE}.k2-w.on .k2-tg::after{transform:translateX(14px);background:#FFFFFF}
.k2-w.on b{color:var(--text)}.k2-w.on .k2-ic{color:var(--brand-text);border-color:rgba(107,71,238,.4);background:var(--tint)}.k2-w.on .k2-wn{color:var(--brand-text);opacity:1}
.k2-w.hot{background:linear-gradient(90deg,rgba(107,71,238,.2),rgba(107,71,238,.04));box-shadow:inset 3px 0 0 #6B47EE}
.k2-ft{display:flex;align-items:center;gap:14px;padding:14px 16px}
.k2-bars{display:flex;gap:4px;flex:1}.k2-bars i{flex:1;height:6px;border-radius:2px;background:var(--line);transition:background .3s,box-shadow .3s}.k2-bars i.f{background:#6B47EE;box-shadow:0 0 10px rgba(107,71,238,.6)}
.k2-cnt{font:500 12px 'Geist Mono',monospace;color:var(--text-2);font-variant-numeric:tabular-nums}
.k2-pub{display:flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:8px;background:var(--text);color:var(--bg);font:600 13px 'Inter Tight',sans-serif;transition:background .3s,color .3s,transform .2s}
.k2-pub .k2-p2{display:none}
.k2.k2-pubd .k2-pub{background:#22C55E;color:#04130A}.k2.k2-pubd .k2-p1{display:none}.k2.k2-pubd .k2-p2{display:inline}
.k2-pub.k2-press{transform:scale(.94)}
/* cursor */
.k2-cur{position:absolute;left:0;top:0;z-index:40;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transform:translate(var(--cx,300px),var(--cy,640px));transition:transform .22s cubic-bezier(.3,1.2,.5,1);pointer-events:none}
.k2-cur.k2-press{transform:translate(var(--cx),var(--cy)) scale(.8);transition-duration:.12s}
.k2-rip{position:absolute;left:0;top:0;z-index:39;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #B49BFF;opacity:0;pointer-events:none}
/* fly pill */
.k2-fly{position:absolute;left:0;top:0;z-index:38;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 6px;border-radius:999px;background:linear-gradient(90deg,#6B47EE,#9B7BFF);color:#FFFFFF;font:600 12px/1 'Inter Tight',sans-serif;white-space:nowrap;box-shadow:0 12px 26px -8px rgba(107,71,238,.8);opacity:0;pointer-events:none}
.k2-fly>span{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
/* callout */
.k2-co{position:absolute;left:706px;top:0;z-index:36;width:196px;padding:12px 14px;border-radius:12px;background:rgba(22,20,34,.94);border:1px solid #3A3354;box-shadow:0 20px 40px -12px rgba(0,0,0,.7),0 0 30px -6px rgba(107,71,238,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateX(-18px) scale(.94);filter:blur(6px);transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.4,.5,1),filter .2s ease;pointer-events:none}
.k2-co.on{opacity:1;transform:none;filter:none}
.k2-ck{font:500 10px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#B49BFF;display:flex;align-items:center;gap:6px}
.k2-ck::before{content:'';width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E}
.k2-co b{display:block;margin-top:6px;font:600 15px 'Inter Tight',sans-serif;color:#FFFFFF}
.k2-co small{display:block;margin-top:3px;font-size:12.5px;color:#B4B5BD}
.k2-co small em{font-style:normal;color:#22C55E;font-weight:600}
.k2-dot{position:absolute;left:676px;top:0;z-index:37;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#B49BFF;box-shadow:0 0 0 4px rgba(180,155,255,.2),0 0 14px #B49BFF;opacity:0;transform:scale(.3);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1),top .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.k2-dot.on{opacity:1;transform:none}
/* sweep */
.k2-sweep{position:absolute;inset:-40px;z-index:45;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(180,155,255,.35) 48%,rgba(255,255,255,.55) 50%,rgba(180,155,255,.35) 52%,rgba(255,255,255,0) 65%);transform:translateX(-120%);opacity:0}
/* ---- iPhone (dessiné en CSS) ---- */
.k2-ip{position:absolute;left:392px;top:36px;width:316px;height:648px;z-index:20;border-radius:58px;padding:5px;background:linear-gradient(135deg,#8A8790 0%,#3C3B42 18%,#232228 40%,#2C2B31 62%,#6E6C74 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 100px -40px rgba(0,0,0,.9),0 30px 120px -30px rgba(107,71,238,.55);transition:box-shadow .5s ease}
.k2-ip::before{content:'';position:absolute;inset:2px;border-radius:56px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 3px #111111;pointer-events:none}
.k2.k2-pubd .k2-ip{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 6px rgba(34,197,94,.18),0 60px 100px -40px rgba(0,0,0,.9),0 30px 140px -20px rgba(34,197,94,.45)}
.k2-btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#3A3940,#77757D)}
.k2-b1{left:-3px;top:120px;height:30px}.k2-b2{left:-3px;top:172px;height:56px}.k2-b3{left:-3px;top:240px;height:56px}.k2-b4{right:-3px;top:200px;height:88px;background:linear-gradient(270deg,#3A3940,#77757D)}
.k2-bez{position:relative;height:100%;border-radius:53px;background:#000000;padding:9px}
.k2-scr{position:relative;height:100%;border-radius:45px;overflow:hidden;background:#FFFFFF;color:#1A1A1A;font-family:-apple-system,BlinkMacSystemFont,'Inter Tight',system-ui,sans-serif;font-size:11px}
.k2-isl{position:absolute;left:50%;top:11px;width:90px;height:28px;margin-left:-45px;border-radius:20px;background:#000000;z-index:26}
.k2-sb{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;height:50px;padding:6px 22px 0 30px;font:600 15px -apple-system,'Inter Tight',sans-serif;background:#FFFFFF;color:#111111}
.k2-sbi{display:flex;gap:6px;align-items:center}.k2-sbi svg{display:block}
/* ===== Bande de chiffres Intégrations v2 (6/11) : gros chiffres + preuve animée dans chaque case ===== */
.k3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.k3-c{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 26px 0;background:var(--bg);overflow:hidden}
.k3-top{font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.k3-n{height:79px;margin-top:14px;font:500 96px/.82 'Space Grotesk',sans-serif;letter-spacing:-.07em;color:var(--text);margin-left:-4px;font-variant-numeric:tabular-nums}
.k3-inf{display:inline-block;font-size:1.45em;line-height:.56;transform:translateY(-.04em);padding:0 .12em 0 .04em;margin-left:-.04em;background:linear-gradient(180deg,var(--text) 10%,var(--brand-text) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.k3-b{background:linear-gradient(180deg,var(--text) 10%,var(--brand-text) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.k3-l{margin-top:12px;font-size:14.5px;line-height:1.4;color:var(--text-2);min-height:40px}
.k3-v{position:relative;height:150px;margin:18px -26px 0;border-top:1px solid var(--line);background:var(--bg-alt);overflow:hidden}
.wl[data-theme=dark] .k3-v{background:#0E0D14}
.k3-ic{width:28px;height:28px;border-radius:8px;display:block;background:#FFFFFF}
/* ∞ : rails de logos */
.k3-v0{display:flex;flex-direction:column;justify-content:center;gap:14px;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.k3-mq{overflow:hidden}
.k3-mq>div{display:flex;width:max-content;animation:k3-mq 26s linear infinite}
.k3-mq.k3-rev>div{animation-direction:reverse;animation-duration:30s}
.k3-mq span{display:flex;align-items:center;justify-content:center;height:40px;padding:0 16px;margin-right:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.k3-mq img{display:block;width:auto}
@keyframes k3-mq{to{transform:translateX(-50%)}}
/* 0 : code barré */
.k3-v1{display:flex;align-items:center;justify-content:center}
.k3-code{display:flex;flex-direction:column;gap:9px;width:62%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.k3-code i{position:relative;display:block;height:7px;border-radius:4px;background:var(--line-2)}
.k3-code i::after{content:'';position:absolute;left:-4px;right:-4px;top:3px;height:1.5px;background:#EF4444;transform:scaleX(0);transform-origin:0 50%}
.k3-ok{position:absolute;right:22px;bottom:18px;display:flex;align-items:center;gap:7px;padding:6px 11px 6px 6px;border-radius:999px;background:#22C55E;color:#04130A;font:600 12.5px 'Inter Tight',sans-serif;box-shadow:0 10px 24px -8px rgba(34,197,94,.6)}
.k3-ok b{width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}
.k3.k3-go .k3-code i{animation:k3-dim 4s ease infinite}
.k3.k3-go .k3-code i::after{animation:k3-strike 4s cubic-bezier(.6,0,.2,1) infinite}
.k3.k3-go .k3-code i:nth-child(2),.k3.k3-go .k3-code i:nth-child(2)::after{animation-delay:.12s}
.k3.k3-go .k3-code i:nth-child(3),.k3.k3-go .k3-code i:nth-child(3)::after{animation-delay:.24s}
.k3.k3-go .k3-code i:nth-child(4),.k3.k3-go .k3-code i:nth-child(4)::after{animation-delay:.36s}
.k3.k3-go .k3-code i:nth-child(5),.k3.k3-go .k3-code i:nth-child(5)::after{animation-delay:.48s}
@keyframes k3-strike{0%,8%{transform:scaleX(0)}22%,86%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}
@keyframes k3-dim{0%,14%{opacity:1}26%,86%{opacity:.35}96%,100%{opacity:1}}
.k3.k3-go .k3-ok{animation:k3-okp 4s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes k3-okp{0%,30%{opacity:0;transform:translateY(8px) scale(.8)}38%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(4px) scale(.9)}}
/* 1 : tout converge vers un back office */
.k3-v2{display:flex;align-items:center;padding:0 18px}
.k3-src{display:flex;flex-direction:column;gap:10px;z-index:1}
.k3-src span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg)}
.k3-src .k3-api{font:600 10px 'Geist Mono',monospace;color:var(--text-2);letter-spacing:.04em}
.k3-wires{flex:1;height:112px;overflow:visible}
.k3-wires path{fill:none;stroke-width:1.6}.k3-wb{stroke:var(--line-2)}.k3-wf{stroke:#9B7BFF;stroke-linecap:round;stroke-width:2.4!important;stroke-dasharray:14 100;stroke-dashoffset:114;filter:drop-shadow(0 0 3px rgba(155,123,255,.9))}
.k3.k3-go .k3-wf{animation:k3-flow 2s cubic-bezier(.5,0,.5,1) infinite}
.k3.k3-go .k3-wf:nth-child(5){animation-delay:.25s}.k3.k3-go .k3-wf:nth-child(6){animation-delay:.5s}
@keyframes k3-flow{0%{stroke-dashoffset:114}70%,100%{stroke-dashoffset:0}}
.k3-bo{z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 12px 10px;border-radius:12px;border:1px solid rgba(107,71,238,.45);background:var(--tint);box-shadow:0 0 0 4px rgba(107,71,238,.08)}
.k3-sq{width:22px;height:22px;border-radius:6px;background:#6B47EE;box-shadow:0 0 16px rgba(107,71,238,.7)}
.k3-bo b{font:600 12px 'Inter Tight',sans-serif;color:var(--text);white-space:nowrap}.k3-bo small{font:500 10px 'Geist Mono',monospace;color:var(--brand-text);letter-spacing:.06em;text-transform:uppercase}
.k3.k3-go .k3-bo{animation:k3-bop 2s ease-in-out infinite}
@keyframes k3-bop{0%,70%,100%{box-shadow:0 0 0 4px rgba(107,71,238,.08)}80%{box-shadow:0 0 0 8px rgba(107,71,238,.22)}}
/* 1× : une commande, un événement, chaque pixel une fois */
.k3-v3{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:0 20px}
.k3-ord{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);font:500 12px 'Geist Mono',monospace;color:var(--text-2)}
.k3-ev{position:absolute;left:20px;top:48px;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#6B47EE,#9B7BFF);color:#FFFFFF;font:600 11.5px 'Inter Tight',sans-serif;box-shadow:0 8px 20px -6px rgba(107,71,238,.8);opacity:0}
.k3-px{display:flex;gap:10px;margin-top:30px}
.k3-px span{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.k3-px b{position:absolute;right:-5px;top:-5px;width:17px;height:17px;border-radius:50%;background:#22C55E;color:#04130A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}
.k3.k3-go .k3-ev{animation:k3-evm 3.2s cubic-bezier(.5,0,.3,1) infinite}
@keyframes k3-evm{0%,8%{opacity:0;transform:translate(0,0) scale(.7)}16%{opacity:1;transform:translate(0,0) scale(1)}40%{opacity:1;transform:translate(110px,4px) scale(1)}50%,100%{opacity:0;transform:translate(130px,6px) scale(.6)}}
.k3.k3-go .k3-px b{animation:k3-chk 3.2s cubic-bezier(.3,1.6,.5,1) infinite}
.k3.k3-go .k3-px span:nth-child(2) b{animation-delay:.12s}.k3.k3-go .k3-px span:nth-child(3) b{animation-delay:.24s}
@keyframes k3-chk{0%,40%{transform:scale(0)}48%,90%{transform:scale(1)}100%{transform:scale(0)}}
.k3.k3-go .k3-px span{animation:k3-hit 3.2s ease infinite}
.k3.k3-go .k3-px span:nth-child(2){animation-delay:.12s}.k3.k3-go .k3-px span:nth-child(3){animation-delay:.24s}
@keyframes k3-hit{0%,38%,60%,100%{border-color:var(--line);box-shadow:none}44%{border-color:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.15)}}
@media (max-width:1100px){.k3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.k3{grid-template-columns:minmax(0,1fr)}.k3-n{font-size:80px}.k3-c{padding:22px 20px 0}.k3-v{margin:16px -20px 0}}
@media (prefers-reduced-motion: reduce){.k3 *{animation:none!important}.k3-ok{opacity:1}}

/* ===== Go live v2 (6/11) : 3 étapes jouées dans le back-office ===== */
#golive>.u-wrap{padding-top:120px!important;padding-bottom:40px!important}
#golive .k4{display:grid;grid-template-columns:420px minmax(0,1fr);gap:64px;align-items:center}
.k4-h{margin:22px 0 0;font:500 44px/1.03 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:var(--text)}
.k4-h em{font-style:normal;color:var(--brand-text)}
.k4-led{margin-top:36px;border-top:1px solid var(--line)}
.k4-row{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:background .3s}
.k4-row::before{content:'';position:absolute;left:-20px;top:-1px;bottom:-1px;width:3px;background:#6B47EE;box-shadow:0 0 18px 2px rgba(107,71,238,.7);transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.k4-rn{font:500 40px/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:var(--text-3);opacity:.35;transition:color .3s,opacity .3s}
.k4-row h4{margin:0;font:600 18.5px/1.2 'Inter Tight',sans-serif;color:var(--text-2);transition:color .3s}
.k4-row p{margin:5px 0 0;font-size:14.5px;line-height:1.45;color:var(--text-3)}
.k4-row.on{background:linear-gradient(90deg,rgba(107,71,238,.16),rgba(107,71,238,0) 85%)}
.k4-row.on::before{transform:scaleY(1)}
.k4-row.on .k4-rn{color:var(--brand-text);opacity:1}.k4-row.on h4{color:var(--text)}.k4-row.on p{color:var(--text-2)}
.k4-row.done .k4-rn{color:#22C55E;opacity:1}.k4-row.done h4{color:var(--text)}
.k4-stage{position:relative;height:calc(620px * var(--k4s,1))}
.k4-box{position:absolute;left:0;top:0;width:700px;height:620px;transform:scale(var(--k4s,1));transform-origin:0 0}
.k4-cam{position:absolute;inset:0;transform-origin:350px 310px;transition:transform .42s cubic-bezier(.65,0,.2,1),transform-origin .42s cubic-bezier(.65,0,.2,1)}
.k4-win{position:absolute;left:20px;top:20px;width:640px;border-radius:16px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 50px 100px -40px rgba(0,0,0,.6),0 30px 120px -40px rgba(107,71,238,.45);overflow:hidden;color:var(--text);transition:box-shadow .5s}
.wl[data-theme=dark] .k4-win{background:#0F0F14;border-color:#26262E}
#k4.k4-pubd .k4-win{box-shadow:0 0 0 6px rgba(34,197,94,.14),0 50px 100px -40px rgba(0,0,0,.6),0 30px 140px -30px rgba(34,197,94,.4)}
.k4-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid var(--line);font:400 12px 'Geist Mono',monospace;color:var(--text-3)}
.k4-bar>i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.k4-bar>span:first-of-type{margin-left:10px}
.k4-live{margin-left:auto;display:grid;letter-spacing:.08em;text-transform:uppercase}
.k4-live b{grid-area:1/1;font-weight:400;display:flex;align-items:center;gap:6px;transition:opacity .3s}
.k4-live b::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.k4-d{color:var(--brand-text)}.k4-lv{color:#22C55E;opacity:0}
#k4.k4-pubd .k4-d{opacity:0}#k4.k4-pubd .k4-lv{opacity:1}
.k4-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px}
.k4-hd b{font:600 16px 'Inter Tight',sans-serif;letter-spacing:-.01em}.k4-hd small{display:block;margin-top:3px;font:400 11.5px 'Geist Mono',monospace;color:var(--text-3)}
.k4-prog{display:flex;gap:5px;width:180px}.k4-prog i{flex:1;height:6px;border-radius:3px;background:var(--line);transition:background .3s,box-shadow .3s}
.k4-prog i.f{background:#6B47EE;box-shadow:0 0 10px rgba(107,71,238,.6)}
#k4.k4-pubd .k4-prog i{background:#22C55E;box-shadow:0 0 10px rgba(34,197,94,.5)}
.k4-blk{margin:0 14px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:border-color .3s,box-shadow .3s,opacity .3s}
.k4-blk.on{border-color:rgba(107,71,238,.55);box-shadow:0 0 0 4px rgba(107,71,238,.12)}
.k4-bh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.k4-bn{font:500 11px 'Geist Mono',monospace;color:var(--text-3)}.k4-bh b{font:600 14px 'Inter Tight',sans-serif}
.k4-bd{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2);color:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s}
.k4-blk.done .k4-bd{background:#22C55E;border-color:#22C55E;color:#04130A}
.k4-blk.on .k4-bn{color:var(--brand-text)}
.k4-gw{display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border-radius:9px;border:1px solid var(--line);margin-top:6px}
.k4-gl{width:96px;display:flex;align-items:center}.k4-gl img{display:block;width:auto}
.k4-key{flex:1;height:26px;border-radius:6px;border:1px solid var(--line);background:var(--bg-alt);display:flex;align-items:center;padding:0 9px;font:500 11.5px 'Geist Mono',monospace;color:var(--text-2);overflow:hidden}
.k4-kt{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;transition:max-width .45s steps(14)}
.k4-gw.c1 .k4-kt,.k4-gw.c2 .k4-kt{max-width:140px}
.k4-cta{flex:none;margin-right:auto;height:26px;padding:0 11px;border-radius:7px;background:#635BFF;color:#FFFFFF;font:600 11.5px 'Inter Tight',sans-serif;display:flex;align-items:center;transition:transform .12s}
.k4-cta2{margin-left:auto;margin-right:0;background:var(--text);color:var(--bg)}
.k4-cta.k4-press{transform:scale(.92)}
.k4-st{margin-left:auto;display:grid;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.k4-st i{grid-area:1/1;font-style:normal;display:flex;align-items:center;justify-content:flex-end;gap:5px;transition:opacity .25s,transform .25s}
.k4-s0{color:var(--text-3)}.k4-s1,.k4-s2{opacity:0;transform:translateY(4px)}
.k4-s1{color:var(--brand-text)}.k4-s1::before{content:'';width:10px;height:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:k4-spin .7s linear infinite}
@keyframes k4-spin{to{transform:rotate(360deg)}}
.k4-s2{color:#16A34A}
.k4-gw.c1 .k4-s0,.k4-gw.c2 .k4-s0{opacity:0}.k4-gw.c1 .k4-s1{opacity:1;transform:none}
.k4-gw.c2 .k4-s1{opacity:0}.k4-gw.c2 .k4-s2{opacity:1;transform:none}
.k4-gw.c2{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.05)}
.k4-gw.c2 .k4-cta{display:none}
.k4-store{display:flex;align-items:center;gap:10px;height:46px;padding:0 10px;border-radius:9px;border:1px solid var(--line)}
.k4-store b{font:600 13px 'Inter Tight',sans-serif}.k4-store small{display:block;font:400 11px 'Geist Mono',monospace;color:var(--text-3)}
.k4-store .k4-st{margin-left:0}.k4-store .k4-s2{opacity:0}
.k4-store.c2{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.05)}.k4-store.c2 .k4-cta2{display:none}.k4-store.c2 .k4-st{margin-left:auto}.k4-store.c2 .k4-s2{opacity:1;transform:none}
.k4-sync{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-top:10px;font-size:12.5px;color:var(--text-3)}
.k4-sync b{font:500 12px 'Geist Mono',monospace;color:var(--text);font-variant-numeric:tabular-nums}
.k4-bar2{grid-column:1/-1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.k4-bar2 i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6B47EE,#22C55E);transition:width 1s cubic-bezier(.3,.8,.3,1)}
.k4-sync.f .k4-bar2 i{width:100%}
.k4-dom{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;border-radius:9px;border:1px solid var(--line)}
.k4-dk{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.k4-dv{flex:1;display:flex;align-items:center;font:500 13px 'Geist Mono',monospace;color:var(--text)}
.k4-typ{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;transition:max-width .8s steps(24)}
.k4-dom.t .k4-typ{max-width:240px}
.k4-caret{display:inline-block;width:1.5px;height:15px;margin-left:1px;background:var(--brand-text);animation:k4-car 1s steps(2) infinite}
@keyframes k4-car{50%{opacity:0}}
.k4-dns{display:flex;align-items:center;gap:5px;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#16A34A;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .3s}
.k4-dom.v .k4-dns{opacity:1;transform:none}.k4-dom.v{border-color:rgba(34,197,94,.35)}.k4-dom.v .k4-caret{display:none}
.k4-pubrow{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.k4-des{font:500 11.5px 'Geist Mono',monospace;color:var(--text-3)}
.k4-pub{display:flex;align-items:center;gap:6px;height:34px;padding:0 16px;border-radius:9px;background:var(--text);color:var(--bg);font:600 13px 'Inter Tight',sans-serif;transition:background .3s,color .3s,transform .12s}
.k4-pub .k4-p2{display:none;align-items:center;gap:6px}
#k4.k4-pubd .k4-pub{background:#22C55E;color:#04130A}#k4.k4-pubd .k4-p1{display:none}#k4.k4-pubd .k4-p2{display:flex}
.k4-pub.k4-press{transform:scale(.93)}
.k4-notif{position:absolute;right:-6px;top:92px;z-index:30;display:flex;align-items:center;gap:10px;width:250px;padding:11px 13px;border-radius:16px;background:rgba(245,245,247,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#111111;box-shadow:0 20px 40px -12px rgba(0,0,0,.55);opacity:0;transform:translateY(-14px) scale(.92);transition:opacity .25s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.k4-notif.on{opacity:1;transform:none}
.k4-ni{width:30px;height:30px;border-radius:8px;background:#111111;color:#FFFFFF;font:700 13px 'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.k4-notif b{display:block;font-size:12.5px;font-weight:600}.k4-notif small{display:block;margin-top:1px;font-size:10.5px;color:#55555F}
.k4-cur{position:absolute;left:0;top:0;z-index:40;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transform:translate(var(--cx,560px),var(--cy,600px));transition:transform .24s cubic-bezier(.3,1.2,.5,1);pointer-events:none}
.k4-cur.k4-press{transform:translate(var(--cx),var(--cy)) scale(.8);transition-duration:.1s}
.k4-rip{position:absolute;left:0;top:0;z-index:39;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #B49BFF;opacity:0;pointer-events:none}
.k4-sweep{position:absolute;inset:-40px;z-index:45;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(180,155,255,.3) 48%,rgba(255,255,255,.5) 50%,rgba(180,155,255,.3) 52%,rgba(255,255,255,0) 65%);transform:translateX(-120%);opacity:0}
@media (max-width:1100px){#golive .k4{grid-template-columns:minmax(0,1fr);gap:48px}}
@media (max-width:700px){.k4-h{font-size:36px}.k4-rn{font-size:32px}.k4-row{grid-template-columns:52px minmax(0,1fr);padding:16px 0}.k4-row::before{left:-12px}.k4-row h4{font-size:16.5px}.k4-row p{font-size:13.5px}.k4-cur,.k4-rip{display:none!important}}
@media (prefers-reduced-motion: reduce){.k4-cam,.k4-kt,.k4-typ,.k4-bar2 i{transition:none!important}}


/* bande de chiffres, haut des cases (6/11, « totally failed ») : projecteur qui passe d'une case à l'autre, chiffre fantôme, pastille d'état, téléscripteur */
.k3-c{transition:background .5s ease}
.k3-c::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#6B47EE,#B49BFF);box-shadow:0 0 18px 2px rgba(107,71,238,.8);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:2}
.k3-c::after{content:'';position:absolute;inset:0 0 auto 0;height:260px;background:radial-gradient(420px 220px at 0% 0%,rgba(107,71,238,.22),rgba(107,71,238,0) 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}
.k3-c.on::before{transform:scaleX(1)}.k3-c.on::after{opacity:1}
.k3-gh{position:absolute;right:-18px;top:92px;font:500 168px/.8 'Space Grotesk',sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--line-2);opacity:.35;pointer-events:none;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .5s,-webkit-text-stroke-color .5s;transform:translate(10px,6px)}
.k3-c.on .k3-gh{-webkit-text-stroke-color:rgba(155,123,255,.55);opacity:1;transform:none}
.k3-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.k3-ix{color:var(--brand-text);opacity:.7}
.k3-chip{margin-left:auto;font-style:normal;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--text-3);letter-spacing:.1em;transition:all .35s}
.k3-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.k3-c.on .k3-chip{background:#6B47EE;border-color:#6B47EE;color:#FFFFFF;box-shadow:0 0 16px rgba(107,71,238,.6)}
.k3-c.on .k3-chip::before{background:#FFFFFF;box-shadow:0 0 8px #FFFFFF;animation:k2-blink 1s ease-in-out infinite}
.k3-n{position:relative;z-index:1;opacity:.62;transform-origin:0 100%;transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.5,.5,1),filter .4s}
.k3-c.on .k3-n{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 22px rgba(155,123,255,.45))}
.k3-l{position:relative;z-index:1;min-height:0!important;transition:color .4s}
.k3-c.on .k3-l{color:var(--text)}
.k3-tk{position:relative;z-index:1;display:flex;align-items:center;gap:8px;height:22px;margin-top:10px;font:500 11.5px 'Geist Mono',monospace;letter-spacing:.04em;color:var(--text-3)}
.k3-tk>i{width:7px;height:7px;border-radius:50%;background:var(--line-2);flex:none;transition:background .3s,box-shadow .3s}
.k3-c.on .k3-tk>i{background:#22C55E;box-shadow:0 0 8px #22C55E}
.k3-tk>div{position:relative;flex:1;height:22px;overflow:hidden}
.k3-tk span{position:absolute;left:0;top:0;line-height:22px;white-space:nowrap;opacity:0;transform:translateY(100%);transition:opacity .25s,transform .35s cubic-bezier(.3,1.3,.5,1)}
.k3-tk span.a{opacity:1;transform:none}.k3-tk span.o{opacity:0;transform:translateY(-100%)}
.k3-c.on .k3-tk span.a{color:var(--text)}
.k3-v{z-index:1}
@media (prefers-reduced-motion: reduce){.k3-n{opacity:1}.k3-gh{transition:none}}
/* ===== CTA final v2 (6/11) : scène pleine largeur, flux de paiements en direct, compteur, boutons centrés ===== */
#contact.u-cta::before,#contact.u-cta::after{display:none!important}
.k5{position:relative;overflow:hidden;padding:150px 0 140px}
.k5-stream{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;transform:rotate(-4deg) scale(1.08);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);pointer-events:none}
.k5-r{overflow:hidden}
.k5-r>div{display:flex;gap:12px;width:max-content;animation:k5-mq 60s linear infinite}
.k5-r1>div{animation-duration:46s;animation-direction:reverse}.k5-r2>div{animation-duration:72s}
@keyframes k5-mq{to{transform:translateX(-50%)}}
.k5-t{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;font:500 14px 'Inter Tight',sans-serif;color:var(--text-2)}
.wl[data-theme=dark] .k5-t{background:#141320;border-color:#24223A}
.k5-t em{font:500 11px 'Geist Mono',monospace;font-style:normal;color:var(--text-3);padding:3px 6px;border:1px solid var(--line);border-radius:5px}
.k5-c{color:var(--text)}
.k5-g{font:500 11.5px 'Geist Mono',monospace;color:#22C55E;padding:3px 7px;border:1px solid rgba(34,197,94,.35);border-radius:6px;background:rgba(34,197,94,.06)}
.k5-gx{color:#EF4444;border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06);text-decoration:line-through}
.k5-ar{color:var(--text-3);font-size:12px}
.k5-a{font:600 15px 'Space Grotesk',sans-serif;color:var(--text);font-variant-numeric:tabular-nums}
.k5-s{display:grid;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.k5-s i{grid-area:1/1;font-style:normal;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;transition:opacity .3s}
.k5-s i::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.k5-ok{color:#16A34A;background:rgba(34,197,94,.1)}.k5-no{color:#EF4444;background:rgba(239,68,68,.1)}
.k5-cx .k5-ok{opacity:0}
.k5-cx{animation:k5-cxb 4.4s ease infinite;animation-delay:var(--d,0s)}
.k5-cx .k5-no{animation:k5-no 4.4s ease infinite;animation-delay:var(--d,0s)}.k5-cx .k5-ok{animation:k5-ok 4.4s ease infinite;animation-delay:var(--d,0s)}
@keyframes k5-no{0%,45%{opacity:1}52%,100%{opacity:0}}
@keyframes k5-ok{0%,45%{opacity:0}52%,100%{opacity:1}}
@keyframes k5-cxb{0%,44%{border-color:rgba(239,68,68,.45);box-shadow:none}52%{border-color:rgba(34,197,94,.7);box-shadow:0 0 0 4px rgba(34,197,94,.15),0 0 30px -6px rgba(34,197,94,.6)}70%,100%{border-color:var(--line);box-shadow:none}}
.k5-veil{position:absolute;inset:0;background:radial-gradient(44% 56% at 50% 50%,#121119 35%,rgba(18,17,25,.8) 62%,rgba(18,17,25,.15) 100%);pointer-events:none}
.wl:not([data-theme=dark]) .k5-veil{background:radial-gradient(44% 56% at 50% 50%,#F7F7F8 35%,rgba(247,247,248,.82) 62%,rgba(247,247,248,.15) 100%)}
.k5-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.k5-in .u-eb{align-self:center}
#contact .k5-h{margin:24px 0 0;font:500 clamp(54px,8vw,124px)/.92 'Space Grotesk',sans-serif!important;letter-spacing:-.06em;color:var(--text)}
.k5-h em{font-style:normal;color:var(--brand-text)}
.k5-wd{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(10px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.k5.k5-run .k5-wd{opacity:1;transform:none;filter:none}
.k5-h .k5-wd:nth-of-type(2){transition-delay:.07s}.k5-h .k5-wd:nth-of-type(3){transition-delay:.16s}.k5-h .k5-wd:nth-of-type(4){transition-delay:.23s}.k5-h em.k5-wd{transition-delay:.32s}
.k5-ct{display:flex;align-items:center;gap:16px;margin-top:34px;padding:10px 12px 10px 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);box-shadow:0 20px 50px -24px rgba(107,71,238,.55)}
.wl[data-theme=dark] .k5-ct{background:#16142A;border-color:#2E2A4A}
.k5-ck{display:flex;align-items:center;gap:8px;font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.k5-ck i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E;animation:k2-blink 1.2s ease-in-out infinite}
.k5-cv{font:500 30px/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;min-width:132px;text-align:right}
.k5-cv.k5-bump{animation:k5-bump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes k5-bump{40%{color:#22C55E;transform:scale(1.06)}}
.k5-p{margin:26px 0 0;max-width:520px;font-size:18px;line-height:1.5;color:var(--text-2)}
.k5-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.k5-btns a{text-decoration:none;min-height:60px;padding:0 30px;border-radius:10px;font-weight:600;font-size:17px;display:inline-flex;align-items:center;gap:10px}
.k5-go{background:#6B47EE;color:#FFFFFF;animation:k5-br 2.6s ease-in-out infinite}
@keyframes k5-br{0%,100%{box-shadow:0 0 0 0 rgba(107,71,238,.0),0 18px 40px -16px rgba(107,71,238,.8)}50%{box-shadow:0 0 0 8px rgba(107,71,238,.16),0 22px 60px -12px rgba(107,71,238,1)}}
.k5-demo{border:1px solid var(--line-2);background:var(--surface);color:var(--text)}
.k5-pf{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:28px;font:500 11.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.k5-pf span{display:flex;align-items:center;gap:8px}
.k5-pf b{width:18px;height:18px;border-radius:50%;border:1px solid var(--line-2);color:transparent;display:flex;align-items:center;justify-content:center}
.k5.k5-run .k5-pf b{animation:k5-pf 4.5s ease infinite}
.k5.k5-run .k5-pf span:nth-child(2) b{animation-delay:.35s}.k5.k5-run .k5-pf span:nth-child(3) b{animation-delay:.7s}
@keyframes k5-pf{0%,8%{background:transparent;border-color:var(--line-2);color:transparent}14%,85%{background:#22C55E;border-color:#22C55E;color:#04130A}95%,100%{background:transparent;border-color:var(--line-2);color:transparent}}
@media (max-width:700px){.k5{padding:110px 0 100px}.k5-r2{display:none}.k5-t{height:46px;font-size:13px}.k5-ct{flex-direction:column;gap:6px;padding:12px 18px}.k5-cv{text-align:center}.k5-btns a{width:100%;justify-content:center}.k5-p{font-size:16px}}
@media (prefers-reduced-motion: reduce){.k5 *{animation:none!important}.k5-wd{opacity:1;transform:none;filter:none}.k5-cx .k5-no{opacity:0}.k5-cx .k5-ok{opacity:1}}


/* bande de chiffres déplacée sous la Live view (6/11, « plus propre ») */
.k3-wrap{margin:24px 0 8px}
.k3-gh{display:none!important}
.k3{border-radius:24px}
.k3-c{padding:30px 30px 0}.k3-v{margin:20px -30px 0}
@media (max-width:700px){.k3-wrap{margin-top:16px}.k3-c{padding:22px 20px 0}.k3-v{margin:16px -20px 0}}

/* ===== passe mobile 6/11 (vidéo du porteur) ===== */
@media (max-width:700px){
.u-lead{font-size:16px!important;line-height:1.5!important}
.u-li{font-size:15px!important}
/* hero : dashboard qui ne déborde plus */
#top .u-frame .u-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#top .u-frame [style*="font-size: 26px"],#top .u-frame [style*="font-size: 28px"],#top .u-frame [style*="font-size: 24px"]{font-size:19px!important}
/* bandeau de logos : titre sur une ligne, fondu sur les bords */
section[aria-label="Integrationen"]>.u-wrap span{font-size:10.5px!important;letter-spacing:.08em!important}
section[aria-label="Integrationen"]>div:last-child{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
section[aria-label="Integrationen"]{padding:40px 0 48px!important}
/* checkout : étiquette au-dessus du téléphone, sans zoom */
.k2-box{height:800px!important}.k2-stage{height:calc(800px * var(--k2s,1))!important}
.k2-ip{top:120px!important}
.k2-co{left:14px!important;width:312px!important;top:14px!important;transform:translateY(-8px) scale(.97)}
.k2-co.on{transform:none}
.k2-cam{transform:none!important}
/* simulateur : libellés au-dessus des pastilles */
#orchestration .u-frame [style*="width: 92px"]{width:100%!important;margin-bottom:2px}
#orchestration .u-wrap{padding-top:88px!important;padding-bottom:88px!important}
/* 4 chiffres : carrousel qu'on fait glisser */
.k3{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;background:none!important;border:0!important;border-radius:0!important;padding:0 20px;margin:0 -12px;scrollbar-width:none}
.k3::-webkit-scrollbar{display:none}
.k3-c{flex:0 0 84%;scroll-snap-align:center;border:1px solid var(--line);border-radius:20px}
.k3-dots{display:flex!important}
/* Live in three steps : fenêtre en pleine largeur, sans réduction */
.k4-stage{height:auto!important}
.k4-box{position:relative!important;width:100%!important;height:auto!important;transform:none!important}
.k4-cam{position:relative!important;transform:none!important}
.k4-win{position:relative!important;left:0!important;top:0!important;width:100%!important}
.k4-key{display:none!important}
.k4-store small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.k4-gw.c1 .k4-cta{display:none!important}
.k4-gw .k4-st,.k4-store .k4-st{font-size:9.5px!important;letter-spacing:.04em!important}
.k4-gw .k4-cta{font-size:11px;padding:0 9px;height:24px}
.k4-dom{flex-wrap:wrap;height:auto!important;min-height:42px;padding:10px 12px!important;row-gap:6px}
.k4-dv{font-size:12px!important;min-width:0}
.k4-dns{flex-basis:100%;font-size:9.5px!important}
.k4-dom:not(.v) .k4-dns{display:none}
.k4-gl{width:auto;flex:1}
.k4-prog{width:110px}
.k4-notif{right:10px!important;top:52px!important;width:auto!important;left:10px}
.k4-sweep{display:none}
/* CTA final : paiements en haut et en bas, pas derrière le texte */
.k5-stream{justify-content:space-between!important;padding:26px 0;transform:none!important}
.k5-r1{display:none}
.k5-veil{background:linear-gradient(180deg,rgba(18,17,25,0) 0,#121119 110px,#121119 calc(100% - 110px),rgba(18,17,25,0) 100%)!important}
.wl:not([data-theme=dark]) .k5-veil{background:linear-gradient(180deg,rgba(247,247,248,0) 0,#F7F7F8 110px,#F7F7F8 calc(100% - 110px),rgba(247,247,248,0) 100%)!important}
.k5-pf{flex-direction:column;align-items:center;gap:10px!important}
#contact .k5-h{font-size:52px!important}
/* intégrations : plus de saut quand on change d'onglet */
#connect .u-wrap{padding-bottom:72px!important}
.pr-btn{gap:8px}
/* footer */
.x-foot img[alt="PCI DSS"]{width:56px!important;height:auto!important}
.x-foot [aria-hidden="true"][style*="clamp(36px, 9vw, 132px)"]{display:none!important}
.x-foot{padding-top:64px!important}
.x-foot .wl-btn{width:44px!important;height:44px!important}
}
.k3-dots{display:none;justify-content:center;gap:8px;margin-top:14px}
.k3-dots i{width:7px;height:7px;border-radius:99px;background:var(--line-2);transition:width .3s,background .3s}
.k3-dots i.on{width:22px;background:#6B47EE}
/* ===== Hero v4 (6/11) : titre en mouvement + tableau de bord cascade en direct ===== */
.k6s .x-aurora,.k6s .hx-stack,.k6s .x-streams{display:none!important}
.k6-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1440px;margin:0 auto;padding:0 clamp(24px,4.6vw,72px);box-sizing:border-box;pointer-events:none}
.k6-grid span{border-left:1px solid var(--grid)}.k6-grid span:last-child{border-right:1px solid var(--grid)}
.wl[data-theme=dark] .k6-grid span{border-color:#15151B}
.k6-glow{position:absolute;right:-220px;top:60px;width:1000px;height:820px;background:radial-gradient(closest-side,rgba(123,82,240,.32),rgba(123,82,240,0));pointer-events:none}
.wl:not([data-theme=dark]) .k6-glow{background:radial-gradient(closest-side,rgba(123,82,240,.14),rgba(123,82,240,0))}
.k6{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px;align-items:center;padding-top:88px!important}
.k6-eb{display:inline-flex;align-items:center;gap:9px;font:500 12px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text)}
.k6-eb i{width:8px;height:8px;background:var(--brand-text)}
#top .k6-h{margin:26px 0 0;font:500 clamp(56px,6.2vw,104px)/.92 'Space Grotesk',sans-serif!important;letter-spacing:-.05em;color:var(--text);white-space:normal!important;overflow-wrap:normal}
.k6-ln{display:block}
.k6-h em{font-style:normal;color:var(--brand-text)}
.k6-wd{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(10px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.k6.k6-run .k6-wd{opacity:1;transform:none;filter:none}
.k6-ln:nth-child(1) .k6-wd:nth-child(2){transition-delay:.06s}
.k6-ln:nth-child(2) .k6-wd:nth-child(1){transition-delay:.12s}.k6-ln:nth-child(3) .k6-wd{transition-delay:.24s!important}.k6-ln:nth-child(2) .k6-wd:nth-child(2){transition-delay:.2s}.k6-ln:nth-child(2) .k6-wd:nth-child(3){transition-delay:.26s}
.k6-ln:nth-child(3) .k6-wd:nth-child(1){transition-delay:.36s}.k6-ln:nth-child(3) .k6-wd:nth-child(2){transition-delay:.42s}.k6-ln:nth-child(3) .k6-wd:nth-child(3){transition-delay:.48s}
.k6-p{margin:26px 0 0;max-width:480px;font-size:19px;line-height:1.5;color:var(--text-2)}
.k6-p b{color:var(--text);font-weight:600}
.k6-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.k6-ctas a{text-decoration:none;height:54px;padding:0 24px;border-radius:9px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:9px}
.k6-go{background:#6B47EE;color:#FFFFFF;animation:k5-br 2.6s ease-in-out infinite}
.k6-demo{border:1px solid var(--line-2);background:var(--surface);color:var(--text)}
.k6-pf{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px;color:var(--text-3)}
.k6-pf span{display:inline-flex;align-items:center;gap:7px}
.k6-pf b{color:#22C55E;font-weight:700}
/* fenêtre */
.k6-r{position:relative;transform:none;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.k6-r.is-tilt{transform:perspective(1600px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(var(--tl,0px));transition:transform .15s ease-out}
.k6-win::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(520px circle at var(--gx,50%) var(--gy,0%),rgba(180,155,255,.12),rgba(180,155,255,0) 60%);opacity:0;transition:opacity .5s;z-index:5}
.k6-r.is-tilt .k6-win::after{opacity:1}
@media (hover:none),(prefers-reduced-motion:reduce){.k6-r.is-tilt{transform:none}}
.k6-win{position:relative;border-radius:16px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 60px 120px -50px rgba(0,0,0,.7),0 40px 140px -40px rgba(107,71,238,.5);overflow:hidden;color:var(--text)}
.wl[data-theme=dark] .k6-win{background:#0F0F14;border-color:#26262E}
.k6-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-bottom:1px solid var(--line);font:400 12px 'Geist Mono',monospace;color:var(--text-3)}
.k6-bar>i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.k6-bar>span:first-of-type{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.k6-live{margin-left:auto;display:flex;align-items:center;gap:7px;color:#22C55E;letter-spacing:.08em;text-transform:uppercase;flex:none}
.k6-live b{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E;animation:k2-blink 1.2s ease-in-out infinite}
.k6-body{display:grid;grid-template-columns:140px minmax(0,1fr)}
.k6-side{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);font-size:13px;color:var(--text-3)}
.k6-side>span{padding:8px 10px;border-radius:7px}
.k6-side>span.on{background:var(--tint);color:var(--text);box-shadow:inset 2px 0 0 #6B47EE}
.k6-brand{display:flex;align-items:center;gap:8px;color:var(--text)!important;font-weight:600;margin-bottom:8px}
.k6-brand i{width:18px;height:18px;border-radius:5px;background:#111111;box-shadow:inset 0 0 0 1px var(--line-2)}
.k6-sg{margin-top:12px;font:500 10px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.k6-gws{display:flex;align-items:center;gap:8px;font:500 12px 'Geist Mono',monospace}
.k6-gws em{width:6px;height:6px;border-radius:50%;background:#22C55E}
.k6-gws.hit em{background:#EF4444;box-shadow:0 0 8px #EF4444}
.k6-main{min-width:0}
.k6-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.k6-kpi{position:relative;padding:16px 18px;min-width:0}
.k6-kpi+.k6-kpi{border-left:1px solid var(--line)}
.k6-kpi>span{display:block;font-size:12px;color:var(--text-3)}
.k6-v{display:block;margin-top:4px;font:600 clamp(20px,1.9vw,26px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.k6-vs{color:var(--brand-text)}
.k6-v.k6-tick{animation:k6-tick .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes k6-tick{40%{color:#22C55E;transform:translateY(-2px)}}
.k6-spark{display:block;width:100%;height:22px;margin-top:6px}
.k6-spark path{fill:none;stroke:#8E66FF;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-dasharray:300;stroke-dashoffset:300;animation:k6-draw 1.6s ease .4s forwards}
@keyframes k6-draw{to{stroke-dashoffset:0}}
.k6-kpi small{display:block;margin-top:6px;font:500 11px 'Geist Mono',monospace;color:var(--text-3)}
.k6-delta{color:#22C55E!important;opacity:0;transition:opacity .3s}.k6-delta.on{opacity:1}
.k6-up{color:#22C55E!important}
.k6-th,.k6-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.5fr) 86px;gap:10px;align-items:center;padding:0 18px}
.k6-th{height:36px;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line)}
.k6-th span:last-child,.k6-row .k6-am{text-align:right}
.k6-rows{position:relative;height:336px;overflow:hidden}
.k6-row{position:absolute;left:0;right:0;height:56px;border-bottom:1px solid var(--line);font-size:13.5px;transition:transform .55s cubic-bezier(.3,1.2,.4,1),opacity .4s ease,background .6s ease}
.k6-row.new{background:linear-gradient(90deg,rgba(107,71,238,.16),rgba(107,71,238,0) 80%)}
.k6-row.save{background:linear-gradient(90deg,rgba(34,197,94,.14),rgba(34,197,94,0) 80%)}
.k6-tm{font:400 11px 'Geist Mono',monospace;color:var(--text-3)}
.k6-by{display:flex;align-items:center;gap:8px;min-width:0}
.k6-by em{font:500 10.5px 'Geist Mono',monospace;font-style:normal;color:var(--text-3);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.k6-by b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k6-rt{display:flex;align-items:center;gap:6px;min-width:0}
.k6-rt .u-chip{transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1)}
.k6-rt .k6-ar{color:var(--text-3);font-size:11px;transition:opacity .3s}
.k6-rt .k6-hide{opacity:0;transform:translateX(-6px) scale(.9)}
.k6-rt .k6-try{border-color:rgba(245,165,36,.45);color:#F5A524;background:rgba(245,165,36,.08)}
.k6-am{font:600 14px 'Space Grotesk',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.k6-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;font-size:12px;color:var(--text-3)}
.k6-ft>span:first-child{display:inline-flex;align-items:center;gap:8px}
.k6-toast{position:absolute;right:-26px;bottom:-58px;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 16px 12px 12px;border-radius:14px;background:rgba(22,20,34,.94);border:1px solid #3A3354;color:#FFFFFF;box-shadow:0 24px 50px -16px rgba(0,0,0,.7),0 0 34px -8px rgba(34,197,94,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(12px) scale(.94);transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1);pointer-events:none}
.k6-toast.on{opacity:1;transform:none}
.k6-ti{width:30px;height:30px;border-radius:9px;background:#22C55E;color:#04130A;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.k6-toast b{display:block;font-size:13px;font-weight:600}.k6-toast small{display:block;margin-top:2px;font:500 11.5px 'Geist Mono',monospace;color:#B4B5BD}
/* chiffres sous le hero */
.k6-mx{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:84px!important;background:none}
.k6-mx>.k6-m{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.k6-mx>.k6-m+.k6-m{border-left:1px solid var(--line)}
/* plus de sections « collées » au défilement (6/11 : la page semblait bloquée) */
.u-stack{position:relative!important;top:auto!important}
.k6-m{display:flex;flex-direction:column;gap:6px;padding:24px 24px 28px;background:var(--bg);min-width:0}
.k6-mp{font:500 10.5px 'Geist Mono',monospace;letter-spacing:.12em;color:var(--text-3);min-height:13px}
.k6-m b{font-size:44px!important;line-height:1!important}
.k6-ml{font-size:14px;color:var(--text-3)}
@media (max-width:1100px){.k6{grid-template-columns:minmax(0,1fr);gap:48px}.k6-l{max-width:640px}.k6-toast{right:12px;bottom:-22px}}
@media (max-width:700px){
.k6{padding-top:48px!important;gap:36px}
#top .k6-h{font-size:60px!important;line-height:.95!important}
.k6-p{font-size:17px;margin-top:20px}
.k6-ctas{flex-direction:column}.k6-ctas a{justify-content:center;height:54px}
.k6-pf{font-size:13.5px;gap:8px 16px}
.k6-body{grid-template-columns:minmax(0,1fr)}.k6-side{display:none}
.k6-bar>span:first-of-type{font-size:11px}
.k6-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.k6-kpi:nth-child(3){display:none}
.k6-kpi{padding:14px}.k6-v{font-size:21px}
.k6-th,.k6-row{grid-template-columns:minmax(0,1fr) auto 78px;gap:8px;padding:0 14px}
.k6-th span:first-child,.k6-row .k6-tm{display:none}
.k6-th span:nth-child(3){text-align:right}
.k6-rt{justify-content:flex-end}
.k6-rows{height:280px}
.k6-ft{flex-direction:column;align-items:flex-start;gap:6px}.k6-fr{display:none}
.k6-toast{left:12px;right:12px;bottom:-24px}
.k6-mx{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:64px!important}
.k6-mx>.k6-m:nth-child(3){border-left:0}.k6-mx>.k6-m:nth-child(n+3){border-top:0}
.k6-m{padding:20px 16px 22px}.k6-m b{font-size:36px!important}.k6-ml{font-size:13.5px}
}
@media (prefers-reduced-motion: reduce){.k6-wd{opacity:1;transform:none;filter:none;transition:none}.k6-row,.k6-toast{transition:none}.k6-go{animation:none}.k6-spark path{animation:none;stroke-dashoffset:0}}


/* intégrations sur téléphone v2 (6/11) : une rangée qu'on fait glisser par catégorie, plus d'onglets */
.k7{display:none}
@media (max-width:700px){
#connect .u-board-alt{display:none!important}
.k7{display:flex;flex-direction:column;gap:26px;margin:0 -20px}
.k7-h{display:flex;align-items:baseline;justify-content:space-between;padding:0 20px;margin-bottom:12px}
.k7 .k7-h b{font:600 18px/1.2 'Space Grotesk',sans-serif!important;letter-spacing:-.02em;color:var(--text)!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.k7 .k7-h>span{font:500 11px 'Geist Mono',monospace!important;color:var(--text-3)!important;border:0!important;box-shadow:none!important;padding:0!important;background:none!important}
.k7 .k7-h>span::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#22C55E;vertical-align:1px}
.k7-row{display:flex;gap:10px;overflow-x:auto;padding:2px 20px 4px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 85%,transparent);mask:linear-gradient(90deg,#000 85%,transparent)}
.k7-row::-webkit-scrollbar{display:none}
.k7-t{flex:none;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;gap:9px;min-width:132px;height:64px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-sizing:border-box}
.wl[data-theme=dark] .k7-t{background:#121119;border-color:#24222F}
.k7-t img{display:block;flex:none;width:28px;height:28px;border-radius:7px}
.k7-t img.u-r{border-radius:50%}
.k7-t img.wm{width:auto!important;height:calc(var(--wh,22px)*.85)!important;max-width:110px;border-radius:0}
.k7-n{font:600 13.5px 'Space Grotesk',sans-serif;letter-spacing:-.01em;color:var(--text);white-space:nowrap}
.k7-n:empty{display:none}
.k7-ini{display:none}

.k7-t:has(.k7-plus){border-style:dashed!important;border-color:rgba(107,71,238,.55)!important;background:var(--tint)!important;flex-direction:row-reverse}
.k7-t:has(.k7-plus) .k7-n{color:var(--brand-text)!important}
.k7-plus{width:26px;height:26px;border-radius:50%;background:#6B47EE;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font:600 16px/1 'Inter Tight',sans-serif}
.k7-t img.k7-px{width:34px!important;height:34px!important;border-radius:50%!important;background:none!important}
.k7-note{margin:10px 20px 0;font-size:13.5px;line-height:1.45;color:var(--text-3)}
}

/* hero 6/11 b : sans grille, chiffres en cartes, preuves en pastilles */
.k6-grid{display:none!important}
.k6-ctas{margin-top:34px}
.k6-pf{gap:10px!important;margin-top:24px}
.k6-pf span{gap:8px!important;height:34px;padding:0 13px 0 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font:500 13.5px 'Inter Tight',sans-serif;color:var(--text-2)}
.wl[data-theme=dark] .k6-pf span{background:rgba(255,255,255,.03);border-color:#2A2836}
.k6-pf i{display:flex;color:var(--brand-text)}
.k6-mx{gap:14px!important;margin-top:88px!important}
.k6-mx>.k6-m{position:relative;overflow:hidden;border:1px solid var(--line-2)!important;border-radius:20px;background:var(--surface)!important;padding:26px 26px 30px!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.wl[data-theme=dark] .k6-mx>.k6-m{background:linear-gradient(180deg,#14121D,#0F0E15)!important;border-color:#25222F!important}
.k6-mx>.k6-m::before{content:'';position:absolute;inset:0 0 auto 0;height:140px;background:radial-gradient(260px 120px at 0% 0%,rgba(107,71,238,.22),rgba(107,71,238,0) 70%);pointer-events:none}
.k6-mx>.k6-m:hover{transform:translateY(-4px);border-color:rgba(107,71,238,.5)!important;box-shadow:0 24px 50px -24px rgba(107,71,238,.6)}
.k6-mn{position:relative;display:block;font:500 64px/.9 'Space Grotesk',sans-serif!important;letter-spacing:-.06em;background:linear-gradient(180deg,var(--text) 15%,var(--brand-text) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.k6-mp{position:relative;color:var(--brand-text)!important}
.k6-ml{position:relative;font-size:14.5px!important;color:var(--text-2)!important}
.k6-mbar{position:absolute;left:26px;right:26px;bottom:14px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.k6-mbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6B47EE,#B49BFF);transform:scaleX(0);transform-origin:0 50%;animation:k6-bar 1.6s cubic-bezier(.2,.8,.2,1) .6s forwards}
.k6-m:nth-child(2) .k6-mbar i{animation-delay:.75s}.k6-m:nth-child(3) .k6-mbar i{animation-delay:.9s}.k6-m:nth-child(4) .k6-mbar i{animation-delay:1.05s}
@keyframes k6-bar{to{transform:scaleX(1)}}
.k6-mx>.k6-m,.wl[data-theme=dark] .k6-mx>.k6-m{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 26px!important;transform:none!important}
.k6-mx>.k6-m::before{display:none!important}
.k6-mx{gap:40px!important}
.wl .k6s .k6-mx>.k6-m{padding:0 0 26px!important;border:0!important}
/* chiffres sous la ligne de flottaison : la bannière occupe tout l'écran à l'arrivée (6/11) */
@media (min-width:1001px){.k6{min-height:calc(100vh / 0.86 - 72px);box-sizing:border-box;padding-bottom:40px}}
@media (min-width:1001px) and (max-width:1300px){.k6{min-height:calc(100vh / 0.8 - 72px)}}
.k6-mbar{left:0!important;right:0!important;bottom:0!important}
@media (max-width:700px){.k6-mx{gap:28px 20px!important}.k6-mx>.k6-m{padding:0 0 20px!important}}
@media (max-width:1100px){.k6-mx{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){.k6-mx{gap:10px!important;margin-top:56px!important}.k6-mx>.k6-m{padding:18px 16px 24px!important;border-radius:16px}.k6-mn{font-size:44px!important}.k6-mbar{left:16px;right:16px;bottom:10px}.k6-pf span{font-size:13px;height:32px}.k6-mx>.k6-m:nth-child(n){border-left:1px solid var(--line-2)!important}}
@media (prefers-reduced-motion: reduce){.k6-mbar i{animation:none;transform:none}}

/* intégrations sur téléphone v3 (6/11) : même schéma animé que l'ordinateur, en vertical */
.k8{display:none}
@media (max-width:900px){
.k8{display:block}
#connect .u-board-alt,.k7{display:none!important}
.k8-board{aspect-ratio:360/660!important;max-width:420px;margin:0 auto;opacity:1!important;transform:none!important}
.k8-board::before{background-size:30px 30px!important}
.k8-board .u-node{height:36px!important;font-size:12.5px!important;gap:7px!important;padding:0 11px 0 6px!important;white-space:nowrap}
.k8-board .u-node:has(img.wm){padding:0 12px!important}
.k8-board .u-node img{width:24px!important;height:24px!important}
.k8-board .u-node img.wm{height:13px!important;width:auto!important;max-width:96px!important}
.k8-board .u-node .u-ini{width:24px!important;height:24px!important}
.k8-board .u-node.k8-ic{width:44px!important;height:44px!important;padding:0!important;justify-content:center;border-radius:12px}
.k8-board .u-node.k8-ic img{width:28px!important;height:28px!important}
.k8-board .u-glabel{font-size:9.5px!important;letter-spacing:.14em}
.k8-board .u-core.u-core-t{width:136px!important;height:136px!important}
.k8-board .u-core-svg{width:82px!important}
.k8-board .u-core-l{font-size:8.5px!important}
.k8-board .u-flow{stroke-width:1.8}
.k8-board .u-node:not(.k8-ic){width:150px!important;justify-content:center!important;box-sizing:border-box}
}
.k3-px img.k3-bo-ic{width:34px;height:34px;border-radius:50%;background:none}
.k5-cal{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--text-3);text-decoration:none;transition:color .2s}
.k5-cal u{text-decoration:none;color:var(--text-2);border-bottom:1px solid var(--line-2);padding-bottom:1px;transition:border-color .2s,color .2s}
.k5-cal:hover u{color:var(--text);border-color:var(--brand-text)}
.k5-cald{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E;animation:k2-blink 1.6s ease-in-out infinite}
@media (max-width:700px){.k5-cal{font-size:13.5px;flex-wrap:wrap;justify-content:center}}

/* ordinateur : tout un peu plus petit (6/11, « que ça n'agresse pas ») */
@media (min-width:1001px){.wl{zoom:.86}}
@media (min-width:1001px) and (max-width:1300px){.wl{zoom:.8}}

/* bande des 4 chiffres dans sa propre section, entre Intégrations et Go live (6/11) */
#numbers{position:relative;z-index:6;margin-top:0!important;border-radius:40px 40px 0 0;overflow:hidden;background:#0E0D15!important;box-shadow:0 -1px 0 rgba(255,255,255,.07),0 -30px 60px -30px rgba(0,0,0,.8)}
.wl:not([data-theme=dark]) #numbers{background:#FFFFFF!important;box-shadow:0 -1px 0 var(--line)!important}
#golive{z-index:7}#contact{z-index:8}.x-foot{z-index:9!important}
.k9-glow{position:absolute;left:50%;top:-180px;width:1100px;height:520px;margin-left:-550px;background:radial-gradient(closest-side,rgba(123,82,240,.28),rgba(123,82,240,0));pointer-events:none}
.wl:not([data-theme=dark]) .k9-glow{background:radial-gradient(closest-side,rgba(123,82,240,.12),rgba(123,82,240,0))}
.k9{position:relative;padding-top:104px!important;padding-bottom:104px!important}
.k9-hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:48px}
.k9-h{margin:0;font:500 clamp(34px,3.6vw,52px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:var(--text)}
.k9-h em{font-style:normal;color:var(--brand-text)}
#numbers .k3-wrap{margin:0!important}
.k9-hd .u-eb{align-self:center!important}
@media (max-width:700px){.k9{padding-top:72px!important;padding-bottom:72px!important}.k9-hd{margin-bottom:28px}.k9-h{font-size:34px}#numbers{border-radius:28px 28px 0 0}}

/* CTA final : une seule ligne de cascade au-dessus du compteur (6/11, choix 3) */
#contact .k5-veil,#contact .k5-fd,#contact .k5-stream{display:none!important}
#contact .k5-fd+.k5-ct{margin-top:34px}
.k5-wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:66px;align-content:center;gap:10px 18px;padding:0 24px;overflow:hidden;pointer-events:none;-webkit-mask:radial-gradient(ellipse 34% 42% at 50% 50%,rgba(0,0,0,.18),#000 85%);mask:radial-gradient(ellipse 34% 42% at 50% 50%,rgba(0,0,0,.18),#000 85%)}
.k5-wall .k5-t{justify-self:center;opacity:.16;transition:opacity .5s ease,border-color .4s,box-shadow .4s,transform .5s cubic-bezier(.3,1.3,.5,1)}
.k5-wall .k5-cx,.k5-wall .k5-cx *{animation:none!important}
.k5-wall .k5-cx .k5-no{opacity:1}.k5-wall .k5-cx .k5-ok{opacity:0}
.k5-wall .k5-t.lit{opacity:1;transform:scale(1.03);border-color:rgba(239,68,68,.55);box-shadow:0 0 0 4px rgba(239,68,68,.08)}
.k5-wall .k5-t.lit.ok{border-color:rgba(34,197,94,.6);box-shadow:0 0 0 4px rgba(34,197,94,.1),0 0 34px -6px rgba(34,197,94,.55)}
.k5-wall .k5-t.lit.ok .k5-no{opacity:0}.k5-wall .k5-t.lit.ok .k5-ok{opacity:1}
.k5-wall .k5-t .k5-s i{transition:opacity .35s}
@media (max-width:700px){.k5-wall{grid-template-columns:minmax(0,1fr);grid-auto-rows:44px;align-content:space-between;gap:6px;padding:14px 0;-webkit-mask:linear-gradient(180deg,#000 0,#000 16%,transparent 24%,transparent 80%,#000 88%);mask:linear-gradient(180deg,#000 0,#000 16%,transparent 24%,transparent 80%,#000 88%)}.k5-wall .k5-t{justify-self:center;transform:scale(.74);height:50px}.k5-wall .k5-t:nth-child(n+4):nth-last-child(n+4){display:none}.k5-wall .k5-t.lit{transform:scale(.78)}}
@media (prefers-reduced-motion: reduce){.k5-wall .k5-t{transition:none}}
.k5{background:radial-gradient(60% 55% at 50% 40%,rgba(107,71,238,.16),rgba(107,71,238,0) 70%)}
.k5-fd{position:relative;height:40px;margin-top:34px;display:flex;justify-content:center;width:100%;max-width:520px}
.k5-fd+.k5-ct{margin-top:12px}
.k5-fl{position:absolute;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font:500 13.5px 'Inter Tight',sans-serif;color:var(--text);white-space:nowrap;transition:opacity .4s ease,transform .45s cubic-bezier(.3,1.3,.5,1),border-color .4s,box-shadow .4s}
.wl[data-theme=dark] .k5-fl{background:#15131F;border-color:#2A2738}
.k5-fl em{font:500 10.5px 'Geist Mono',monospace;font-style:normal;color:var(--text-3);border:1px solid var(--line-2);border-radius:5px;padding:1px 5px}
.k5-fl s{font:500 11.5px 'Geist Mono',monospace;color:#EF4444;text-decoration:line-through;padding:2px 7px;border-radius:6px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3)}
.k5-fl i{font-style:normal;color:var(--text-3)}
.k5-ok2{font:500 11.5px 'Geist Mono',monospace;color:var(--text-3);padding:2px 7px;border-radius:6px;border:1px solid var(--line-2);transition:all .35s}
.k5-fl strong{font:600 14px 'Space Grotesk',sans-serif;color:var(--text-3);transition:color .35s}
.k5-fl.k5-saved{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 4px rgba(34,197,94,.08),0 10px 30px -12px rgba(34,197,94,.5)}
.k5-fl.k5-saved .k5-ok2{color:#16A34A;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.08)}
.k5-fl.k5-saved strong{color:#22C55E}
.k5-fl.k5-enter{animation:k5-fin .45s cubic-bezier(.3,1.3,.5,1) both}
@keyframes k5-fin{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.k5-fl.k5-out{opacity:0;transform:translateY(-10px) scale(.97)}
@media (max-width:700px){.k5-fl{font-size:12.5px;gap:7px;padding:0 11px}.k5-fl em{display:none}}

/* menu mobile v3 (6/11) : lignes avec flèche, thème seul, Sign in + Start onboarding côte à côte */
.x-mpanel{gap:0!important;padding:6px 18px 18px!important}
.x-mpanel>a:not(.x-mdemo){position:relative;display:flex!important;align-items:center;justify-content:space-between;padding:17px 2px!important;border-radius:0!important;border-bottom:1px solid var(--line);font-size:17px!important;font-weight:600!important;color:var(--text)!important}
.x-mpanel>a:not(.x-mdemo)::after{content:'→';font-weight:400;color:var(--text-3);font-size:17px}
.x-mtheme{padding:16px 0 12px}
.x-mtheme button{height:40px;padding:0 16px!important;border-radius:9px!important;font:600 14px 'Inter Tight',sans-serif!important;color:var(--text)!important;cursor:pointer}
.x-mbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.x-mbtns a{height:46px;border-radius:10px!important;display:flex!important;align-items:center;justify-content:center;font:600 15.5px 'Inter Tight',sans-serif!important;text-decoration:none;color:var(--text)!important;white-space:nowrap}
.x-mbtns a.up-pri{color:#FFFFFF!important}
.x-mdemo{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;font-size:13.5px;color:var(--text-3)!important;text-decoration:none}
.x-mdemo u{text-decoration:none;color:var(--text-2);border-bottom:1px solid var(--line-2)}
.x-mdemo span{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E}
@media (max-width:360px){.x-mbtns a{font-size:14px}}
.x-mpanel .up-sec{border:1px solid var(--line-2)!important;background:linear-gradient(180deg,var(--surface-2),var(--surface))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.x-mtheme button{height:38px;font-size:13.5px!important}

/* CTA final plus compact, symboles de devises en fond (6/11) */
.k5-wall{display:none!important}
#contact .k5{padding:92px 0 88px!important}
#contact .k5-h{font-size:clamp(40px,4.6vw,68px)!important}
#contact .k5-ct{margin-top:24px!important;padding:8px 10px 8px 14px}
#contact .k5-cv{font-size:24px}
#contact .k5-p{margin-top:18px;font-size:16px}
#contact .k5-btns{margin-top:22px}
#contact .k5-btns a{min-height:50px;font-size:15.5px;padding:0 24px}
#contact .k5-cal{margin-top:16px}
.k5-cur{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.55;-webkit-mask:radial-gradient(ellipse 36% 46% at 50% 48%,transparent 55%,#000 100%);mask:radial-gradient(ellipse 36% 46% at 50% 48%,transparent 55%,#000 100%)}
@media (max-width:700px){.k5-cur{opacity:.45;-webkit-mask:radial-gradient(ellipse 60% 44% at 50% 50%,transparent 60%,#000 100%);mask:radial-gradient(ellipse 60% 44% at 50% 50%,transparent 60%,#000 100%)}}
.k5-cur i{position:absolute;transform:translate(-50%,-50%);font:500 20px/1 'Space Grotesk',sans-serif;font-style:normal;color:var(--brand-text);opacity:var(--o);animation:k5-float 7s ease-in-out infinite;white-space:nowrap}
@keyframes k5-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}
@media (max-width:700px){#contact .k5{padding:76px 0 72px!important}#contact .k5-h{font-size:42px!important}.k5-cur i{font-size:16px!important}}
@media (prefers-reduced-motion: reduce){.k5-cur i{animation:none}}
.k2-shine{display:none}
/* iPhone du checkout v2 (6/11) : cadre plus fin, plus réaliste ; plus petit sur téléphone */
.k2-ip{padding:4px!important;border-radius:56px!important;background:linear-gradient(145deg,#55545B 0%,#2B2A30 22%,#1C1C21 55%,#26252B 80%,#4B4A51 100%)!important}
.k2-ip::before{inset:1px!important;border-radius:55px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px #0B0B0D!important}
.k2:not(.k2-pubd) .k2-ip{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 50px 90px -40px rgba(0,0,0,.85),0 30px 110px -40px rgba(107,71,238,.45)!important}
.k2-bez{padding:7px!important;border-radius:52px!important}
.k2-scr{border-radius:45px!important}
.k2-btn{width:3px!important;background:linear-gradient(90deg,#1E1E23,#4A4950)!important}
.k2-b1,.k2-b2,.k2-b3{left:-2px!important}.k2-b4{right:-2px!important;background:linear-gradient(270deg,#1E1E23,#4A4950)!important}
.k2-isl{width:82px!important;height:24px!important;margin-left:-41px!important;top:12px!important}
.k2-sb{font-size:14px!important;padding:4px 24px 0 34px!important}
.k2-sbi svg{transform:scale(.88)}
.k2-shine{display:block!important;background:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.07) 62%,rgba(255,255,255,0) 70%)!important}
@media (max-width:760px){
.k2-box{width:430px!important}
.k2-ip{left:57px!important}
.k2-co{left:59px!important}
}

/* intégrations sur téléphone (6/11, « horrible ») : onglets en pastilles, grille 2 colonnes régulière, logos centrés */
@media (max-width:700px){
.u-tabs{flex-wrap:wrap;gap:6px!important;padding:0!important;border:0!important;background:none!important;width:100%!important;overflow:visible!important}
.u-tabs button{min-height:36px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface)!important;font-size:13px!important}
.u-tabs button[aria-pressed=true]{background:var(--btn)!important;color:var(--btn-fg)!important;border-color:var(--btn)!important}
.u-igrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:var(--line)!important;border-radius:16px!important}
.u-igrid .u-cell{box-shadow:none!important;height:84px!important;padding:0 14px!important;justify-content:center!important;background:var(--bg)!important;font-size:13px!important;color:var(--text)!important;white-space:normal!important;line-height:1.2!important;min-width:0}
.u-igrid .u-cell:last-child:nth-child(odd){grid-column:1/-1}
.u-igrid .u-cell .u-ini{display:none!important}
.u-igrid .u-cell img.wm{max-width:86%!important}
}

.k2-home{position:absolute;left:50%;bottom:9px;width:104px;height:4px;margin-left:-52px;border-radius:9px;background:#111111;z-index:6}
.k2-notif{position:absolute;left:8px;right:8px;top:8px;z-index:28;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:18px;background:rgba(245,245,247,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px -8px rgba(0,0,0,.35);color:#111111;transform:translateY(-120%) scale(.9);opacity:0;transition:transform .55s cubic-bezier(.3,1.4,.5,1),opacity .3s ease}
.k2-notif.on{transform:none;opacity:1}
.k2-ni{width:30px;height:30px;border-radius:8px;background:#111111;color:#FFFFFF;font:700 13px 'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.k2-notif b{display:block;font-size:12px;font-weight:600}.k2-notif small{display:block;font-size:10.5px;color:#55555F;margin-top:1px}
/* ---- checkout Classic (couleur noire à la place du bleu, demande du porteur 6/11) ---- */
.k2-vp{position:absolute;left:0;right:0;top:50px;bottom:0;overflow:hidden;background:#FFFFFF}
.k2-sc{position:absolute;left:0;right:0;top:0;transition:transform .45s cubic-bezier(.65,0,.2,1)}
.k2-chd{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #DEDEDE;color:#111111}
.k2-chd b{font-size:15px;font-weight:700;letter-spacing:-.02em;color:#000000}
.k2-sum{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#F5F5F5;border-bottom:1px solid #DEDEDE;color:#111111;font-size:11px}
.k2-sum b{color:#000000;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}
.k2-wg{max-height:0;margin:0 14px;opacity:0;transform:translateY(-8px) scale(.96);transform-origin:50% 0;transition:max-height .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease,transform .35s cubic-bezier(.3,1.4,.5,1)}
.k2-cb .k2-wg{margin-left:0;margin-right:0}
.k2-wg.on{max-height:160px;margin-top:10px;opacity:1;transform:none}
.k2-wg>*{border-radius:5px;transition:box-shadow .5s ease}
.k2-wg.new>*{box-shadow:0 0 0 1.5px #6B47EE,0 0 0 6px rgba(107,71,238,.18),0 12px 26px -10px rgba(107,71,238,.6)}
.k2-urg{display:flex;align-items:center;gap:7px;border:1px solid #DEDEDE;padding:8px 10px;font-size:11px;background:#FFFFFF}
.k2-urg b{margin-left:auto;color:#000000;font-weight:600;font-variant-numeric:tabular-nums}
.k2-free{display:inline-flex;background:#F5F5F5;border:1px solid #E3E3E3;border-radius:99px!important;padding:4px 10px;color:#111111;font-size:10px}
.k2-cb{padding:2px 14px 110px}
.k2-ch{font-size:15px;font-weight:600;color:#000000;letter-spacing:-.01em;margin:16px 0 9px}
.k2-sub{margin:-5px 0 9px;color:#707070;font-size:10.5px}
.k2-in{height:38px;border:1px solid #DEDEDE;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;font-size:11px;color:#000000;background:#FFFFFF}
.k2-in small{font-size:8.5px;color:#707070;margin-bottom:1px}
.k2-in.k2-ph{color:#707070}
.k2-g2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.k2-box2{border:1px solid #DEDEDE;border-radius:4px;overflow:hidden}
.k2-opt{display:flex;align-items:center;gap:9px;padding:11px 10px;border-top:1px solid #DEDEDE;font-size:11px;color:#000000;background:#FFFFFF}
.k2-opt:first-child{border-top:0}
.k2-opt.k2-on{background:#F5F5F5;box-shadow:inset 0 0 0 1px #111111}
.k2-r{width:13px;height:13px;border-radius:50%;border:1px solid #C4C4C4;flex:none;background:#FFFFFF}
.k2-opt.k2-on .k2-r{border-color:#111111;background:radial-gradient(circle,#FFFFFF 0 2.4px,#111111 2.9px)}
.k2-v{margin-left:auto;font-weight:600}
.k2-cds{margin-left:auto;display:flex;gap:3px}.k2-cds span{width:24px;height:16px;border-radius:3px;border:1px solid #E3E3E8;background:#FFFFFF center/80% no-repeat}
.k2-card{background:#F5F5F5;padding:10px;border-top:1px solid #DEDEDE;display:flex;flex-direction:column;gap:7px}
.k2-pay-h{border-radius:5px;transition:box-shadow .5s ease}
.k2-pay-h.new{box-shadow:0 0 0 6px #FFFFFF,0 0 0 7.5px #6B47EE,0 0 0 12px rgba(107,71,238,.18)}
.k2-pr{display:flex;align-items:center;gap:9px;border:1px solid #DEDEDE;padding:10px;background:#FFFFFF}
.k2-pic{width:26px;height:26px;border-radius:5px;background:#F2F2F2;color:#111111;display:flex;align-items:center;justify-content:center;flex:none}
.k2-pr b{font-weight:500;color:#000000;font-size:11px}.k2-pr small{display:block;color:#707070;font-size:9.5px;margin-top:1px}
.k2-cbx{margin-left:auto;width:14px;height:14px;border-radius:3px;background:#111111;display:flex;align-items:center;justify-content:center;flex:none}
.k2-cbx.k2-off{background:#FFFFFF;border:1px solid #C4C4C4;box-sizing:border-box}
.k2-rv{padding:0 0 2px}.k2-rv .k2-ch,.k2-fq .k2-ch{margin-top:6px}
.k2-st{color:#111111;letter-spacing:1px;font-size:12px}.k2-st span{letter-spacing:0;color:#707070;font-size:10.5px;margin-left:4px}
.k2-rv p{margin:6px 0 0;padding:9px 10px;border:1px solid #DEDEDE;border-radius:4px;font-size:11px;color:#1A1A1A}
.k2-rv p small{display:block;margin-top:3px;color:#707070;font-size:9.5px}
.k2-fr{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #DEDEDE;border-top:0;font-size:11px}
.k2-fr:nth-child(2){border-top:1px solid #DEDEDE;border-radius:4px 4px 0 0}.k2-fr:last-child{border-radius:0 0 4px 4px}
.k2-fr span{font-size:14px;color:#111111}
.k2-legal{margin-top:16px;padding-top:12px;border-top:1px solid #DEDEDE;color:#707070;font-size:9.5px;text-decoration:underline}
.k2-pb{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:16px 20px 30px;background:linear-gradient(to top,#FFFFFF 78%,rgba(255,255,255,0))}
.k2-paybtn{position:relative;height:42px;border-radius:10px;background:#111111;color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14.5px;font-weight:600}
.k2-roll{position:relative;display:inline-block;height:20px;overflow:hidden;vertical-align:middle;font-variant-numeric:tabular-nums}
.k2-roll>span{display:block;line-height:20px}
.k2-plus{position:absolute;right:-6px;top:-14px;font:600 11px 'Geist Mono',monospace;color:#FFFFFF;background:#16A34A;padding:3px 7px;border-radius:6px;box-shadow:0 6px 14px -4px rgba(22,163,74,.6);opacity:0;transform:translateY(6px) scale(.8)}
/* ---- responsive ---- */
@media (max-width:1100px){.k2{grid-template-columns:minmax(0,1fr);gap:56px}.k2-l{max-width:560px}}
@media (max-width:760px){
  .k2-box{width:340px;height:690px}
  .k2-stage{height:calc(690px * var(--k2s,1))}
  .k2-win,.k2-cur,.k2-rip,.k2-fly,.k2-dot{display:none!important}
  .k2-ip{left:12px;top:20px}
  .k2-co{left:34px;width:272px}
  .k2-big>b{font-size:112px}
  .k2-h{font-size:36px}
  .k2-row{padding:16px 0}.k2-row::before{left:-12px}
  .k2-row h4{font-size:16.5px}.k2-row p{font-size:13.5px}
}
@media (prefers-reduced-motion: reduce){.k2-cam,.k2-sc,.k2-wg,.k2-co,.k2-dot,.k2-cur,.k2-notif,.k2-wd{transition:none!important}.k2-wd{opacity:1;transform:none;filter:none}}
/* hero dashboard tilt on hover */
#top .u-ring{transform:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#top .u-ring.is-tilt{transform:perspective(1600px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(var(--tl,0px));transition:transform .15s ease-out}
#top .u-ring>.u-frame::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(520px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.35),rgba(255,255,255,0) 60%);opacity:0;transition:opacity .5s;z-index:5;mix-blend-mode:soft-light}
.wl[data-theme=dark] #top .u-ring>.u-frame::after{background:radial-gradient(520px circle at var(--gx,50%) var(--gy,0%),rgba(180,155,255,.10),rgba(180,155,255,0) 60%);mix-blend-mode:normal}
#top .u-ring.is-tilt>.u-frame::after{opacity:1}
@media (hover:none),(prefers-reduced-motion:reduce){#top .u-ring{transform:none!important}}
/* hero background = landing V2 */
#top .wl-grid{display:grid!important}
#top .wl-hero-bg{display:block!important;background:radial-gradient(640px 460px at 88% 6%, rgba(123,82,240,0.16), rgba(123,82,240,0) 65%),radial-gradient(520px 420px at -5% 55%, rgba(81,44,204,0.09), rgba(81,44,204,0) 65%)!important}
.wl[data-theme=dark] #top .wl-hero-bg{background:radial-gradient(640px 460px at 88% 6%, rgba(123,82,240,0.30), rgba(123,82,240,0) 65%),radial-gradient(520px 420px at -5% 55%, rgba(81,44,204,0.18), rgba(81,44,204,0) 65%)!important}
#top .wl-hero-glow{display:block!important;opacity:.55!important}
.wl[data-theme=dark] #top .wl-hero-glow{opacity:.35!important}
#top .wl-grid span{border-color:#EDEDF1}
.wl[data-theme=dark] #top .wl-grid span{border-color:#17171D}
@media (max-width:700px){#top .wl-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#top .wl-hero-glow{inset:-20px -40px -40px -40px!important;opacity:.45!important}}

/* boutons unifiés partout (6/11) : secondaire = fond sombre plein + contour discret, comme la capture du porteur */
.wl .wl .up-sec,.wl a.up-sec.up-sec,.wl button.up-sec.up-sec,.wl .x-btn-o.x-btn-o,.wl .x-nav button.x-hide-m{background:linear-gradient(180deg,#1C1B24,#131219)!important;border:1px solid rgba(255,255,255,.12)!important;color:#F4F4F6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.4)!important;transition:border-color .2s,transform .15s,background .2s}
.wl a.up-sec.up-sec:hover,.wl button.up-sec.up-sec:hover,.wl .x-btn-o.x-btn-o:hover,.wl .x-nav button.x-hide-m:hover{border-color:rgba(180,155,255,.45)!important;transform:translateY(-1px)}
.wl:not([data-theme=dark]) a.up-sec.up-sec,.wl:not([data-theme=dark]) button.up-sec.up-sec,.wl:not([data-theme=dark]) .x-btn-o.x-btn-o,.wl:not([data-theme=dark]) .x-nav button.x-hide-m{background:linear-gradient(180deg,#FFFFFF,#F4F4F6)!important;border:1px solid #DCDCE1!important;color:#17171C!important;box-shadow:0 1px 2px rgba(20,20,40,.08)!important}
.wl a.up-pri.up-pri,.wl button.up-pri.up-pri{border-radius:9px}

/* bannière alignée comme la V2 (6/11) : même largeur que l'en-tête, grille de fond sur les mêmes bords, contenu en haut */
@media (min-width:1001px){
.wl .x-nav{padding-left:8.75%!important;padding-right:8.75%!important}
#top .k6,#top .k6-mx{max-width:none!important;padding-left:8.75%!important;padding-right:8.75%!important;box-sizing:border-box}
#top .k6{align-items:start!important;padding-top:118px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:64px!important}
#top .k6-r{margin-top:30px}
#top .wl-grid{max-width:none!important;left:8.75%!important;right:8.75%!important;margin:0!important;padding:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
#top .wl-grid span:nth-child(n+7){display:none}
#top .wl-grid span:nth-child(6){border-right:1px solid var(--grid)}
}
@media (max-width:700px){.wl .sim-dm{display:none!important}}
@media (max-width:700px){.wl .ft-bot{flex-direction:column-reverse!important;align-items:stretch!important;gap:20px!important;border-top:0!important;padding-top:0!important}.wl .ft-soc{padding-bottom:22px;border-bottom:1px solid var(--line)}}

/* k10 : bloc rebills dans By the numbers */
.k10{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:18px;background:var(--bg);position:relative;overflow:hidden}
.k10::before{content:'';position:absolute;inset:auto -10% -60% 40%;height:120%;background:radial-gradient(closest-side,rgba(107,71,238,.16),transparent);pointer-events:none}
.k10-eb{display:inline-flex;align-items:center;gap:8px;font:500 11px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text)}
.k10-eb i{width:7px;height:7px;background:#6B47EE;border-radius:2px}
.k10-h{margin:14px 0 0;font:500 34px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--text)}
.k10-h em{font-style:normal;color:var(--brand-text)}
.k10-p{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:var(--text-2);max-width:480px}
.k10-li{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-2)}
.k10-li li{display:flex;gap:10px;align-items:center}
.k10-li li::before{content:'✓';width:18px;height:18px;flex:none;border-radius:50%;background:rgba(34,197,94,.12);color:#22C55E;font-size:11px;display:flex;align-items:center;justify-content:center}
.k10-r0{position:relative;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);padding:14px}
.wl[data-theme=dark] .k10-r0{background:#141320;border-color:#24223A}
.k10-hd{display:flex;justify-content:space-between;align-items:center;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:0 4px 10px}
.k10-lv{display:flex;align-items:center;gap:6px;color:#22C55E}.k10-lv b{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:k2-blink 1.2s ease-in-out infinite}
.k10-st{display:flex;flex-direction:column;gap:8px}
.k10-ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);animation:k10-hi 9s ease infinite;animation-delay:var(--d)}
.k10-t{font:500 10px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text);padding:3px 7px;border-radius:6px;background:var(--tint)}
.k10-n{display:flex;flex-direction:column;min-width:0}.k10-n b{font-size:14px;font-weight:600;color:var(--text)}.k10-n small{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k10-r{display:flex;align-items:center;gap:6px}.k10-r .u-chip.no{text-decoration:line-through}.k10-ar{color:var(--text-3);font-size:12px}
.k10-a{font:600 15px 'Space Grotesk',sans-serif;color:var(--text);font-variant-numeric:tabular-nums}
@keyframes k10-hi{0%,4%{border-color:var(--line);box-shadow:none}10%,28%{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 3px rgba(34,197,94,.12)}36%,100%{border-color:var(--line);box-shadow:none}}
@media (max-width:1000px){.k10{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 24px}}
@media (max-width:700px){.k10{margin:16px 0 0;padding:24px 18px;border-radius:16px}.k10-h{font-size:27px}.k10-p{font-size:15px}.k10-ev{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.k10-t{display:none}.k10-r{grid-column:1/-1;grid-row:2}.k10-a{grid-row:1;grid-column:2}}
@media (prefers-reduced-motion: reduce){.k10-ev{animation:none}}

/* Hero : fond v3 (6/11) grille de points + halo lent, remplace les colonnes */
#top.hbv-dots .wl-grid{display:none!important}
#top:not(.hbv-dots):not(.hbv-lines):not(.hbv-grain) .hbg-dots{display:none}
#top:not(.hbv-dots):not(.hbv-aurora):not(.hbv-grain) .hbg-aur{display:none}
#top .hbg-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(10,11,13,.13) 1px,transparent 1.5px);background-size:24px 24px;background-position:center top;-webkit-mask:radial-gradient(70% 75% at 68% 35%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%);mask:radial-gradient(70% 75% at 68% 35%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%)}
.wl[data-theme=dark] #top .hbg-dots{background-image:radial-gradient(circle,rgba(190,170,255,.24) 1px,transparent 1.5px)}
#top .hbg-aur{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#top .hbg-aur i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
#top .hbg-aur i:first-child{width:620px;height:420px;right:4%;top:2%;background:rgba(123,82,240,.30);animation:hbg-a 22s ease-in-out infinite alternate}
#top .hbg-aur i:last-child{width:480px;height:360px;left:-6%;top:38%;background:rgba(81,44,204,.18);animation:hbg-b 28s ease-in-out infinite alternate}
.wl:not([data-theme=dark]) #top .hbg-aur i{opacity:.35}
@keyframes hbg-a{to{transform:translate(-120px,70px) scale(1.12)}}
@keyframes hbg-b{to{transform:translate(110px,-50px) scale(1.08)}}
@media (max-width:700px){#top .hbg-dots{background-size:20px 20px;-webkit-mask:radial-gradient(90% 60% at 60% 30%,#000,transparent 85%);mask:radial-gradient(90% 60% at 60% 30%,#000,transparent 85%)}#top .hbg-aur i:first-child{width:360px;height:300px;opacity:.3}#top .hbg-aur i:last-child{display:none}}
@media (prefers-reduced-motion:reduce){#top .hbg-aur i{animation:none}}

/* Hero : variantes de fond (hbv-lines, hbv-aurora, hbv-grain) ; sans classe = points + halo */
#top .hbg-lines,#top .hbg-grain{display:none;position:absolute;inset:0;pointer-events:none}
#top.hbv-lines .hbg-dots,#top.hbv-aurora .hbg-dots,#top.hbv-grain .hbg-dots{display:none}
#top.hbv-lines .hbg-lines{display:block;-webkit-mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
#top .hbg-lines i{position:absolute;left:0;right:0;height:1px;background:rgba(10,11,13,.06);overflow:hidden}
.wl[data-theme=dark] #top .hbg-lines i{background:rgba(255,255,255,.05)}
#top .hbg-lines i::after{content:'';position:absolute;top:0;left:0;width:var(--w);height:1px;background:linear-gradient(90deg,transparent,rgba(123,82,240,.85),transparent);animation:hbg-ln var(--s) linear infinite;animation-delay:var(--dl)}
#top .hbg-lines i::before{content:'';position:absolute;top:-1px;left:0;width:4px;height:3px;border-radius:2px;background:#9B7BFF;box-shadow:0 0 8px #9B7BFF;animation:hbg-ln2 var(--s) linear infinite;animation-delay:var(--dl)}
@keyframes hbg-ln{from{transform:translateX(-300px)}to{transform:translateX(100vw)}}
@keyframes hbg-ln2{from{transform:translateX(calc(-300px + var(--w)))}to{transform:translateX(calc(100vw + var(--w)))}}
#top.hbv-aurora .hbg-aur i{filter:blur(90px);opacity:.75}
#top.hbv-aurora .hbg-aur i:first-child{width:820px;height:520px;right:-4%;top:-8%;background:rgba(123,82,240,.42);animation-duration:16s}
#top.hbv-aurora .hbg-aur i:last-child{display:block;width:700px;height:460px;left:-10%;top:30%;background:rgba(56,92,255,.24);animation-duration:20s}
#top.hbv-aurora .hbg-aur::after{content:'';position:absolute;width:520px;height:380px;left:38%;top:48%;border-radius:50%;filter:blur(90px);background:rgba(190,90,255,.18);animation:hbg-c 18s ease-in-out infinite alternate}
.wl:not([data-theme=dark]) #top.hbv-aurora .hbg-aur i,.wl:not([data-theme=dark]) #top.hbv-aurora .hbg-aur::after{opacity:.45}
@keyframes hbg-c{to{transform:translate(-160px,-90px) scale(1.15)}}
#top.hbv-grain .hbg-aur i:first-child{animation:none}
#top.hbv-grain .hbg-grain{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px;opacity:.07;mix-blend-mode:multiply}
.wl[data-theme=dark] #top.hbv-grain .hbg-grain{opacity:.045;mix-blend-mode:screen;filter:invert(1)}
@media (max-width:700px){#top.hbv-aurora .hbg-aur i:first-child{width:420px;height:360px;opacity:.45}#top.hbv-aurora .hbg-aur i:last-child{width:360px;height:300px;opacity:.4}#top.hbv-aurora .hbg-aur::after{display:none}}
@media (prefers-reduced-motion:reduce){#top .hbg-lines i::after,#top .hbg-lines i::before,#top .hbg-aur::after{animation:none}}

/* Hero desktop : colonnes en fondu avant les chiffres */
@media (min-width:701px){#top .wl-grid{-webkit-mask:linear-gradient(180deg,#000 0,#000 calc(100% - 360px),transparent calc(100% - 160px));mask:linear-gradient(180deg,#000 0,#000 calc(100% - 360px),transparent calc(100% - 160px))}}
.wl .ft-bot{padding-bottom:36px}

/* Hero : preuve sociale */
.wl .k6-tr{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;color:var(--text-2)}
.wl .k6-tr b{color:var(--text);font-weight:600}
.wl .k6-tr-i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-text);background:var(--tint);border:1px solid var(--line-2)}

/* k11 : section Subscriptions (6/11) */
#subscriptions{position:relative;overflow:hidden;background:#0B0A12;border-top:1px solid rgba(255,255,255,.06)}
.wl:not([data-theme=dark]) #subscriptions{background:#F6F5FB;border-top-color:var(--line)}
.k11-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(60% 70% at 50% 0%,#000,transparent 75%);mask:radial-gradient(60% 70% at 50% 0%,#000,transparent 75%)}
.wl:not([data-theme=dark]) .k11-bg{background-image:linear-gradient(rgba(10,11,13,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,11,13,.05) 1px,transparent 1px)}
.k11-bg::after{content:'';position:absolute;left:50%;top:-220px;width:900px;height:460px;margin-left:-450px;background:radial-gradient(closest-side,rgba(123,82,240,.22),transparent)}
.k11{position:relative;padding-top:104px!important;padding-bottom:104px!important}
.k11-sub{margin:0;max-width:520px;font-size:17px;line-height:1.5;color:var(--text-2)}
#subscriptions .k10{margin-top:0;background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.08)}
.wl:not([data-theme=dark]) #subscriptions .k10{background:#FFFFFF;border-color:var(--line)}
#subscriptions .k10-h{margin:0}
@media (max-width:700px){.k11{padding-top:72px!important;padding-bottom:72px!important}.k11-sub{font-size:15.5px}}
.k2-pp{height:15px;width:auto;display:block}
.k2-bnpl{height:17px;width:auto;display:block;border-radius:4px}
.k2-xp{margin:10px 0 4px}
.k2-xpl{text-align:center;font-size:9.5px;color:#707070;margin-bottom:7px}
.k2-xpb{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.k2-xpb>span{height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center}
.k2-ap{background:#000000}.k2-ap img{height:16px;width:auto;display:block}
.k2-gp{background:#FFFFFF;border:1px solid #DEDEDE;color:#3C4043;font-weight:600;font-size:11px;letter-spacing:-.01em}
.k2-or{display:flex;align-items:center;gap:8px;margin:12px 0 2px;color:#9A9A9A;font-size:8.5px;letter-spacing:.08em}
.k2-or::before,.k2-or::after{content:'';flex:1;height:1px;background:#E5E5E5}

/* 6/11 (demande du porteur) : Live view claire en mode light (globe clair, fond clair, textes foncés) */
.wl[data-theme=dark] #live .u-gl-l,.wl:not([data-theme=dark]) #live .u-gl-d{display:none}
.wl:not([data-theme=dark]) #live .u-band{--bg:#FFFFFF;--surface:#FFFFFF;--line:#E6E3F1;--line-2:#D9D5EA;--text:#0A0B0D;--text-2:#4A4B52;--text-3:#64656C;--brand-text:#6B47EE;background:radial-gradient(90% 70% at 50% 100%,rgba(123,82,240,.16),rgba(123,82,240,0) 70%),#F7F6FC;color:#0A0B0D;border-color:#E6E3F1}
.wl:not([data-theme=dark]) #live .u-h2{color:#0A0B0D!important}
.wl:not([data-theme=dark]) #live .u-h2 span{color:#6B47EE!important}
.wl:not([data-theme=dark]) #live .u-band .u-lead{color:#4A4B52}
.wl:not([data-theme=dark]) #live .x-dark .u-eb.u-eb.u-eb{color:#6B47EE!important}
.wl:not([data-theme=dark]) #live .x-dark .u-eb.u-eb.u-eb::before{background:#6B47EE!important}
.wl:not([data-theme=dark]) #live .u-band>div:last-child{border-top-color:#E6E3F1!important}
.wl:not([data-theme=dark]) #live .u-tick>span{color:#4A4B52;border-right-color:#E6E3F1}
.wl:not([data-theme=dark]) #live .u-tick b{color:#0A0B0D}
/* 6/11 : le « % » n'est plus coupé (espacement négatif + texte en dégradé = dernier caractère rogné) */
.k2-big>b{padding-right:.09em;margin-right:-.05em}

/* 6/11 (demande du porteur) : mode light, alternance blanc pur / lavande une section sur deux pour mieux séparer les sections */
.wl:not([data-theme=dark]) #tour,.wl:not([data-theme=dark]) #orchestration,.wl:not([data-theme=dark]) #connect,.wl:not([data-theme=dark]) #subscriptions,.wl:not([data-theme=dark]) #contact{background:#F4F2FC!important}
.wl:not([data-theme=dark]) #checkout,.wl:not([data-theme=dark]) #live,.wl:not([data-theme=dark]) #numbers,.wl:not([data-theme=dark]) #golive,.wl:not([data-theme=dark]) .x-foot{background:#FFFFFF!important}
.wl:not([data-theme=dark]) #subscriptions{border-top:0}
/* 6/11 : bouton son = icône seule, rond */
.u-sound{width:40px!important;height:40px!important;padding:0!important;gap:0!important;justify-content:center}
@media (max-width:700px){.u-sound{width:36px!important;height:36px!important;right:12px!important;bottom:12px!important}}
.u-sound svg{width:18px;height:18px}
/* 6/11 : menu mobile, bouton jour/nuit = lune seule comme sur ordinateur */
.x-mtheme button{width:40px!important;height:40px!important;padding:0!important;border-radius:8px!important;display:inline-flex!important;align-items:center;justify-content:center}

/* 7/11 : choix de la langue (bouton globe, menu ; pastilles dans le menu mobile). La langue active vient de <html lang>. */
.x-lang{position:relative}
.wl .x-lang-b{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;background:linear-gradient(180deg,#1C1B24,#131219);border:1px solid rgba(255,255,255,.12);color:#F4F4F6;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.4);transition:border-color .2s,transform .15s}
.wl .x-lang-b:hover{border-color:rgba(180,155,255,.45);transform:translateY(-1px)}
.wl:not([data-theme=dark]) .x-lang-b{background:linear-gradient(180deg,#FFFFFF,#F4F4F6);border-color:#DCDCE1;color:#17171C;box-shadow:0 1px 2px rgba(20,20,40,.08)}
.x-lang-m{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 24px 48px -16px rgba(0,0,0,.45);display:none;z-index:60}
.x-lang[data-open] .x-lang-m{display:block}
.x-lang-m a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none}
.x-lang-m a:hover{background:var(--tint)}
.x-lang-m a i{font:500 11px 'Geist Mono',monospace;font-style:normal;color:var(--text-3);letter-spacing:.08em}
html[lang=en] .x-lang-m a[data-lang=en],html[lang=fr] .x-lang-m a[data-lang=fr],html[lang=de] .x-lang-m a[data-lang=de],html[lang=es] .x-lang-m a[data-lang=es],html[lang=nl] .x-lang-m a[data-lang=nl],html[lang=it] .x-lang-m a[data-lang=it]{color:var(--brand-text);background:var(--tint)}
.x-mtheme{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.x-mlang{display:flex;gap:6px;order:2;flex:1;justify-content:flex-end;min-width:0}
.x-mtheme>button{flex:none!important;width:40px!important}
.x-mlang a{flex:1;max-width:54px;min-width:0;height:36px;padding:0!important;border-radius:8px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font:500 12px 'Geist Mono',monospace;letter-spacing:.06em;color:var(--text-2);text-decoration:none}
.x-mpanel .x-mlang a::after{content:none!important}
html[lang=en] .x-mlang a[data-lang=en],html[lang=fr] .x-mlang a[data-lang=fr],html[lang=de] .x-mlang a[data-lang=de],html[lang=es] .x-mlang a[data-lang=es],html[lang=nl] .x-mlang a[data-lang=nl],html[lang=it] .x-mlang a[data-lang=it]{color:#FFFFFF;background:#6B47EE;border-color:#6B47EE}


/* menu mobile : même bouton globe que sur desktop, liste avec drapeaux (7/11) */
.x-mtheme{justify-content:flex-start!important;gap:10px!important}
.x-lang-mob{order:0;position:relative}
.x-mtheme>button{order:1}
.x-lang-mob .x-lang-m{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
.x-mtheme .x-lang-mob .x-lang-m a{width:auto!important;height:40px!important;display:flex!important;justify-content:space-between!important;padding:0 12px!important;font:500 14px 'Inter Tight',sans-serif!important}
/* drapeaux à droite dans le menu langue (7/11) */
.x-lang-m a i{font-size:0!important;width:22px;height:15px;border-radius:3px;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(127,127,140,.35);flex:none}
.x-lang-m a[data-lang=en] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 30%22%3E%3CclipPath id=%22t%22%3E%3Cpath d=%22M30%2C15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z%22/%3E%3C/clipPath%3E%3Cpath d=%22M0%2C0 v30 h60 v-30 z%22 fill=%22%23012169%22/%3E%3Cpath d=%22M0%2C0 L60%2C30 M60%2C0 L0%2C30%22 stroke=%22%23fff%22 stroke-width=%226%22/%3E%3Cpath d=%22M0%2C0 L60%2C30 M60%2C0 L0%2C30%22 clip-path=%22url%28%23t%29%22 stroke=%22%23C8102E%22 stroke-width=%224%22/%3E%3Cpath d=%22M30%2C0 v30 M0%2C15 h60%22 stroke=%22%23fff%22 stroke-width=%2210%22/%3E%3Cpath d=%22M30%2C0 v30 M0%2C15 h60%22 stroke=%22%23C8102E%22 stroke-width=%226%22/%3E%3C/svg%3E")}
.x-lang-m a[data-lang=fr] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 3 2%22%3E%3Cpath fill=%22%23002654%22 d=%22M0 0h1v2H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22M1 0h1v2H1z%22/%3E%3Cpath fill=%22%23CE1126%22 d=%22M2 0h1v2H2z%22/%3E%3C/svg%3E")}
.x-lang-m a[data-lang=de] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 5 3%22%3E%3Cpath d=%22M0 0h5v1H0z%22/%3E%3Cpath fill=%22%23D00%22 d=%22M0 1h5v1H0z%22/%3E%3Cpath fill=%22%23FFCE00%22 d=%22M0 2h5v1H0z%22/%3E%3C/svg%3E")}
.x-lang-m a[data-lang=es] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 3 2%22%3E%3Cpath fill=%22%23AA151B%22 d=%22M0 0h3v2H0z%22/%3E%3Cpath fill=%22%23F1BF00%22 d=%22M0 .5h3v1H0z%22/%3E%3C/svg%3E")}
.x-lang-m a[data-lang=nl] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 9 6%22%3E%3Cpath fill=%22%23AE1C28%22 d=%22M0 0h9v2H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22M0 2h9v2H0z%22/%3E%3Cpath fill=%22%2321468B%22 d=%22M0 4h9v2H0z%22/%3E%3C/svg%3E")}
.x-lang-m a[data-lang=it] i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 3 2%22%3E%3Cpath fill=%22%23009246%22 d=%22M0 0h1v2H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22M1 0h1v2H1z%22/%3E%3Cpath fill=%22%23CE2B37%22 d=%22M2 0h1v2H2z%22/%3E%3C/svg%3E")}

/* Menu Solutions : par besoin + par secteur (7/11) */
.x-panel.x-sol{width:700px;padding:14px;gap:14px}
.x-sol .x-need{flex:0 0 270px;border-right:1px solid var(--line);padding-right:12px}
.x-ph{display:block;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:6px 12px 8px}
.x-talk{margin:auto 4px 2px;padding:12px;border-radius:12px;background:var(--surface-2);text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:2px}
.x-talk b{font-size:13.5px;font-weight:600}.x-talk span{font-size:12.5px;color:var(--brand-text)}
.x-ind-g{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}
.x-ind-g a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:13.5px;font-weight:500;line-height:1.3}
.x-ind-g a:hover{background:var(--surface-2)}
.x-ind-all{margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--brand-text);text-decoration:none}
/* Section Industries (7/11) */
.ind-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.ind-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ind-g{grid-template-columns:1fr}}
.ind-c{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
a.ind-c:hover{border-color:var(--line-2);transform:translateY(-2px)}
.ind-c i{width:34px;height:4px;border-radius:4px;background:#8B6CF6;margin-bottom:8px}
.ind-c b{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.ind-c span{font-size:14.5px;color:var(--text-2);line-height:1.55}
.ind-c em{margin-top:auto;padding-top:14px;font-style:normal;font-size:14px;font-weight:600;color:var(--brand-text)}
.ind-more{background:var(--surface-2)}
.ind-also{display:flex;flex-wrap:wrap;gap:6px}
.ind-also a{font-size:12.5px;padding:5px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--text-2);text-decoration:none}
.ind-also a:hover{color:var(--text)}
.ind-talk{margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--brand-text);text-decoration:none}

/* Section Industries, version bento (7/11) */
.ib-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-auto-flow:dense}
.ib{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--text);
 background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#8B6CF6 8%),var(--surface) 55%);transition:border-color .25s,transform .25s,box-shadow .25s;min-height:250px}
.ib-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:24px}
.ib-wide .ib-top{grid-column:1}.ib-wide .ib-body{grid-column:1}.ib-wide em{grid-column:1}
.ib-wide .ib-vis{grid-column:2;grid-row:1 / span 3;align-self:center}
.ib::after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(139,108,246,.18) 1px,transparent 1px);background-size:16px 16px;
 -webkit-mask:linear-gradient(135deg,transparent 45%,#000);mask:linear-gradient(135deg,transparent 45%,#000);opacity:.55}
.ib-glow{position:absolute;z-index:-1;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(closest-side,rgba(139,108,246,.38),transparent);opacity:.35;transition:opacity .35s,transform .35s}
a.ib:hover{border-color:rgba(139,108,246,.55);transform:translateY(-3px);box-shadow:0 30px 60px -30px rgba(91,57,230,.55)}
a.ib:hover .ib-glow{opacity:1;transform:scale(1.15)}
.ib-top{display:flex;align-items:center;justify-content:space-between}
.ib-ic{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#C4B5FD;
 background:linear-gradient(145deg,rgba(139,108,246,.28),rgba(139,108,246,.06));border:1px solid rgba(139,108,246,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -12px rgba(107,71,238,.8);transition:transform .3s}
a.ib:hover .ib-ic{transform:rotate(-6deg) scale(1.06)}
.ib-go{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);color:var(--text-3);transition:all .25s}
a.ib:hover .ib-go{background:#6B47EE;border-color:#6B47EE;color:#fff;transform:rotate(-45deg)}
.ib-body{display:flex;flex-direction:column;gap:8px}
.ib b{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.22}
.ib-d{font-size:14.5px;color:var(--text-2);line-height:1.55}
.ib-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ib-tags span{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.02em;padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);background:var(--surface-2)}
.ib em{margin-top:auto;font-style:normal;font-size:14px;font-weight:600;color:var(--brand-text);display:inline-flex;align-items:center;gap:6px}
.ib em::after{content:'→';transition:transform .25s}
a.ib:hover em::after{transform:translateX(4px)}
.ib-vis{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);box-shadow:0 20px 40px -28px rgba(0,0,0,.7)}
.ib-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.ib-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#4ED3A4;box-shadow:0 0 0 4px rgba(78,211,164,.15)}
.ib-dot.vi{background:#B49BFF;box-shadow:0 0 0 4px rgba(180,155,255,.15)}
.ib-rt{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.3}
.ib-rt small{display:block;font-family:'Geist Mono',monospace;font-size:10.5px;font-weight:400;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-tag{font-family:'Geist Mono',monospace;font-size:10.5px;padding:3px 8px;border-radius:6px;border:1px solid rgba(78,211,164,.4);color:#4ED3A4}
.ib-tag.vi{border-color:rgba(180,155,255,.4);color:#B49BFF}
.ib-more{grid-column:span 3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:28px;row-gap:16px;min-height:0;
 background:linear-gradient(120deg,rgba(107,71,238,.22),var(--surface) 60%);border-color:rgba(139,108,246,.35)}
.ib-more .ib-top{grid-row:1 / span 2}
.ib-more .ib-ic{width:56px;height:56px;border-radius:16px}
.ib-more .ib-also{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}
.ib-more .ib-talk{grid-column:3;grid-row:1 / span 2}
.ib-also a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s,color .2s}
.ib-also a svg{color:#B49BFF}
.ib-also a:hover{border-color:rgba(139,108,246,.6)}
.ib-talk{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:#6B47EE;color:#fff!important;font-weight:600;font-size:14.5px;text-decoration:none;box-shadow:0 14px 30px -14px rgba(107,71,238,.9);white-space:nowrap}
.ib-talk::after{content:'→'}
@media (max-width:1100px){.ib-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ib-more{grid-column:span 2}}
@media (max-width:760px){.ib-g{grid-template-columns:1fr}.ib-wide,.ib-more{grid-column:auto;display:flex}.ib-wide .ib-vis{display:none}.ib-more .ib-talk{align-self:flex-start}.ib-more .ib-top{justify-content:flex-start}.ib{min-height:0;gap:14px;padding:22px}}
.wl:not([data-theme=dark]) .ib-ic{color:#6B47EE}.wl:not([data-theme=dark]) .ib-tag{color:#0E9F6E;border-color:rgba(14,159,110,.4)}.wl:not([data-theme=dark]) .ib-tag.vi{color:#6B47EE;border-color:rgba(107,71,238,.4)}

/* 7/11 : cartes plus compactes, 10 cases */
.ib{min-height:0!important;padding:22px!important;gap:14px!important;border-radius:20px}
.ib-ic{width:40px;height:40px;border-radius:12px}
.ib-go{width:30px;height:30px}
.ib b{font-size:17px}
.ib-d{font-size:14px;line-height:1.5}
.ib-vis{padding:10px;gap:6px}
.ib-row{padding:8px 10px}
.ib-more{grid-column:auto!important;display:flex!important;flex-direction:column;align-items:stretch!important}.ib-more .ib-also{justify-content:flex-start}
.ib-more .ib-top{justify-content:flex-start}
.ib-more .ib-ic{width:40px;height:40px;border-radius:12px}
.ib-more .ib-talk{align-self:flex-start;margin-top:auto;height:42px;padding:0 18px;font-size:14px}

/* 7/11 : section plus compacte, 5 colonnes x 2 lignes */
.ib-g{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.ib{padding:18px!important;gap:10px!important;border-radius:16px}
.ib-ic{width:36px;height:36px;border-radius:10px}.ib-ic svg{width:18px;height:18px}
.ib-go{width:28px;height:28px}
.ib b{font-size:15.5px;line-height:1.25}
.ib-d{font-size:13px;line-height:1.5}
.ib-body{gap:6px}
.ib em{font-size:13px;padding-top:2px}
.ib-glow{width:180px;height:180px;right:-70px;top:-80px}
.ib-more .ib-ic{width:36px;height:36px;border-radius:10px}
.ib-more .ib-also a{font-size:12px;padding:5px 10px}
.ib-more .ib-talk{height:36px;padding:0 14px;font-size:13px}
#industries .u-h2{font-size:clamp(30px,3.4vw,44px)}
@media (max-width:1180px){.ib-g{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.ib-g{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ib-go{display:none}.ib-more{grid-column:auto!important}.ib-more .ib-also{display:none}.ib{padding:14px!important}.ib-d{font-size:12.5px}}

#industries>.u-wrap{padding-top:80px!important;padding-bottom:104px!important}

.pr-btn{gap:8px}