:root{--ink:#141A2E;--ink-soft:#3A4256;--muted:#6B7488;--faint:#98A0B2;--green:#19E57F;--green-d:#0FB566;--green-ink:#0A8F53;--lav:#C9C4F2;--lav-2:#B8C6F0;--mint:#BEEBD6;--sky:#C4DBF5;--peach:#F3D9E4;--paper:#FBFCFE;--glass:rgba(255,255,255,.62);--glass-line:rgba(255,255,255,.85);--card-line:rgba(20,26,46,.07);--card-sh:0 22px 50px -24px rgba(70,60,140,.30);--sans:'Space Grotesk',system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--wrap:1140px}
.webup-v4 *{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased !important;scroll-behavior:smooth !important;scroll-padding-top:96px !important}
body.webup-v4{font-family:var(--sans) !important;color:var(--ink) !important;background:var(--paper) !important;overflow-x:hidden !important;line-height:1.5 !important}
.webup-v4 a{color:inherit !important;text-decoration:none !important}
.webup-v4 img{max-width:100% !important;display:block !important}
.webup-v4 ::selection{background:var(--green) !important;color:#04120A !important}
.webup-v4 .wrap{max-width:var(--wrap) !important;margin:0 auto !important;padding:0 24px !important}

/* aurora backdrop */
.webup-v4 .aurora{position:fixed !important;inset:0 !important;z-index:-2 !important;background:
  radial-gradient(60% 50% at 12% 8%, rgba(201,196,242,.65), transparent 60%),
  radial-gradient(55% 45% at 88% 4%, rgba(196,219,245,.6), transparent 62%),
  radial-gradient(50% 40% at 80% 92%, rgba(190,235,214,.55), transparent 60%),
  radial-gradient(45% 40% at 8% 88%, rgba(243,217,228,.5), transparent 62%),
  var(--paper) !important}
.webup-v4 .grain{position:fixed !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;opacity:.4 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E") !important}

/* reveal */
html.js .webup-v4 .rv{opacity:0 !important;transform:translateY(34px)}
html.js .webup-v4 .rv.in{opacity:1 !important;transform:none;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1) !important}
.webup-v4 .d1{transition-delay:.09s !important}.webup-v4 .d2{transition-delay:.18s !important}.webup-v4 .d3{transition-delay:.27s !important}.webup-v4 .d4{transition-delay:.36s !important}

/* ---------- NAV ---------- */
.webup-v4 .nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:100 !important;background:rgba(255,255,255,.9) !important;backdrop-filter:blur(16px) saturate(1.3) !important;border-bottom:1px solid var(--card-line) !important;transition:box-shadow .35s !important}
.webup-v4 .nav-inner{width:100% !important;max-width:var(--wrap) !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:13px 24px !important}
.webup-v4 .nav.stuck{box-shadow:0 10px 34px -20px rgba(70,60,140,.4) !important}
.webup-v4 .brand{font-weight:700 !important;font-size:22px !important;letter-spacing:-.02em !important;display:flex !important;align-items:flex-end !important;gap:1px !important}
.webup-v4 .brand img{display:block !important;height:38px !important;width:auto !important}
.webup-v4 .foot-brand .brand img{height:52px !important}
.webup-v4 .brand i{color:var(--green-d) !important;font-style:normal !important}
.webup-v4 .brand .dot{width:6px !important;height:6px !important;border-radius:50% !important;background:var(--green) !important;margin-left:2px !important;margin-bottom:5px !important;box-shadow:0 0 10px rgba(25,229,127,.7) !important}
.webup-v4 .nav-links{display:flex !important;gap:30px !important}
.webup-v4 .nav-links a{font-size:14.5px !important;font-weight:500 !important;color:var(--ink-soft) !important;transition:color .2s !important}
.webup-v4 .nav-links a:hover{color:var(--ink) !important}
.webup-v4 .nav-right{display:flex !important;align-items:center !important;gap:8px !important}
.webup-v4 .nav-login{display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:14.5px !important;font-weight:500 !important;color:var(--ink-soft) !important;padding:9px 8px !important;white-space:nowrap !important}
.webup-v4 .nav-login svg{width:16px !important;height:16px !important;flex:none !important}
.webup-v4 .pill{display:inline-flex !important;align-items:center !important;gap:9px !important;font-weight:600 !important;font-size:14.5px !important;padding:11px 20px !important;border-radius:50px !important;background:var(--ink) !important;color:#fff !important;transition:transform .2s,box-shadow .2s !important}
.webup-v4 .pill:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(20,26,46,.6) !important}
.webup-v4 .pill.green{background:var(--green) !important;color:#04120A !important;box-shadow:0 10px 24px -10px rgba(25,229,127,.8) !important}
.webup-v4 .pill.green:hover{box-shadow:0 16px 32px -10px rgba(25,229,127,.9) !important}
.webup-v4 .pill.ghost{background:rgba(255,255,255,.7) !important;color:var(--ink) !important;border:1px solid var(--card-line) !important}
.webup-v4 .nav-burger{display:none !important;width:42px !important;height:42px !important;border:1px solid var(--card-line) !important;background:rgba(255,255,255,.7) !important;border-radius:12px !important;cursor:pointer !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;padding:0 !important}
.webup-v4 .nav-burger span{display:block !important;width:18px !important;height:2px !important;border-radius:2px !important;background:var(--ink) !important;transition:transform .3s,opacity .3s !important}
.webup-v4 .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.webup-v4 .nav-burger.open span:nth-child(2){opacity:0 !important}
.webup-v4 .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.webup-v4 .nav-mobile{display:none !important;position:fixed !important;top:80px !important;left:16px !important;right:16px !important;z-index:130 !important;flex-direction:column !important;gap:4px !important;padding:12px !important;border-radius:22px !important;background:#fff !important;border:1px solid var(--card-line) !important;box-shadow:0 24px 50px -18px rgba(30,25,60,.35) !important;opacity:0 !important;transform:translateY(-12px);pointer-events:none !important;transition:opacity .3s,transform .3s !important;max-height:calc(100vh - 100px) !important;overflow-y:auto !important}
.webup-v4 .nav-mobile.open{opacity:1 !important;transform:none;pointer-events:auto !important}
.webup-v4 .nav-mobile a{font-size:16px !important;font-weight:600 !important;color:var(--ink-soft) !important;padding:13px 14px !important;border-radius:12px !important;transition:background .2s,color .2s !important}
.webup-v4 .nav-mobile a:not(.pill):hover{background:rgba(20,26,46,.05) !important;color:var(--ink) !important}
/* mobile accordion */
.webup-v4 .m-group{border-radius:14px !important;overflow:hidden !important}
.webup-v4 .m-trig{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;font-family:inherit !important;font-size:16px !important;font-weight:700 !important;color:var(--ink) !important;background:rgba(20,26,46,.035) !important;border:0 !important;padding:14px 14px !important;border-radius:12px !important;cursor:pointer !important;transition:background .2s !important}
.webup-v4 .m-trig:hover{background:rgba(20,26,46,.07) !important}
.webup-v4 .m-chev{width:18px !important;height:18px !important;fill:none !important;stroke:var(--ink-soft) !important;stroke-width:2.2 !important;transition:transform .3s !important}
.webup-v4 .m-group.open .m-trig{background:rgba(25,229,127,.12) !important;color:var(--green-ink) !important}
.webup-v4 .m-group.open .m-chev{transform:rotate(180deg);stroke:var(--green-ink) !important}
.webup-v4 .m-panel{overflow:hidden !important;max-height:0 !important;transition:max-height .35s ease !important}
.webup-v4 .m-group.open .m-panel{max-height:360px !important}
.webup-v4 .m-panel a{display:block !important;font-size:15px !important;font-weight:500 !important;color:var(--ink-soft) !important;padding:11px 14px 11px 26px !important}
.webup-v4 .m-flat{font-size:16px !important;font-weight:600 !important;color:var(--ink-soft) !important;padding:14px 14px !important;border-radius:12px !important}
@media(max-width:860px){.webup-v4 .nav-links,.webup-v4 .nav-login{display:none !important}.webup-v4 .nav-burger{display:flex !important}.webup-v4 .nav-mobile{display:flex !important}}

/* ---------- MEGA MENU ---------- */
.webup-v4 .nav-item{position:relative !important;display:flex !important;align-items:center !important}
.webup-v4 .nav-trig{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:14.5px !important;font-weight:500 !important;color:var(--ink-soft) !important;cursor:pointer !important;transition:color .2s !important}
.webup-v4 .nav-item:hover .nav-trig{color:var(--green-ink) !important}
.webup-v4 .nav-trig .chev{width:14px !important;height:14px !important;stroke:currentColor !important;stroke-width:2.4 !important;fill:none !important;transition:transform .28s !important}
.webup-v4 .nav-item:hover .nav-trig .chev{transform:rotate(180deg)}
.webup-v4 .mega{position:fixed !important;top:40px !important;left:50% !important;transform:translateX(-50%) translateY(10px);width:min(860px,calc(100vw - 28px)) !important;padding-top:34px !important;z-index:90 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .24s ease,transform .24s ease !important}
.webup-v4 .nav-item:hover .mega{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0)}
.webup-v4 .mega-card{display:grid !important;grid-template-columns:288px 1fr !important;background:#fff !important;backdrop-filter:blur(24px) saturate(1.3) !important;border:1px solid var(--glass-line) !important;border-radius:22px !important;overflow:hidden !important;box-shadow:0 40px 90px -30px rgba(70,60,140,.5) !important}
.webup-v4 .mega-card.w3{grid-template-columns:288px 1fr 300px !important}
.webup-v4 .mega-promo{position:relative !important;background:linear-gradient(150deg,#171E36,#0E1324 78%) !important;color:#fff !important;padding:30px 28px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;min-height:340px !important;overflow:hidden !important}
.webup-v4 .mega-promo::before{display:none !important}
.webup-v4 .mega-promo>*{position:relative;z-index:2}
.webup-v4 .mp-badge{display:inline-block !important;align-self:flex-start !important;font-family:var(--mono) !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--green) !important;background:rgba(25,229,127,.14) !important;border:1px solid rgba(25,229,127,.3) !important;padding:6px 12px !important;border-radius:30px !important;margin-bottom:20px !important}
.webup-v4 .mp-title{color:#fff !important;font-size:23px !important;font-weight:700 !important;line-height:1.12 !important;letter-spacing:-.02em !important;text-transform:uppercase !important;margin-bottom:12px !important}
.webup-v4 .mp-sub{font-size:14px !important;line-height:1.55 !important;color:rgba(255,255,255,.62) !important;max-width:30ch !important}
.webup-v4 .mp-link{margin-top:24px !important;align-self:flex-start !important;display:inline-flex !important;align-items:center !important;gap:8px !important;font-weight:700 !important;font-size:13.5px !important;color:#08110A !important;background:var(--green) !important;padding:11px 20px !important;border-radius:30px !important;box-shadow:0 8px 20px -8px rgba(25,229,127,.6) !important;transition:filter .2s,transform .2s !important}
.webup-v4 .mp-link:hover{filter:brightness(1.05) !important;transform:translateY(-1px)}
.webup-v4 .mp-link svg{width:16px !important;height:16px !important;stroke:currentColor !important;stroke-width:2.6 !important;fill:none !important;transition:transform .2s !important}
.webup-v4 .mp-link:hover svg{transform:translateX(4px)}
.webup-v4 .mega-list{padding:22px 20px !important;display:flex !important;flex-direction:column !important;gap:2px !important}

.webup-v4 .ml-item{display:flex !important;align-items:flex-start !important;gap:15px !important;padding:13px 16px !important;border-radius:14px !important;transition:background .2s !important}
.webup-v4 .ml-item:hover{background:rgba(20,26,46,.045) !important}
.webup-v4 .ml-ic{width:40px !important;height:40px !important;border-radius:12px !important;background:rgba(20,26,46,.05) !important;display:grid !important;place-items:center !important;flex-shrink:0 !important;transition:background .2s !important}
.webup-v4 .ml-item:hover .ml-ic{background:rgba(25,229,127,.16) !important}
.webup-v4 .ml-ic svg{width:19px !important;height:19px !important;stroke:var(--ink) !important;stroke-width:2 !important;fill:none !important}
.webup-v4 .ml-item:hover .ml-ic svg{stroke:var(--green-ink) !important}
.webup-v4 .ml-txt b{display:block !important;font-size:15px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important}
.webup-v4 .ml-txt span{display:block !important;font-size:13px !important;color:var(--muted) !important;margin-top:2px !important;line-height:1.4 !important}
.webup-v4 .mega-aside{background:rgba(20,26,46,.03) !important;border-left:1px solid var(--card-line) !important;padding:26px 24px !important}
.webup-v4 .ma-label{font-family:var(--mono) !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--muted) !important;margin-bottom:16px !important}
.webup-v4 .ma-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
.webup-v4 .ma-chips a{font-size:13px !important;font-weight:500 !important;color:var(--ink-soft) !important;background:rgba(255,255,255,.8) !important;border:1px solid var(--card-line) !important;padding:7px 13px !important;border-radius:30px !important;transition:all .18s !important}
.webup-v4 .ma-chips a:hover{color:var(--green-ink) !important;border-color:rgba(25,229,127,.5) !important;background:rgba(25,229,127,.08) !important}
.webup-v4 .ma-foot{margin-top:20px !important;font-size:12.5px !important;color:var(--muted) !important;line-height:1.55 !important}
@media(max-width:860px){.webup-v4 .nav-item .mega{display:none !important}}

/* ---------- HERO ---------- */
.webup-v4 .hero{position:relative !important;padding:52px 0 60px !important;text-align:center !important}
.webup-v4 .eyebrow{display:inline-flex !important;align-items:center !important;gap:9px !important;font-family:var(--mono) !important;font-size:12.5px !important;font-weight:500 !important;letter-spacing:.02em !important;color:var(--green-ink) !important;background:rgba(255,255,255,.6) !important;border:1px solid var(--glass-line) !important;padding:8px 15px !important;border-radius:50px !important;box-shadow:0 6px 18px -10px rgba(70,60,140,.4) !important;margin-bottom:26px !important}
.webup-v4 .eyebrow .pulse{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--green) !important;box-shadow:0 0 0 0 rgba(25,229,127,.5) !important;animation:pulse 2.4s infinite !important}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,229,127,.5)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.webup-v4 .hero h1{font-weight:600 !important;letter-spacing:-.035em !important;line-height:1.02 !important;font-size:clamp(40px,6.6vw,78px) !important;max-width:15ch !important;margin:0 auto !important}
.webup-v4 .hero h1 .soft{color:var(--ink-soft) !important}
.webup-v4 .hero h1 em{font-style:normal !important;background:linear-gradient(120deg,var(--green-d),#12b0d6) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.webup-v4 .hero-sub{max-width:52ch !important;margin:26px auto 0 !important;font-size:18.5px !important;color:var(--muted) !important;line-height:1.6 !important}
.webup-v4 .hero-ctas{margin-top:34px !important;display:flex !important;gap:14px !important;justify-content:center !important;flex-wrap:wrap !important}
.webup-v4 .pill.lg{font-size:16px !important;padding:15px 26px !important}
.webup-v4 .pill .ic{display:grid !important;place-items:center !important}
.webup-v4 .pill .ic svg{width:17px !important;height:17px !important}
.webup-v4 .trust{margin-top:26px !important;display:inline-flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;font-size:13.5px !important;color:var(--muted) !important}
.webup-v4 .trust .stars{color:#F5A623 !important;letter-spacing:1px !important}
.webup-v4 .trust b{color:var(--ink) !important;font-weight:600 !important}
.webup-v4 .trust .ts{display:inline-flex !important;align-items:center !important;gap:6px !important}
.webup-v4 .trust .tsep{color:var(--faint) !important}
@media(max-width:600px){.webup-v4 .trust{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}.webup-v4 .trust .tsep{display:none !important}}

/* hero mockups */
.webup-v4 .hero-stage{position:relative !important;margin-top:56px !important;height:clamp(300px,42vw,470px) !important}
.webup-v4 .mock{position:absolute !important;border-radius:22px !important;background:rgba(255,255,255,.72) !important;backdrop-filter:blur(14px) !important;border:1px solid var(--glass-line) !important;box-shadow:var(--card-sh) !important;padding:18px !important;will-change:transform !important}
.webup-v4 .mock-c{left:50% !important;top:0 !important;transform:translateX(-50%);width:min(340px,80vw) !important;z-index:3 !important}
.webup-v4 .mock-l{left:calc(50% - min(320px,44vw)) !important;top:64px !important;width:min(268px,54vw) !important;z-index:2 !important;transform:rotate(-5deg)}
.webup-v4 .mock-r{left:calc(50% + min(52px,8vw)) !important;top:52px !important;width:min(280px,56vw) !important;z-index:2 !important;transform:rotate(5deg)}
@media(max-width:720px){.webup-v4 .hero-stage{height:auto !important;margin-top:40px !important}.webup-v4 .mock-l,.webup-v4 .mock-r{display:none !important}.webup-v4 .mock-c{position:relative !important;left:auto !important;top:auto !important;transform:none!important;width:min(360px,90vw) !important;margin:0 auto !important}}
.webup-v4 .mk-top{display:flex !important;align-items:center !important;justify-content:space-between !important;font-family:var(--mono) !important;font-size:11px !important;color:var(--faint) !important;margin-bottom:14px !important}
.webup-v4 .mk-top .u{width:22px !important;height:22px !important;border-radius:50% !important;background:linear-gradient(135deg,var(--lav),var(--sky)) !important}
.webup-v4 .gauge{width:150px !important;height:150px !important;margin:6px auto 10px !important;position:relative !important}
.webup-v4 .gauge svg{transform:rotate(-90deg)}
.webup-v4 .gauge .val{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}
.webup-v4 .gauge .val b{font-size:44px !important;font-weight:600 !important;letter-spacing:-.03em !important;line-height:1 !important}
.webup-v4 .gauge .val span{font-size:11px !important;color:var(--muted) !important;margin-top:3px !important}
.webup-v4 .mk-cap{text-align:center !important;font-size:12px !important;color:var(--muted) !important;max-width:26ch !important;margin:0 auto 12px !important}
.webup-v4 .mk-row{display:flex !important;justify-content:space-between !important;padding:9px 0 !important;border-top:1px solid var(--card-line) !important;font-size:12.5px !important}
.webup-v4 .mk-row span{color:var(--muted) !important}.webup-v4 .mk-row b{font-weight:600 !important}
.webup-v4 .mk-h{font-size:12.5px !important;font-weight:600 !important;margin-bottom:10px !important;display:flex !important;justify-content:space-between !important}
.webup-v4 .mk-h .tag{font-family:var(--mono) !important;font-size:10px !important;color:var(--green-ink) !important;background:rgba(25,229,127,.14) !important;padding:3px 8px !important;border-radius:20px !important}
.webup-v4 .bars{display:flex !important;align-items:flex-end !important;gap:7px !important;height:96px !important;margin-top:6px !important}
.webup-v4 .bars i{flex:1 !important;border-radius:5px 5px 0 0 !important;background:linear-gradient(180deg,var(--green),var(--green-d)) !important}
.webup-v4 .kw{display:flex !important;align-items:center !important;gap:9px !important;padding:8px 0 !important;border-top:1px solid var(--card-line) !important;font-size:12px !important}
.webup-v4 .kw .pos{font-family:var(--mono) !important;font-weight:600 !important;color:var(--green-ink) !important;background:rgba(25,229,127,.14) !important;padding:2px 7px !important;border-radius:6px !important;font-size:11px !important}
.webup-v4 .kw .up{margin-left:auto !important;color:var(--green-d) !important;font-size:11px !important;font-weight:600 !important}

/* ---------- SECTION scaffolding ---------- */
.webup-v4 section{position:relative !important}
.webup-v4 .sec{padding:clamp(32px,4.5vw,60px) 0 !important}
.webup-v4 .br-pc{display:inline !important}
@media(max-width:760px){.webup-v4 .br-pc{display:none !important}}
.webup-v4 .kick{font-family:var(--mono) !important;font-size:12.5px !important;font-weight:500 !important;color:var(--green-ink) !important;display:inline-flex !important;align-items:center !important;gap:8px !important;margin-bottom:18px !important}
.webup-v4 .kick::before{content:"" !important;width:22px !important;height:1.5px !important;background:var(--green) !important}
.webup-v4 .h2{font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.05 !important;font-size:clamp(30px,4.6vw,52px) !important}
.webup-v4 .h2 em{font-style:normal !important;background:linear-gradient(120deg,var(--green-d),#12b0d6) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.webup-v4 .lead{font-size:17.5px !important;color:var(--muted) !important;line-height:1.6 !important;max-width:52ch !important}
.webup-v4 .center{text-align:center !important}.webup-v4 .center .kick{justify-content:center !important}.webup-v4 .center .lead{margin-left:auto !important;margin-right:auto !important}

/* glass card */
.webup-v4 .glass{background:var(--glass) !important;backdrop-filter:blur(16px) saturate(1.3) !important;border:1px solid var(--glass-line) !important;border-radius:22px !important;box-shadow:var(--card-sh) !important}

/* ---------- INSIGHTS (split) ---------- */
.webup-v4 .split{display:grid !important;grid-template-columns:1fr 1fr !important;gap:60px !important;align-items:center !important}
@media(max-width:880px){.webup-v4 .split{grid-template-columns:1fr !important;gap:38px !important}}
.webup-v4 .checks{margin-top:26px !important;display:grid !important;gap:2px !important}
.webup-v4 .chk{display:flex !important;align-items:center !important;gap:14px !important;padding:15px 4px !important;border-top:1px solid var(--card-line) !important;font-size:16px !important;font-weight:500 !important;transition:padding-left .3s,color .3s !important;color:var(--ink) !important;text-decoration:none !important}
.webup-v4 .chk:hover{padding-left:12px !important;color:var(--green-ink) !important}
.webup-v4 .chk .chk-arr{width:18px !important;height:18px !important;stroke:var(--green-ink) !important;margin-left:auto !important;opacity:0 !important;transform:translateX(-6px);transition:opacity .3s,transform .3s !important;flex-shrink:0 !important}
.webup-v4 .chk:hover .chk-arr{opacity:1 !important;transform:none}
/* service groups (mega-menu logic) — graphic pastel cards */
.webup-v4 #insights .split{align-items:start !important}
.webup-v4 .svc-groups{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;margin-top:48px !important;align-items:stretch !important}
@media(max-width:880px){.webup-v4 .svc-groups{grid-template-columns:1fr !important;margin-top:32px !important}}
.webup-v4 .svc-group{--acc:var(--green-ink);--acc-bg:rgba(190,235,214,.42);position:relative !important;padding:18px 18px 20px 22px !important;border-radius:20px !important;border:1px solid var(--card-line) !important;background:linear-gradient(180deg,var(--acc-bg),rgba(255,255,255,.55)) !important;box-shadow:0 12px 34px -24px rgba(70,60,140,.5) !important}
.webup-v4 .svc-group::before{content:"" !important;position:absolute !important;left:0 !important;top:16px !important;bottom:16px !important;width:4px !important;border-radius:0 4px 4px 0 !important;background:var(--acc) !important}
.webup-v4 .svc-group.g-ia{--acc:#5b52c9;--acc-bg:rgba(201,196,242,.42)}
.webup-v4 .svc-group.g-web{--acc:#0d7fb0;--acc-bg:rgba(196,219,245,.44)}
.webup-v4 .svc-cat{font-family:var(--mono) !important;font-size:12px !important;font-weight:600 !important;color:var(--acc) !important;letter-spacing:.04em !important;text-transform:uppercase !important;margin-bottom:13px !important;display:flex !important;align-items:center !important;gap:10px !important}
.webup-v4 .svc-cat .ico{width:30px !important;height:30px !important;border-radius:9px !important;background:#fff !important;display:grid !important;place-items:center !important;box-shadow:0 4px 12px -6px rgba(20,26,46,.3) !important;flex-shrink:0 !important}
.webup-v4 .svc-cat .ico svg{width:16px !important;height:16px !important;stroke:var(--acc) !important;fill:none !important;stroke-width:2.2 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
.webup-v4 .svc-links{display:flex !important;flex-wrap:wrap !important;gap:9px !important}
.webup-v4 .svc-links a{font-size:13.5px !important;font-weight:500 !important;color:var(--ink) !important;background:rgba(255,255,255,.8) !important;border:1px solid var(--card-line) !important;padding:8px 14px !important;border-radius:50px !important;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s !important}
.webup-v4 .svc-links a:hover{color:var(--acc) !important;border-color:var(--acc) !important;transform:translateY(-2px);box-shadow:0 9px 22px -12px var(--acc) !important}

/* ---------- REALISATIONS carousel ---------- */
.webup-v4 .folio{position:relative !important;margin-top:44px !important}
.webup-v4 .folio-vp{overflow:hidden !important;border-radius:24px !important}
.webup-v4 .folio-track{display:flex !important;transition:transform .6s cubic-bezier(.65,.05,.1,1) !important}
.webup-v4 .fslide{flex:0 0 100% !important;margin:0 !important;padding:0 8px !important;box-sizing:border-box !important}
.webup-v4 .fph{position:relative !important;aspect-ratio:16/9 !important;border-radius:20px !important;overflow:hidden !important;background:linear-gradient(135deg,#E8EEF6,#DDE7F2) !important;border:1px solid var(--glass-line) !important;box-shadow:var(--card-sh) !important;display:grid !important;place-items:center !important}
.webup-v4 .fph::after{content:"Visuel à venir" !important;position:absolute !important;bottom:16px !important;left:18px !important;font-family:var(--mono) !important;font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--faint) !important}
.webup-v4 .fph.has-img::after{display:none !important}
.webup-v4 .fph img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:top center !important}
.webup-v4 .fnum{font-family:var(--sans) !important;font-weight:800 !important;font-size:clamp(60px,9vw,110px) !important;color:rgba(20,26,46,.09) !important;line-height:1 !important}
.webup-v4 .fslide figcaption{display:flex !important;flex-direction:column !important;gap:3px !important;padding:16px 8px 0 !important}
.webup-v4 .fslide figcaption b{font-size:17px !important;font-weight:800 !important;color:var(--ink) !important}
.webup-v4 .fslide figcaption span{font-size:13px !important;color:var(--ink-soft) !important}
.webup-v4 .folio-nav{position:absolute !important;top:calc((100% - 68px)/2) !important;transform:translateY(-50%);width:52px !important;height:52px !important;border-radius:50% !important;border:1px solid var(--glass-line) !important;background:rgba(255,255,255,.86) !important;backdrop-filter:blur(12px) !important;box-shadow:0 12px 28px -10px rgba(70,60,140,.4) !important;cursor:pointer !important;display:grid !important;place-items:center !important;z-index:5 !important;transition:transform .25s,box-shadow .25s !important}
.webup-v4 .folio-nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 16px 34px -10px rgba(25,229,127,.7) !important}
.webup-v4 .folio-nav svg{width:22px !important;height:22px !important;stroke:var(--ink) !important}
.webup-v4 .folio-nav.prev{left:-6px !important}.webup-v4 .folio-nav.next{right:-6px !important}
.webup-v4 .folio-dots{display:flex !important;justify-content:center !important;gap:9px !important;margin-top:26px !important}
.webup-v4 .folio-dots button{width:9px !important;height:9px !important;padding:0 !important;border-radius:50% !important;border:none !important;background:rgba(20,26,46,.18) !important;cursor:pointer !important;transition:width .3s,background .3s !important}
.webup-v4 .folio-dots button.on{width:26px !important;border-radius:5px !important;background:var(--green-d) !important}
@media(max-width:600px){.webup-v4 .folio-nav{width:42px !important;height:42px !important}.webup-v4 .folio-nav svg{width:18px !important;height:18px !important}.webup-v4 .folio-nav.prev{left:2px !important}.webup-v4 .folio-nav.next{right:2px !important}}

/* ---------- FLOATING ACTIONS ---------- */
.webup-v4 .fab{position:fixed !important;right:22px !important;bottom:22px !important;z-index:110 !important;display:flex !important;flex-direction:column !important;gap:12px !important;align-items:flex-end !important;opacity:0 !important;transform:translateY(16px);pointer-events:none !important;transition:opacity .4s,transform .4s !important}
.webup-v4 .fab.show{opacity:1 !important;transform:none;pointer-events:auto !important}
.webup-v4 .fab-btn{display:inline-flex !important;align-items:center !important;gap:10px !important;height:52px !important;padding:0 20px 0 16px !important;border-radius:30px !important;font-family:var(--sans) !important;font-weight:700 !important;font-size:14.5px !important;text-decoration:none !important;box-shadow:0 14px 30px -10px rgba(70,60,140,.5) !important;transition:transform .25s,box-shadow .25s,filter .25s !important}
.webup-v4 .fab-btn svg{width:22px !important;height:22px !important;flex-shrink:0 !important}
.webup-v4 .fab-btn:hover{transform:translateX(-4px) scale(1.03)}
.webup-v4 .fab-btn.tel{background:#fff !important;color:var(--ink) !important;border:1px solid var(--card-line) !important}
.webup-v4 .fab-btn.tel svg{stroke:var(--green-ink) !important}
.webup-v4 .fab-btn.rdv{background:var(--green) !important;color:#04140b !important}
.webup-v4 .fab-btn.rdv svg{stroke:#04140b !important}
.webup-v4 .fab-btn.rdv:hover{box-shadow:0 18px 36px -10px rgba(25,229,127,.9) !important}
.webup-v4 .fab-btn.contact{background:var(--ink) !important;color:#fff !important}
.webup-v4 .fab-btn.contact svg{stroke:#fff !important}
@media(max-width:760px){
  .webup-v4 .fab{right:16px !important;bottom:16px !important;gap:10px !important}
  .webup-v4 .fab-btn{width:52px !important;height:52px !important;padding:0 !important;justify-content:center !important;border-radius:50% !important}
  .webup-v4 .fab-lbl{display:none !important}
}
.webup-v4 .chk .ci{width:26px !important;height:26px !important;border-radius:50% !important;background:rgba(25,229,127,.16) !important;display:grid !important;place-items:center !important;flex-shrink:0 !important}
.webup-v4 .chk .ci svg{width:14px !important;height:14px !important;stroke:var(--green-ink) !important}
/* roadmap card */
.webup-v4 .road{padding:22px !important}
.webup-v4 .road-h{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:16px !important}
.webup-v4 .road-h b{font-size:15px !important;font-weight:600 !important}
.webup-v4 .road-h .tag{font-family:var(--mono) !important;font-size:10px !important;color:var(--green-ink) !important;background:rgba(25,229,127,.16) !important;padding:4px 10px !important;border-radius:20px !important}
.webup-v4 .ritem{display:flex !important;align-items:center !important;gap:13px !important;padding:13px 0 !important;border-top:1px solid var(--card-line) !important}
.webup-v4 .ritem .num{width:30px !important;height:30px !important;border-radius:9px !important;background:#fff !important;border:1px solid var(--card-line) !important;display:grid !important;place-items:center !important;font-family:var(--mono) !important;font-size:12px !important;font-weight:600 !important;color:var(--green-ink) !important}
.webup-v4 .ritem .txt{flex:1 !important}
.webup-v4 .ritem .txt b{display:block !important;font-size:14px !important;font-weight:600 !important}
.webup-v4 .ritem .txt span{font-size:12px !important;color:var(--muted) !important}
.webup-v4 .ritem .meta{font-family:var(--mono) !important;font-size:11px !important;color:var(--faint) !important}

/* ---------- STEPS ---------- */
.webup-v4 .steps{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;margin-top:52px !important}
@media(max-width:820px){.webup-v4 .steps{grid-template-columns:1fr !important;max-width:440px !important;margin-inline:auto !important}}
.webup-v4 .step{padding:26px 24px 28px !important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s !important}
.webup-v4 .step:hover{transform:translateY(-8px);box-shadow:0 30px 60px -26px rgba(70,60,140,.5) !important}
.webup-v4 .step .n{font-family:var(--mono) !important;font-size:13px !important;color:var(--green-ink) !important;background:rgba(25,229,127,.14) !important;width:fit-content !important;padding:5px 12px !important;border-radius:20px !important;margin-bottom:18px !important}
.webup-v4 .step h3{font-size:20px !important;font-weight:600 !important;letter-spacing:-.02em !important;margin-bottom:9px !important}
.webup-v4 .step p{font-size:14.5px !important;color:var(--muted) !important;line-height:1.55 !important}
.webup-v4 .step .viz{margin-top:20px !important;height:158px !important;border-radius:14px !important;background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.4)) !important;border:1px solid var(--card-line) !important;overflow:hidden !important;position:relative !important;padding:14px !important}
.webup-v4 .viz .badge{position:absolute !important;bottom:10px !important;left:10px !important;font-family:var(--mono) !important;font-size:10px !important;color:var(--green-ink) !important;background:rgba(255,255,255,.9) !important;padding:5px 10px !important;border-radius:20px !important;display:flex !important;align-items:center !important;gap:5px !important;box-shadow:0 4px 12px -6px rgba(70,60,140,.4) !important;z-index:3 !important}

/* 01 — audit radar scan */
.webup-v4 .scan{position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important}
.webup-v4 .scan .rings{position:relative !important;width:120px !important;height:120px !important;display:grid !important;place-items:center !important}
.webup-v4 .scan .rings i{position:absolute !important;border-radius:50% !important;border:1px solid rgba(20,26,46,.10) !important}
.webup-v4 .scan .rings i:nth-child(1){width:100% !important;height:100% !important}
.webup-v4 .scan .rings i:nth-child(2){width:66% !important;height:66% !important}
.webup-v4 .scan .rings i:nth-child(3){width:33% !important;height:33% !important}
.webup-v4 .scan .sweep{position:absolute !important;width:120px !important;height:120px !important;border-radius:50% !important;background:conic-gradient(from 0deg,rgba(25,229,127,.35),transparent 28%) !important;animation:spin 3.2s linear infinite !important}
.webup-v4 .scan .core{position:relative !important;z-index:2 !important;width:40px !important;height:40px !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--card-line) !important;display:grid !important;place-items:center !important;box-shadow:0 6px 16px -8px rgba(25,229,127,.8) !important}
.webup-v4 .scan .core svg{width:20px !important;height:20px !important;stroke:var(--green-ink) !important}
.webup-v4 .scan .blip{position:absolute !important;width:8px !important;height:8px !important;border-radius:50% !important;background:var(--green) !important;box-shadow:0 0 8px var(--green) !important;animation:blip 3.2s ease-in-out infinite !important}
.webup-v4 .scan .blip:nth-child(4){top:22% !important;left:28% !important}.webup-v4 .scan .blip:nth-child(5){top:60% !important;left:70% !important;animation-delay:1s !important}.webup-v4 .scan .blip:nth-child(6){top:70% !important;left:30% !important;animation-delay:2s !important}
@keyframes blip{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}

/* 02 — exec trend chart */
.webup-v4 .trend{position:absolute !important;inset:0 !important;padding:10px 12px !important}
.webup-v4 .trend svg{width:100% !important;height:100% !important;overflow:visible !important}
.webup-v4 .trend .gl{stroke:rgba(20,26,46,.06) !important;stroke-width:1 !important}
.webup-v4 .trend .dot{fill:#fff !important;stroke:var(--green-d) !important;stroke-width:2.5 !important}

/* 03 — proof chat */
.webup-v4 .proof{position:absolute !important;inset:0 !important;padding:14px 14px 48px !important}
.webup-v4 .proof .ai{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:9px !important}
.webup-v4 .proof .ai .av{width:24px !important;height:24px !important;border-radius:7px !important;background:linear-gradient(135deg,var(--green-d),#12b0d6) !important;color:#fff !important;display:grid !important;place-items:center !important;font-family:var(--mono) !important;font-size:10px !important;font-weight:600 !important}
.webup-v4 .proof .ai b{font-size:12px !important;font-weight:600 !important}
.webup-v4 .proof .ai span{font-family:var(--mono) !important;font-size:9px !important;color:var(--faint) !important;margin-left:auto !important}
.webup-v4 .proof .bub{background:#fff !important;border:1px solid var(--card-line) !important;border-radius:12px !important;border-top-left-radius:3px !important;padding:10px 12px !important;font-size:12px !important;line-height:1.45 !important;color:var(--ink-soft) !important}
.webup-v4 .proof .bub .hl{background:rgba(25,229,127,.2) !important;color:var(--green-ink) !important;font-weight:600 !important;padding:0 4px !important;border-radius:4px !important}

/* ---------- method viz enrichments ---------- */
.webup-v4 .viz .chip2{position:absolute !important;top:12px !important;font-family:var(--mono) !important;font-size:10px !important;font-weight:600 !important;color:var(--ink) !important;background:rgba(255,255,255,.92) !important;border:1px solid var(--card-line) !important;padding:4px 9px !important;border-radius:20px !important;box-shadow:0 4px 12px -6px rgba(70,60,140,.4) !important;z-index:3 !important}
.webup-v4 .viz .chip2.l{left:12px !important}.webup-v4 .viz .chip2.r{right:12px !important}
.webup-v4 .viz .chip2 b{color:var(--green-ink) !important}
.webup-v4 .scan .pulse-ring{position:absolute !important;width:40px !important;height:40px !important;border-radius:50% !important;border:1.5px solid var(--green) !important;animation:pring 3.2s ease-out infinite !important}
@keyframes pring{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}
.webup-v4 .trend .draw{stroke-dasharray:600 !important;stroke-dashoffset:0 !important}
html.js .webup-v4 .trend .draw{stroke-dashoffset:600 !important;animation:draw 1.9s cubic-bezier(.16,1,.3,1) .3s forwards !important}
@keyframes draw{to{stroke-dashoffset:0}}
.webup-v4 .proof2{position:absolute !important;inset:0 !important;padding:12px 12px 42px !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.webup-v4 .proof2 .q{align-self:flex-end !important;max-width:82% !important;background:var(--ink) !important;color:#fff !important;font-size:11px !important;line-height:1.4 !important;padding:7px 11px !important;border-radius:12px !important;border-bottom-right-radius:3px !important}
.webup-v4 .proof2 .a{background:#fff !important;border:1px solid var(--card-line) !important;border-radius:12px !important;border-top-left-radius:3px !important;padding:9px 11px !important;font-size:11.5px !important;line-height:1.45 !important;color:var(--ink-soft) !important;display:flex !important;gap:8px !important;align-items:flex-start !important}
.webup-v4 .proof2 .a .av{width:20px !important;height:20px !important;flex:0 0 auto !important;border-radius:6px !important;background:linear-gradient(135deg,var(--green-d),#12b0d6) !important;color:#fff !important;display:grid !important;place-items:center !important;font-family:var(--mono) !important;font-size:9px !important;font-weight:600 !important}
.webup-v4 .proof2 .a .hl{background:rgba(25,229,127,.2) !important;color:var(--green-ink) !important;font-weight:600 !important;padding:0 4px !important;border-radius:4px !important}
.webup-v4 .proof2 .src{display:flex !important;align-items:center !important;gap:6px !important;font-family:var(--mono) !important;font-size:9.5px !important;color:var(--green-ink) !important;padding-left:2px !important}
.webup-v4 .proof2 .src .fav{width:12px !important;height:12px !important;border-radius:3px !important;background:linear-gradient(135deg,var(--green-d),#12b0d6) !important}

/* ---------- pillar visuals (dynamic) ---------- */
/* 01 — Core Web Vitals gauge */
.webup-v4 .pv1{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:18px !important;padding:0 20px !important}
.webup-v4 .pv1 .ring{position:relative !important;width:88px !important;height:88px !important;flex:none !important}
.webup-v4 .pv1 .ring svg{width:100% !important;height:100% !important;transform:rotate(-90deg)}
.webup-v4 .pv1 .ring .bg{fill:none !important;stroke:rgba(20,26,46,.09) !important;stroke-width:8 !important}
.webup-v4 .pv1 .ring .fg{fill:none !important;stroke:var(--green) !important;stroke-width:8 !important;stroke-linecap:round !important;stroke-dasharray:239 !important;stroke-dashoffset:239 !important;filter:drop-shadow(0 2px 6px rgba(25,229,127,.6)) !important}
html.js .webup-v4 .pv1 .ring .fg{animation:cwvfill 1.8s cubic-bezier(.16,1,.3,1) .35s forwards !important}
@keyframes cwvfill{to{stroke-dashoffset:12}}
.webup-v4 .pv1 .ring .val{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}
.webup-v4 .pv1 .ring .val b{font-family:var(--sans) !important;font-weight:800 !important;font-size:26px !important;color:var(--ink) !important;line-height:1 !important}
.webup-v4 .pv1 .ring .val span{font-family:var(--mono) !important;font-size:8px !important;letter-spacing:.04em !important;color:var(--faint) !important;margin-top:2px !important}
.webup-v4 .pv1 .mets{display:flex !important;flex-direction:column !important;gap:8px !important}
.webup-v4 .pv1 .mrow{display:flex !important;align-items:center !important;gap:8px !important;font-family:var(--mono) !important;font-size:10px !important;color:var(--ink-soft) !important;white-space:nowrap !important}
.webup-v4 .pv1 .mrow i{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--green) !important;box-shadow:0 0 7px var(--green) !important;animation:cwvblip 2.4s ease-in-out infinite !important}
.webup-v4 .pv1 .mrow:nth-child(2) i{animation-delay:.5s !important}.webup-v4 .pv1 .mrow:nth-child(3) i{animation-delay:1s !important}
.webup-v4 .pv1 .mrow em{font-style:normal !important}.webup-v4 .pv1 .mrow b{color:var(--green-ink) !important;margin-left:6px !important}
@keyframes cwvblip{0%,100%{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}

/* 02 & 03 — node graphs */
.webup-v4 .pnet{position:absolute !important;inset:0 !important}
.webup-v4 .pnet svg.lk{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;overflow:visible !important}
.webup-v4 .pnet .lk line{stroke:var(--green) !important;stroke-width:1.4 !important;opacity:.55 !important;stroke-dasharray:4 5 !important}
html.js .webup-v4 .pnet .lk line{animation:pflow 2.6s linear infinite !important}
@keyframes pflow{to{stroke-dashoffset:-18}}
.webup-v4 .pnet .hub{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%);width:46px !important;height:46px !important;border-radius:13px !important;background:var(--ink) !important;display:grid !important;place-items:center !important;z-index:3 !important;box-shadow:0 10px 22px -8px rgba(25,229,127,.55) !important}
.webup-v4 .pnet .hub::after{content:"" !important;position:absolute !important;inset:-6px !important;border-radius:18px !important;border:1.5px solid var(--green) !important;opacity:.5 !important;animation:pring 3s ease-out infinite !important}
.webup-v4 .pnet .hub svg{width:22px !important;height:22px !important;stroke:var(--green) !important;fill:none !important}
.webup-v4 .pnet .nd{position:absolute !important;font-family:var(--mono) !important;font-size:9px !important;font-weight:600 !important;color:var(--ink-soft) !important;background:rgba(255,255,255,.95) !important;border:1px solid var(--card-line) !important;padding:4px 9px !important;border-radius:20px !important;box-shadow:0 5px 12px -6px rgba(70,60,140,.45) !important;z-index:2 !important;white-space:nowrap !important;display:flex !important;align-items:center !important;gap:5px !important;animation:pfloat 4.2s ease-in-out infinite !important}
.webup-v4 .pnet .nd em{font-style:normal !important;color:var(--green-ink) !important}
.webup-v4 .pnet .nd .da{font-size:8px !important;color:#fff !important;background:var(--green-d) !important;border-radius:5px !important;padding:1px 4px !important}
@keyframes pfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.webup-v4 .pv1 .ring .fg{animation:none !important;stroke-dashoffset:12 !important}.webup-v4 .pv1 .mrow i,.webup-v4 .pnet .lk line,.webup-v4 .pnet .hub::after,.webup-v4 .pnet .nd{animation:none !important}}

/* ---------- GEO sources + SOUS LE CAPOT ---------- */
.webup-v4 .geo-sources{margin-top:18px !important;display:flex !important;flex-wrap:wrap !important;gap:8px !important}
.webup-v4 .gsrc{font-family:var(--mono) !important;font-size:10.5px !important;font-weight:600 !important;color:var(--ink-soft) !important;background:rgba(255,255,255,.7) !important;border:1px solid var(--card-line) !important;padding:6px 11px !important;border-radius:50px !important}
.webup-v4 .gsrc.on{color:var(--green-ink) !important;background:rgba(25,229,127,.14) !important;border-color:rgba(25,229,127,.3) !important}
/* ---------- google reviews button ---------- */
.webup-v4 .gbtn{display:inline-flex !important;align-items:center !important;gap:13px !important;background:#fff !important;border:1px solid var(--card-line) !important;border-radius:50px !important;padding:9px 22px 9px 13px !important;box-shadow:0 12px 28px -16px rgba(70,60,140,.5) !important;transition:transform .22s,box-shadow .22s !important}
.webup-v4 .gbtn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(70,60,140,.55) !important}
.webup-v4 .gbtn .g-logo{width:40px !important;height:40px !important;border-radius:50% !important;background:rgba(20,26,46,.035) !important;display:grid !important;place-items:center !important;flex:none !important}
.webup-v4 .gbtn .g-logo svg{width:21px !important;height:21px !important}
.webup-v4 .gbtn .g-txt{display:flex !important;flex-direction:column !important;align-items:flex-start !important;line-height:1.05 !important;text-align:left !important}
.webup-v4 .gbtn .g-top{display:flex !important;align-items:center !important;gap:7px !important}
.webup-v4 .gbtn .g-top b{font-family:var(--sans) !important;font-weight:800 !important;font-size:16px !important;color:var(--ink) !important}
.webup-v4 .gbtn .g-stars{color:#FBBC05 !important;font-size:13px !important;letter-spacing:1.5px !important}
.webup-v4 .gbtn .g-bot{font-size:12px !important;color:var(--muted) !important;margin-top:3px !important}
.webup-v4 .gbtn .arr{width:18px !important;height:18px !important;stroke:var(--ink) !important;flex:none !important;margin-left:3px !important;transition:transform .25s !important}
.webup-v4 .gbtn:hover .arr{transform:translateX(4px)}
.webup-v4 .tech-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important}
@media(max-width:900px){.webup-v4 .tech-grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:540px){.webup-v4 .tech-grid{grid-template-columns:1fr !important}}
.webup-v4 .tech-card{padding:26px !important}
.webup-v4 .tech-card .tc-ic{width:48px !important;height:48px !important;border-radius:13px !important;background:var(--ink) !important;display:grid !important;place-items:center !important;margin-bottom:18px !important}
.webup-v4 .tech-card .tc-ic svg{width:24px !important;height:24px !important;stroke:var(--green) !important}
.webup-v4 .tech-card b{font-family:var(--sans) !important;font-weight:800 !important;font-size:18px !important;color:var(--ink) !important;display:block !important;margin-bottom:12px !important}
.webup-v4 .tech-card p{font-size:13.5px !important;line-height:1.55 !important;color:var(--ink-soft) !important;margin-top:12px !important}
.webup-v4 .tc-metrics{display:flex !important;flex-wrap:wrap !important;gap:7px !important}
.webup-v4 .tc-metrics span{font-family:var(--mono) !important;font-size:11px !important;color:var(--ink-soft) !important;background:rgba(25,229,127,.1) !important;border:1px solid rgba(25,229,127,.24) !important;padding:5px 9px !important;border-radius:8px !important}
.webup-v4 .tc-metrics em{font-style:normal !important;color:var(--green-ink) !important;font-weight:700 !important}
.webup-v4 .tc-tags{display:flex !important;flex-wrap:wrap !important;gap:7px !important}
.webup-v4 .tc-tags span{font-family:var(--mono) !important;font-size:10.5px !important;font-weight:600 !important;color:var(--ink-soft) !important;background:rgba(255,255,255,.6) !important;border:1px solid var(--card-line) !important;padding:5px 9px !important;border-radius:50px !important}

/* ---------- REALTIME (person dashboard) ---------- */
.webup-v4 .realtime{position:relative !important;border-radius:32px !important;overflow:hidden !important;padding:clamp(34px,5vw,60px) !important;color:var(--ink) !important;background:linear-gradient(135deg,#EEF1FB,#E6ECF8 72%) !important;border:1px solid var(--card-line) !important;box-shadow:var(--card-sh) !important}
.webup-v4 .realtime::before{content:"" !important;position:absolute !important;inset:0 !important;background:
  radial-gradient(50% 60% at 78% 20%,rgba(25,229,127,.16),transparent 60%),
  radial-gradient(45% 55% at 20% 90%,rgba(120,150,255,.16),transparent 60%) !important}
.webup-v4 .rt-grid{position:relative !important;z-index:2 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:40px !important;align-items:center !important}
@media(max-width:880px){.webup-v4 .rt-grid{grid-template-columns:1fr !important;gap:30px !important}}
.webup-v4 .rt-left h2{font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.06 !important;font-size:clamp(28px,4vw,44px) !important;color:var(--ink) !important}
.webup-v4 .rt-left p{margin-top:18px !important;font-size:16.5px !important;color:var(--muted) !important;line-height:1.6 !important;max-width:42ch !important}
.webup-v4 .rt-left .pill{margin-top:26px !important}
.webup-v4 .rt-cards{display:grid !important;gap:16px !important}
.webup-v4 .rtc{background:rgba(255,255,255,.72) !important;backdrop-filter:blur(10px) !important;border:1px solid var(--card-line) !important;border-radius:18px !important;padding:20px !important;box-shadow:0 12px 30px -22px rgba(70,60,140,.35) !important}
.webup-v4 .rtc.big{padding:22px !important}
.webup-v4 .rtc .lbl{font-size:13px !important;color:var(--muted) !important;margin-bottom:6px !important}
.webup-v4 .rtc .big-num{font-size:34px !important;font-weight:600 !important;letter-spacing:-.02em !important;color:var(--ink) !important}
.webup-v4 .rtc .row{display:flex !important;justify-content:space-between !important;align-items:center !important}
.webup-v4 .rtc .accent{color:var(--green-ink) !important}
.webup-v4 .rt-mini{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important}
.webup-v4 .spark{display:flex !important;align-items:flex-end !important;gap:4px !important;height:44px !important;margin-top:10px !important}
.webup-v4 .spark i{flex:1 !important;border-radius:3px !important;background:linear-gradient(180deg,var(--green),rgba(25,229,127,.3)) !important}
@media(max-width:720px){.webup-v4 .accomp-banner{grid-template-columns:1fr!important;gap:22px!important}.webup-v4 .accomp-checks{grid-template-columns:1fr!important}.webup-v4 .accomp-price{text-align:left!important}}

/* ---------- final CTA ---------- */
.webup-v4 .cta{padding:clamp(70px,10vw,130px) 0 !important}
.webup-v4 .cta-card{position:relative !important;overflow:hidden !important;text-align:center !important;padding:clamp(44px,6vw,74px) 30px !important;border-radius:30px !important}
.webup-v4 .cta-card h2{font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.04 !important;font-size:clamp(32px,5vw,58px) !important}
.webup-v4 .cta-card p{margin:20px auto 32px !important;max-width:46ch !important;font-size:18px !important;color:var(--muted) !important}

/* ---------- footer ---------- */
.webup-v4 footer{padding:70px 0 40px !important}
.webup-v4 .foot-top{display:grid !important;grid-template-columns:1.7fr 1fr 1fr 1.05fr 1fr !important;gap:34px !important}
@media(max-width:980px){.webup-v4 .foot-top{grid-template-columns:1fr 1fr 1fr !important}}
@media(max-width:820px){.webup-v4 .foot-top{grid-template-columns:1fr 1fr !important}}
@media(max-width:520px){.webup-v4 .foot-top{grid-template-columns:1fr !important}}
.webup-v4 .foot-cities{display:flex !important;flex-wrap:wrap !important;gap:7px !important}
.webup-v4 .foot-cities a{display:inline-block !important;margin:0 !important;font-size:12.5px !important;color:var(--muted) !important;padding:5px 10px !important;border:1px solid var(--card-line) !important;border-radius:50px !important;transition:.2s !important}
.webup-v4 .foot-cities a:hover{color:var(--green-ink) !important;border-color:var(--green-ink) !important;background:rgba(20,26,46,.02) !important}
.webup-v4 .foot-brand .brand{font-size:30px !important;margin-bottom:14px !important}
.webup-v4 .foot-brand p{color:var(--muted) !important;font-size:14.5px !important;line-height:1.6 !important;max-width:34ch !important}
.webup-v4 .foot-social{display:flex !important;gap:10px !important;margin-top:20px !important}
.webup-v4 .foot-social a{width:38px !important;height:38px !important;border-radius:50% !important;background:rgba(255,255,255,.6) !important;border:1px solid var(--card-line) !important;display:grid !important;place-items:center !important;transition:.2s !important}
.webup-v4 .foot-social a:hover{background:var(--ink) !important;color:#fff !important}
.webup-v4 .foot-social svg{width:17px !important;height:17px !important}
.webup-v4 .foot-col h5{font-family:var(--mono) !important;font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--faint) !important;margin-bottom:16px !important}
.webup-v4 .foot-col a{display:block !important;font-size:14.5px !important;color:var(--muted) !important;margin-bottom:11px !important;transition:color .2s !important}
.webup-v4 .foot-col a:hover{color:var(--green-ink) !important}
.webup-v4 .foot-meta{margin-top:24px !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.webup-v4 .foot-meta a,.webup-v4 .foot-meta div{display:flex !important;align-items:flex-start !important;gap:11px !important;font-size:14.5px !important;color:var(--ink-soft) !important;line-height:1.45 !important}
.webup-v4 .foot-meta a:hover{color:var(--green-ink) !important}
.webup-v4 .foot-meta svg{width:17px !important;height:17px !important;flex:0 0 auto !important;margin-top:1px !important;color:var(--green-ink) !important}
.webup-v4 .foot-meta .stars{color:#F5A623 !important}
.webup-v4 .foot-france{margin-top:46px !important;padding-top:34px !important;border-top:1px solid var(--card-line) !important}
.webup-v4 .foot-france h5{font-family:var(--mono) !important;font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--faint) !important;margin-bottom:18px !important}
.webup-v4 .foot-france .foot-cities{max-width:none !important}
.webup-v4 .foot-france .fc-note{margin-top:20px !important;font-size:13px !important;color:var(--faint) !important;line-height:1.55 !important;max-width:80ch !important}
.webup-v4 .foot-bot{margin-top:40px !important;padding-top:24px !important;border-top:1px solid var(--card-line) !important;display:flex !important;justify-content:space-between !important;gap:16px !important;flex-wrap:wrap !important;font-size:13px !important;color:var(--faint) !important}
.webup-v4 .foot-bot .r{display:flex !important;gap:22px !important}
.webup-v4 .demo-flag{position:fixed !important;bottom:15px !important;left:15px !important;z-index:120 !important;font-family:var(--mono) !important;font-size:10px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--green-ink) !important;background:rgba(255,255,255,.8) !important;border:1px solid var(--glass-line) !important;padding:7px 12px !important;border-radius:50px !important;backdrop-filter:blur(8px) !important}

/* ---------- breadcrumb (fil d'Ariane, aligné JSON-LD) ---------- */
.webup-v4 .wu-breadcrumb{margin-top:93px !important;border-bottom:1px solid var(--card-line) !important;background:#EEF3F9 !important}
.webup-v4 .wu-breadcrumb ol{list-style:none !important;margin:0 auto !important;max-width:1200px !important;padding:9px 40px !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;font-family:var(--sans) !important;font-size:13px !important;line-height:1.3 !important}
.webup-v4 .wu-breadcrumb li{display:inline-flex !important;align-items:center !important}
.webup-v4 .wu-breadcrumb li:not(:first-child)::before{content:"\203A" !important;margin:0 9px !important;color:var(--faint) !important;font-weight:400 !important}
.webup-v4 .wu-breadcrumb a{color:var(--muted) !important;text-decoration:none !important;transition:color .15s !important;padding:4px 2px !important}
.webup-v4 .wu-breadcrumb a:hover{color:var(--green-ink) !important}
.webup-v4 .wu-breadcrumb .bc-home{display:inline-flex !important;align-items:center !important;gap:6px !important}
.webup-v4 .wu-breadcrumb .bc-home svg{width:14px !important;height:14px !important}
.webup-v4 .wu-breadcrumb span[aria-current]{color:var(--ink) !important;font-weight:600 !important;padding:4px 0 !important}
@media(max-width:560px){.webup-v4 .wu-breadcrumb ol{font-size:12px !important;padding:8px 18px !important}.webup-v4 .wu-breadcrumb{margin-top:66px !important}}

/* ---------- marketing title (div) + SEO title (h1/h2 w/ keyword span) ---------- */
.webup-v4 .mk-title{font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.03 !important;font-size:clamp(30px,4.6vw,52px) !important;color:var(--ink) !important}
.webup-v4 .mk-title em{font-style:normal !important;background:linear-gradient(120deg,var(--green-d),#12b0d6) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.webup-v4 .seo-h{display:inline-block !important;font-family:var(--mono) !important;font-weight:500 !important;font-size:14.5px !important;line-height:1.5 !important;letter-spacing:0 !important;color:var(--ink-soft) !important;margin:14px 0 0 !important;padding:11px 17px !important;border-radius:14px !important;background:linear-gradient(120deg,rgba(190,235,214,.18),rgba(196,219,245,.14)),#fff !important;border:1px solid rgba(20,26,46,.07) !important;box-shadow:0 6px 18px -14px rgba(70,60,140,.3) !important}
.webup-v4 .seo-h span{color:var(--green-ink) !important;font-weight:600 !important}
.webup-v4 .center .seo-h{max-width:64ch !important}
/* in-prose internal links (maillage) */
.webup-v4 .inlink{color:var(--green-ink) !important;font-weight:600 !important;text-decoration:underline !important;text-decoration-color:rgba(10,143,83,.4) !important;text-underline-offset:3px !important;transition:text-decoration-color .2s !important}
.webup-v4 .inlink:hover{text-decoration-color:var(--green-ink) !important}
.webup-v4 .hero-headline{font-family:var(--sans) !important;font-weight:600 !important;letter-spacing:-.035em !important;line-height:1 !important;font-size:clamp(44px,7.4vw,86px) !important;color:var(--ink) !important;max-width:14ch !important;margin:0 auto !important}
.webup-v4 .hero-headline .nw{white-space:nowrap !important}
.webup-v4 .nw{white-space:nowrap !important}
@media(max-width:720px){.webup-v4 .hero-headline .nw,.webup-v4 .nw{white-space:normal !important}}
.webup-v4 .hero-headline em{font-style:normal !important;background:linear-gradient(120deg,var(--green-d),#12b0d6) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.webup-v4 .hero h1.hero-seo{font-family:var(--mono) !important;font-weight:500 !important;font-size:15px !important;color:var(--muted) !important;margin:16px 0 0 !important;letter-spacing:0 !important;line-height:1.45 !important;text-transform:none !important;max-width:none !important}
.webup-v4 .hero h1.hero-seo span{color:var(--green-ink) !important;font-weight:600 !important;-webkit-text-fill-color:currentColor !important}
.webup-v4 .realtime .mk-title{color:var(--ink) !important}
.webup-v4 .realtime .seo-h{color:var(--muted) !important;background:rgba(255,255,255,.6) !important;border-color:var(--card-line) !important}
.webup-v4 .realtime .inlink{color:var(--green-ink) !important;text-decoration-color:rgba(10,143,83,.45) !important}
.webup-v4 .realtime .seo-h span{color:var(--green-ink) !important}
.webup-v4 .rt-left h2.seo-h{font-family:var(--mono) !important;font-weight:500 !important;font-size:13.5px !important;letter-spacing:0 !important;line-height:1.55 !important;margin:12px 0 0 !important;color:var(--muted) !important;background:rgba(255,255,255,.6) !important;border-color:var(--card-line) !important}
.webup-v4 .rt-left h2.seo-h span{color:var(--green-ink) !important;font-weight:600 !important}
.webup-v4 .cta-card h2.seo-h{font-family:var(--mono) !important;font-weight:500 !important;font-size:13.5px !important;letter-spacing:0 !important;line-height:1.55 !important;margin:14px auto 0 !important;max-width:58ch !important;color:var(--ink-soft) !important}
.webup-v4 .cta-card h2.seo-h span{color:var(--green-ink) !important;font-weight:600 !important}

/* ---------- client marquee ---------- */
.webup-v4 .trust-band{padding:30px 0 !important;border-top:1px solid var(--card-line) !important;border-bottom:1px solid var(--card-line) !important;overflow:hidden !important}
.webup-v4 .trust-head{max-width:var(--wrap) !important;margin:0 auto 18px !important;padding:0 24px !important;display:flex !important;flex-wrap:wrap !important;gap:10px 20px !important;align-items:center !important;justify-content:space-between !important}
.webup-v4 .trust-head .lbl{font-family:var(--mono) !important;font-size:12px !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--faint) !important}
.webup-v4 .trust-head .stat{display:flex !important;gap:16px !important;align-items:center !important;flex-wrap:wrap !important;font-size:13.5px !important;color:var(--muted) !important}
.webup-v4 .trust-head .stat b{color:var(--ink) !important;font-weight:700 !important}
.webup-v4 .trust-head .stars{color:#F5A623 !important;letter-spacing:1px !important}
.webup-v4 .marq{overflow:hidden !important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent) !important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent) !important}
.webup-v4 .marq-track{display:inline-flex !important;gap:52px !important;white-space:nowrap !important;animation:marq 34s linear infinite !important;will-change:transform !important}
.webup-v4 .marq:hover .marq-track{animation-play-state:paused !important}
.webup-v4 .marq span{font-weight:600 !important;font-size:20px !important;letter-spacing:-.01em !important;color:var(--ink-soft) !important;opacity:.5 !important}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- offers ---------- */
.webup-v4 .offers{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;margin-top:48px !important}
@media(max-width:1000px){.webup-v4 .offers{grid-template-columns:1fr 1fr !important}}
@media(max-width:560px){.webup-v4 .offers{grid-template-columns:1fr !important}}
.webup-v4 .offer{padding:26px 24px !important;display:flex !important;flex-direction:column !important;position:relative !important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s !important}
.webup-v4 .offer:hover{transform:translateY(-6px);box-shadow:0 30px 60px -26px rgba(70,60,140,.5) !important}
.webup-v4 .offer.feat{background:linear-gradient(160deg,#1B2140,#0F1428) !important;border-color:transparent !important;color:#C7D0DE !important}
.webup-v4 .offer.feat .o-name,.webup-v4 .offer.feat .o-price{color:#fff !important}
.webup-v4 .offer.feat .o-li{color:#C9D3E2 !important}
.webup-v4 .offer .o-badge{position:absolute !important;top:16px !important;right:16px !important;font-family:var(--mono) !important;font-size:9.5px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:#04120A !important;background:var(--green) !important;padding:4px 9px !important;border-radius:20px !important}
.webup-v4 .offer .o-slug{font-family:var(--mono) !important;font-size:11px !important;color:var(--green-ink) !important;margin-bottom:10px !important}
.webup-v4 .offer.feat .o-slug{color:var(--green) !important}
.webup-v4 .offer .o-name{font-size:18px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:4px !important}
.webup-v4 .offer .o-tag{font-size:12.5px !important;color:var(--muted) !important;margin-bottom:16px !important;min-height:34px !important}
.webup-v4 .offer.feat .o-tag{color:#9BB0C9 !important}
.webup-v4 .offer .o-price{font-size:30px !important;font-weight:600 !important;letter-spacing:-.02em !important;color:var(--ink) !important;line-height:1 !important}
.webup-v4 .offer .o-price small{font-size:14px !important;font-weight:500 !important;color:var(--muted) !important}
.webup-v4 .offer .o-sub{font-size:12px !important;color:var(--muted) !important;margin:6px 0 16px !important}
.webup-v4 .offer.feat .o-sub{color:#9BB0C9 !important}
.webup-v4 .offer .o-ul{list-style:none !important;margin:0 !important;padding:16px 0 18px !important;border-top:1px solid var(--card-line) !important;display:grid !important;gap:9px !important;flex:1 !important}
.webup-v4 .offer.feat .o-ul{border-top-color:rgba(255,255,255,.14) !important}
.webup-v4 .offer .o-li{position:relative !important;padding-left:22px !important;font-size:13px !important;color:var(--ink-soft) !important}
.webup-v4 .offer .o-li::before{content:"" !important;position:absolute !important;left:0 !important;top:5px !important;width:12px !important;height:7px !important;border-left:2px solid var(--green-d) !important;border-bottom:2px solid var(--green-d) !important;transform:rotate(-45deg)}
.webup-v4 .offer .pill{width:100% !important;justify-content:center !important}

/* ---------- comparison ---------- */
.webup-v4 .cmp{margin-top:44px !important;display:grid !important;grid-template-columns:1fr 1fr !important;border-radius:20px !important;overflow:hidden !important;border:1px solid var(--glass-line) !important;box-shadow:var(--card-sh) !important}
.webup-v4 .cmp-h{padding:18px 24px !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-family:var(--mono) !important}
.webup-v4 .cmp-h.a{background:#EEF3F9 !important;color:var(--faint) !important}
.webup-v4 .cmp-h.b{background:var(--ink) !important;color:var(--green) !important}
.webup-v4 .cmp-c{padding:15px 24px !important;font-size:14px !important;display:flex !important;gap:10px !important;align-items:flex-start !important;border-top:1px solid var(--card-line) !important}
.webup-v4 .cmp-c.a{background:rgba(255,255,255,.5) !important;color:var(--muted) !important}
.webup-v4 .cmp-c.b{background:var(--ink) !important;color:#fff !important;font-weight:500 !important;border-top-color:rgba(255,255,255,.08) !important}
.webup-v4 .cmp-c svg{width:16px !important;height:16px !important;flex-shrink:0 !important;margin-top:2px !important}
.webup-v4 .cmp-c.a svg{stroke:var(--faint) !important}.webup-v4 .cmp-c.b svg{stroke:var(--green) !important}

/* ---------- testimonials ---------- */
.webup-v4 .tgrid{columns:3 !important;column-gap:18px !important;margin-top:44px !important}
@media(max-width:900px){.webup-v4 .tgrid{columns:2 !important}}
@media(max-width:600px){.webup-v4 .tgrid{columns:1 !important}}
.webup-v4 .tcard{break-inside:avoid !important;margin-bottom:18px !important;padding:22px !important;background:var(--glass) !important;backdrop-filter:blur(12px) !important;border:1px solid var(--glass-line) !important;border-radius:18px !important;box-shadow:var(--card-sh) !important}
.webup-v4 .tcard .stars{color:#F5A623 !important;font-size:13px !important;letter-spacing:1.5px !important;margin-bottom:11px !important}
.webup-v4 .tcard p{font-size:14px !important;line-height:1.55 !important;color:var(--ink-soft) !important;margin-bottom:15px !important}
.webup-v4 .tcard .who{display:flex !important;align-items:center !important;gap:11px !important}
.webup-v4 .tcard .av{width:36px !important;height:36px !important;border-radius:50% !important;background:linear-gradient(135deg,var(--lav),var(--sky)) !important;color:#fff !important;display:grid !important;place-items:center !important;font-weight:600 !important;font-size:14px !important}
.webup-v4 .tcard .who b{font-size:14px !important;color:var(--ink) !important;display:block !important;line-height:1.2 !important}
.webup-v4 .tcard .who span{font-size:12px !important;color:var(--muted) !important}

/* ---------- founder ---------- */
.webup-v4 .founder-grid{display:grid !important;grid-template-columns:.8fr 1.2fr !important;gap:48px !important;align-items:center !important;margin-top:20px !important}
@media(max-width:840px){.webup-v4 .founder-grid{grid-template-columns:1fr !important;gap:30px !important}}
.webup-v4 .founder-photo{position:relative !important;aspect-ratio:4/5 !important;border-radius:22px !important;overflow:hidden !important;border:1px solid var(--glass-line) !important;box-shadow:var(--card-sh) !important;background:radial-gradient(130% 120% at 50% 0%,#D9D3F5,#BEEBD6) !important}
.webup-v4 .founder-photo .init{position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important;font-weight:600 !important;font-size:96px !important;color:rgba(20,26,46,.14) !important}
.webup-v4 .founder-photo .photo{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important}
.webup-v4 .founder-photo .tag{position:absolute !important;bottom:14px !important;left:14px !important;right:14px !important;background:rgba(255,255,255,.7) !important;backdrop-filter:blur(10px) !important;border:1px solid var(--glass-line) !important;border-radius:14px !important;padding:12px 16px !important}
.webup-v4 .founder-photo .tag b{font-size:15px !important;color:var(--ink) !important;display:block !important}
.webup-v4 .founder-photo .tag span{font-size:12px !important;color:var(--muted) !important}
.webup-v4 .founder-chips{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-top:22px !important}
.webup-v4 .chip{font-family:var(--mono) !important;font-size:12px !important;color:var(--green-ink) !important;background:rgba(25,229,127,.12) !important;padding:6px 13px !important;border-radius:20px !important}

/* ---------- faq ---------- */
.webup-v4 .faq{margin-top:40px !important;display:grid !important;gap:10px !important;max-width:760px !important}
.webup-v4 .faq details{background:var(--glass) !important;backdrop-filter:blur(12px) !important;border:1px solid var(--glass-line) !important;border-radius:16px !important;padding:2px 22px !important;box-shadow:0 10px 30px -20px rgba(70,60,140,.4) !important}
.webup-v4 .faq summary{list-style:none !important;cursor:pointer !important;font-weight:600 !important;color:var(--ink) !important;padding:17px 34px 17px 0 !important;position:relative !important;font-size:15.5px !important}
.webup-v4 .faq summary::-webkit-details-marker{display:none !important}
.webup-v4 .faq summary::after{content:"+" !important;position:absolute !important;right:2px !important;top:50% !important;transform:translateY(-50%);font-size:22px !important;font-weight:400 !important;color:var(--green-ink) !important}
.webup-v4 .faq details[open] summary::after{content:"\2212" !important}
.webup-v4 .faq .fa{padding:0 0 18px !important;font-size:14.5px !important;line-height:1.6 !important;color:var(--muted) !important}

/* ---------- zones ---------- */
.webup-v4 .zones{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:36px !important;max-width:760px !important}
.webup-v4 .zone{font-size:14px !important;font-weight:500 !important;color:var(--ink-soft) !important;background:var(--glass) !important;border:1px solid var(--glass-line) !important;border-radius:50px !important;padding:9px 17px !important}
.webup-v4 .zone.hl{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.webup-v4 .zones-map{margin-top:40px !important;border-radius:18px !important;overflow:hidden !important;border:1px solid var(--card-line) !important;box-shadow:0 20px 50px -30px rgba(20,26,46,.5) !important;line-height:0 !important}
.webup-v4 .zones-map iframe{display:block !important;width:100% !important;height:420px !important;border:0 !important;filter:saturate(.92) !important}
@media(max-width:640px){.webup-v4 .zones-map iframe{height:320px !important}}

@media(prefers-reduced-motion:reduce){.webup-v4 *{animation:none!important;transition:none!important}html.js .webup-v4 .rv{opacity:1!important;transform:none!important}}

/* ---------- MOBILE polish ---------- */
@media(max-width:600px){
  .webup-v4 .wrap{padding:0 18px !important}
  .webup-v4 .hero{padding:34px 0 40px !important}
  .webup-v4 .hero-headline{font-size:clamp(34px,10.5vw,52px) !important;max-width:100% !important}
  .webup-v4 .hero-sub{font-size:16.5px !important}
  .webup-v4 .hero-ctas{gap:10px !important}
  .webup-v4 .hero-ctas .pill.lg{width:100% !important;justify-content:center !important}
  .webup-v4 .eyebrow{font-size:11px !important;padding:7px 12px !important;white-space:normal !important;text-align:center !important;line-height:1.4 !important}
  .webup-v4 .mk-title{font-size:clamp(28px,8.4vw,40px)!important}
  .webup-v4 .lead{font-size:16px !important}
  .webup-v4 .realtime{padding:28px 22px !important}
  .webup-v4 .rt-mini{grid-template-columns:1fr !important}
  .webup-v4 .cta-card .hero-ctas .pill.lg{width:100% !important}
  .webup-v4 .foot-bot{flex-direction:column !important;gap:12px !important}
  .webup-v4 .foot-bot .r{gap:16px !important;flex-wrap:wrap !important}
  .webup-v4 .demo-flag{display:none !important}
}
@media(max-width:480px){
  /* comparison: keep 2 cols (pairing), just tighten */
  .webup-v4 .cmp-h{padding:12px 12px !important;font-size:10px !important}
  .webup-v4 .cmp-c{padding:12px 12px!important;font-size:12.5px!important;gap:8px!important}
}

/* ---------- simulateur projet (modal) ---------- */
.webup-v4 .sim-overlay{position:fixed !important;inset:0 !important;z-index:1000 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:20px !important;background:rgba(10,15,25,.55) !important;backdrop-filter:blur(6px) !important;opacity:0 !important;visibility:hidden !important;transition:opacity .28s ease,visibility .28s ease !important}
.webup-v4 .sim-overlay.open{opacity:1 !important;visibility:visible !important}
.webup-v4 .sim{width:min(560px,100%) !important;max-height:92vh !important;display:flex !important;flex-direction:column !important;background:#fff !important;border-radius:22px !important;box-shadow:0 40px 90px -30px rgba(10,15,25,.6) !important;overflow:hidden !important;transform:translateY(20px) scale(.98);transition:transform .32s cubic-bezier(.16,1,.3,1) !important}
.webup-v4 .sim-overlay.open .sim{transform:none}
.webup-v4 .sim-head{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:22px 24px 16px !important;flex:0 0 auto !important}
.webup-v4 .sim-badge{font-family:var(--mono) !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#04120A !important;background:var(--green) !important;padding:8px 14px !important;border-radius:8px !important}
.webup-v4 .sim-x{width:40px !important;height:40px !important;flex:0 0 auto !important;display:grid !important;place-items:center !important;border:1px solid var(--card-line) !important;background:#F7FAFD !important;border-radius:9px !important;cursor:pointer !important;color:var(--ink-soft) !important;transition:.18s !important}
.webup-v4 .sim-x:hover{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.webup-v4 .sim-x svg{width:18px !important;height:18px !important}
.webup-v4 .sim-body{padding:6px 24px 8px !important;overflow-y:auto !important;flex:1 1 auto !important}
.webup-v4 .sim-body::-webkit-scrollbar{width:8px !important}.webup-v4 .sim-body::-webkit-scrollbar-thumb{background:var(--card-line) !important;border-radius:8px !important}
.webup-v4 .sim-title{font-size:26px !important;font-weight:600 !important;letter-spacing:-.02em !important;text-transform:uppercase !important;margin:8px 0 20px !important}
.webup-v4 .sim-step{display:none !important}.webup-v4 .sim-step.active{display:block !important;animation:simfade .3s ease !important}
@keyframes simfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.webup-v4 .sim-opt{display:flex !important;align-items:center !important;gap:16px !important;width:100% !important;text-align:left !important;padding:18px !important;margin-bottom:12px !important;border:1px solid var(--card-line) !important;border-radius:14px !important;background:#fff !important;cursor:pointer !important;font:inherit !important;color:var(--ink) !important;transition:.18s !important}
.webup-v4 .sim-opt:hover{border-color:var(--green-d) !important;box-shadow:0 8px 24px -14px rgba(15,181,102,.5) !important}
.webup-v4 .sim-opt.sel{border-color:var(--green-d) !important;background:linear-gradient(120deg,rgba(190,235,214,.4),rgba(190,235,214,.15)) !important}
.webup-v4 .sim-opt .oic{width:44px !important;height:44px !important;flex:0 0 auto !important;display:grid !important;place-items:center !important;border-radius:50% !important;background:#EEF3F9 !important;color:var(--ink) !important}
.webup-v4 .sim-opt.sel .oic{background:var(--green) !important;color:#04120A !important}
.webup-v4 .sim-opt .oic svg{width:22px !important;height:22px !important}
.webup-v4 .sim-opt .olbl{font-size:17px !important;font-weight:600 !important;flex:1 !important}
.webup-v4 .sim-opt .ochk{opacity:0 !important;color:var(--green-ink) !important;transition:.18s !important}
.webup-v4 .sim-opt.sel .ochk{opacity:1 !important}
.webup-v4 .sim-opt .ochk svg{width:20px !important;height:20px !important}
.webup-v4 .sim-reco{background:var(--ink) !important;border-radius:14px !important;padding:20px 22px !important;margin:4px 0 22px !important;color:#fff !important}
.webup-v4 .sim-reco .rk{font-family:var(--mono) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--green) !important;margin-bottom:10px !important}
.webup-v4 .sim-reco .rrow{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:16px !important}
.webup-v4 .sim-reco .rname{font-size:23px !important;font-weight:600 !important;letter-spacing:-.01em !important}
.webup-v4 .sim-reco .rprice{font-size:22px !important;font-weight:600 !important;color:var(--green) !important;white-space:nowrap !important}
.webup-v4 .sim-reco .rdesc{font-size:14px !important;color:#B7C0D0 !important;margin-top:8px !important;line-height:1.5 !important}
.webup-v4 .sim-field{margin-bottom:16px !important}
.webup-v4 .sim-field label{display:block !important;font-size:15px !important;font-weight:600 !important;margin-bottom:8px !important}
.webup-v4 .sim-field input{width:100% !important;font:inherit !important;font-size:16px !important;padding:13px 16px !important;border:1px solid var(--card-line) !important;border-radius:11px !important;background:#fff !important;color:var(--ink) !important;transition:.18s !important}
.webup-v4 .sim-field input::placeholder{color:var(--faint) !important}
.webup-v4 .sim-field input:focus{outline:none !important;border-color:var(--green-d) !important;box-shadow:0 0 0 3px rgba(25,229,127,.18) !important}
.webup-v4 .sim-hint{font-size:14px !important;color:var(--muted) !important;margin:-4px 0 16px !important}
.webup-v4 .sim-safe{display:flex !important;gap:12px !important;align-items:flex-start !important;background:#F7FAFD !important;border:1px solid var(--card-line) !important;border-radius:12px !important;padding:14px 16px !important;margin:8px 0 4px !important;font-size:13.5px !important;line-height:1.5 !important;color:var(--muted) !important}
.webup-v4 .sim-safe svg{width:18px !important;height:18px !important;flex:0 0 auto !important;color:var(--green-ink) !important;margin-top:1px !important}
.webup-v4 .sim-safe b{color:var(--ink) !important;font-weight:600 !important}
.webup-v4 .sim-foot{flex:0 0 auto !important;border-top:1px solid var(--card-line) !important;padding:16px 24px 20px !important}
.webup-v4 .sim-consent{display:flex !important;gap:11px !important;align-items:flex-start !important;margin-bottom:14px !important;font-size:13.5px !important;line-height:1.45 !important;color:var(--ink-soft) !important;cursor:pointer !important}
.webup-v4 .sim-consent input{appearance:none !important;-webkit-appearance:none !important;width:22px !important;height:22px !important;flex:0 0 auto !important;border:1.5px solid var(--card-line) !important;border-radius:6px !important;background:#fff !important;cursor:pointer !important;position:relative !important;transition:.15s !important;margin-top:1px !important}
.webup-v4 .sim-consent input:checked{background:var(--green) !important;border-color:var(--green-d) !important}
.webup-v4 .sim-consent input:checked::after{content:"" !important;position:absolute !important;left:7px !important;top:3px !important;width:6px !important;height:11px !important;border:solid #04120A !important;border-width:0 2.5px 2.5px 0 !important;transform:rotate(45deg)}
.webup-v4 .sim-submit{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;font:inherit !important;font-size:17px !important;font-weight:600 !important;padding:16px !important;border:none !important;border-radius:12px !important;cursor:pointer !important;color:#04120A !important;background:linear-gradient(120deg,var(--green),var(--green-d)) !important;transition:.2s !important}
.webup-v4 .sim-submit:hover{filter:brightness(1.03) !important}
.webup-v4 .sim-submit svg{width:19px !important;height:19px !important}
.webup-v4 .sim-submit:disabled{opacity:.45 !important;cursor:not-allowed !important;filter:grayscale(.3) !important}
.webup-v4 .sim-back{background:none !important;border:none !important;font:inherit !important;font-size:14px !important;color:var(--muted) !important;cursor:pointer !important;padding:6px 0 !important;margin-bottom:6px !important;display:inline-flex !important;align-items:center !important;gap:6px !important}
.webup-v4 .sim-back:hover{color:var(--ink) !important}.webup-v4 .sim-back svg{width:15px !important;height:15px !important}
.webup-v4 .sim-done{text-align:center !important;padding:20px 6px 26px !important}
.webup-v4 .sim-done .dic{width:74px !important;height:74px !important;margin:0 auto 20px !important;display:grid !important;place-items:center !important;border-radius:50% !important;background:linear-gradient(120deg,var(--green),var(--green-d)) !important;color:#04120A !important}
.webup-v4 .sim-done .dic svg{width:38px !important;height:38px !important}
.webup-v4 .sim-done h4{font-size:24px !important;font-weight:600 !important;letter-spacing:-.02em !important;margin-bottom:12px !important}
.webup-v4 .sim-done p{font-size:15.5px !important;color:var(--muted) !important;line-height:1.6 !important;max-width:38ch !important;margin:0 auto !important}
.webup-v4 .sim-done b{color:var(--ink) !important;font-weight:600 !important}
@media(max-width:520px){
  .webup-v4 .sim-title{font-size:22px !important}
  .webup-v4 .sim-opt{padding:15px !important}.webup-v4 .sim-opt .olbl{font-size:15.5px !important}
  .webup-v4 .sim-body,.webup-v4 .sim-head,.webup-v4 .sim-foot{padding-left:18px !important;padding-right:18px !important}
}