/* Vook v8: reference-matched design system (adscale / reelo / impactflow).
   Flat white cards on soft grey, no borders or shadows, near-black panels with big radii,
   restrained type, ink-colored serif accents, accent color used only as tiny highlights. */
:root{--bg:#f2f2f0;--card:#fff;--ink:#0b0b0c;--ink2:#2b2b2e;--mute:#7a7a80;--mute2:#a0a0a6;--line:rgba(11,11,12,.07);--line2:rgba(11,11,12,.12);--vi:#7a5cff;--vi2:#b3a3ff;--r:32px}
html,body.vk{background:var(--bg)}
body.vk{color:var(--ink);font-size:16px;letter-spacing:-.01em}

/* ---------- type ---------- */
.vk h1,.vk h2,.vk h3{font-weight:500;letter-spacing:-.045em;color:var(--ink)}
.vk h1 em,.vk h2 em{color:inherit;font-family:var(--fs);font-style:italic;font-weight:400;letter-spacing:-.02em}
.dark h2 em,.final h2 em,.lside h2 em,.cc.win h3 em{color:inherit}
.head{margin-bottom:64px}
.head h2{font-size:clamp(38px,4.4vw,58px);line-height:1.04;margin-top:18px}
.head p{font-size:17px;color:var(--mute);margin-top:16px;max-width:520px}
.eyebrow{background:#fff;border:0;box-shadow:none;color:var(--ink2);font-size:13px;padding:8px 14px 8px 12px}
.eyebrow:before{background:var(--vi)}
.dark .eyebrow,.final .eyebrow,.lside .eyebrow{background:rgba(255,255,255,.08);color:#fff}
.vk h2 em,.vk h1 em{background-image:none!important}

/* ---------- flat surfaces ---------- */
.stat,.bx,.wc,.rv,.pc,.cc,.case,.faq details,.lform.solo,.prose,.pquote,.hk,.kp,.tabs,.billing,.pill,.nt,.cm div{border:0!important;box-shadow:none!important}
.bx,.wc,.rv,.pc,.cc,.case,.prose,.lform.solo{border-radius:var(--r)}
.bx:hover,.wc:hover,.stat:hover{box-shadow:none!important}
.bx .vis{background:#f6f6f4;border-bottom:0;margin:10px;border-radius:24px;height:270px}
.bx .txt{padding:20px 28px 30px}
.hk{background:#fff}
.kp{background:#fff}
.cm div{background:var(--bg)}
.wc{padding:10px 10px 24px}
.wc .vid{border-radius:24px}
.case{border-radius:40px}
.cimg{margin:12px;border-radius:30px}
.js .cimg.in{clip-path:inset(0 0 0 0 round 30px)}
.cat{background:#fff}
.faq details{border-radius:22px}
.faq summary i{background:var(--bg)}
.pc{border-radius:36px;padding:36px 32px}
.pbtn{background:var(--bg);border:0}
.pc ul{border-top-color:var(--line)}

/* dark panels: near-black, big radius, one soft glow */
.sec.dark,.final,.lead,.cc.win,.pc.pop{background:var(--ink)}
.sec.dark{border-radius:56px;margin:0 16px}
.vk .e-con.sec.dark{margin-left:16px;margin-right:16px}
.final{border-radius:56px}
.lead{border-radius:48px}
.cc.win,.pc.pop{box-shadow:none!important}
.sec.dark:before,.final:before,.lead:before,.pc.pop:before,.cc.win:before{opacity:.5}
.oc{background:#18181b;border:0}
.oc:hover{background:#1f1f24}

/* ---------- buttons: clean pills ---------- */
.cta,.nbtn,.vk .vk-cta .elementor-button{height:50px;padding:0 26px!important;gap:0;background:var(--ink);color:#fff;border:0;font-weight:500;font-size:15px}
.cta:after,.nbtn i,.vk .vk-cta .elementor-button:after{display:none!important}
.cta.ghost,.vk .vk-cta.vk-ghost .elementor-button{background:#fff;color:var(--ink);border:0}
.cta:hover,.vk .vk-cta .elementor-button:hover{transform:none;box-shadow:none;background:#2a2a2e}
.cta.ghost:hover,.vk .vk-cta.vk-ghost .elementor-button:hover{background:#e9e9e6}
.final .cta,.vk .final .vk-cta .elementor-button{background:#fff;color:var(--ink)}
.final .cta:hover,.vk .final .vk-cta .elementor-button:hover{background:#e9e9e6}
.nbtn{height:42px;padding:0 18px!important;font-size:14px}
.sbtn{border-radius:999px;background:var(--ink);box-shadow:none}
.sbtn:hover{background:#2a2a2e}
.sticky{justify-content:center;padding:0 24px}
.sticky i{display:none!important}

/* ---------- nav ---------- */
.nav{background:rgba(255,255,255,.82);border:0;height:58px;border-radius:999px;padding:0 8px 0 20px}
.nav ul a:after{display:none}
.nav ul a{color:var(--mute);transition:color .2s}
.nav ul a:hover,.nav ul a.on{color:var(--ink)}
.mark{background:var(--ink);border-radius:9px}

/* ---------- hero ---------- */
.hero6{padding:170px 0 30px}
.hero6:before{opacity:.6}
.hero6 .pill{background:#fff;border:0}
.hero6 h1{font-size:clamp(46px,6.2vw,84px);line-height:1;letter-spacing:-.05em;margin-top:26px}
.hero6 .sub{font-size:18px;color:var(--mute);max-width:480px;margin-top:22px}
.hero6 .ctas{margin-top:34px}
.lineup{margin-top:80px}
.lc .lv{box-shadow:none;border-radius:28px}
.lc.l2 .lv{box-shadow:0 40px 80px -40px rgba(30,20,90,.35)}
.lc figcaption{margin-top:14px}

/* ---------- stats / kpis ---------- */
.kg{border:0;gap:12px}
.kp2{background:#fff;border-radius:28px;padding:30px 28px}
.kp2+.kp2{border-left:0}
.kp2 b{font-weight:500}

/* ---------- misc ---------- */
.bi{background:var(--bg);color:var(--ink)}
.ck{background:#eaf7ef}
.badge{background:#fff;color:var(--ink)}
.pc.pop .badge,.cc.win .badge{background:rgba(255,255,255,.12);color:#fff}
.tabs button.on,.billing button.on{background:var(--ink)}
.tabs,.billing{background:#fff}
.fgrid{border-bottom-color:var(--line)}
.bigword{background:linear-gradient(180deg,rgba(11,11,12,.07),rgba(11,11,12,0) 85%);-webkit-background-clip:text;background-clip:text}

@media(max-width:1080px){.kg{grid-template-columns:1fr 1fr}.kp2:nth-child(n+3){border-top:0}}
@media(max-width:720px){.sec.dark,.vk .e-con.sec.dark{margin-left:8px;margin-right:8px;border-radius:36px}.final{border-radius:36px}.lead{border-radius:32px}.case{border-radius:30px}.cimg{border-radius:22px;margin:8px}.hero6 h1{font-size:clamp(42px,12vw,56px)}.bx .vis{height:230px}}

/* keep text white on dark panels */
.vk .dark h2,.vk .dark h3,.vk .oc h3,.vk .cc.win h3,.vk .pc.pop h3,.vk .lside h2,.vk .final h2,.vk .step h3{color:#fff}