/* Wersja release jest całkowicie lokalna: bez zewnętrznych fontów i bez ukrywania pierwszej klatki. */

@import url("https://rsms.me/inter/inter.css");

/* Local animation layer for the static Klientometr page. */
/* Shared Klientometr typography across the whole landing page. */
body, body button, body input, body select, body textarea { font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
body :is(h1,h2,h3,h4,h5,h6,.font-display) { font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; letter-spacing:-.035em; }
body em { font-family:Georgia,"Times New Roman",serif !important; }
main section:first-of-type {
  background:
    radial-gradient(circle at 80% 16%, rgba(168,185,255,.55), transparent 34%),
    radial-gradient(circle at 13% 88%, rgba(69,70,230,.75), transparent 38%),
    linear-gradient(135deg, #3147dd 0%, #586ce9 49%, #697fde 100%);
  color:#fff;
  isolation:isolate;
}

/* Attribution bridge below Features: dashboard, live integrations and CAPI flow. */
.km-attribution-flow {
  position:relative;
  overflow:hidden;
  padding:72px 24px 96px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 15%,rgba(126,151,255,.34),transparent 35%),
    radial-gradient(circle at 12% 75%,rgba(91,111,240,.32),transparent 30%),
    linear-gradient(135deg,#3e55df 0%,#5269e7 48%,#4756dc 100%);
  isolation:isolate;
}
.km-attribution-flow::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.28;
  background-image:radial-gradient(rgba(255,255,255,.65) .7px,transparent .7px);
  background-size:14px 14px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
.km-attribution-dashboard-wrap,.km-attribution-content { width:min(1500px,100%); margin-inline:auto; }
.km-attribution-dashboard-wrap { position:relative; padding-inline:7%; opacity:0; transform:translateY(42px) scale(.96); transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1); }
.km-attribution-dashboard-wrap::after { content:""; position:absolute; inset:14% 2% -8%; z-index:-1; border-radius:50%; background:rgba(18,28,141,.34); filter:blur(48px); }
.km-attribution-dashboard { overflow:hidden; border:2px solid rgba(255,255,255,.46); border-radius:13px 13px 0 0; background:#fff; box-shadow:0 35px 70px -30px rgba(16,25,112,.58); }
.km-attribution-dashboard img { display:block; width:100%; height:auto; transform:scale(1.008); transform-origin:top center; }
.km-attribution-content { margin-top:52px; }
.km-attribution-content.km-without-strip { margin-top:34px; }
.km-attribution-content.km-without-strip .km-attribution-steps { margin-top:0; }
.km-attribution-strip { overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:26px; background:rgba(46,61,187,.25); box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 65px rgba(27,39,154,.2); backdrop-filter:blur(12px); opacity:0; transform:translateY(34px); transition:opacity .8s .18s ease,transform 1s .18s cubic-bezier(.16,1,.3,1); }
.km-attribution-strip header { display:grid; grid-template-columns:76px 1fr auto; align-items:center; gap:24px; min-height:98px; padding:18px 28px; border-bottom:1px solid rgba(255,255,255,.15); }
.km-attribution-app { display:grid; width:58px; aspect-ratio:1; place-items:center; border-radius:14px; background:#fff; box-shadow:0 10px 26px rgba(16,26,112,.2); }
.km-attribution-app img { width:47px; height:47px; object-fit:contain; }
.km-attribution-strip header > div { text-align:center; }
.km-attribution-strip header p { margin:0 0 7px; color:rgba(255,255,255,.83); font-size:11px; font-weight:800; letter-spacing:.14em; }
.km-attribution-strip header h2 { margin:0; color:#fff; font-size:20px; letter-spacing:-.035em; }
.km-attribution-live { display:flex; align-items:center; gap:9px; padding:10px 15px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(255,255,255,.08); font-size:12px; font-weight:700; white-space:nowrap; }
.km-attribution-live i { width:8px; aspect-ratio:1; border-radius:50%; background:#8cf19d; box-shadow:0 0 0 5px rgba(140,241,157,.11); animation:kmAttributionPulse 1.8s ease-in-out infinite; }
.km-attribution-platforms { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:28px; border-bottom:1px solid rgba(255,255,255,.15); }
.km-attribution-platforms > div { display:flex; min-height:70px; align-items:center; justify-content:center; gap:17px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px rgba(255,255,255,.05); opacity:0; transform:translateY(16px); }
.km-attribution-platforms img { width:105px; height:auto; }
.km-attribution-platforms svg { width:51px; height:31px; overflow:visible; fill:none; stroke:#fff; stroke-width:3.3; stroke-linecap:round; stroke-linejoin:round; opacity:.9; }
.km-attribution-platforms b { color:rgba(255,255,255,.9); font-size:19px; letter-spacing:-.025em; }
.km-attribution-metrics { display:grid; grid-template-columns:repeat(4,1fr); }
.km-attribution-metrics > div { display:grid; min-height:85px; place-content:center; text-align:center; border-right:1px solid rgba(255,255,255,.15); opacity:0; transform:translateY(15px); }
.km-attribution-metrics > div:last-child { border-right:0; }
.km-attribution-metrics strong { font-size:24px; letter-spacing:-.045em; }
.km-attribution-metrics span { margin-top:3px; color:rgba(255,255,255,.76); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.km-attribution-steps { display:grid; grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr); align-items:stretch; gap:0; min-height:245px; margin-top:34px; padding:24px; border:1px solid rgba(255,255,255,.2); border-radius:26px; background:rgba(46,61,187,.25); color:#fff; box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 65px rgba(27,39,154,.2); backdrop-filter:blur(12px); opacity:0; transform:translateY(34px); transition:opacity .8s .32s ease,transform 1s .32s cubic-bezier(.16,1,.3,1); }
.km-attribution-steps article { align-self:stretch; min-width:0; padding:24px 22px; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px rgba(255,255,255,.05); opacity:0; transform:translateY(18px); }
.km-attribution-steps article > span { display:grid; width:42px; aspect-ratio:1; place-items:center; margin-bottom:17px; border:1px solid rgba(255,255,255,.24); border-radius:10px; background:rgba(255,255,255,.1); color:#fff; font-size:19px; font-weight:800; }
.km-attribution-steps h3 { min-height:65px; margin:0 0 12px; color:#fff; font-size:24px; font-weight:700; line-height:1.08; letter-spacing:-.035em; }
.km-attribution-steps p { max-width:270px; margin:0; color:rgba(255,255,255,.75); font-size:14px; line-height:1.45; }
.km-attribution-steps > i { display:grid; width:42px; aspect-ratio:1; place-items:center; align-self:center; justify-self:center; border:1px solid rgba(255,255,255,.24); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; font-family:Arial,sans-serif; font-size:22px; font-style:normal; opacity:0; transform:scale(.65); }
.km-attribution-flow.km-steps-only { padding:28px 24px 32px; }
.km-steps-only .km-attribution-content { width:min(1120px,calc(100% - 80px)); margin-top:0; }
.km-steps-only .km-attribution-steps { grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) 58px minmax(0,1fr) 58px minmax(0,1fr); min-height:184px; padding:14px; border-radius:20px; background:rgba(42,57,184,.18); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 46px rgba(27,39,154,.16); }
.km-steps-only .km-attribution-steps article { padding:16px; border-color:rgba(255,255,255,.19); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.065)); }
.km-steps-only .km-attribution-steps article > span { width:34px; margin-bottom:12px; border-radius:8px; font-size:15px; }
.km-steps-only .km-attribution-steps h3 { min-height:46px; margin-bottom:8px; font-size:18px; line-height:1.1; }
.km-steps-only .km-attribution-steps p { font-size:12px; line-height:1.42; }
.km-steps-only .km-attribution-steps > i { position:relative; z-index:1; width:32px; border:1px solid rgba(255,255,255,.72); background:rgba(255,255,255,.94); color:#5268e5; box-shadow:0 8px 20px rgba(25,38,138,.22),inset 0 1px #fff; font-size:17px; font-weight:800; }
.km-steps-only .km-attribution-steps > i::before { content:""; position:absolute; z-index:-2; top:50%; left:-13px; width:58px; height:1px; background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.62),rgba(255,255,255,.08)); transform:translateY(-50%); }
.km-steps-only .km-attribution-steps > i::after { content:""; position:absolute; z-index:-1; inset:3px; border-radius:50%; background:linear-gradient(145deg,#fff,#edf1ff); }
.km-attribution-steps > i svg { position:relative; z-index:2; display:block; width:12px; height:12px; fill:currentColor; filter:drop-shadow(0 1px 1px rgba(29,45,150,.14)); }
.km-attribution-flow.is-visible .km-attribution-dashboard-wrap,.km-attribution-flow.is-visible .km-attribution-strip,.km-attribution-flow.is-visible .km-attribution-steps { opacity:1; transform:none; }
.km-attribution-flow.is-visible .km-attribution-platforms > div { animation:kmAttributionItem .65s cubic-bezier(.16,1,.3,1) forwards; }
.km-attribution-flow.is-visible .km-attribution-platforms > div:nth-child(2) { animation-delay:.1s; }
.km-attribution-flow.is-visible .km-attribution-platforms > div:nth-child(3) { animation-delay:.2s; }
.km-attribution-flow.is-visible .km-attribution-metrics > div { animation:kmAttributionItem .6s .22s cubic-bezier(.16,1,.3,1) forwards; }
.km-attribution-flow.is-visible .km-attribution-metrics > div:nth-child(2) { animation-delay:.3s; }
.km-attribution-flow.is-visible .km-attribution-metrics > div:nth-child(3) { animation-delay:.38s; }
.km-attribution-flow.is-visible .km-attribution-metrics > div:nth-child(4) { animation-delay:.46s; }
.km-attribution-flow.is-visible .km-attribution-steps article { animation:kmAttributionItem .7s .42s cubic-bezier(.16,1,.3,1) forwards; }
.km-attribution-flow.is-visible .km-attribution-steps article:nth-of-type(2) { animation-delay:.54s; }
.km-attribution-flow.is-visible .km-attribution-steps article:nth-of-type(3) { animation-delay:.66s; }
.km-attribution-flow.is-visible .km-attribution-steps article:nth-of-type(4) { animation-delay:.78s; }
.km-attribution-flow.is-visible .km-attribution-steps > i { animation:kmAttributionArrow .55s .55s cubic-bezier(.16,1,.3,1) forwards; }
.km-attribution-flow.is-visible .km-attribution-steps > i:nth-of-type(2) { animation-delay:.67s; }
.km-attribution-flow.is-visible .km-attribution-steps > i:nth-of-type(3) { animation-delay:.79s; }
@keyframes kmAttributionPulse { 0%,100%{opacity:.65;transform:scale(.85)} 50%{opacity:1;transform:scale(1.15)} }
@keyframes kmAttributionItem { to{opacity:1;transform:none} }
@keyframes kmAttributionArrow { to{opacity:1;transform:scale(1)} }
@media(max-width:900px){
  .km-attribution-flow{padding:52px 16px 66px}
  .km-attribution-dashboard-wrap{padding-inline:0}
  .km-attribution-content{margin-top:30px}
  .km-attribution-strip header{grid-template-columns:54px 1fr;padding:18px}
  .km-attribution-app{width:48px}
  .km-attribution-app img{width:39px;height:39px}
  .km-attribution-strip header>div{text-align:left}
  .km-attribution-strip header h2{font-size:17px}
  .km-attribution-live{grid-column:1/-1;justify-self:start}
  .km-attribution-platforms{grid-template-columns:1fr;padding:18px}
  .km-attribution-platforms>div{min-height:60px}
  .km-attribution-metrics{grid-template-columns:1fr 1fr}
  .km-attribution-metrics>div{border-bottom:1px solid rgba(255,255,255,.15)}
  .km-attribution-steps{grid-template-columns:1fr;padding:16px}
  .km-attribution-steps article{padding:20px}
  .km-attribution-steps article>span{margin-bottom:12px}
  .km-attribution-steps h3{min-height:0;font-size:22px}
  .km-attribution-steps>i{margin:0 auto 10px;transform:rotate(90deg) scale(.65)}
  .km-attribution-flow.is-visible .km-attribution-steps>i{animation-name:kmAttributionArrowMobile}
}
@keyframes kmAttributionArrowMobile{to{opacity:1;transform:rotate(90deg) scale(1)}}
@media(max-width:900px){
  .km-attribution-flow.km-steps-only{padding:28px 16px 34px}
  .km-steps-only .km-attribution-content{width:100%}
  .km-steps-only .km-attribution-steps{grid-template-columns:1fr;padding:14px}
  .km-steps-only .km-attribution-steps article{padding:18px}
  .km-steps-only .km-attribution-steps h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.km-attribution-flow *{animation:none!important;transition:none!important}.km-attribution-dashboard-wrap,.km-attribution-strip,.km-attribution-steps,.km-attribution-platforms>div,.km-attribution-metrics>div,.km-attribution-steps article,.km-attribution-steps>i{opacity:1!important;transform:none!important}}

main section:first-of-type canvas {
  display:none;
}
/* Legacy entrance overlay becomes fully opaque once the static snapshot is revealed. */
main > section:first-of-type > div[class*="from-background"] { display:none !important; }
main > section:first-of-type [style*="opacity:0"] { opacity:1 !important; filter:none !important; }
main section:first-of-type::before { content:""; position:absolute; inset:0; z-index:0; opacity:.22; background-image:radial-gradient(rgba(255,255,255,.65) .65px, transparent .65px); background-size:13px 13px; mask-image:linear-gradient(to bottom,transparent,black 22%,black 75%,transparent); }
main section:first-of-type .relative.z-10 { color:#fff; }
main section:first-of-type h1 { color:#fff !important; text-shadow:0 10px 38px rgba(20,30,130,.2); }
main section:first-of-type p.text-muted-foreground { color:rgba(255,255,255,.82) !important; }
main section:first-of-type .rounded-full.border { background:rgba(255,255,255,.14) !important; border-color:rgba(255,255,255,.24) !important; color:#fff !important; backdrop-filter:blur(10px); }
main section:first-of-type .rounded-full.border .text-muted-foreground { color:rgba(255,255,255,.9) !important; }
main section:first-of-type [data-slot="button"] { background:#fff !important; color:#233bc8 !important; border-color:#fff !important; box-shadow:0 12px 28px rgba(19,29,142,.22); }
main section:first-of-type [data-slot="button"] svg { color:#233bc8; }

#klientometr-signals { position:absolute; inset:0; z-index:2; width:100%; height:100%; pointer-events:none; overflow:visible; opacity:.72; }
#klientometr-signals .signal-path { fill:none; stroke:#e45f5d; stroke-width:1.2; stroke-dasharray:7 10; animation: klientometr-flow 5s linear infinite; }
#klientometr-signals .signal-path.alt { stroke:#e2ad43; animation-duration:6.5s; animation-direction:reverse; }
#klientometr-signals .signal-node { transform-box:fill-box; transform-origin:center; animation: klientometr-pulse 2.8s ease-in-out infinite; }
#klientometr-signals .signal-node.delay { animation-delay:1.2s; }
#klientometr-signals .signal-node.delay-2 { animation-delay:2s; }
@keyframes klientometr-flow { to { stroke-dashoffset:-170; } }
@keyframes klientometr-pulse { 0%,100% { opacity:.35; transform:scale(.82); } 50% { opacity:1; transform:scale(1.12); } }

#klientometr-signals .radar-ring { fill:none; stroke:#31569b; stroke-opacity:.2; stroke-width:1; }
#klientometr-signals .radar-spoke { stroke:#31569b; stroke-opacity:.16; stroke-width:1; }
#klientometr-signals .radar-sweep { transform-origin:720px 405px; animation: klientometr-radar 7s linear infinite; }
#klientometr-signals .radar-sweep path { fill:url(#radar-sweep); opacity:.34; }
#klientometr-signals .radar-target { transform-box:fill-box; transform-origin:center; animation: klientometr-radar-target 2.4s ease-in-out infinite; }
#klientometr-signals .radar-target:nth-of-type(2) { animation-delay:.8s; }
#klientometr-signals .radar-target:nth-of-type(3) { animation-delay:1.5s; }
@keyframes klientometr-radar { to { transform:rotate(360deg); } }
@keyframes klientometr-radar-target { 0%,100% { opacity:.3; transform:scale(.75); } 50% { opacity:1; transform:scale(1.35); } }

button, a[data-slot="button"] { border-radius:2px !important; }

#klientometr-dashboard { --km-blue:#2456e8; --km-ink:#111827; background:#fff; color:var(--km-ink); border:1px solid #e7eaf0; border-radius:10px 10px 0 0; box-shadow:0 30px 60px -28px rgba(15,23,42,.38); display:grid; grid-template-columns:52px 1fr; min-height:500px; overflow:hidden; text-align:left; font-family:ui-sans-serif,system-ui,sans-serif; }
.km-side { background:#fafbfc; border-right:1px solid #edf0f3; display:flex; flex-direction:column; align-items:center; gap:20px; padding-top:16px; color:#8490a0; font-size:16px; }
.km-side .km-mark { color:var(--km-blue); font-size:22px; font-weight:900; margin-bottom:10px; }.km-side .active { color:var(--km-blue); background:#eaf0ff; padding:7px; border-radius:6px; }
.km-main { padding:20px 24px 22px; min-width:0; }.km-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }.km-crumb { color:#8691a0; font-size:11px; }.km-crumb b { color:#222b38; }.km-range { display:flex; gap:5px; }.km-range button { background:#fff; border:1px solid #e1e6ee; padding:6px 9px; font-size:10px; color:#647084; cursor:pointer; }.km-range button.active { background:var(--km-ink); border-color:var(--km-ink); color:#fff; }
.km-main h3 { margin:13px 0 2px; font-size:22px; letter-spacing:-.8px; }.km-main .km-sub { margin:0; color:#8993a1; font-size:11px; }.km-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:20px; }.km-card { background:#fff; border:1px solid #e6eaf0; padding:12px; cursor:pointer; transition:.2s ease; }.km-card:hover,.km-card.active { border-color:#9fb5ff; box-shadow:0 8px 18px -12px #2456e8; }.km-card span { color:#7b8795; font-size:10px; }.km-card strong { display:block; font-size:19px; margin:7px 0 4px; letter-spacing:-.7px; }.km-card em { color:#138b5a; font-style:normal; font-size:9px; }
.km-chart { margin-top:12px; border:1px solid #e7eaf0; padding:15px 17px 12px; height:190px; }.km-chart-head { display:flex; justify-content:space-between; color:#607080; font-size:10px; }.km-chart-head b { color:#202a36; }.km-bars { height:125px; padding:12px 5px 0; display:flex; align-items:flex-end; gap:5%; border-bottom:1px solid #e7eaf0; }.km-bars i { display:block; width:8%; min-height:8px; background:linear-gradient(180deg,#6f91ff,#2456e8); transition:height .45s cubic-bezier(.16,1,.3,1); }.km-bars i:nth-child(3n) { background:linear-gradient(180deg,#65c9a2,#159769); }.km-months { display:flex; justify-content:space-between; color:#98a2af; font-size:8px; padding:6px 2px 0; }
.km-table { border:1px solid #e7eaf0; border-top:0; padding:11px 17px; }.km-table-head,.km-row { display:grid; grid-template-columns:1.4fr 1fr .7fr .7fr; gap:10px; align-items:center; font-size:10px; }.km-table-head { color:#99a3af; padding-bottom:8px; }.km-row { padding:7px 0; border-top:1px solid #f0f2f5; color:#313b47; }.km-channel { display:inline-block; width:7px; height:7px; background:#1877f2; border-radius:50%; margin-right:5px; }.km-roas { color:#138b5a; font-weight:700; }
@media(max-width:700px){#klientometr-dashboard{grid-template-columns:0 1fr;min-height:390px}.km-side{display:none}.km-main{padding:14px}.km-cards{grid-template-columns:repeat(2,1fr)}.km-chart{height:150px}.km-bars{height:87px}.km-table{display:none}.km-main h3{font-size:18px}}

@media (min-width: 1024px) {
  header > .container {
    width: calc(100% - 48px) !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* Launch UI-style navigation: light, sticky, and without the oversized white capsule. */
header {
  position: fixed !important;
  inset: 0 0 auto !important;
  transform: none !important;
  background: transparent !important;
  backdrop-filter: none;
  padding-top: 8px;
}
header > .container {
  height: 66px !important;
  min-height: 66px;
  width: calc(100% - 48px) !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(18,34,124,.12) !important;
  backdrop-filter: none !important;
}
header > .container > div:first-child a { font-size: 19px; }
header > .container > div:first-child img { width: 178px !important; height: auto !important; max-height: 38px; object-fit: contain; }
header > .container nav a, header > .container nav button { border-radius: 2px !important; }
header a[href="/signup"] {
  min-height: 36px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(44,65,197,.3) !important;
  border-top-color: rgba(121,144,255,.72) !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #667bf3 0%, #3d52d5 100%) !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(38,55,179,.24), inset 0 1px rgba(255,255,255,.2) !important;
  font-weight: 700 !important;
}
header a[href="/signup"]:hover { background: linear-gradient(180deg, #7387ff 0%, #4057df 100%) !important; }

@keyframes km-legacy-reveal {
  0% { opacity: 0; filter: blur(12px); transform: translateY(64px) scale(.92); }
  58% { opacity: 1; filter: blur(0); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}
@keyframes km-legacy-dashboard-in {
  0% { opacity: 0; filter: blur(14px); transform: perspective(1200px) translateY(90px) rotateX(10deg) scale(.84); }
  65% { opacity: 1; filter: blur(0); }
  100% { opacity: 1; filter: blur(0); transform: perspective(1200px) translateY(0) rotateX(0) scale(1); }
}
@keyframes km-legacy-float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes km-legacy-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 4rem)); } }

[style*="opacity:0"] { animation: km-legacy-reveal 1.05s cubic-bezier(.16,1,.3,1) both !important; }
main section:first-of-type h1[style*="opacity:0"] { animation-delay: .12s !important; }
main section:first-of-type p[style*="opacity:0"] { animation-delay: .35s !important; }
main section:first-of-type div[style*="opacity:0"] { animation-delay: .58s !important; }

/* Klientometr product scenes inside the existing product feature rows. */
#features-showcase.km-data-features {
  background:
    radial-gradient(circle at 16% 18%,rgba(92,115,235,.075),transparent 28%),
    radial-gradient(circle at 86% 72%,rgba(111,135,246,.065),transparent 30%),
    #f7f8fb;
}
#features-showcase.km-data-features::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:radial-gradient(#aeb8d2 .65px,transparent .65px); background-size:16px 16px; mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent); }
#features-showcase.km-data-features .km-features-intro { max-width:790px; }
#features-showcase.km-data-features .km-features-kicker { display:inline-flex; align-items:center; gap:9px; color:#5269e7!important; font-size:12px!important; font-weight:800!important; letter-spacing:.14em!important; text-transform:uppercase; }
#features-showcase.km-data-features .km-features-kicker::before { content:""; width:2px; height:16px; background:#6a7df0; }
#features-showcase.km-data-features .km-features-heading { max-width:760px; margin-top:14px; color:#17203b; font-size:clamp(38px,4.1vw,58px)!important; font-weight:650!important; line-height:1.04!important; letter-spacing:-.045em!important; text-wrap:balance; }
#features-showcase.km-data-features .km-features-intro > p:last-child { max-width:700px; margin-top:18px; color:#727c92!important; font-size:clamp(16px,1.3vw,19px)!important; line-height:1.55!important; }
#features-showcase.km-data-features .km-features-intro + div { margin-top:72px!important; }
#features-showcase.km-data-features .km-feature-row { column-gap:clamp(42px,6vw,88px)!important; }
#features-showcase.km-data-features .km-feature-copy { max-width:500px; }
#features-showcase.km-data-features .km-feature-label { color:#5269e7!important; font-size:12px!important; font-weight:800!important; letter-spacing:.14em!important; text-transform:uppercase; }
#features-showcase.km-data-features .km-feature-eyebrow { gap:10px!important; margin-bottom:16px; }
#features-showcase.km-data-features .km-feature-number { min-width:42px; color:#b6bdce!important; font-size:28px!important; font-weight:550!important; line-height:1!important; letter-spacing:-.04em!important; }
#features-showcase.km-data-features .km-feature-copy h3 { max-width:480px; margin-top:0; color:#18213c; font-size:clamp(28px,2.65vw,40px)!important; font-weight:650!important; line-height:1.08!important; letter-spacing:-.04em!important; text-wrap:balance; }
#features-showcase.km-data-features .km-feature-copy p { max-width:480px; margin-top:15px; color:#737d91!important; font-size:clamp(15px,1.12vw,17px)!important; line-height:1.62!important; }
.km-feature-row > div:has(.km-feature-copy) { align-self:center; }
.km-feature-media { min-width:0; }
.km-feature-frame { position:relative; aspect-ratio:5/4; overflow:hidden; border:1px solid #dde3ef; border-radius:16px; background:#eef2ff; box-shadow:0 24px 55px -32px rgba(29,43,94,.5); isolation:isolate; }
.km-feature-scene { position:absolute; inset:0; overflow:hidden; color:#17213b; background:linear-gradient(145deg,#e9efff,#dce7ff); isolation:isolate; }
.km-feature-scene::before { content:""; position:absolute; inset:0; z-index:0; opacity:.28; background-image:radial-gradient(rgba(78,101,196,.5) .65px,transparent .65px); background-size:12px 12px; mask-image:linear-gradient(to bottom,black,transparent 92%); }
.km-feature-dashboard-window,.km-feature-meta-window { position:absolute; z-index:1; overflow:hidden; border:1px solid rgba(219,225,238,.9); border-radius:11px; background:#fff; box-shadow:0 22px 45px rgba(36,49,90,.22); will-change:transform; }
.km-feature-dashboard-window { inset:6% -19% 5% 7%; }
.km-feature-dashboard-window > img,.km-feature-meta-window > img { display:block; width:100%; height:100%; object-fit:cover; user-select:none; }
.km-feature-dashboard-window > img { object-position:left top; }
.km-feature-store { position:absolute; top:8.3%; left:.9%; display:flex; width:23.8%; align-items:center; gap:7px; padding:7px; border:1px solid #e4e8f1; border-radius:7px; background:#fff; box-shadow:0 3px 8px rgba(32,43,75,.08); }
.km-feature-store > b { display:grid; width:27px; aspect-ratio:1; place-items:center; border-radius:50%; background:linear-gradient(145deg,#6ea9ee,#536ee4); color:#fff; font-size:10px; }
.km-feature-store > span { display:grid; color:#263149; font-size:8px; line-height:1.2; font-weight:700; }
.km-feature-store small { color:#919bad; font-size:5px; font-weight:500; }
.km-feature-dashboard-window > time { position:absolute; top:14.7%; left:72.8%; padding:4px 6px; border-radius:4px; background:#fff; color:#536079; font-size:7px; font-weight:700; }
.km-feature-cursor { position:absolute; z-index:8; width:22px; height:29px; opacity:0; background:#182238; clip-path:polygon(0 0,0 100%,27% 73%,45% 100%,59% 92%,42% 66%,78% 65%); filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)); }
.km-feature-toast { position:absolute; z-index:9; display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid rgba(222,227,240,.95); border-radius:9px; background:rgba(255,255,255,.96); color:#263149; box-shadow:0 13px 29px rgba(26,38,81,.18); font-size:10px; font-weight:750; opacity:0; transform:translateY(8px); }
.km-feature-toast b { display:grid; width:16px; aspect-ratio:1; place-items:center; border-radius:50%; background:#e7f7eb; color:#4aa26a; }
.km-feature-dashboard .km-feature-cursor { top:30%; left:12%; }
.km-feature-dashboard .km-feature-toast { top:40%; left:17%; }
.km-feature-dashboard.is-active .km-feature-dashboard-window { animation:kmFeatureDashboard 8.4s cubic-bezier(.22,.72,.2,1) infinite; }
.km-feature-dashboard.is-active .km-feature-cursor { animation:kmFeatureDashboardCursor 8.4s ease-in-out infinite; }
.km-feature-dashboard.is-active .km-feature-toast { animation:kmFeatureToast 8.4s ease-in-out infinite; }

.km-feature-meta,.km-feature-decision { background:radial-gradient(circle at 58% 44%,rgba(91,108,241,.18),transparent 38%),linear-gradient(145deg,#303134,#17181b 58%,#27282b); }
.km-feature-meta-window { inset:4% -29% 4% 5%; border-color:rgba(255,255,255,.08); background:#1b1c1f; box-shadow:0 25px 52px rgba(0,0,0,.42); }
.km-feature-meta-window > img { object-position:left top; }
.km-feature-focus { position:absolute; top:24%; left:41.2%; width:13.5%; height:9.8%; border:2px solid transparent; border-radius:5px; }
.km-feature-meta .km-feature-cursor { top:31%; left:52%; background:#fff; }
.km-feature-meta .km-feature-toast { right:5%; bottom:8%; }
.km-feature-meta.is-active .km-feature-meta-window { animation:kmFeatureMeta 8.4s cubic-bezier(.22,.72,.2,1) infinite; }
.km-feature-meta.is-active .km-feature-focus { animation:kmFeatureFocus 8.4s ease-in-out infinite; }
.km-feature-meta.is-active .km-feature-cursor { animation:kmFeatureMetaCursor 8.4s ease-in-out infinite; }
.km-feature-meta.is-active .km-feature-toast { animation:kmFeatureMetaToast 8.4s ease-in-out infinite; }

.km-feature-decision .km-feature-meta-window { inset:3% -34% 3% 3%; opacity:.74; }
.km-feature-decision-card { position:absolute; z-index:6; top:37%; right:5%; width:64%; overflow:hidden; isolation:isolate; border:1px solid #dedfe5; border-radius:11px; background:#fff; box-shadow:0 22px 45px rgba(0,0,0,.35),0 0 0 5px rgba(93,110,235,.06); opacity:0; transform:translateY(16px) scale(.98); }
.km-feature-decision-card header { display:flex; height:40px; align-items:center; justify-content:space-between; padding:0 11px; border-bottom:0; background:#fff; }
.km-feature-decision-card header img { width:94px; height:auto; }
.km-feature-decision-card header span { display:flex; align-items:center; gap:5px; color:#747986; font-size:6px; font-weight:800; letter-spacing:.08em; }
.km-feature-decision-card header i { width:6px; aspect-ratio:1; border-radius:50%; background:#72c989; }
.km-feature-reconcile { display:grid; grid-template-columns:1fr auto 1fr auto; align-items:center; gap:6px; padding:10px; background:#fff; }
.km-feature-reconcile span { display:grid; gap:2px; padding:7px; border-radius:7px; background:#f2f4f8; }
.km-feature-reconcile span:nth-of-type(2) { background:#eef0ff; }
.km-feature-reconcile small,.km-feature-decision-card footer small { color:#858b99; font-size:6px; }
.km-feature-reconcile b { font-size:15px; }
.km-feature-reconcile span:nth-of-type(2) b { color:#596be7; }
.km-feature-reconcile em { color:#8a8e98; font-style:normal; }
.km-feature-reconcile strong { padding:5px 6px; border-radius:999px; background:#e8f5eb; color:#4a9760; font-size:6px; white-space:nowrap; }
.km-feature-decision-card footer { display:flex; gap:10px; padding:9px 11px; background:#f7f8fa; }
.km-feature-decision-card footer span { display:grid; flex:1; }
.km-feature-decision-card footer span:last-child { flex:0 0 30%; padding-left:10px; border-left:1px solid #dde0e7; }
.km-feature-decision-card footer b { color:#273149; font-size:10px; }
.km-feature-decision-card footer span:last-child b { color:#596be7; font-size:14px; }
.km-feature-decision .km-feature-cursor { top:31%; left:30%; background:#fff; }
.km-feature-decision .km-feature-toast { right:5%; bottom:4%; }
.km-feature-decision.is-active .km-feature-decision-card { animation:kmFeatureDecision 9s cubic-bezier(.2,.8,.2,1) infinite; }
.km-feature-decision.is-active .km-feature-cursor { animation:kmFeatureDecisionCursor 9s ease-in-out infinite; }
.km-feature-decision.is-active .km-feature-toast { animation:kmFeatureDecisionToast 9s ease-in-out infinite; }

.km-feature-report .km-feature-dashboard-window { inset:5% -24% 4% 4%; filter:saturate(.82); }
.km-feature-report-card { position:absolute; z-index:6; right:5%; bottom:7%; width:61%; padding:18px; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:13px; background:linear-gradient(145deg,rgba(72,88,218,.97),rgba(84,113,235,.97)); color:#fff; box-shadow:0 22px 46px rgba(37,51,133,.3); opacity:0; transform:translateY(18px); }
.km-feature-report-card > span { font-size:7px; font-weight:800; letter-spacing:.12em; opacity:.75; }
.km-feature-report-card h4 { margin:7px 0 14px; color:#fff; font-size:19px; }
.km-feature-report-card > div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.km-feature-report-card b { display:grid; gap:2px; padding:9px; border:1px solid rgba(255,255,255,.16); border-radius:8px; font-size:17px; }
.km-feature-report-card small { font-size:6px; font-weight:600; opacity:.72; }
.km-feature-report-card > i { display:block; height:3px; margin-top:14px; overflow:hidden; border-radius:9px; background:rgba(255,255,255,.15); }
.km-feature-report-card > i span { display:block; width:42%; height:100%; border-radius:inherit; background:#fff; transform:translateX(-110%); }
.km-feature-report .km-feature-toast { top:8%; right:5%; }
.km-feature-report.is-active .km-feature-dashboard-window { animation:kmFeatureReportSurface 8s ease-in-out infinite; }
.km-feature-report.is-active .km-feature-report-card { animation:kmFeatureReportCard 8s cubic-bezier(.2,.8,.2,1) infinite; }
.km-feature-report.is-active .km-feature-report-card > i span { animation:kmFeatureReportScan 8s ease-in-out infinite; }
.km-feature-report.is-active .km-feature-toast { animation:kmFeatureReportToast 8s ease-in-out infinite; }

.km-feature-chrome { background:radial-gradient(circle at 72% 28%,rgba(90,112,244,.2),transparent 40%),linear-gradient(145deg,#292b30,#151619 62%,#22242a); }
.km-feature-chrome-window { position:absolute; z-index:1; inset:4% -42% 4% 4%; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:#fff; box-shadow:0 25px 52px rgba(0,0,0,.42); will-change:transform; }
.km-feature-chrome-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:left top; }
.km-feature-chrome-card { position:absolute; z-index:6; top:12%; right:5%; width:55%; padding:16px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:linear-gradient(145deg,rgba(76,95,225,.97),rgba(91,73,221,.96)); color:#fff; box-shadow:0 24px 50px rgba(8,12,38,.42); opacity:0; transform:translateY(16px) scale(.98); }
.km-feature-chrome-card::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size:24px 24px; pointer-events:none; }
.km-feature-chrome-card > * { position:relative; z-index:1; }
.km-feature-chrome-card header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.km-feature-chrome-card header img { width:112px; height:auto; object-fit:contain; }
.km-feature-chrome-card header span { display:flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.1); font-size:7px; font-weight:800; }
.km-feature-chrome-card header i { width:6px; aspect-ratio:1; border-radius:50%; background:#88ef9b; box-shadow:0 0 0 4px rgba(136,239,155,.12); }
.km-feature-chrome-card > small { font-size:7px; font-weight:800; letter-spacing:.13em; opacity:.65; }
.km-feature-chrome-card h4 { margin:6px 0 15px; color:#fff; font-size:22px; line-height:1.02; letter-spacing:-.045em; }
.km-feature-chrome-card > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.km-feature-chrome-card > div span { display:grid; gap:2px; padding:9px; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.06); }
.km-feature-chrome-card > div span:last-child { grid-column:1/-1; }
.km-feature-chrome-card > div small { font-size:6px; font-weight:750; opacity:.64; }
.km-feature-chrome-card > div b { font-size:14px; }
.km-feature-chrome-card footer { display:flex; align-items:center; gap:7px; margin-top:13px; padding-top:11px; border-top:1px solid rgba(255,255,255,.15); font-size:8px; font-weight:700; }
.km-chrome-mark { width:15px; aspect-ratio:1; border:2px solid #fff; border-radius:50%; background:conic-gradient(#e94b35 0 33%,#f7cf3f 0 66%,#55a85a 0); box-shadow:inset 0 0 0 3px #4d78e8; }
.km-feature-chrome .km-feature-cursor { top:44%; left:47%; background:#fff; }
.km-feature-chrome .km-feature-toast { right:5%; bottom:4%; }
.km-feature-chrome.is-active .km-feature-chrome-window { animation:kmFeatureChromeSurface 8.8s cubic-bezier(.22,.72,.2,1) infinite; }
.km-feature-chrome.is-active .km-feature-chrome-card { animation:kmFeatureChromeCard 8.8s cubic-bezier(.2,.8,.2,1) infinite; }
.km-feature-chrome.is-active .km-feature-cursor { animation:kmFeatureChromeCursor 8.8s ease-in-out infinite; }
.km-feature-chrome.is-active .km-feature-toast { animation:kmFeatureChromeToast 8.8s ease-in-out infinite; }

@keyframes kmFeatureDashboard { 0%,12%,100%{transform:translateX(0) scale(.98)} 28%,66%{transform:translateX(-13%) scale(1.04)} 82%{transform:translateX(-4%) scale(1)} }
@keyframes kmFeatureDashboardCursor { 0%,15%,100%{opacity:0;transform:translate(0,0)} 24%{opacity:1} 39%,57%{opacity:1;transform:translate(112px,41px)} 67%{opacity:0;transform:translate(112px,41px)} }
@keyframes kmFeatureToast { 0%,38%,100%{opacity:0;transform:translateY(8px)} 48%,70%{opacity:1;transform:none} 80%{opacity:0;transform:translateY(-5px)} }
@keyframes kmFeatureMeta { 0%,13%,100%{transform:translateX(0) scale(.98)} 30%,70%{transform:translateX(-15%) scale(1.045)} 84%{transform:translateX(-5%) scale(1)} }
@keyframes kmFeatureFocus { 0%,32%,100%{border-color:transparent;box-shadow:0 0 0 rgba(83,111,242,0)} 43%,70%{border-color:#657cf0;background:rgba(91,108,241,.09);box-shadow:0 0 0 7px rgba(83,111,242,.12)} }
@keyframes kmFeatureMetaCursor { 0%,18%,100%{opacity:0;transform:translate(-85px,76px)} 31%{opacity:1} 48%,67%{opacity:1;transform:translate(0,0)} 75%{opacity:0} }
@keyframes kmFeatureMetaToast { 0%,45%,100%{opacity:0;transform:translateY(8px)} 55%,77%{opacity:1;transform:none} 86%{opacity:0;transform:translateY(-5px)} }
@keyframes kmFeatureDecision { 0%,29%,100%{opacity:0;transform:translateY(16px) scale(.98)} 40%,79%{opacity:1;transform:none} 90%{opacity:0;transform:translateY(-8px)} }
@keyframes kmFeatureDecisionCursor { 0%,15%,100%{opacity:0;transform:translate(-80px,35px)} 27%,55%{opacity:1;transform:translate(130px,85px)} 65%{opacity:0;transform:translate(130px,85px)} }
@keyframes kmFeatureDecisionToast { 0%,55%,100%{opacity:0;transform:translateY(8px)} 66%,84%{opacity:1;transform:none} 93%{opacity:0;transform:translateY(-5px)} }
@keyframes kmFeatureReportSurface { 0%,100%{transform:translateX(-2%) scale(.99)} 40%,72%{transform:translateX(-12%) scale(1.035)} }
@keyframes kmFeatureReportCard { 0%,19%,100%{opacity:0;transform:translateY(18px)} 31%,82%{opacity:1;transform:none} 92%{opacity:0;transform:translateY(-8px)} }
@keyframes kmFeatureReportScan { 0%,30%{transform:translateX(-110%)} 64%,78%{transform:translateX(240%)} 100%{transform:translateX(240%)} }
@keyframes kmFeatureReportToast { 0%,60%,100%{opacity:0;transform:translateY(8px)} 70%,88%{opacity:1;transform:none} 96%{opacity:0;transform:translateY(-5px)} }
@keyframes kmFeatureChromeSurface { 0%,14%,100%{transform:translateX(0) scale(.98)} 31%,76%{transform:translateX(-17%) scale(1.04)} 89%{transform:translateX(-6%) scale(1)} }
@keyframes kmFeatureChromeCard { 0%,27%,100%{opacity:0;transform:translateY(16px) scale(.98)} 39%,82%{opacity:1;transform:none} 92%{opacity:0;transform:translateY(-7px)} }
@keyframes kmFeatureChromeCursor { 0%,18%,100%{opacity:0;transform:translate(-95px,62px)} 31%,62%{opacity:1;transform:translate(80px,-8px)} 72%{opacity:0;transform:translate(80px,-8px)} }
@keyframes kmFeatureChromeToast { 0%,61%,100%{opacity:0;transform:translateY(8px)} 71%,88%{opacity:1;transform:none} 96%{opacity:0;transform:translateY(-5px)} }

@media(max-width:700px){#features-showcase.km-data-features .km-features-heading{font-size:36px!important;line-height:1.08!important}#features-showcase.km-data-features .km-features-intro>p:last-child{font-size:15px!important;line-height:1.55!important}#features-showcase.km-data-features .km-features-intro+div{margin-top:48px!important}#features-showcase.km-data-features .km-feature-number{min-width:36px;font-size:24px!important}#features-showcase.km-data-features .km-feature-label{font-size:10px!important}#features-showcase.km-data-features .km-feature-copy h3{font-size:29px!important;line-height:1.1!important}#features-showcase.km-data-features .km-feature-copy p{margin-top:12px;font-size:15px!important;line-height:1.58!important}.km-feature-frame{border-radius:12px}.km-feature-decision-card{width:72%;right:4%}.km-feature-reconcile strong{display:none}.km-feature-reconcile{grid-template-columns:1fr auto 1fr}.km-feature-report-card{width:68%;padding:13px}.km-feature-chrome-card{width:68%;padding:12px}.km-feature-chrome-card h4{font-size:18px}.km-feature-store{padding:4px}.km-feature-store>b{width:20px}.km-feature-toast{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.km-feature-scene *{animation:none!important}.km-feature-decision-card,.km-feature-report-card,.km-feature-chrome-card,.km-feature-toast{opacity:1;transform:none}.km-feature-cursor{display:none}}

[class*="--duration:20s"] > div { animation: km-legacy-marquee 20s linear infinite; }
button, a { transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease !important; }
button:hover, a:hover { transform: translateY(-3px) scale(1.025); }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Positioning statement directly below the partner strip. */
.km-manifesto { position:relative; padding:58px 24px 66px; overflow:hidden; background:#fff; color:#172440; }
.km-manifesto-inner { width:min(100%,940px); margin:auto; text-align:center; }
.km-manifesto h2 { max-width:830px; margin:0 auto; font-size:clamp(27px,2.75vw,40px); font-weight:550; line-height:1.1; letter-spacing:-.04em; }
.km-manifesto p { max-width:900px; margin:34px auto 0; color:#172440; font-size:clamp(27px,2.7vw,39px); font-weight:550; line-height:1.14; letter-spacing:-.04em; }
.km-manifesto p > strong { color:inherit; font-weight:550; }
.km-manifesto-word { color:#cfd3dc; transition:color .06s linear; }
.km-manifesto-break { display:block; }
.km-manifesto-logo { display:inline-flex; align-items:center; gap:6px; margin:0 4px; padding:5px 9px; border:1px solid #e4e7ed; border-radius:8px; background:#fff; box-shadow:0 7px 17px rgba(34,47,85,.06); vertical-align:5px; white-space:nowrap; }
.km-manifesto-logo img { display:block; width:132px; height:auto; object-fit:contain; }
.km-manifesto a { display:inline-flex; margin-top:37px; padding:12px 18px; border-radius:9px; background:linear-gradient(135deg,#6eb8f4,#3345e8); color:#fff; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 11px 24px rgba(61,83,218,.18); opacity:0; transform:translateY(12px); transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1),box-shadow .25s ease !important; }
.km-manifesto.is-complete a { opacity:1; transform:none; }
@media(max-width:640px){.km-manifesto{padding:48px 18px 55px}.km-manifesto h2{font-size:25px}.km-manifesto p{margin-top:27px;font-size:23px}.km-manifesto-break{display:none}.km-manifesto-logo{padding:4px 7px;vertical-align:3px}.km-manifesto-logo img{width:108px;height:auto}.km-manifesto a{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.km-manifesto{--manifesto-fill:100%!important}.km-manifesto-word{color:#172440!important}.km-manifesto a{opacity:1;transform:none}}

.km-how { padding:18px 24px 112px; background:#fff; color:#172440; }
.km-how-shell { width:min(100%,1450px); margin:auto; padding:112px 62px 68px; overflow:hidden; border-radius:25px; background:radial-gradient(circle at 85% 8%,rgba(134,163,244,.38),transparent 34%),linear-gradient(135deg,#4656df,#657ddb); }
.km-how-heading { max-width:900px; margin:auto; color:#fff; text-align:center; }
.km-how-rule { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; width:calc(100% + 420px); margin-left:-210px; }
.km-how-rule i { position:relative; height:1px; background:rgba(255,255,255,.27); }
.km-how-rule i::after { content:""; position:absolute; top:50%; width:13px; height:13px; border:1px solid rgba(255,255,255,.48); border-radius:4px; transform:translateY(-50%); }
.km-how-rule i:first-child::after { right:-1px; }.km-how-rule i:last-child::after { left:-1px; }
.km-how-rule span { padding:12px 17px; border-radius:10px; background:rgba(255,255,255,.13); font-size:14px; font-weight:700; }
.km-how-heading h2 { margin:24px 0 15px; font-size:clamp(42px,4.4vw,67px); font-weight:500; line-height:1.03; letter-spacing:-.05em; }
.km-how-heading p { max-width:800px; margin:auto; color:rgba(255,255,255,.87); font-size:18px; line-height:1.48; }
.km-how-steps { display:grid; gap:28px; width:min(100%,1040px); margin:70px auto 0; }
.km-how-step { display:grid; grid-template-columns:1fr 1.03fr; min-height:520px; overflow:hidden; border:1px solid rgba(255,255,255,.45); border-radius:25px; background:#f4fbff; box-shadow:0 25px 50px rgba(37,54,142,.2); }
.km-how-step.reverse .km-how-copy { order:2; }.km-how-step.reverse > :last-child { order:1; }
.km-how-copy { display:flex; flex-direction:column; justify-content:center; padding:46px 42px; }
.km-how-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:linear-gradient(145deg,#70a7ed,#526ee2); color:#fff; font-size:12px; font-weight:800; box-shadow:0 8px 18px rgba(73,104,214,.2); }
.km-how-copy h3 { margin:21px 0 14px; color:#172440; font-size:clamp(29px,2.6vw,40px); font-weight:600; line-height:1.06; letter-spacing:-.045em; }
.km-how-copy > p { margin:0; color:#71809a; font-size:15px; line-height:1.55; }
.km-how-copy ul { display:grid; gap:13px; margin:28px 0 0; padding:0; list-style:none; }
.km-how-copy li { position:relative; padding-left:29px; color:#31405e; font-size:14px; font-weight:650; line-height:1.4; }
.km-how-copy li::before { content:"✓"; position:absolute; top:0; left:0; display:grid; width:19px; height:19px; place-items:center; border-radius:6px; background:#9bc7f3; color:#fff; font-size:12px; }
.km-how-connect { position:relative; display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; align-content:center; gap:12px; padding:48px 34px; background:radial-gradient(circle at center,#d6e7ff,transparent 62%),#dfeeff; }
.km-how-connect > i { height:2px; background:linear-gradient(90deg,#8db3ef,#5776e4); }
.km-how-source,.km-how-core { display:grid; width:86px; height:86px; place-items:center; border-radius:19px; background:#fff; box-shadow:0 13px 28px rgba(54,79,145,.13); }
.km-how-source.woo { background:#8750c7; }.km-how-source.woo img { width:68px; }.km-how-source.meta { color:#1777f0; font-size:18px; font-weight:800; }
.km-how-core { width:104px; height:104px; border:2px solid #7b93ed; }.km-how-core img { width:38px; height:38px; }.km-how-core b { color:#3c58d7; font-size:10px; }
.km-how-sync-state { position:absolute; right:50%; bottom:74px; display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:999px; background:#fff; color:#4c5c75; font-size:10px; font-weight:700; box-shadow:0 9px 20px rgba(45,64,113,.09); transform:translateX(50%); }
.km-how-sync-state span { width:8px; height:8px; border-radius:50%; background:#52d980; box-shadow:0 0 0 4px rgba(82,217,128,.16); }
.km-how-attribution { padding:40px 34px; background:#e4f1ff; }
.km-how-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:30px; }
.km-how-attribution > .km-how-panel-head b { font-size:17px; }.km-how-attribution > .km-how-panel-head span { padding:8px 10px; border-radius:8px; background:#fff; color:#7c8799; font-size:9px; }
.km-how-order,.km-how-campaign { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px; border-radius:14px; background:#fff; box-shadow:0 9px 23px rgba(48,68,113,.07); }
.km-how-order span small,.km-how-order span b,.km-how-campaign span small,.km-how-campaign span b { display:block; }.km-how-order small,.km-how-campaign small { color:#8993a4; font-size:9px; }.km-how-order b { margin-top:5px; color:#4c9b6f; font-size:20px; }.km-how-order em { padding:7px 9px; border-radius:8px; background:#f1e9ff; color:#7a43ba; font-size:9px; font-style:normal; font-weight:700; }
.km-how-path { display:flex; justify-content:center; gap:7px; height:62px; }.km-how-path i { width:7px; height:7px; margin-top:17px; border-radius:50%; background:#7791ee; box-shadow:0 14px 0 #9aadef,0 28px 0 #c4cef2; }
.km-how-campaign span b { margin-top:5px; font-size:13px; }.km-how-campaign > strong { padding:8px 10px; border-radius:8px; background:#edf9f1; color:#238154; font-size:9px; }
.km-how-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:15px; }.km-how-metrics span { padding:13px 10px; border-radius:10px; background:rgba(255,255,255,.72); }.km-how-metrics small,.km-how-metrics b { display:block; }.km-how-metrics small { color:#8691a3; font-size:8px; }.km-how-metrics b { margin-top:5px; color:#263754; font-size:13px; }
.km-how-dashboard { padding:38px 32px; background:#e3efff; }.km-how-dashboard > .km-how-panel-head span { font-size:16px; font-weight:750; }.km-how-dashboard > .km-how-panel-head b { padding:8px 10px; border-radius:8px; background:#fff; color:#7b8596; font-size:9px; }
.km-how-kpis { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.km-how-kpis span { position:relative; padding:17px; border-radius:13px; background:#fff; }.km-how-kpis small,.km-how-kpis b { display:block; }.km-how-kpis small { color:#7f8a9c; font-size:9px; }.km-how-kpis b { margin-top:8px; font-size:20px; }.km-how-kpis i { position:absolute; right:12px; bottom:13px; padding:5px 7px; border-radius:999px; background:#edfaf2; color:#238154; font-size:8px; font-style:normal; }
.km-how-chart { margin-top:13px; padding:19px 17px 5px; border-radius:14px; background:#fff; }.km-how-chart small { color:#69758a; font-size:9px; font-weight:700; }.km-how-chart svg { display:block; width:100%; height:180px; margin-top:8px; overflow:visible; }.km-how-chart .grid { fill:none; stroke:#edf0f5; stroke-width:1; }.km-how-chart .area { fill:rgba(88,116,235,.12); }.km-how-chart .line { fill:none; stroke:#5573ed; stroke-width:4; }
.km-how-icon img { display:block; width:24px; height:24px; object-fit:contain; filter:brightness(0) invert(1); }
.km-how-copy > p strong { color:#43516b; font-weight:700; }
.km-how-original-visual { position:relative; display:flex; min-width:0; align-items:center; justify-content:center; padding:0; overflow:hidden; background:#dcecff; }
.km-how-original-visual img { display:block; width:100%; max-width:none; height:100%; max-height:none; object-fit:contain; object-position:center; }
.km-platform-sync-visual { padding:0; overflow:hidden; background:#f5f8ff; }
.km-platform-sync-frame { display:block; width:100%; height:100%; min-height:520px; border:0; border-radius:inherit; background:#f5f8ff; pointer-events:none; }
.km-accuracy-visual { padding:0; overflow:hidden; background:#f5f8ff; }
.km-accuracy-frame { display:block; width:100%; height:100%; min-height:520px; border:0; border-radius:inherit; background:#f5f8ff; }
.km-dashboard-visual { padding:0; overflow:hidden; background:#f5f8ff; }
.km-dashboard-frame { display:block; width:100%; height:100%; min-height:520px; border:0; border-radius:inherit; background:#f5f8ff; }
@media(max-width:820px){.km-platform-sync-frame,.km-accuracy-frame,.km-dashboard-frame{min-height:390px}}
.km-how-lottie { position:absolute; z-index:2; inset:30px 22px 0; opacity:0; transition:opacity .35s ease; }
.km-how-lottie svg { display:block; width:100%!important; height:100%!important; }
.km-how-original-visual .km-how-lottie-fallback { position:relative; z-index:1; transition:opacity .3s ease; }
.km-how-original-visual.has-lottie .km-how-lottie { opacity:1; }
.km-how-original-visual.has-lottie .km-how-lottie-fallback { opacity:0!important; }
.km-how-step.is-animated { opacity:0; transform:translateY(72px) scale(.965); transition:opacity .8s ease var(--km-step-delay,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--km-step-delay,0ms),box-shadow .8s ease; }
.km-how-step.is-animated.is-visible { opacity:1; transform:none; }
.km-how-step.is-animated .km-how-copy > * { opacity:0; transform:translateY(20px); transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1); }
.km-how-step.is-animated.is-visible .km-how-copy > * { opacity:1; transform:none; }
.km-how-step.is-visible .km-how-copy > :nth-child(1) { transition-delay:.18s; }
.km-how-step.is-visible .km-how-copy > :nth-child(2) { transition-delay:.25s; }
.km-how-step.is-visible .km-how-copy > :nth-child(3) { transition-delay:.32s; }
.km-how-step.is-visible .km-how-copy > :nth-child(4) { transition-delay:.39s; }
.km-how-step.is-animated .km-how-original-visual img { opacity:0; transform:translateY(44px) scale(.9); }
.km-how-step.is-animated.is-visible .km-how-original-visual img { animation:km-how-visual-enter 1.05s cubic-bezier(.16,1,.3,1) .22s both,km-how-visual-float 6s ease-in-out 1.3s infinite; }
@keyframes km-how-visual-enter { from { opacity:0; transform:translateY(44px) scale(.9); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes km-how-visual-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
@media(max-width:820px){.km-how{padding:12px 15px 82px}.km-how-shell{padding:78px 18px 35px;border-radius:20px}.km-how-rule{display:block;width:auto;margin:0}.km-how-rule i{display:none}.km-how-heading h2{font-size:39px}.km-how-heading p{font-size:15px}.km-how-steps{margin-top:50px}.km-how-step{grid-template-columns:1fr}.km-how-step.reverse .km-how-copy{order:1}.km-how-step.reverse > :last-child{order:2}.km-how-connect,.km-how-attribution,.km-how-dashboard{min-height:390px}.km-how-copy{padding:36px 25px}.km-how-copy h3{font-size:31px}}
@media(max-width:820px){.km-how-original-visual{min-height:390px;padding:0}.km-how-original-visual img{max-height:none}.km-how-lottie{inset:0}}
@media(max-width:480px){.km-how-heading h2{font-size:33px}.km-how-step{border-radius:18px}.km-how-connect{grid-template-columns:auto 1fr auto 1fr auto;padding:35px 14px}.km-how-source{width:57px;height:57px;border-radius:14px}.km-how-source.woo img{width:48px}.km-how-source.meta{font-size:13px}.km-how-core{width:69px;height:69px}.km-how-core img{width:28px;height:28px}.km-how-sync-state{bottom:65px}.km-how-attribution,.km-how-dashboard{padding:30px 17px}.km-how-kpis b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.km-how-step,.km-how-step .km-how-copy>*{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.km-how-original-visual img{opacity:1!important;transform:none!important;animation:none!important}}

/* Klientomat-inspired product bento, adapted to Klientometr. */
.km-bento { position:relative; padding:112px 24px 120px; background:#fff; color:#152340; }
.km-bento-shell { width:min(100%,1240px); margin:auto; }
.km-bento-heading { max-width:850px; margin:0 auto 62px; text-align:center; }
.km-bento-heading > span { display:inline-block; color:#5570ef; font-size:11px; font-weight:800; letter-spacing:.17em; }
.km-bento-heading > span::before { content:""; display:inline-block; width:2px; height:12px; margin-right:8px; background:#ef7772; vertical-align:-2px; }
.km-bento-heading h2 { margin:15px 0 16px; font-size:clamp(37px,4.2vw,58px); font-weight:650; line-height:1.03; letter-spacing:-.055em; }
.km-bento-heading p { margin:0; color:#71809a; font-size:18px; line-height:1.55; }
.km-bento-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.km-bento-card { position:relative; overflow:hidden; min-width:0; border:2px solid #e7f0fa; border-radius:25px; background:#f3faff; }
.km-bento-card h3 { margin:0; color:#132344; font-size:clamp(24px,2vw,31px); font-weight:650; line-height:1.14; letter-spacing:-.04em; }
.km-bento-card > p { margin:10px 0 0; color:#7b88a0; font-size:18px; line-height:1.45; }
.km-bento-card p strong { color:#24314c; font-weight:750; }
.km-bento-primary { min-height:610px; padding:36px; border-color:rgba(112,151,224,.35); background:linear-gradient(145deg,#83aae8,#668ed7); color:#fff; }
.km-bento-primary h3 { margin-top:29px; color:#fff; }
.km-bento-primary > p { color:rgba(255,255,255,.88); }
.km-bento-primary p strong { color:#172441; }
.km-bento-visual { position:relative; height:370px; }
.km-bento-orders { padding:28px 34px; border-radius:24px; background:linear-gradient(145deg,rgba(155,193,246,.62),rgba(93,136,211,.34)); }
.km-bento-window { height:235px; overflow:hidden; border:8px solid rgba(140,177,232,.68); border-radius:16px; background:#fff; box-shadow:0 17px 35px rgba(32,65,129,.16); }
.km-bento-window-head { display:flex; justify-content:space-between; gap:15px; padding:14px 16px; border-bottom:1px solid #e9eef7; color:#5870d9; font-size:9px; }
.km-bento-window-head span { color:#7d899d; }
.km-bento-table { display:grid; gap:10px; padding:17px; }
.km-bento-table i { display:block; height:18px; border-radius:5px; background:linear-gradient(90deg,#dbe4ff 4%,#f3f6fa 4% 20%,#eaf8ef 20% 32%,#f2f4f8 32% 53%,#e1e8ff 53% 69%,#f3f5f8 69%); }
.km-bento-float { position:absolute; right:60px; bottom:30px; left:60px; display:flex; align-items:center; justify-content:center; gap:16px; min-height:70px; padding:12px 20px; border:5px solid rgba(255,255,255,.56); border-radius:17px; background:#fff; color:#151b2b; box-shadow:0 16px 32px rgba(51,83,147,.19); font-size:19px; font-weight:750; text-align:center; }
.km-bento-float b { font-size:27px; }
.km-bento-roas { min-height:610px; padding:36px 36px 0; }
.km-bento-ads { position:absolute; right:22px; bottom:-6px; left:22px; min-height:360px; padding:25px 24px 80px; border:1px solid #e0e8f3; border-radius:23px 23px 0 0; background:#fff; box-shadow:0 14px 32px rgba(47,70,118,.09); }
.km-bento-ads-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; color:#24314b; font-size:14px; font-weight:750; }
.km-bento-ads-top b { padding:7px 9px; border-radius:9px; background:#edf9f1; color:#248552; font-size:9px; }
.km-bento-ad-row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; margin-top:10px; padding:13px; border-radius:10px; background:#f7f9fc; color:#344159; font-size:12px; }
.km-bento-ad-row i { color:#7d8798; font-style:normal; }
.km-bento-ad-row strong { padding:5px 7px; border-radius:7px; background:#607cf0; color:#fff; }
.km-bento-extension { position:absolute; right:30px; bottom:18px; left:30px; display:flex; align-items:center; gap:12px; padding:13px; border-radius:14px; background:linear-gradient(135deg,#6382f5,#4059da); color:#fff; box-shadow:0 13px 24px rgba(55,76,176,.24); }
.km-bento-extension img { width:27px; height:27px; padding:4px; border-radius:8px; background:#fff; }
.km-bento-extension > span { flex:1; padding-left:12px; border-left:1px solid rgba(255,255,255,.23); }
.km-bento-extension small,.km-bento-extension b { display:block; }
.km-bento-extension small { color:rgba(255,255,255,.67); font-size:7px; }
.km-bento-extension b { margin-top:2px; font-size:14px; }
.km-bento-decisions,.km-bento-sync { min-height:345px; padding:36px; }
.km-bento-decisions { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:24px; }
.km-bento-decisions h3 em { color:#7d8aa2; font-style:normal; font-weight:450; }
.km-bento-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.km-bento-pills span { padding:8px 11px; border:1px solid #e4eaf3; border-radius:9px; background:#fff; color:#263754; font-size:10px; font-weight:700; }
.km-bento-pills span.on { border-color:#5272ef; background:#5272ef; color:#fff; }
.km-bento-mini-chart { position:relative; align-self:stretch; padding:22px; overflow:hidden; border:10px solid #90ace8; border-radius:20px; background:#fff; }
.km-bento-mini-chart small { display:block; color:#7f899b; font-size:10px; }
.km-bento-mini-chart strong { display:block; margin-top:8px; color:#3e9a69; font-size:25px; }
.km-bento-mini-chart svg { position:absolute; right:0; bottom:0; left:0; width:100%; height:140px; }
.km-bento-mini-chart svg path { fill:none; stroke:#5875ec; stroke-width:4; }
.km-bento-mini-chart svg path.fill { fill:rgba(88,117,236,.1); stroke:none; }
.km-bento-sync { display:flex; flex-direction:column; justify-content:flex-end; padding-top:178px; }
.km-bento-sync > h3,.km-bento-sync > p { position:relative; z-index:2; }
.km-bento-sync-ui { position:absolute; top:24px; right:30px; left:30px; display:grid; grid-template-columns:58px 1fr; gap:13px; }
.km-bento-sync-icons { display:grid; gap:9px; }
.km-bento-sync-icons span { display:grid; height:48px; place-items:center; border-radius:12px; background:#fff; color:#5670ea; font-size:12px; font-weight:800; box-shadow:0 5px 14px rgba(37,59,105,.05); }
.km-bento-sync-icons img { width:42px; max-height:24px; object-fit:contain; filter:none; }
.km-bento-sync-icons span:first-child { background:#7d43cf; }
.km-bento-report { padding:20px; border-radius:18px; background:#fff; box-shadow:0 8px 23px rgba(37,59,105,.06); }
.km-bento-report small { color:#7080a0; font-size:9px; }
.km-bento-report h4 { margin:7px 0 14px; font-size:17px; }
.km-bento-report > div { display:flex; gap:10px; }
.km-bento-report > div b { padding:8px; border-radius:8px; background:#eef3ff; color:#526ce9; font-size:12px; }
.km-bento-report > i { display:block; width:80%; height:7px; margin-top:9px; border-radius:99px; background:#edf0f5; }
.km-bento-report > i:last-child { width:52%; }
@media(max-width:820px){.km-bento{padding:80px 15px 88px}.km-bento-heading{margin-bottom:42px}.km-bento-heading p{font-size:16px}.km-bento-grid{grid-template-columns:1fr}.km-bento-primary,.km-bento-roas{min-height:560px}.km-bento-decisions,.km-bento-sync{min-height:360px}}
@media(max-width:480px){.km-bento-heading h2{font-size:29px;white-space:normal;overflow-wrap:anywhere}.km-bento-card{border-radius:20px}.km-bento-primary,.km-bento-roas,.km-bento-decisions,.km-bento-sync{padding-right:22px;padding-left:22px}.km-bento-visual{height:330px}.km-bento-orders{padding:18px 14px}.km-bento-window{height:220px}.km-bento-float{right:28px;bottom:25px;left:28px;min-height:62px;font-size:14px}.km-bento-roas{min-height:570px}.km-bento-ads{right:12px;left:12px;padding-right:13px;padding-left:13px}.km-bento-ad-row{gap:6px;padding:11px 8px;font-size:10px}.km-bento-decisions{display:block;min-height:480px}.km-bento-mini-chart{height:210px;margin-top:24px}.km-bento-sync{min-height:520px;padding-top:320px}.km-bento-sync-ui{right:18px;left:18px}}

/* Original Klientomat feature bento, transferred without ecommerce adaptation. */
.km-bento:has(.km-original-bento) { padding-top:112px; }
.km-original-bento { width:min(100%,1260px); }
.km-original-bento .km-bento-grid { grid-template-columns:1fr 1fr; gap:22px; }
.km-original-feature { display:flex; min-width:0; min-height:0; overflow:hidden; border:2px solid #e7f0fa; border-radius:25px; background:#f2faff; color:#142445; }
.km-original-feature-copy { position:relative; z-index:1; padding:38px 38px 34px; }
.km-original-feature-copy h3 { margin:0; color:#142445; font-size:clamp(25px,2.25vw,34px); font-weight:650; line-height:1.08; letter-spacing:-.045em; }
.km-original-feature-copy p { margin:14px 0 0; color:#74829a; font-size:19px; line-height:1.4; letter-spacing:-.02em; }
.km-original-feature-copy p strong { color:#142445; font-weight:700; }
.km-original-feature-media { display:flex; min-width:0; align-items:center; justify-content:center; }
.km-original-feature-media img { display:block; width:100%; height:100%; object-fit:contain; }
.km-original-feature-data { min-height:620px; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,#799fe1,#87a8df); color:#fff; }
.km-original-feature-data .km-original-feature-media { height:405px; padding:34px 34px 0; }
.km-original-feature-data .km-original-feature-media.km-bento-radar-visual {
  position:relative;
  display:block;
  width:100%;
  height:420px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#01122e;
}
.km-bento-radar-frame {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#01122e;
  pointer-events:none;
}
.km-original-feature-data .km-original-feature-copy { padding-top:24px; }
.km-original-feature-data h3,.km-original-feature-data p,.km-original-feature-data p strong { color:#fff; }
.km-original-feature-email { min-height:620px; flex-direction:column; }
.km-original-feature-email .km-original-feature-copy { padding-bottom:12px; }
.km-original-feature-email .km-original-feature-media { flex:1; min-height:360px; padding:4px 20px 0; align-items:flex-end; }
.km-original-feature-email .km-original-feature-media img { object-position:center bottom; }
.km-original-feature-personalization { min-height:390px; display:grid; grid-template-columns:1fr 1.05fr; align-items:center; }
.km-original-feature-personalization .km-original-feature-copy { padding-right:15px; }
.km-original-feature-personalization .km-original-feature-copy p { margin:0; font-size:28px; line-height:1.18; }
.km-original-feature-personalization .km-original-feature-media { height:100%; padding:24px 22px 24px 0; }
.km-original-feature-personalization .km-original-feature-media.km-bento-performance-visual{position:relative;display:block;width:100%;height:100%;min-height:390px;padding:0;overflow:hidden;background:#f5f8ff}
.km-bento-performance-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#f5f8ff;pointer-events:none}
.km-original-feature-personalization .km-original-feature-media.km-bento-sales-truth-visual{position:relative;display:flex;width:100%;height:100%;min-height:390px;align-items:center;justify-content:center;padding:18px 20px 18px 0;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(121,151,255,.12),transparent 48%),#f5f8ff}
.km-bento-sales-truth-image{display:block;width:auto!important;max-width:100%!important;height:calc(100% - 10px)!important;max-height:510px;object-fit:contain!important;filter:drop-shadow(0 18px 28px rgba(53,75,138,.10))}
@media(max-width:520px){.km-original-feature-personalization .km-original-feature-media.km-bento-performance-visual{width:100%;height:300px;min-height:300px;flex:0 0 300px}}
.km-original-feature-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
.km-original-feature-tags span { padding:8px 11px; border:1px solid #e4ebf5; border-radius:10px; background:#fff; color:#203254; font-size:11px; font-weight:700; box-shadow:0 5px 12px rgba(38,60,105,.05); }
.km-original-feature-meetings { min-height:390px; flex-direction:column; }
.km-original-feature-meetings .km-original-feature-media { height:235px; padding:20px 24px 0; align-items:flex-end; }
.km-original-feature-meetings .km-original-feature-media img { object-position:center bottom; }
.km-original-feature-meetings .km-original-feature-copy { padding-top:18px; }
@media(max-width:820px){.km-bento:has(.km-original-bento){padding-top:80px}.km-original-bento .km-bento-grid{grid-template-columns:1fr}.km-original-feature-data,.km-original-feature-email{min-height:570px}.km-original-feature-personalization{min-height:470px}.km-original-feature-meetings{min-height:430px}}
@media(max-width:520px){.km-original-feature{border-radius:20px}.km-original-feature-copy{padding:27px 23px}.km-original-feature-copy h3{font-size:26px}.km-original-feature-copy p{font-size:16px}.km-original-feature-data .km-original-feature-media{height:315px;padding:20px 16px 0}.km-original-feature-data .km-original-feature-media.km-bento-radar-visual{height:330px;padding:0}.km-original-feature-email .km-original-feature-media{min-height:300px;padding-inline:8px}.km-original-feature-personalization{display:flex;min-height:650px;flex-direction:column}.km-original-feature-personalization .km-original-feature-copy{padding-right:23px}.km-original-feature-personalization .km-original-feature-copy p{font-size:24px}.km-original-feature-personalization .km-original-feature-media{height:380px;padding:0 18px 18px}.km-original-feature-personalization .km-original-feature-media.km-bento-sales-truth-visual{width:100%;height:380px;min-height:380px;flex:0 0 380px;padding:0 18px 18px}.km-bento-sales-truth-image{height:100%!important;max-height:360px}.km-original-feature-meetings .km-original-feature-media{height:220px;padding-inline:10px}}

.km-bento-quote { position:relative; overflow:hidden; padding:72px 24px 78px; background:#fff; color:#152340; }
.km-bento-quote::before { content:""; position:absolute; inset:25px max(12px,calc((100vw - 1280px)/2)); opacity:.55; background-image:linear-gradient(#eef2f7 1px,transparent 1px),linear-gradient(90deg,#eef2f7 1px,transparent 1px); background-size:15px 15px; mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 76%); -webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 76%); pointer-events:none; }
.km-bento-quote-inner { position:relative; z-index:1; width:min(100%,880px); margin:auto; }
.km-bento-quote blockquote { margin:0; color:#152340; font-size:clamp(26px,2.6vw,38px); font-style:italic; font-weight:650; line-height:1.1; letter-spacing:-.04em; text-align:center; }
.km-bento-quote-author { display:flex; align-items:center; justify-content:center; gap:13px; margin-top:38px; }
.km-bento-quote-avatar { display:grid; width:46px; height:46px; flex:0 0 auto; place-items:center; border-radius:50%; background:linear-gradient(145deg,#d8efb5,#80b85d); color:#14213d; font-size:17px; font-weight:850; box-shadow:inset 0 0 0 1px rgba(57,99,39,.1); }
.km-bento-quote-author p { margin:0; text-align:left; }
.km-bento-quote-author strong,.km-bento-quote-author small { display:block; }
.km-bento-quote-author strong { color:#172440; font-size:15px; line-height:1.3; }
.km-bento-quote-author small { margin-top:4px; color:#7e899c; font-size:13px; }
@media(max-width:640px){.km-bento-quote{padding:54px 18px 58px}.km-bento-quote::before{inset:14px 8px}.km-bento-quote blockquote{font-size:23px;line-height:1.14}.km-bento-quote-author{align-items:flex-start;margin-top:29px}.km-bento-quote-avatar{width:42px;height:42px;font-size:16px}.km-bento-quote-author strong{font-size:13px}.km-bento-quote-author small{font-size:12px}}

/* Klientomat-inspired layered case-study carousel. */
.km-proof { position:relative; overflow:hidden; padding:40px 24px 105px; background:#fff; color:#17223d; }
.km-case-shell { width:min(100%,1440px); margin:auto; }
.km-case-stack { position:relative; height:785px; }
.km-case-stack::before,.km-case-stack::after { content:""; position:absolute; z-index:0; top:35px; right:25px; bottom:-24px; left:25px; border:1px solid #e7eaf0; border-radius:34px; background:#fff; box-shadow:0 18px 36px rgba(27,36,67,.07); transform:rotate(1.15deg); }
.km-case-stack::after { top:19px; right:13px; bottom:-12px; left:13px; transform:rotate(-.9deg); }
.km-case-card { position:absolute; z-index:1; inset:0; display:grid; grid-template-columns:1.08fr .92fr; overflow:hidden; border:1px solid #e2e6ed; border-radius:34px; background:#fff; box-shadow:0 24px 55px rgba(20,31,66,.14); opacity:0; pointer-events:none; transform:translateX(34px) scale(.975); transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.km-case-card.is-active { z-index:2; opacity:1; pointer-events:auto; transform:none; }
.km-case-copy { display:flex; min-width:0; flex-direction:column; justify-content:space-between; padding:78px 72px 64px; }
.km-case-copy h2 { margin:0; color:#172440; font-size:52px; font-weight:650; line-height:1.04; letter-spacing:-.05em; }
.km-case-copy > div > p { max-width:660px; margin:10px 0 28px; color:#71809b; font-size:27px; line-height:1.42; }
.km-case-tags { display:flex; flex-wrap:wrap; gap:11px; }
.km-case-tags span { padding:12px 18px; border-radius:999px; background:#f4f5f7; color:#202a3d; font-size:17px; font-weight:700; }
.km-case-review { margin-top:38px; }
.km-case-avatar { display:grid; width:72px; height:72px; place-items:center; border-radius:50%; background:linear-gradient(145deg,#dce5ff,#637cf0); color:#fff; font-size:26px; font-weight:800; }
.km-case-review blockquote { max-width:660px; margin:23px 0 34px; color:#25324e; font-size:22px; font-weight:600; line-height:1.5; }
.km-case-meta { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; border-top:1px solid #e9ebef; }
.km-case-meta span strong,.km-case-meta span small { display:block; }
.km-case-meta span strong { font-size:18px; }
.km-case-meta span small { margin-top:4px; color:#8b93a3; font-size:16px; }
.km-case-meta b { padding:10px 13px; border-radius:9px; background:#f2f4f7; color:#818998; font-size:11px; letter-spacing:.04em; }
.km-case-result { position:relative; display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:space-between; padding:62px 58px 58px; color:#fff; text-align:center; background-image:url("assets/klientomat-case-noise.webp"),linear-gradient(rgb(0,0,0),rgb(94,147,254)); background-size:cover,auto; background-position:50% 50%,0 0; background-repeat:no-repeat,repeat; }
.km-case-card:nth-child(2) .km-case-result { background-image:url("assets/klientomat-case-noise.webp"),linear-gradient(rgb(65,5,9),rgb(209,19,44)); }
.km-case-card:nth-child(3) .km-case-result { background-image:url("assets/klientomat-case-noise.webp"),linear-gradient(rgb(76,147,222),rgb(33,83,141)); }
.km-case-result::before { display:none; }
.km-case-result::after { content:""; position:absolute; z-index:0; right:0; bottom:0; left:0; height:27%; border-top:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,rgba(8,15,31,.38),rgba(5,11,23,.82)); pointer-events:none; }
.km-case-result > * { position:relative; z-index:1; }
.km-case-result > img { align-self:flex-start; width:235px; height:auto; }
.km-case-result > img.km-case-result-logo { align-self:center; width:160px; margin:0; object-fit:contain; }
.km-case-result-badge { align-self:center; padding:7px 10px; border-radius:7px; background:rgba(255,255,255,.92); color:#858b98; font-size:9px; font-weight:800; letter-spacing:.02em; }
.km-case-result > div strong { display:block; font-size:146px; font-weight:420; line-height:.92; letter-spacing:-.075em; }
.km-case-result > div p { max-width:400px; margin:23px auto 0; font-size:25px; font-weight:650; line-height:1.35; }
.km-case-result > a { display:flex; align-items:center; justify-content:center; gap:18px; min-width:342px; min-height:76px; padding:0 28px; border-radius:16px; background:#fff; color:#23304b; font-size:19px; font-weight:700; text-decoration:none; }
.km-case-result > a span { font-size:23px; }
.km-case-nav { position:relative; z-index:3; display:flex; align-items:center; justify-content:center; margin-top:68px; }
.km-case-dots { position:relative; display:flex; justify-content:center; gap:9px; margin:0; }
.km-case-dots button { position:relative; width:44px; height:5px; padding:0; overflow:hidden; border:0; border-radius:999px; background:#c5c8ce; cursor:pointer; }
.km-case-dots button::after { content:""; position:absolute; inset:0; border-radius:inherit; background:#17191e; transform:scaleX(0); transform-origin:left center; }
.km-case-dots button.is-active::after { animation:km-case-progress 6.5s linear forwards; }
.km-proof:hover .km-case-dots button.is-active::after { animation-play-state:paused; }
@keyframes km-case-progress { to { transform:scaleX(1); } }
@media(max-width:800px){.km-proof{padding:70px 15px 64px}.km-case-stack{height:720px}.km-case-card{grid-template-columns:1fr;grid-template-rows:auto 285px;border-radius:22px}.km-case-copy{padding:31px 26px 28px}.km-case-copy > div > p{font-size:16px}.km-case-review{margin-top:24px}.km-case-review blockquote{margin:14px 0 18px;font-size:14px}.km-case-result{padding:25px 25px 26px}.km-case-result > img{width:140px}.km-case-result > div strong{font-size:64px}.km-case-result > div p{margin-top:8px;font-size:16px}.km-case-result > a{min-width:220px;padding:13px 18px}.km-case-nav{margin-top:44px}.km-case-dots button{width:34px}}
@media(max-width:480px){.km-case-stack{height:760px}.km-case-copy h2{font-size:27px}.km-case-tags{gap:6px}.km-case-tags span{padding:7px 10px;font-size:11px}.km-case-meta b{display:none}.km-case-result{grid-row:2}.km-case-result > img{width:125px}.km-case-result > div strong{font-size:58px}}
@media(min-width:801px){
  .km-proof{padding:26px 24px 62px}
  .km-case-shell{width:min(100%,900px)}
  .km-case-stack{height:546px}
  .km-case-stack::before,.km-case-stack::after{top:28px;right:20px;bottom:-18px;left:20px;border-radius:30px;transition:transform .75s cubic-bezier(.16,1,.3,1),background .45s ease}
  .km-case-stack::after{top:15px;right:10px;bottom:-9px;left:10px}
  .km-proof[data-case-active="0"] .km-case-stack::before{transform:rotate(1.4deg)}
  .km-proof[data-case-active="0"] .km-case-stack::after{transform:rotate(-1.1deg)}
  .km-proof[data-case-active="1"] .km-case-stack::before{transform:translateX(8px) rotate(-1.25deg)}
  .km-proof[data-case-active="1"] .km-case-stack::after{transform:translateX(-7px) rotate(1deg)}
  .km-proof[data-case-active="2"] .km-case-stack::before{transform:translateX(-6px) rotate(.85deg)}
  .km-proof[data-case-active="2"] .km-case-stack::after{transform:translateX(8px) rotate(-.75deg)}
  .km-case-card{grid-template-columns:53.2% 46.8%;border-radius:28px;transition:opacity .48s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .55s ease}
  .km-case-card.is-before{opacity:0;transform:translateX(-86px) scale(.96) rotate(-.7deg);filter:blur(2px)}
  .km-case-card.is-after{opacity:0;transform:translateX(86px) scale(.96) rotate(.7deg);filter:blur(2px)}
  .km-case-card.is-active{opacity:1;transform:none;filter:none}
  .km-case-copy{padding:49px 47px 42px}
  .km-case-copy h2{font-size:29px;line-height:1.08}
  .km-case-copy>div>p{max-width:382px;margin:4px 0 15px;font-size:16px;line-height:1.35}
  .km-case-tags{gap:7px}
  .km-case-tags span{padding:7px 11px;font-size:11px}
  .km-case-review{margin-top:28px}
  .km-case-avatar{width:46px;height:46px;font-size:17px}
  .km-case-review blockquote{max-width:382px;margin:16px 0 23px;font-size:13px;line-height:1.45}
  .km-case-meta{gap:15px;padding-top:20px}
  .km-case-meta span strong{font-size:12px}
  .km-case-meta span small{margin-top:2px;font-size:11px}
  .km-case-meta b{padding:7px 9px;border-radius:7px;font-size:8px}
  .km-case-result{margin:23px 23px 23px 0;padding:39px 34px 29px;border-radius:22px;background-image:url("assets/klientomat-case-noise.webp"),linear-gradient(rgb(0,0,0),rgb(94,147,254));background-size:cover,auto;background-position:50% 50%,0 0;background-repeat:no-repeat,repeat}
  .km-case-result::after{height:126px}
  .km-case-result>img.km-case-result-logo{width:154px}
  .km-case-result-badge{padding:7px 10px;font-size:8px}
  .km-case-result>div{margin-top:5px;margin-bottom:35px}
  .km-case-result>div strong{font-size:94px}
  .km-case-result>div p{max-width:252px;margin-top:10px;font-size:16px}
  .km-case-result>a{min-width:240px;min-height:47px;padding:0 18px;border-radius:11px;font-size:12px}
  .km-case-result>a span{font-size:18px}
  .km-case-nav{margin-top:66px}
  .km-case-dots{gap:9px;margin-top:0}
  .km-case-dots button{width:40px;height:5px}
  .km-case-dots button.is-active{width:40px}
}

/* True Klientometr-panel composition used in the hero preview. */
#klientometr-dashboard { grid-template-columns: 52px minmax(0,1fr); min-height: 0; border-radius: 10px 10px 0 0; }
.km-live-side { display:flex; flex-direction:column; align-items:center; gap:22px; padding:18px 8px; border-right:1px solid #edf0f6; color:#95a2b7; font-size:15px; background:#fff; }
.km-live-side b { margin-bottom:10px; color:#4e68f4; font-size:24px; font-weight:900; }.km-live-side .on { padding:7px; border-radius:7px; background:#eff3ff; color:#5070f4; }
.km-live-side b { display:grid; width:27px; height:27px; place-items:center; }.km-live-side b img { display:block; width:27px; height:27px; object-fit:contain; }
/* Replace textual placeholders with the same restrained line-icon language as the live panel. */
.km-live-side > span { width:20px; height:20px; padding:0; border-radius:5px; background:center/14px no-repeat; color:transparent; font-size:0; }
.km-live-side > span.on { padding:7px; background-color:#eff3ff; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%235270f4' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='5' height='5'/%3E%3Crect x='15' y='4' width='5' height='5'/%3E%3Crect x='4' y='15' width='5' height='5'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3C/svg%3E"); }
.km-live-side > span:nth-of-type(2) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2395a2b7' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4h14v16H5zM12 4v16'/%3E%3C/svg%3E"); }.km-live-side > span:nth-of-type(3) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2395a2b7' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 14 4-4 3 3 5-6'/%3E%3C/svg%3E"); }.km-live-side > span:nth-of-type(4) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2395a2b7' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.3.9a7 7 0 0 0-1.7-1l-.3-2.5h-4l-.3 2.5a7 7 0 0 0-1.7 1l-2.3-.9-2 3.4 2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.3-.9a7 7 0 0 0 1.7 1l.3 2.5h4l.3-2.5a7 7 0 0 0 1.7-1l2.3.9 2-3.4-2-1.5c.1-.3.1-.7.1-1z'/%3E%3C/svg%3E"); }
.km-live-top div i { display:inline-grid; width:22px; height:22px; margin-left:5px; place-items:center; border:1px solid #e6eaf1; border-radius:50%; background:center/12px no-repeat; color:transparent; font-size:0; }.km-live-top div i:nth-child(1) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2369798d' stroke-width='1.8' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E"); }.km-live-top div i:nth-child(2) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23405270' stroke-width='1.8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23405270'/%3E%3C/svg%3E"); }.km-live-top div i:nth-child(3) { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2395a2b7' stroke-width='1.8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); }
.km-live-actions button:nth-child(2) { width:34px; padding:0; font-size:0; background:center/13px no-repeat #fff; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23596880' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11a8 8 0 1 1-2.3-5.7'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E"); }.km-live-actions button:nth-child(3)::before { content:""; display:inline-block; width:13px; height:13px; margin-right:5px; vertical-align:-2px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23596880' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h4v4H5zM15 5h4v4h-4zM5 15h4v4H5zM15 15h4v4h-4z'/%3E%3C/svg%3E"); }
.km-widget h4 > span { width:28px; height:15px; font-size:0; background-position:0 center,20px center; background-size:10px 10px,8px 8px; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%2398a5ba' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2398a5ba' stroke-width='2.3' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E"); }
.km-live { min-width:0; background:#f9fafc; }.km-live-top { display:flex; align-items:center; justify-content:space-between; height:34px; padding:0 16px; border-bottom:1px solid #edf0f5; background:#fff; color:#56627a; font-size:10px; }.km-live-top b { color:#2a3447; }.km-live-top i { display:inline-grid; width:20px; height:20px; margin-left:4px; place-items:center; border:1px solid #e6eaf1; border-radius:50%; color:#293348; font-style:normal; }
.km-live-sync { display:flex; gap:9px; align-items:center; min-height:23px; padding:0 16px; border-bottom:1px solid #e7ebf2; background:#fff; color:#78859a; font-size:7px; }.km-live-sync b { color:#39445a; }.km-live-sync span::first-letter { color:#e7a527; }
.km-live-title { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 16px; background:#fff; border-bottom:1px solid #e7ebf2; }.km-live-title h3 { margin:0; font-size:18px; letter-spacing:-.6px; }.km-live-title h3 em { margin-left:5px; padding:3px 5px; background:#eff3ff; color:#5471f5; border-radius:4px; font-size:8px; font-style:normal; vertical-align:middle; }.km-live-title p { margin:3px 0 0; color:#8490a5; font-size:9px; }.km-live-actions { display:flex; gap:5px; }.km-live-actions button,.km-open { padding:6px 8px; border:1px solid #e2e7ef; background:#fff; color:#3f4b61; border-radius:4px !important; font-size:8px; font-weight:600; }
.km-widget-grid { display:grid; grid-template-columns:1.05fr 2.2fr 1.1fr; gap:8px; padding:10px; }.km-widget { min-width:0; overflow:hidden; border:1px solid #e1e6ef; border-radius:7px; background:#fff; color:#1b263b; }.km-widget h4 { display:flex; align-items:center; gap:6px; margin:0; padding:8px 10px; border-bottom:1px solid #e9edf3; font-size:10px; }.km-widget h4 i { color:#526ff5; font-style:normal; font-size:13px; }.km-widget h4 span { margin-left:auto; color:#98a5ba; font-weight:400; }.km-widget small { display:block; margin-top:3px; color:#9aa6ba; font-size:7px; font-weight:500; }.km-meta { grid-row:span 1; }.km-meta-main { display:flex; justify-content:space-between; margin:8px; padding:9px; border:1px solid #dce6ff; border-radius:6px; background:#eff4ff; }.km-meta-main b { font-size:17px; }.km-meta-main strong { color:#4e68eb; font-size:15px; text-align:right; }.km-duo { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:0 8px 8px; }.km-duo b { min-height:36px; padding:7px; border:1px solid #eef1f5; border-radius:5px; font-size:13px; }.km-meta-foot { margin:0 8px 8px; padding:7px; border:1px solid #eef1f5; border-radius:5px; }.km-meta-foot b { display:block; font-size:13px; }
.km-widget h4 i { display:inline-block; width:16px; height:16px; flex:0 0 16px; background:center/contain no-repeat; color:transparent; font-size:0; }
.km-meta h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h4l2.1-5 4 10 2.1-5H21'/%3E%3C/svg%3E"); }
.km-revenue h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%236278ff' stroke='none'/%3E%3C/svg%3E"); }
.km-result h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='1'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%236278ff' stroke='none'/%3E%3C/svg%3E"); }
.km-attribution h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E"); }
.km-performance h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19V6M10 19V6M15 19V6M20 19V6'/%3E%3C/svg%3E"); }
.km-orders h4 i { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236278ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h2l2.2 11h10.6l2-8H7'/%3E%3Ccircle cx='10' cy='19' r='1'/%3E%3Ccircle cx='17' cy='19' r='1'/%3E%3C/svg%3E"); }
.km-revenue { grid-column:2; }.km-revenue-stat { display:flex; gap:30px; padding:9px 13px 0; }.km-revenue-stat b { font-size:15px; }.km-revenue-stat b + b small { color:#df5268; }.km-revenue svg { display:block; width:calc(100% - 24px); height:64px; margin:0 12px; }.km-gridline { fill:none; stroke:#e7ebf2; stroke-dasharray:2 3; }.km-line { fill:none; stroke-width:2.1; }.km-line.blue { stroke:#5979ef; }.km-line.red { stroke:#df5268; }.km-hours { display:flex; justify-content:space-between; padding:0 13px 7px; color:#9aa5b6; font-size:6px; }
.km-orders { display:block; grid-column:3; }.km-orders-stat { display:flex; justify-content:space-between; align-items:end; padding:11px 11px 2px; }.km-orders-stat b { font-size:20px; }.km-orders-stat strong { font-size:13px; text-align:right; }.km-order-chart { display:flex; align-items:end; gap:8px; height:45px; margin:5px 18px 8px; padding-left:30%; border-bottom:1px dashed #e7eaf0; }.km-order-chart i { width:7px; background:#6590ed; }
.km-result { grid-column:1; }.km-negative,.km-positive { display:block; padding:11px 10px 3px; font-size:21px; }.km-negative { color:#d43757; }.km-positive { color:#15966c; }.km-result p { min-height:32px; margin:0; padding:0 10px; color:#718096; font-size:8px; line-height:1.4; }.km-widget-total { margin:7px 10px 8px; padding-top:6px; border-top:1px solid #eef1f5; }.km-widget-total span { display:flex; justify-content:space-between; padding:3px 0; color:#7c889a; font-size:8px; }.km-widget-total b { color:#253146; }
.km-attribution { grid-column:2; }.km-live-value { display:block; padding:11px 10px 3px; font-size:21px; }.km-blue-value { color:#4b68e9; background:#f0f4ff; }.km-open { display:block; width:calc(100% - 16px); margin:0 8px 8px; padding:6px; }.km-customers { display:none; }.km-customer-box { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px; }.km-customer-box b { min-height:64px; padding:10px; border-radius:5px; background:#eff4ff; font-size:21px; }.km-customer-box b + b { background:#fafbfc; }.km-performance { grid-column:3; }.km-perf-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:9px; }.km-perf-grid b { min-height:43px; padding:8px; border:1px solid #edf0f5; border-radius:5px; font-size:14px; }
@media(max-width:700px){.km-live-side{display:none}.km-widget-grid{grid-template-columns:1fr 1fr}.km-revenue{grid-column:span 1}.km-orders{display:none}.km-result{grid-column:1}.km-attribution{grid-column:2}.km-customers,.km-performance{display:none}.km-live-sync{display:none}.km-live-title{padding:12px}.km-live-actions button:first-child{display:none}.km-revenue svg{height:60px}.km-widget h4{padding:8px}.km-meta-main{margin:7px}.km-meta-main b{font-size:15px}.km-duo{padding:0 7px 7px}.km-live-title p{display:none}}

/* Clean hero: no inherited template layers, animation wrappers, or opacity overlays. */
main > .km-hero {
  position:relative; isolation:isolate; overflow:hidden; padding:105px 24px 0 !important; background:linear-gradient(135deg,#3147dc 0%,#5a6ee9 48%,#7e91ec 100%) !important; color:#fff;
}
main > .km-hero::before { display:none !important; }
main > .km-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.34; background-image:radial-gradient(rgba(214,224,255,.62) .7px,transparent .9px); background-size:18px 18px; mask-image:radial-gradient(ellipse 80% 70% at 50% 46%,#000,transparent 92%); -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 46%,#000,transparent 92%); }
.km-hero-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(6px); opacity:.6; pointer-events:none; }.km-hero-glow-one { width:560px; height:560px; top:-230px; right:-110px; background:radial-gradient(circle,rgba(255,255,255,.35),transparent 66%); }.km-hero-glow-two { width:620px; height:460px; bottom:40px; left:-230px; background:radial-gradient(circle,rgba(33,27,179,.6),transparent 68%); }
.km-hero-content { position:relative; z-index:3; max-width:820px; margin:0 auto; text-align:center; pointer-events:auto; }.km-hero-badge { display:inline-flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.12); box-shadow:inset 0 1px rgba(255,255,255,.14); color:#fff; font-size:13px; font-weight:600; }.km-hero-badge i { width:7px; height:7px; border-radius:50%; background:#ff6a69; box-shadow:0 0 0 3px rgba(255,106,105,.12); }
.km-hero h1 { max-width:820px; margin:24px auto 16px; color:#fff !important; font-size:clamp(40px,4.25vw,62px); line-height:1.06; font-weight:600; letter-spacing:-.06em; text-shadow:none; }.km-hero-content > p { max-width:680px; margin:0 auto; color:rgba(255,255,255,.86) !important; font-size:clamp(15px,1.25vw,18px); line-height:1.5; }.km-hero-cta { display:inline-flex; align-items:center; gap:12px; margin:24px 0 50px; padding:12px 17px 12px 19px; background:#fff; border:1px solid rgba(255,255,255,.8); border-radius:2px; color:#2d43c9; font-size:14px; font-weight:750; text-decoration:none; box-shadow:0 15px 30px rgba(24,36,143,.2); }.km-hero-cta span { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#eef0ff; font-size:15px; }
.km-hero-cta { position:relative; z-index:4; pointer-events:auto; cursor:pointer; }.km-hero-dashboard { position:relative; z-index:2; width:min(1000px,100%); margin:0 auto; border-radius:11px 11px 0 0; box-shadow:0 -3px 0 rgba(255,255,255,.1),0 26px 80px rgba(18,25,109,.4); }.km-hero-dashboard #klientometr-dashboard { width:100%; }
.km-hero-screen { position:relative; z-index:2; width:min(1120px,calc(100% - 80px)); margin:12px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.42); border-bottom:0; border-radius:15px 15px 0 0; background:#fff; box-shadow:0 -2px 0 rgba(255,255,255,.14),0 38px 92px rgba(8,18,93,.46); opacity:0; transform:translateY(42px) scale(.96); transform-origin:center bottom; transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1); will-change:opacity,transform; }
.km-hero-screen.is-visible { opacity:1; transform:none; }
.km-hero-screen::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.7); }
.km-hero-screen img { display:block; width:100%; height:auto; object-fit:cover; object-position:top center; }
@media(max-width:700px){main > .km-hero{padding:118px 14px 0 !important}.km-hero h1{margin-top:22px;font-size:44px}.km-hero-content>p{font-size:16px}.km-hero-cta{margin-bottom:42px}.km-hero-badge{font-size:11px}.km-hero-dashboard{width:118%;margin-left:-9%}}

/* Klientometr LP hero language: grid, editorial italic line and dual CTA. */
main > .km-hero { background-color:#2853e9 !important; background-image:radial-gradient(circle at 17% 10%,rgba(83,157,255,.52),transparent 30%),radial-gradient(circle at 84% 66%,rgba(77,129,255,.38),transparent 34%),linear-gradient(135deg,#2476ef 0%,#2853e9 52%,#1554e9 100%) !important; background-size:auto,auto,auto !important; }
.km-hero-glow-one { opacity:.36; }.km-hero-glow-two { opacity:.26; }.km-hero-content { max-width:1120px; }.km-hero-badge { gap:12px; margin-top:28px; padding:10px 16px; border-color:rgba(255,255,255,.2); background:rgba(29,51,191,.24); font-size:11px; line-height:1; }.km-hero-badge b { margin:0; padding:7px 12px; border-radius:999px; background:#fff; color:#4c60e8; font-size:10px; line-height:1; }.km-hero-badge > span { color:#fff; white-space:nowrap; }
.km-hero-question { margin-top:23px; color:#fff; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(25px,2.1vw,36px); font-style:italic; font-weight:500; line-height:1.1; }.km-hero h1 { max-width:none; margin:15px auto 19px; font-size:clamp(48px,5.3vw,84px); line-height:.99; }.km-hero h1 span { display:block; background:linear-gradient(110deg,#fff 8%,#f8fbff 44%,#bfcfff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }.km-hero h1 em { display:block; margin-top:8px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(29px,3.35vw,54px); font-weight:500; font-style:italic; letter-spacing:-.05em; }.km-hero-content > p { max-width:850px; font-size:clamp(15px,1.35vw,19px); }.km-hero-actions { display:flex; justify-content:center; gap:11px; margin:28px 0 25px; }.km-hero-cta { display:inline-flex; min-height:42px; align-items:center; margin:0; padding:0 18px; border-radius:4px !important; font-size:13px; font-weight:700; letter-spacing:-.015em; box-shadow:none; }.km-hero-cta.primary { border-color:#f5d847; background:linear-gradient(180deg,#ffe86a,#f7d944); color:#172038; box-shadow:0 7px 16px rgba(21,32,89,.15),inset 0 1px rgba(255,255,255,.32); }.km-hero-cta.secondary { border-color:rgba(255,255,255,.54); background:rgba(61,80,215,.18); color:#fff; }.km-hero-cta.secondary span { width:20px; height:20px; background:rgba(255,255,255,.14); color:#fff; font-size:9px; }.km-hero-trust { display:flex; justify-content:center; gap:26px; margin-bottom:37px; color:rgba(255,255,255,.82); font-size:11px; font-weight:600; }.km-hero-trust span::first-letter { color:#8cf5c5; }
@media(max-width:700px){.km-hero-badge{margin-top:28px;max-width:330px;line-height:1.3}.km-hero-question{margin-top:18px;font-size:25px}.km-hero h1{font-size:47px}.km-hero h1 em{font-size:29px}.km-hero-actions{flex-direction:column;align-items:center;margin:24px 0}.km-hero-trust{display:none}.km-hero-cta{width:max-content}.km-hero-content>p{max-width:510px}.km-hero-dashboard{margin-top:8px}.km-hero-screen{width:118%;margin-top:12px;margin-left:-9%;border-radius:11px 11px 0 0}.km-hero-screen img{min-height:250px;object-fit:cover;object-position:16% top}}
@media(prefers-reduced-motion:reduce){.km-hero-screen{opacity:1!important;transform:none!important;transition:none!important}}

/* Restrained depth for the hero composition. */
.km-hero-badge { box-shadow:0 10px 28px rgba(13,27,117,.16), inset 0 1px rgba(255,255,255,.12); }
.km-hero-question { text-shadow:0 12px 30px rgba(12,24,112,.28); }
.km-hero h1 span { filter:drop-shadow(0 14px 26px rgba(10,23,112,.22)); }
.km-hero h1 em { text-shadow:0 12px 28px rgba(10,23,112,.2); }
.km-hero-content > p { text-shadow:0 4px 18px rgba(10,23,112,.16); }
.km-hero-cta.secondary { box-shadow:0 8px 20px rgba(12,25,111,.16); }
.km-hero-dashboard { box-shadow:0 -2px 0 rgba(255,255,255,.16), 0 34px 86px rgba(8,18,93,.42); }

/* Transparent navigation, matching klientometr.pl. */
header > .container {
  background: rgba(62, 88, 224, .42) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  max-width: 1280px !important;
}
header > .container { transition:max-width .42s cubic-bezier(.16,1,.3,1),width .42s cubic-bezier(.16,1,.3,1),height .32s ease,min-height .32s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease; }
header.km-scrolled > .container {
  background:linear-gradient(135deg, #2476ef 0%, #2853e9 52%, #1554e9 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 10px 28px rgba(12,31,138,.28) !important;
}
@media(min-width:1024px){
  header:not(.km-compact) > .container{width:calc(100% - 96px) !important;max-width:1280px !important}
  header.km-compact > .container{width:calc(100% - 96px) !important;max-width:1120px !important;height:58px !important;min-height:58px}
}
header > .container a, header > .container nav button, header > .container span { color: #fff !important; }
header > .container img { filter: none; }
header > .container > div:first-child a { position:relative; display:block; width:178px; height:38px; }
header > .container > div:first-child a img { opacity:0; }
header > .container > div:first-child a::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,#fff 8%,#f8fbff 44%,#bfcfff 100%); -webkit-mask:url("assets/klientometr-logo-white.png") center/contain no-repeat; mask:url("assets/klientometr-logo-white.png") center/contain no-repeat; filter:drop-shadow(0 10px 18px rgba(10,23,112,.22)); pointer-events:none; }
header > .container nav a, header > .container nav button { background: transparent !important; }
header > .container nav a:hover, header > .container nav button:hover { background: rgba(255,255,255,.1) !important; }
header > .container nav button[aria-expanded="true"] { border:1px solid rgba(255,255,255,.3) !important; background:rgba(255,255,255,.12) !important; }
header a[href="/signin"] { min-height:38px !important; padding:0 20px !important; border:1px solid rgba(255,255,255,.68) !important; border-radius:6px !important; background:transparent !important; color:#fff !important; box-shadow:none !important; font-size:13px !important; font-weight:800 !important; letter-spacing:-.015em !important; }
header a[href="/signup"] { min-height:38px !important; padding:0 20px !important; border:1px solid #fff !important; border-radius:6px !important; background:#fff !important; color:#172039 !important; box-shadow:0 8px 18px rgba(19,35,143,.18) !important; font-size:13px !important; font-weight:800 !important; letter-spacing:-.015em !important; }
header a[href="/signup"]:hover { background:#f2f5ff !important; }
#km-nav-menu { position:fixed; z-index:60; top:80px; left:50%; display:grid; grid-template-columns:190px 1fr; width:620px; padding:18px; border:1px solid rgba(18,29,58,.12); border-radius:9px; background:#fff; box-shadow:0 18px 46px rgba(14,27,74,.22); color:#1e293b; opacity:0; pointer-events:none; transform:translate(-47%,-8px); transition:opacity .18s ease,transform .18s ease; }
#km-nav-menu.open { opacity:1; pointer-events:auto; transform:translate(-47%,0); }.km-nav-intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:12px 22px; border-right:1px solid #edf0f4; }.km-nav-intro img { width:158px; height:auto; margin-bottom:14px; }.km-nav-intro p { margin:10px 0 0; color:#737d8e; font-size:13px; line-height:1.38; }.km-nav-links { display:grid; gap:4px; padding:5px 4px 5px 26px; }.km-nav-links a { display:block; padding:11px 13px; border-radius:6px; color:#1d2738; text-decoration:none; }.km-nav-links a:hover { background:#f3f6ff; transform:none; }.km-nav-links b,.km-nav-links span { display:block; }.km-nav-links b { font-size:14px; }.km-nav-links span { margin-top:4px; color:#727d90; font-size:12px; line-height:1.35; }
@media(max-width:700px){#km-nav-menu{display:none}}

/* Pricing in the same visual language as the hero, kept intentionally white. */
.km-pricing { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg,#f7f9ff 0%,#fff 24%,#fff 100%); }
.km-pricing::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:440px; opacity:.48; background:radial-gradient(circle at 50% -10%,rgba(62,88,224,.20),transparent 58%),radial-gradient(rgba(69,99,230,.18) .7px,transparent .9px); background-size:auto,18px 18px; mask-image:linear-gradient(#000 0%,transparent 90%); pointer-events:none; }
.km-pricing [class*="container"] { position:relative; }
.km-pricing h2 { max-width:900px; margin-inline:auto; color:#17213b; font-size:clamp(2.7rem,5vw,4.7rem) !important; font-weight:750 !important; letter-spacing:-.06em !important; line-height:.98 !important; }
.km-pricing h2 + p { color:#69758c !important; }
.km-pricing [data-slot="card"] { border:1px solid #dfe6fb !important; border-radius:16px !important; background:linear-gradient(145deg,#fff 0%,#fafbff 100%) !important; box-shadow:0 18px 46px rgba(32,57,157,.10),inset 0 1px rgba(255,255,255,.96) !important; transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.km-pricing [data-slot="card"]:hover { transform:translateY(-6px); border-color:#9dadff !important; box-shadow:0 26px 58px rgba(32,57,157,.18),inset 0 1px rgba(255,255,255,.96) !important; }
.km-pricing [data-slot="card"]:nth-child(2) { border-color:#8294ff !important; box-shadow:0 22px 54px rgba(43,73,204,.17),inset 0 1px rgba(255,255,255,.96) !important; }
.km-pricing [data-slot="badge"] { border-color:#cad5ff !important; border-radius:999px !important; background:#eef2ff !important; color:#4160df !important; font-weight:700 !important; }
.km-pricing [data-slot="card"] [data-variant="default"] { border-radius:6px !important; background:linear-gradient(135deg,#3155dd,#5676f4) !important; box-shadow:0 9px 18px rgba(45,74,203,.22) !important; }
.km-pricing [data-slot="card"] [data-variant="default"]:hover { background:linear-gradient(135deg,#2448ca,#4969ee) !important; }
.km-pricing [data-slot="card-content"] { border-color:#e7ebf7 !important; }
.km-pricing [data-slot="switch"] { background:#dfe6ff !important; }
.km-pricing [data-slot="switch"] [data-slot="switch-thumb"] { background:#4665e8 !important; }
@media(max-width:700px){.km-pricing h2{font-size:2.65rem !important}.km-pricing [data-slot="card"]:nth-child(2){transform:none}}

/* Klientometr pricing: the hero composition continued as a focused, interactive offer. */
.km-pricing { padding:116px 24px 54px !important; background:radial-gradient(circle at 16% 11%,rgba(83,157,255,.52),transparent 30%),radial-gradient(circle at 84% 66%,rgba(77,129,255,.38),transparent 34%),linear-gradient(135deg,#2476ef 0%,#2853e9 52%,#1554e9 100%) !important; color:#fff; }
.km-pricing::before { inset:0 !important; z-index:0 !important; height:auto !important; opacity:.30 !important; background-image:radial-gradient(rgba(214,224,255,.62) .7px,transparent .9px) !important; background-size:18px 18px !important; mask-image:radial-gradient(ellipse at center,black,transparent 86%) !important; }
.km-pricing-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,500px); align-items:center; gap:clamp(48px,9vw,150px); width:min(1180px,100%); margin:0 auto; }
.km-pricing-copy { max-width:590px; }.km-pricing-rating { display:flex; align-items:center; gap:8px; margin-bottom:22px; font-size:14px; }.km-pricing-rating span { color:#ffdd46; font-size:22px; letter-spacing:3px; }.km-pricing-rating b { font-size:16px; }.km-pricing-rating small { color:rgba(255,255,255,.78); font-size:14px; }
.km-pricing h2 { margin:0 !important; max-width:none !important; color:#fff !important; font-size:clamp(3.4rem,5.8vw,5.4rem) !important; font-weight:800 !important; letter-spacing:-.065em !important; line-height:.94 !important; text-align:left !important; }.km-pricing h2 em { display:block; margin-top:10px; font-family:"Cormorant Garamond",Georgia,serif; font-size:.7em; font-weight:500; letter-spacing:-.055em; }.km-pricing-copy > p { max-width:560px; margin:28px 0 0 !important; color:rgba(255,255,255,.88) !important; font-size:18px !important; line-height:1.55 !important; }
.km-pricing-card { padding:30px 32px 28px; border:1px solid rgba(255,255,255,.66); border-radius:24px; background:#fff; color:#18213a; box-shadow:0 28px 70px rgba(9,22,112,.34),inset 0 1px rgba(255,255,255,.9); }.km-pricing-price { display:flex; align-items:baseline; gap:8px; }.km-pricing-price > span { color:#69758c; font-size:18px; }.km-pricing-price strong { color:#060b17; font-size:58px; letter-spacing:-.07em; line-height:1; }.km-pricing-price small { color:#69758c; font-size:17px; }.km-pricing-plan { display:inline-flex; margin:8px 0 18px; padding:4px 9px; border:1px solid #c6efcd; border-radius:999px; background:#effcf1; color:#367c42; font-size:12px; font-weight:700; }.km-pricing-card hr { margin:0 0 23px; border:0; border-top:1px dashed #d7dce6; }.km-pricing-card > p { margin:0 0 14px; color:#20283b; font-size:14px; }.km-pricing-card > p i { font-style:italic; }.km-pricing-card > p b { margin-left:4px; }
.km-pricing-card input { width:100%; height:7px; margin:4px 0 0; accent-color:#5270f4; cursor:pointer; }.km-pricing-stops { display:flex; justify-content:space-between; margin:7px 0 24px; color:#768198; font-size:10px; }.km-pricing-card ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }.km-pricing-card li { color:#435069; font-size:14px; }.km-pricing-card li::before { content:"✓"; margin-right:9px; color:#5373f4; font-weight:900; }.km-pricing-card-bottom { display:flex; align-items:center; gap:14px; margin-top:28px; }.km-pricing-card-bottom a { display:flex; align-items:center; justify-content:space-between; gap:17px; min-height:48px; padding:0 16px; border-radius:6px; background:linear-gradient(135deg,#ffec70,#f7d944); color:#15203a; font-size:14px; font-weight:800; text-decoration:none; box-shadow:0 8px 18px rgba(195,154,16,.17); }.km-pricing-card-bottom a b { font-size:21px; }.km-pricing-card-bottom small { color:#778196; font-size:11px; line-height:1.35; }
.km-pricing-rail { position:relative; z-index:1; display:block; width:calc(100% + 48px); margin:62px -24px 0; padding:17px 0; overflow:hidden; border-block:1px solid rgba(255,255,255,.16); background:rgba(26,50,188,.22); color:rgba(255,255,255,.78); font-family:"Cormorant Garamond",Georgia,serif; font-size:22px; font-style:italic; white-space:nowrap; }.km-pricing-rail-track { display:flex; width:max-content; will-change:transform; animation:km-pricing-marquee 16s linear infinite !important; }.km-pricing-rail-group { display:flex; align-items:center; gap:clamp(42px,5.5vw,92px); padding-right:clamp(42px,5.5vw,92px); }.km-pricing-rail span::before { content:"✦"; margin-right:11px; color:#cbd8ff; font-family:Inter,sans-serif; font-size:12px; font-style:normal; }.km-pricing-note { position:relative; z-index:1; margin:36px auto 0 !important; color:rgba(255,255,255,.84) !important; font-size:15px !important; text-align:center; }
@keyframes km-pricing-marquee { to { transform:translate3d(-50%,0,0); } }
@media(max-width:800px){.km-pricing{padding:92px 20px 42px !important}.km-pricing-shell{grid-template-columns:1fr;gap:40px}.km-pricing-copy{text-align:center}.km-pricing h2{text-align:center !important}.km-pricing-copy>p{margin-inline:auto !important}.km-pricing-rating{justify-content:center}.km-pricing-card{width:min(500px,100%);margin:auto}.km-pricing-rail{justify-content:flex-start;gap:28px;font-size:19px}.km-pricing-note{font-size:13px !important}}

/* Mobile-app showcase, based on the supplied two-column product section. */
.km-mobile-showcase { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,500px); align-items:center; gap:clamp(48px,9vw,150px); padding:clamp(92px,11vw,150px) max(24px,calc((100vw - 1120px)/2)); overflow:hidden; background:linear-gradient(145deg,#fff 0%,#f6f8ff 100%); }
.km-mobile-copy { max-width:560px; }.km-mobile-copy > span { display:inline-block; margin-bottom:18px; color:#4967e8; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.km-mobile-copy h2 { margin:0; color:#18213a; font-size:clamp(3.1rem,5vw,5rem); font-weight:800; letter-spacing:-.065em; line-height:.96; }.km-mobile-copy h2 em { font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; }.km-mobile-copy > p { margin:26px 0 0; color:#6f7b92; font-size:18px; line-height:1.55; }.km-mobile-points { display:grid; gap:11px; margin-top:28px; }.km-mobile-points b { color:#36425a; font-size:14px; font-weight:650; }.km-mobile-points b::first-letter { color:#4c6df2; }.km-mobile-copy > a { display:inline-flex; align-items:center; gap:12px; min-height:46px; margin-top:32px; padding:0 17px; border-radius:6px; background:linear-gradient(135deg,#3155dd,#5676f4); color:#fff; font-size:14px; font-weight:800; text-decoration:none; box-shadow:0 12px 24px rgba(47,76,203,.23); }.km-mobile-copy > a strong { display:grid; width:22px; height:22px; place-items:center; border:1px solid rgba(255,255,255,.24); border-radius:50%; font-size:15px; }
.km-store-badges { display:flex; align-items:center; gap:12px; margin-top:32px; }
.km-store-badges a { position:relative; display:grid; height:40px; flex:0 0 auto; place-items:center; overflow:hidden; border-radius:7px; background:#000; box-shadow:0 7px 18px rgba(24,31,62,.13); transition:transform .2s ease,filter .2s ease,box-shadow .2s ease; }
.km-store-badges a:hover { filter:brightness(1.06); transform:translateY(-2px); box-shadow:0 10px 23px rgba(24,31,62,.18); }
.km-store-badges a:focus-visible { outline:3px solid rgba(78,104,235,.3); outline-offset:3px; }
.km-store-badges .is-app-store { width:120px; }
.km-store-badges .is-app-store img { display:block; width:120px; height:40px; max-width:none; object-fit:contain; }
.km-store-badges .is-google-play { width:146px; }
.km-store-badges .is-google-play img { display:block; width:155px; height:auto; max-width:none; object-fit:contain; }
.km-phone-stage { position:relative; display:grid; place-items:center; min-height:590px; }.km-phone-glow { position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(85,116,243,.29),transparent 67%); filter:blur(9px); }.km-phone { position:relative; z-index:1; width:286px; padding:10px; border:8px solid #141a2c; border-radius:42px; background:#141a2c; box-shadow:0 28px 58px rgba(24,36,99,.28),0 0 0 1px rgba(255,255,255,.85) inset; transform:rotate(5deg); }.km-phone-notch { position:absolute; z-index:2; top:10px; left:50%; width:105px; height:24px; border-radius:0 0 15px 15px; background:#141a2c; transform:translateX(-50%); }.km-phone-screen { overflow:hidden; min-height:550px; border-radius:27px; background:#f8faff; }.km-phone-top { display:flex; align-items:center; gap:7px; padding:37px 15px 13px; border-bottom:1px solid #e9edf6; background:#fff; color:#526078; font-size:10px; font-weight:700; }.km-phone-top img { width:17px; height:17px; }.km-phone-top i { margin-left:auto; color:#8e9ab0; font-size:12px; font-style:normal; letter-spacing:1px; }.km-phone-body { padding:17px 14px; }.km-phone-body > small { color:#8490a5; font-size:9px; }.km-phone-body h3 { margin:15px 0 4px; color:#17213a; font-size:23px; letter-spacing:-.06em; }.km-phone-body > p { margin:0; color:#8792a8; font-size:10px; }.km-phone-summary { display:grid; grid-template-columns:1.35fr 1fr; gap:8px; margin-top:17px; }.km-phone-summary span { display:flex; flex-direction:column; gap:4px; padding:11px; border:1px solid #e3e8f5; border-radius:8px; background:#fff; color:#8d98ae; font-size:9px; }.km-phone-summary span:last-child { background:#eff3ff; color:#687890; }.km-phone-summary b { color:#19233b; font-size:17px; letter-spacing:-.04em; }.km-phone-summary span:last-child b { color:#526ff0; }.km-phone-chart { margin-top:10px; padding:12px; border:1px solid #e3e8f5; border-radius:8px; background:#fff; }.km-phone-chart > div { display:flex; align-items:end; gap:7px; height:116px; padding:0 3px 8px; border-bottom:1px solid #edf0f6; }.km-phone-chart i { width:19px; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,#8198ff,#4c69ea); }.km-phone-chart i:nth-child(3n) { background:linear-gradient(180deg,#91d2b7,#4eaa7d); }.km-phone-chart b { display:block; margin-top:9px; color:#5e6b84; font-size:10px; }.km-phone-row { display:grid; grid-template-columns:1fr 1.35fr; gap:8px; margin-top:10px; }.km-phone-row span { display:flex; flex-direction:column; gap:4px; padding:11px; border-radius:8px; background:#fff; color:#8d98ae; font-size:9px; }.km-phone-row b { color:#1c273e; font-size:15px; }.km-phone-row span:last-child b { color:#17926a; }
@media(max-width:800px){.km-mobile-showcase{grid-template-columns:1fr;padding:84px 24px 72px;text-align:center}.km-mobile-copy{margin:auto}.km-phone-stage{min-height:540px}.km-phone{transform:none}.km-mobile-points{justify-items:center}.km-store-badges{justify-content:center}}
@media(max-width:420px){.km-store-badges{gap:8px}.km-store-badges .is-app-store{width:108px;height:36px}.km-store-badges .is-app-store img{width:108px;height:36px}.km-store-badges .is-google-play{width:131px;height:36px}.km-store-badges .is-google-play img{width:139.5px}}

/* Dark conversion CTA with integrations/product-preview language. */
.km-growth-cta { position:relative; overflow:hidden; padding:105px 24px 118px !important; background:radial-gradient(circle at 18% 15%,rgba(75,94,174,.19),transparent 29%),radial-gradient(circle at 80% 86%,rgba(115,65,231,.19),transparent 30%),#161719; color:#fff; }.km-growth-cta::before { content:""; position:absolute; inset:0; opacity:.24; background-image:radial-gradient(rgba(255,255,255,.16) .65px,transparent .85px); background-size:16px 16px; mask-image:linear-gradient(transparent,black 14%,black 86%,transparent); pointer-events:none; }
.km-growth-heading { position:relative; z-index:1; max-width:810px; margin:auto; text-align:center; }.km-growth-heading h2 { margin:0; font-size:clamp(3rem,5.4vw,4.9rem); font-weight:700; letter-spacing:-.06em; line-height:.96; }.km-growth-heading h2 em { display:block; margin-top:7px; font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; letter-spacing:-.05em; }.km-growth-heading p { max-width:780px; margin:24px auto 0; color:rgba(255,255,255,.72); font-size:17px; line-height:1.55; }
.km-growth-tabs { position:relative; z-index:1; display:flex; justify-content:center; gap:4px; width:max-content; max-width:100%; margin:42px auto 50px; padding:6px; overflow:auto; border:1px solid rgba(255,255,255,.32); border-radius:999px; background:#f9faff; box-shadow:0 0 0 7px rgba(255,255,255,.11),0 16px 34px rgba(0,0,0,.22); }.km-growth-tabs button { flex:0 0 auto; min-height:39px; padding:0 14px; border:0; border-radius:999px; background:transparent; color:#4f596c; font-size:12px; font-weight:650; cursor:pointer; }.km-growth-tabs button.active { background:linear-gradient(135deg,#5745ed,#8149f3); color:#fff; box-shadow:0 6px 15px rgba(77,52,205,.28); }
.km-growth-card { position:relative; z-index:1; display:grid; grid-template-columns:1.04fr 1fr; width:min(1060px,100%); margin:auto; overflow:hidden; border:1px solid rgba(181,142,255,.48); border-radius:18px; background:linear-gradient(135deg,#7145ec 0%,#8d45e8 48%,#5e34bd 100%); box-shadow:0 34px 70px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.24); }.km-growth-card::after { content:""; position:absolute; right:18%; bottom:-45%; width:480px; height:480px; border-radius:50%; background:rgba(222,196,255,.14); filter:blur(2px); }
.km-growth-store { position:relative; z-index:1; align-self:end; margin:58px 0 0 36px; overflow:hidden; border:6px solid rgba(221,216,255,.9); border-bottom:0; border-radius:15px 15px 0 0; background:#fff; box-shadow:0 -2px 0 rgba(0,0,0,.15),18px 12px 0 rgba(33,25,83,.24); transform:translateY(4px); }.km-store-bar { display:flex; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #e9e8f2; color:#2c3350; font-size:10px; }.km-store-bar b { color:#5268dc; font-size:13px; }.km-store-bar span { color:#7b8296; }.km-store-main { display:grid; grid-template-columns:1fr .74fr; gap:15px; min-height:262px; padding:27px 22px; color:#27304a; }.km-store-main small { display:block; color:#8d96ab; font-size:9px; font-weight:700; }.km-store-main > div > b { display:block; margin-top:8px; font-size:28px; letter-spacing:-.06em; }.km-store-main p { color:#7a8499; font-size:10px; }.km-store-bars { display:flex; align-items:end; gap:7px; height:112px; margin-top:20px; }.km-store-bars i { width:18px; border-radius:4px 4px 0 0; background:linear-gradient(#8f9ff9,#5b69e8); }.km-store-bars i:nth-child(1){height:40%}.km-store-bars i:nth-child(2){height:58%}.km-store-bars i:nth-child(3){height:43%}.km-store-bars i:nth-child(4){height:81%}.km-store-bars i:nth-child(5){height:67%}.km-store-bars i:nth-child(6){height:96%}.km-store-order { align-self:center; padding:15px 13px; border:1px solid #e7e8ef; border-radius:9px; background:#f9faff; box-shadow:0 10px 22px rgba(49,59,121,.12); }.km-store-order span { color:#6f7b95; font-size:10px; }.km-store-order b { color:#19956d !important; font-size:18px !important; }.km-store-order small { margin-top:7px; line-height:1.3; }
.km-growth-info { position:relative; z-index:1; padding:58px 52px 48px; }.km-growth-kicker { color:#e5d8ff; font-size:10px; font-weight:800; letter-spacing:.12em; }.km-growth-info h3 { margin:19px 0 0; font-size:clamp(2.2rem,4vw,3.7rem); font-weight:700; letter-spacing:-.065em; line-height:.92; }.km-growth-info h3 em { font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; }.km-growth-info > p { max-width:410px; margin:21px 0 0; color:rgba(255,255,255,.86); font-size:15px; line-height:1.48; }.km-growth-list { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; margin-top:26px; }.km-growth-list span { color:#fff; font-size:13px; font-weight:550; }.km-growth-list span::first-letter { color:#dfe4ff; }.km-growth-info > a { display:inline-flex; align-items:center; gap:19px; min-height:46px; margin-top:31px; padding:0 16px; border-radius:999px; background:#fff; color:#4721b6; font-size:14px; font-weight:750; text-decoration:none; box-shadow:0 10px 24px rgba(38,16,113,.25); }.km-growth-info > a b { font-size:20px; }
@media(max-width:800px){.km-growth-cta{padding:78px 20px 82px !important}.km-growth-tabs{justify-content:flex-start;width:100%;margin:34px auto 38px}.km-growth-card{grid-template-columns:1fr}.km-growth-store{order:2;margin:0 24px;transform:none}.km-growth-info{padding:42px 26px 35px}.km-growth-list{grid-template-columns:1fr}.km-growth-heading p{font-size:15px}}

/* Alternate CTA surface: layered slate card inspired by the supplied reference. */
.km-growth-card { overflow:visible; border-color:rgba(182,232,221,.20); background:linear-gradient(135deg,#1b383b 0%,#315457 52%,#29494c 100%); box-shadow:0 34px 70px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.15); }
.km-growth-card::before { content:""; position:absolute; z-index:0; top:44px; bottom:40px; left:-30px; width:57%; border-radius:16px; background:linear-gradient(135deg,#6742cc,#8b46dc); box-shadow:0 20px 42px rgba(0,0,0,.28); transform:rotate(-2deg); }.km-growth-card::after { background:rgba(164,216,204,.12); }
.km-growth-store { border-color:rgba(235,243,242,.72); box-shadow:0 -2px 0 rgba(0,0,0,.15),18px 12px 0 rgba(16,42,45,.34); }.km-growth-kicker { color:#b8dbd4; }.km-growth-info > a { background:#f3de58; color:#1a2932; box-shadow:0 10px 24px rgba(7,27,31,.28); }.km-growth-info > a:hover { background:#fff06d; }.km-growth-tabs button.active { background:linear-gradient(135deg,#4966ec,#7048eb); }
@media(max-width:800px){.km-growth-card::before{left:-15px;right:-15px;top:48%;bottom:auto;width:auto;height:280px}.km-growth-store{position:relative;z-index:1}}

/* Active Klientometr footer layout. */
footer.km-footer { position:relative; overflow:hidden; padding:82px max(24px,calc((100vw - 1120px)/2)) 28px !important; border:0 !important; background:radial-gradient(circle at 12% 10%,rgba(45,75,177,.15),transparent 30%),#17181a !important; color:#fff; }
footer.km-footer::before { content:""; position:absolute; inset:0; opacity:.23; background-image:radial-gradient(rgba(255,255,255,.19) .65px,transparent .85px); background-size:5px 5px; mask-image:linear-gradient(transparent,black 9%,black 90%,transparent); pointer-events:none; }.km-footer-grid,.km-footer-bottom { position:relative; z-index:1; width:min(100%,1120px); margin:auto; }.km-footer-grid { display:grid; grid-template-columns:1.65fr repeat(3,1fr); gap:65px; }.km-footer-brand img { display:block; width:185px; height:auto; }.km-footer-brand p { max-width:330px; margin:28px 0 0; color:#d1d3d8; font-size:15px; line-height:1.6; }.km-footer-rating { display:flex; align-items:center; gap:15px; width:max-content; margin-top:30px; padding:13px 16px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.045); }.km-footer-rating > span { color:#f4c63c; font-size:13px; letter-spacing:1px; white-space:nowrap; }.km-footer-rating > div { display:flex; align-items:center; gap:10px; padding-left:14px; border-left:1px solid rgba(255,255,255,.12); }.km-footer-rating strong { color:#fff; font-size:21px; font-weight:650; letter-spacing:-.7px; }.km-footer-rating strong small { margin-left:2px; color:#c5cbd4; font-size:16px; font-weight:650; letter-spacing:0; }.km-footer-rating b { color:#aeb4bf; font-size:9px; font-weight:650; letter-spacing:.55px; line-height:1.35; text-transform:uppercase; }.km-footer-grid > div:not(.km-footer-brand) { display:flex; flex-direction:column; gap:15px; }.km-footer-grid h3 { margin:0 0 8px; color:#5582ff; font-size:14px; font-weight:650; }.km-footer-grid a { color:#d0d2d7; font-size:14px; text-decoration:none; transition:color .18s ease; }.km-footer-grid a:hover { color:#fff; }.km-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:68px; padding-top:25px; border-top:1px solid rgba(255,255,255,.12); color:#858a94; font-size:12px; }
@media(max-width:800px){footer.km-footer{padding:64px 24px 25px !important}.km-footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.km-footer-brand{grid-column:1/-1}.km-footer-bottom{flex-direction:column;margin-top:45px}.km-footer-brand p{font-size:14px}}

/* Two-card WooCommerce / Shopify carousel. */
.km-growth-carousel { position:relative; z-index:1; width:min(1060px,100%); margin:auto; padding:0 0 58px; }.km-growth-viewport { overflow:hidden; padding:0 34px; margin:0 -34px; }.km-growth-track { display:flex; width:100%; transition:transform .48s cubic-bezier(.16,1,.3,1); }.km-growth-slide { flex:0 0 100%; width:100%; margin:0; }.km-growth-slide.is-woo { background:linear-gradient(135deg,#5d38cf 0%,#8748e8 48%,#6635bf 100%); }.km-growth-slide.is-woo::before { background:linear-gradient(135deg,#293b7a,#4868dd); }.km-growth-slide.is-woo .km-growth-info > a { background:#f3de58; color:#19213a; }.km-growth-slide.is-shopify { background:linear-gradient(135deg,#1b383b 0%,#315457 52%,#29494c 100%); }.km-growth-slide.is-shopify::before { background:linear-gradient(135deg,#6742cc,#8b46dc); }.km-growth-slide.is-shopify .km-growth-info > a { background:#acd16d; color:#1a2932; }.km-growth-controls { position:absolute; bottom:0; left:50%; display:flex; gap:9px; transform:translateX(-50%); }.km-growth-controls button { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(255,255,255,.08); color:#fff; font-size:20px; cursor:pointer; transition:background .18s ease,opacity .18s ease; }.km-growth-controls button:hover:not(:disabled) { background:rgba(255,255,255,.2); }.km-growth-controls button:disabled { opacity:.28; cursor:default; }
@media(max-width:800px){.km-growth-carousel{padding-bottom:52px}.km-growth-viewport{padding:0;margin:0}.km-growth-slide{min-width:100%}}

/* Keep the previously approved card surface for both carousel variants. */
.km-growth-slide.is-woo { background:linear-gradient(135deg,#1b383b 0%,#315457 52%,#29494c 100%); }.km-growth-slide.is-woo::before { background:linear-gradient(135deg,#6742cc,#8b46dc); }.km-growth-slide.is-woo .km-growth-info > a { background:#f3de58; color:#1a2932; }

.km-growth-carousel { margin-top:44px; }.km-growth-heading h2,.km-growth-info h3 { font-weight:600 !important; }.km-growth-heading h2 em,.km-growth-info h3 em { font-weight:500 !important; }.km-growth-cta :is(.km-growth-kicker,.km-growth-list span,.km-growth-info > a,.km-store-bar b,.km-store-main > div > b,.km-store-order b) { font-weight:600; }

/* Pricing spacing and contrast refinement. */
.km-pricing .km-pricing-copy { position:relative; z-index:2; transform:translateY(-42px); }.km-pricing .km-pricing-copy > p { color:rgba(255,255,255,.9) !important; }.km-pricing .km-pricing-rail { top:53%; z-index:0; background:rgba(24,50,184,.19); color:rgba(255,255,255,.68); font-size:19px; }.km-pricing .km-pricing-rail span::before { color:rgba(220,229,255,.7); }.km-pricing h2 { font-weight:650 !important; letter-spacing:-.058em !important; }.km-pricing .km-pricing-card { position:relative; z-index:2; border-radius:22px; }.km-pricing-price strong { font-weight:600; }
@media(max-width:800px){.km-pricing .km-pricing-copy{transform:none}.km-pricing .km-pricing-rail{top:54%;font-size:17px}}

/* Restore the preceding pricing composition. */
.km-pricing .km-pricing-copy { transform:none; }.km-pricing .km-pricing-rail { top:48%; z-index:0; background:rgba(26,50,188,.22); color:rgba(255,255,255,.78); font-size:22px; }.km-pricing .km-pricing-rail span::before { color:#cbd8ff; }.km-pricing h2 { font-weight:700 !important; letter-spacing:-.065em !important; }.km-pricing .km-pricing-card { border-radius:24px; }.km-pricing-price strong { font-weight:650; }

footer.km-footer .km-footer-grid h3 { color:#fff !important; }
.km-footer-brand > img.km-footer-partner { width:126px; height:auto; margin-top:22px; border-radius:10px; opacity:.92; }

.km-growth-heading h2 { font-size:clamp(2.65rem,4.35vw,3.95rem); letter-spacing:-.055em; }.km-growth-heading p { max-width:680px; font-size:15px; }.km-growth-tabs { margin:34px auto 42px; }

/* Feature rail crosses the pricing composition, behind the offer card. */
.km-pricing .km-pricing-rail { position:absolute; z-index:0; top:48%; left:0; width:100%; margin:0; }
.km-pricing .km-pricing-shell,.km-pricing .km-pricing-note { z-index:1; }
@media(max-width:800px){.km-pricing .km-pricing-rail{top:52%;}}

/* Match the calmer, semibold typography used in the references section. */
.km-pricing h2,.km-mobile-copy h2 { font-weight:700 !important; letter-spacing:-.055em !important; }
.km-pricing h2 em,.km-mobile-copy h2 em { font-weight:500 !important; }
.km-pricing-rating b,.km-pricing-copy > span { font-weight:700 !important; }
.km-pricing-card { color:#20283d; }.km-pricing-price strong { color:#151c31; font-weight:650; letter-spacing:-.055em; }.km-pricing-card > p b,.km-pricing-card li { font-weight:550; }.km-pricing-card-bottom a { font-weight:700; }.km-pricing-plan { font-weight:650; }
.km-mobile-copy > a,.km-mobile-points b { font-weight:650; }.km-phone-body h3,.km-phone-summary b,.km-phone-row b { font-weight:650; }

/* Metorik-inspired pricing composition: strong left headline, crossing feature rail and a single calculator card. */
.km-pricing { min-height:900px; padding:118px 24px 64px !important; }
.km-pricing::after { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(90deg,rgba(11,65,207,.08),transparent 28%,transparent 72%,rgba(10,61,198,.08)); pointer-events:none; }
.km-pricing-shell { grid-template-columns:minmax(0,1fr) 448px; align-items:start; gap:clamp(70px,10vw,154px); width:min(1180px,100%); }
.km-pricing-copy { padding-top:55px; }
.km-pricing-rating { margin-bottom:24px; }
.km-pricing-rating span { color:#ffdc3f; font-size:20px; letter-spacing:4px; text-shadow:0 1px 0 rgba(123,91,0,.15); }
.km-pricing-rating b { font-size:15px; }
.km-pricing-rating small { font-size:14px; }
.km-pricing h2 { max-width:680px !important; font-size:clamp(3.8rem,5.25vw,5rem) !important; line-height:.93 !important; }
.km-pricing h2 em { max-width:700px; margin-top:14px; font-size:.64em; line-height:1.02; }
.km-pricing-card { padding:31px 31px 30px; border-radius:22px !important; box-shadow:0 30px 75px rgba(8,24,115,.30),0 2px 7px rgba(13,34,127,.08); }
.km-pricing-card-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:19px; }
.km-pricing-price { flex-wrap:nowrap; gap:7px; }
.km-pricing-price > span { font-size:17px; }
.km-pricing-price strong { font-size:52px; white-space:nowrap; }
.km-pricing-price strong.is-custom { font-size:30px; letter-spacing:-.035em; }
.km-pricing-price small { font-size:15px; white-space:nowrap; }
.km-pricing-plan { flex:0 0 auto; margin:0; }
.km-pricing-card hr { margin-bottom:26px; }
.km-pricing-card > p { margin-bottom:15px; font-size:13px; }
.km-pricing-card input[type="range"] { --range-progress:20%; appearance:none; height:8px; margin:1px 0 0; border-radius:999px; outline:0; background:linear-gradient(to right,#5873ee 0 var(--range-progress),#e5e7eb var(--range-progress) 100%); }
.km-pricing-card input[type="range"]::-webkit-slider-thumb { appearance:none; width:18px; height:18px; border:4px solid #fff; border-radius:50%; background:#5873ee; box-shadow:0 1px 5px rgba(29,47,126,.36); }
.km-pricing-card input[type="range"]::-moz-range-thumb { width:11px; height:11px; border:4px solid #fff; border-radius:50%; background:#5873ee; box-shadow:0 1px 5px rgba(29,47,126,.36); }
.km-pricing-stops { align-items:start; margin:9px -3px 27px; font-size:9px; }
.km-pricing-stops span { width:26px; text-align:center; }
.km-pricing-stops span:first-child { text-align:left; }
.km-pricing-stops span:last-child { text-align:right; }
.km-pricing-card ul { gap:11px; }
.km-pricing-card li { font-size:13px; }
.km-pricing-card li::before { content:"✓"; }
.km-pricing-card-bottom { margin-top:27px; }
.km-pricing-card-bottom a { flex:1 1 auto; min-height:50px; padding-inline:17px; }
.km-pricing-card-bottom small { flex:0 0 auto; }
.km-pricing .km-pricing-rail { top:45.5%; z-index:0; display:block; min-height:58px; padding:15px 0; border-color:rgba(255,255,255,.13); background:rgba(27,62,204,.22); font-size:19px; }
.km-pricing .km-pricing-rail { font-family:Inter,"SF Pro Display","Segoe UI",sans-serif; font-size:14px; font-style:normal; font-weight:650; letter-spacing:-.012em; color:rgba(247,249,255,.88); backdrop-filter:blur(5px); }
.km-pricing .km-pricing-rail-track { animation-duration:22s !important; }
.km-pricing .km-pricing-rail-group { gap:clamp(52px,6vw,106px); padding-right:clamp(52px,6vw,106px); }
.km-pricing .km-pricing-rail span { display:inline-flex; align-items:center; gap:10px; }
.km-pricing .km-pricing-rail span::before { content:""; width:18px; height:18px; flex:0 0 18px; margin:0; background:currentColor; opacity:.9; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; }
.km-pricing .km-pricing-rail span[data-icon="roas"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16Zm3-3.4 3.7-4 3 2.2L19 7.4l1.5 1.3-6.5 7.8-3.1-2.3-2.5 2.7L7 15.6Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16Zm3-3.4 3.7-4 3 2.2L19 7.4l1.5 1.3-6.5 7.8-3.1-2.3-2.5 2.7L7 15.6Z'/%3E%3C/svg%3E"); }
.km-pricing .km-pricing-rail span[data-icon="attribution"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3.1a7 7 0 0 1 5.9 5.9H22v2h-3.1a7 7 0 0 1-5.9 5.9V22h-2v-3.1A7 7 0 0 1 5.1 13H2v-2h3.1A7 7 0 0 1 11 5.1V2Zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3.1a7 7 0 0 1 5.9 5.9H22v2h-3.1a7 7 0 0 1-5.9 5.9V22h-2v-3.1A7 7 0 0 1 5.1 13H2v-2h3.1A7 7 0 0 1 11 5.1V2Zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E"); }
.km-pricing .km-pricing-rail span[data-icon="reports"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h6v8H2V5a2 2 0 0 1 2-2Zm10 0h6a2 2 0 0 1 2 2v4h-8V3ZM2 15h8v6H4a2 2 0 0 1-2-2v-4Zm12-2h8v6a2 2 0 0 1-2 2h-6v-8Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h6v8H2V5a2 2 0 0 1 2-2Zm10 0h6a2 2 0 0 1 2 2v4h-8V3ZM2 15h8v6H4a2 2 0 0 1-2-2v-4Zm12-2h8v6a2 2 0 0 1-2 2h-6v-8Z'/%3E%3C/svg%3E"); }
.km-pricing .km-pricing-rail span[data-icon="store"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 3-2 6v2a3 3 0 0 0 2 2.8V21h16v-7.2a3 3 0 0 0 2-2.8V9l-2-6H4Zm1.4 2h13.2l1.3 4H4.1l1.3-4ZM6 14h12v5h-3v-4H9v4H6v-5Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 3-2 6v2a3 3 0 0 0 2 2.8V21h16v-7.2a3 3 0 0 0 2-2.8V9l-2-6H4Zm1.4 2h13.2l1.3 4H4.1l1.3-4ZM6 14h12v5h-3v-4H9v4H6v-5Z'/%3E%3C/svg%3E"); }
.km-pricing .km-pricing-rail span[data-icon="costs"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4.1c1.5.2 2.7.9 3.4 2l-1.8 1.1c-.5-.8-1.3-1.2-2.4-1.2-1.2 0-2 .5-2 1.2 0 .8.7 1.1 2.5 1.6 2.5.7 3.8 1.7 3.8 3.7 0 1.8-1.4 3-3.5 3.4V20h-2v-2.1a5.8 5.8 0 0 1-3.8-2.3L9 14.5a4 4 0 0 0 3.2 1.5c1.4 0 2.2-.5 2.2-1.3 0-.8-.7-1.2-2.6-1.7-2.4-.7-3.6-1.6-3.6-3.6 0-1.7 1.2-2.9 3.2-3.3V4h2v2.1H13Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4.1c1.5.2 2.7.9 3.4 2l-1.8 1.1c-.5-.8-1.3-1.2-2.4-1.2-1.2 0-2 .5-2 1.2 0 .8.7 1.1 2.5 1.6 2.5.7 3.8 1.7 3.8 3.7 0 1.8-1.4 3-3.5 3.4V20h-2v-2.1a5.8 5.8 0 0 1-3.8-2.3L9 14.5a4 4 0 0 0 3.2 1.5c1.4 0 2.2-.5 2.2-1.3 0-.8-.7-1.2-2.6-1.7-2.4-.7-3.6-1.6-3.6-3.6 0-1.7 1.2-2.9 3.2-3.3V4h2v2.1H13Z'/%3E%3C/svg%3E"); }
.km-pricing .km-pricing-rail span[data-icon="growth"]::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h3v3h-2V5.4l-6.4 6.4-4-3.1L3 16.2 1.5 14.8l7.8-8.7 4.1 3.1L18.6 4H17V2h2v1Z'/%3E%3Cpath d='M3 19h18v2H3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h3v3h-2V5.4l-6.4 6.4-4-3.1L3 16.2 1.5 14.8l7.8-8.7 4.1 3.1L18.6 4H17V2h2v1Z'/%3E%3Cpath d='M3 19h18v2H3z'/%3E%3C/svg%3E"); }
.km-pricing-explainer { position:absolute; z-index:1; top:548px; left:max(24px,calc((100vw - 1180px)/2)); color:rgba(255,255,255,.9); font-size:16px; line-height:1.48; }
.km-pricing-explainer p { margin:0; }
.km-pricing-trust { position:absolute; z-index:1; right:24px; bottom:54px; left:24px; text-align:center; }
.km-pricing-trust small { display:block; margin-bottom:23px; color:rgba(255,255,255,.72); font-size:13px; }
.km-pricing-trust > div { display:flex; align-items:center; justify-content:space-between; gap:36px; width:min(1120px,100%); margin:auto; color:rgba(255,255,255,.68); }
.km-pricing-trust span { font-size:17px; font-weight:700; letter-spacing:-.025em; }
@media(max-width:800px){
  .km-pricing{min-height:0;padding:84px 20px 62px !important}
  .km-pricing-shell{grid-template-columns:1fr;gap:42px}
  .km-pricing-copy{padding-top:0;text-align:center}
  .km-pricing h2{font-size:clamp(3rem,12vw,4rem) !important;text-align:center !important}
  .km-pricing h2 em{font-size:.6em;line-height:1.08}
  .km-pricing .km-pricing-rail{position:relative;top:auto;left:auto;width:calc(100% + 40px);margin:46px -20px 0;justify-content:flex-start;overflow:hidden;font-size:17px}
  .km-pricing-explainer{position:relative;top:auto;left:auto;width:100%;margin:34px auto 0;padding:0 10px;box-sizing:border-box;text-align:center;font-size:14px;white-space:normal}
  .km-pricing-explainer p{max-width:520px;margin-inline:auto}
  .km-pricing-trust{position:relative;right:auto;bottom:auto;left:auto;width:100%;margin-top:50px;padding-inline:10px;box-sizing:border-box}
  .km-pricing-trust small{max-width:340px;margin-inline:auto;white-space:normal}
  .km-pricing-trust>div{flex-wrap:wrap;justify-content:center;gap:18px 30px}
  .km-pricing-trust span{font-size:15px}
}
@media(max-width:480px){
  .km-pricing-card{padding:26px 20px 24px}
  .km-pricing-card-head{align-items:flex-start}
  .km-pricing-price{display:grid;grid-template-columns:auto auto;gap:0 6px}
  .km-pricing-price>span{align-self:end;padding-bottom:5px}
  .km-pricing-price strong{font-size:42px}
  .km-pricing-price strong.is-custom{font-size:25px}
  .km-pricing-price small{grid-column:2;font-size:12px}
  .km-pricing-stops span:nth-child(even){visibility:hidden}
  .km-pricing-card-bottom{align-items:stretch;flex-direction:column}
  .km-pricing-card-bottom small{text-align:center}
}

/* Confidence section: a soft blue editorial feature grid inspired by the supplied Metorik layout. */
.km-confidence[hidden] { display:none !important; }
.km-confidence { position:relative; isolation:isolate; overflow:hidden; padding:104px 24px 116px; background:linear-gradient(135deg,#4969ee 0%,#5e73ef 48%,#7892f1 100%); color:#fff; }
.km-confidence::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.30; background-image:radial-gradient(rgba(255,255,255,.42) .65px,transparent .85px); background-size:16px 16px; mask-image:radial-gradient(ellipse at center,#000,transparent 84%); pointer-events:none; }
.km-confidence::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(40,75,217,.12),transparent 35%,rgba(255,255,255,.09)); pointer-events:none; }
.km-confidence-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(8px); pointer-events:none; }
.km-confidence-glow-one { top:-220px; left:-120px; width:640px; height:640px; background:radial-gradient(circle,rgba(69,132,255,.46),transparent 68%); }
.km-confidence-glow-two { right:-80px; bottom:-260px; width:700px; height:700px; background:radial-gradient(circle,rgba(177,203,255,.34),transparent 69%); }
.km-confidence-inner { position:relative; z-index:1; width:min(1140px,100%); margin:auto; }
.km-confidence-heading { max-width:820px; margin:auto; text-align:center; }
.km-confidence-badge { display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:0 13px; border:1px solid rgba(255,255,255,.19); border-radius:7px; background:rgba(255,255,255,.10); box-shadow:inset 0 1px rgba(255,255,255,.08); color:rgba(255,255,255,.9); font-size:12px; font-weight:650; }
.km-confidence-badge i { display:grid; width:15px; height:15px; place-items:center; border:1px solid rgba(255,255,255,.75); border-radius:4px; font-size:8px; font-style:normal; }
.km-confidence-heading h2 { margin:31px 0 0; color:#fff; font-size:clamp(2.8rem,4.45vw,4.35rem); font-weight:700; letter-spacing:-.06em; line-height:.96; }
.km-confidence-heading h2 em { font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; letter-spacing:-.045em; }
.km-confidence-heading h3 { margin:23px 0 0; color:rgba(255,255,255,.94); font-size:17px; font-weight:600; letter-spacing:-.02em; }
.km-confidence-heading > p { max-width:720px; margin:22px auto 0; color:rgba(255,255,255,.86); font-size:15px; line-height:1.55; }
.km-confidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:52px; }
.km-confidence-grid article { min-height:158px; padding:28px 30px 26px; border:1px solid rgba(255,255,255,.28); border-radius:17px; background:linear-gradient(135deg,rgba(72,91,222,.34),rgba(255,255,255,.065)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 35px rgba(34,55,164,.06); transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.km-confidence-grid article:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.48); background:linear-gradient(135deg,rgba(65,84,214,.46),rgba(255,255,255,.11)); }
.km-confidence-card-title { display:flex; align-items:center; gap:13px; }
.km-confidence-card-title > span { flex:0 0 auto; color:#dbe5ff; font-size:24px; line-height:1; }
.km-confidence-card-title h4 { margin:0; color:#fff; font-size:21px; font-weight:700; letter-spacing:-.035em; line-height:1.1; }
.km-confidence-grid article > p { margin:20px 0 0; color:rgba(255,255,255,.86); font-size:14px; line-height:1.5; }
@media(max-width:800px){
  .km-confidence{padding:82px 20px 88px}
  .km-confidence-heading h2{font-size:clamp(2.75rem,11vw,3.8rem)}
  .km-confidence-heading h2 em{display:block;margin-top:5px}
  .km-confidence-heading h3{font-size:16px;line-height:1.4}
  .km-confidence-heading>p{font-size:14px}
  .km-confidence-grid{grid-template-columns:1fr;margin-top:40px}
  .km-confidence-grid article{min-height:0;padding:25px 23px}
}
@media(max-width:480px){
  .km-confidence{padding-inline:16px}
  .km-confidence-heading h2{font-size:2.65rem}
  .km-confidence-card-title{align-items:flex-start}
  .km-confidence-card-title h4{font-size:19px}
}

/* Metorik-style platform carousel: one complete integration card with the next platform layered behind it. */
.km-growth-cta { padding:88px 24px 92px !important; background:radial-gradient(circle at 76% 82%,rgba(70,45,139,.20),transparent 32%),radial-gradient(circle at 15% 10%,rgba(64,90,144,.12),transparent 31%),#17191b; }
.km-growth-cta::before { opacity:.18; background-size:13px 13px; }
.km-growth-carousel { --km-stack-one:linear-gradient(135deg,#304b47,#55705f); --km-stack-two:linear-gradient(150deg,#5634be,#6f4bd9); width:min(1000px,100%); margin-top:42px; padding-bottom:54px; isolation:isolate; }
.km-growth-carousel[data-active="1"] { --km-stack-one:linear-gradient(135deg,#6542d4,#8152e8); --km-stack-two:linear-gradient(150deg,#314b86,#4569cb); }
.km-growth-carousel::before { content:""; position:absolute; z-index:0; top:27px; right:-27px; bottom:82px; left:38px; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:var(--km-stack-one); box-shadow:0 25px 54px rgba(0,0,0,.32); transform:rotate(1.25deg); transition:background .55s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.km-growth-carousel::after { content:""; position:absolute; z-index:-1; top:50px; right:-46px; bottom:104px; left:86px; border:1px solid rgba(255,255,255,.09); border-radius:17px; background:var(--km-stack-two); box-shadow:0 18px 42px rgba(0,0,0,.22); transform:rotate(-1.05deg); transition:background .55s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.km-growth-carousel[data-active="1"]::before { transform:rotate(-1.2deg) translateX(-8px); }
.km-growth-carousel[data-active="1"]::after { transform:rotate(1.15deg) translateX(8px); }
.km-growth-viewport { position:relative; z-index:2; overflow:visible; margin:-24px -34px -18px; padding:24px 34px 18px; cursor:grab; touch-action:pan-y; user-select:none; }
.km-growth-carousel.is-dragging .km-growth-viewport { cursor:grabbing; }
.km-growth-carousel.is-dragging .km-growth-track .km-growth-slide { transition-duration:.22s; }
.km-growth-track { display:grid; width:100%; transform:none !important; transition:none; }
.km-growth-track .km-growth-slide { grid-area:1/1; width:100%; min-width:0; opacity:0; pointer-events:none; transform:translateX(70px) scale(.965) rotate(1.2deg); transform-origin:center; transition:opacity .42s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .55s ease; will-change:transform,opacity; }
.km-growth-track .km-growth-slide.is-active { z-index:3; opacity:1; pointer-events:auto; transform:none; filter:none; }
.km-growth-track .km-growth-slide.is-after { z-index:2; opacity:.82; transform:translate(46px,17px) scale(.982) rotate(1.25deg); filter:saturate(.82) brightness(.72); }
.km-growth-track .km-growth-slide.is-before { z-index:2; opacity:.76; transform:translate(-46px,18px) scale(.98) rotate(-1.25deg); filter:saturate(.82) brightness(.72); }
.km-growth-card.km-growth-slide { grid-template-columns:52% 48%; min-height:438px; overflow:hidden; border:1px solid rgba(255,255,255,.28); border-radius:19px; box-shadow:0 24px 55px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.20); }
.km-growth-slide.is-woo { background:radial-gradient(circle at 29% 20%,rgba(190,145,255,.38),transparent 32%),radial-gradient(circle at 74% 88%,rgba(235,216,255,.11),transparent 34%),linear-gradient(132deg,#7550e9 0%,#8149e7 51%,#6637c4 100%); }
.km-growth-slide.is-shopify { background:radial-gradient(circle at 30% 25%,rgba(185,218,135,.23),transparent 36%),linear-gradient(135deg,#416c57 0%,#3d6555 48%,#284b45 100%); }
.km-growth-card.km-growth-slide::before { content:"woo"; position:absolute; z-index:2; top:34px; left:38px; width:auto; height:auto; border:0; border-radius:0; background:none; box-shadow:none; color:#fff; font-size:47px; font-weight:850; letter-spacing:-.08em; line-height:1; text-transform:lowercase; transform:none; }
.km-growth-card.km-growth-slide.is-shopify::before { content:"shopify"; font-size:31px; letter-spacing:-.05em; }
.km-growth-card.km-growth-slide::before { display:none; }
.km-platform-logo { position:absolute; z-index:3; top:29px; left:32px; display:block; width:108px; height:34px; object-fit:contain; object-position:left center; filter:drop-shadow(0 4px 12px rgba(27,12,74,.14)); }
.km-growth-slide.is-shopify .km-platform-logo { width:134px; height:38px; }
.km-growth-card.km-growth-slide::after { right:-110px; bottom:-240px; width:570px; height:570px; background:rgba(226,211,255,.11); }
.km-growth-slide .km-growth-store { align-self:end; min-width:0; margin:91px 0 0 27px; overflow:hidden; border:5px solid rgba(245,244,255,.90); border-bottom:0; border-radius:15px 15px 0 0; background:#fff; box-shadow:0 -1px 0 rgba(0,0,0,.09),11px 10px 0 rgba(63,29,130,.18),0 21px 40px rgba(34,13,86,.22); transform:none; }
.km-growth-slide.is-shopify .km-growth-store { border-color:rgba(230,242,235,.86); box-shadow:0 -1px 0 rgba(0,0,0,.10),14px 12px 0 rgba(24,57,45,.28),0 23px 45px rgba(17,43,35,.23); }
.km-growth-slide .km-store-bar { padding:12px 14px; background:rgba(249,250,255,.96); }
.km-growth-slide .km-store-main { min-height:274px; padding:26px 21px; background:linear-gradient(180deg,#fff 0%,#fcfcff 100%); }
.km-growth-slide .km-store-main > div > b { font-size:25px; }
.km-growth-slide .km-store-bars { height:112px; gap:6px; margin-top:16px; }
.km-growth-slide .km-store-bars i { width:16px; box-shadow:inset 0 1px rgba(255,255,255,.38); }
.km-growth-slide .km-store-order { padding:14px 12px; border-radius:11px; background:linear-gradient(145deg,#fbfbff,#f5f7ff); box-shadow:0 12px 28px rgba(49,59,121,.13); }
.km-growth-slide .km-growth-info { display:flex; flex-direction:column; padding:43px 36px 29px; }
.km-growth-slide .km-growth-kicker { width:max-content; padding:6px 9px; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.76); font-size:8px; letter-spacing:.14em; }
.km-growth-slide .km-growth-info h3 { max-width:410px; margin-top:16px; font-size:clamp(2.35rem,3vw,3rem); line-height:.91; letter-spacing:-.06em; }
.km-growth-slide .km-growth-info > p { max-width:390px; margin-top:17px; color:rgba(255,255,255,.83); font-size:12px; line-height:1.48; }
.km-growth-slide .km-growth-list { grid-template-columns:1fr 1fr; gap:9px 13px; margin-top:19px; }
.km-growth-slide .km-growth-list span { display:flex; align-items:flex-start; gap:5px; color:rgba(255,255,255,.94); font-size:10px; line-height:1.3; }
.km-growth-footnote { display:block; max-width:170px; margin-top:auto; padding-top:20px; color:rgba(255,255,255,.62); font-size:9px; line-height:1.4; }
.km-growth-slide .km-growth-info > a { align-self:flex-end; min-width:188px; min-height:42px; justify-content:space-between; margin-top:-23px; padding-inline:17px; border:1px solid rgba(255,255,255,.24); border-radius:999px; font-size:11px; box-shadow:0 10px 24px rgba(47,18,113,.20); transition:transform .22s ease,filter .22s ease,box-shadow .22s ease; }
.km-growth-slide .km-growth-info > a:hover { transform:translateY(-2px); filter:brightness(1.035); box-shadow:0 14px 30px rgba(47,18,113,.27); }
.km-growth-slide.is-woo .km-growth-info > a { background:#f4df58; color:#1d2440; }
.km-growth-slide.is-shopify .km-growth-info > a { background:#b9db7b; color:#203127; }
.km-growth-controls { position:relative; bottom:auto; left:auto; z-index:5; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:min(100%,500px); gap:10px; margin:32px auto 0; transform:none; }
.km-growth-controls button { position:relative; display:flex; width:auto; height:auto; min-height:60px; align-items:center; justify-content:flex-start; gap:11px; overflow:hidden; padding:9px 14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(255,255,255,.045); color:rgba(255,255,255,.64); text-align:left; cursor:pointer; backdrop-filter:blur(10px); transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease; }
.km-growth-controls button:hover { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.10); color:#fff; transform:translateY(-2px); }
.km-growth-controls button.is-active { color:#fff; border-color:rgba(255,255,255,.32); box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.18); transform:translateY(-2px); }
.km-growth-controls button:first-child.is-active { background:linear-gradient(135deg,rgba(115,76,225,.96),rgba(136,73,232,.92)); }
.km-growth-controls button:last-child.is-active { background:linear-gradient(135deg,rgba(50,82,72,.98),rgba(71,111,90,.94)); }
.km-growth-control-logo { display:grid; width:70px; height:34px; flex:0 0 70px; place-items:center; padding:5px 7px; border-radius:8px; background:rgba(255,255,255,.075); }
.km-growth-control-logo img { display:block; width:100%; max-height:27px; object-fit:contain; }
.km-growth-controls button > span:last-child { display:flex; min-width:0; flex-direction:column; gap:3px; }
.km-growth-controls button b { color:inherit; font-size:12px; font-weight:650; line-height:1.1; }
.km-growth-controls button small { color:inherit; font-size:9px; line-height:1.1; opacity:.66; }
@media(max-width:800px){
  .km-growth-cta{padding:78px 18px 84px !important}
  .km-growth-carousel{margin-top:38px;padding-bottom:0}
  .km-growth-carousel::before{top:25px;right:-10px;bottom:83px;left:18px;transform:rotate(1deg)}
  .km-growth-carousel::after{display:none}
  .km-growth-viewport{margin:0;padding:0}
  .km-growth-track .km-growth-slide.is-after{opacity:.45;transform:translate(15px,10px) scale(.985) rotate(.6deg)}
  .km-growth-track .km-growth-slide.is-before{opacity:.35;transform:translate(-15px,10px) scale(.985) rotate(-.6deg)}
  .km-growth-card.km-growth-slide{grid-template-columns:1fr;min-height:0}
  .km-platform-logo{top:27px;left:26px;width:108px;height:34px}
  .km-growth-slide.is-shopify .km-platform-logo{width:134px;height:38px}
  .km-growth-slide .km-growth-info{padding:92px 25px 34px}
  .km-growth-slide .km-growth-info h3{font-size:clamp(2.55rem,11vw,3.35rem)}
  .km-growth-slide .km-growth-list{grid-template-columns:1fr 1fr}
  .km-growth-footnote{max-width:none;margin-top:0;padding-top:25px}
  .km-growth-slide .km-growth-info>a{align-self:flex-start;min-width:0;margin-top:18px}
  .km-growth-slide .km-growth-store{order:2;margin:0 20px;transform:none}
}
@media(max-width:480px){
  .km-growth-slide .km-growth-list{grid-template-columns:1fr}
  .km-growth-slide .km-growth-store{margin-inline:12px}
  .km-growth-slide .km-store-main{grid-template-columns:1fr;min-height:300px}
  .km-growth-slide .km-store-order{display:none}
  .km-growth-controls{width:100%;gap:8px;margin-top:16px}
  .km-growth-controls button{min-height:58px;gap:8px;padding:9px 10px;border-radius:12px}
  .km-growth-control-logo{width:58px;height:32px;flex-basis:58px;padding:4px 5px}
  .km-growth-controls button b{font-size:11px}
  .km-growth-controls button small{font-size:8px}
}
@media(max-width:600px){
  .km-growth-heading,.km-confidence-heading{width:100%;max-width:100%;padding-inline:4px;box-sizing:border-box}
  .km-growth-heading h2,.km-confidence-heading h2{max-width:100%;font-size:2.35rem;white-space:normal;overflow-wrap:break-word}
  .km-growth-heading p,.km-confidence-heading>p{max-width:100%;white-space:normal;overflow-wrap:break-word}
  .km-growth-carousel,.km-growth-track,.km-growth-card.km-growth-slide,.km-growth-info{min-width:0;max-width:100%;box-sizing:border-box}
  .km-growth-slide .km-growth-info h3{font-size:2.55rem;white-space:normal;overflow-wrap:break-word}
}

/* Final conversion card based on Metorik Engage's focused dual-platform CTA. */
.km-launch { padding:78px 24px 30px; background:#fff; }
.km-launch-card { display:grid; grid-template-columns:1fr 1.05fr; width:min(100%,1280px); min-height:450px; margin:auto; overflow:hidden; border-radius:24px; background:radial-gradient(circle at 54% 12%,rgba(164,184,255,.55),transparent 35%),linear-gradient(120deg,#3849eb,#6688eb 60%,#68a7e9); color:#fff; }
.km-launch-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:48px 42px; }
.km-launch-copy h2 { margin:0; font-size:clamp(36px,3.65vw,58px); font-weight:500; line-height:1.08; letter-spacing:-.045em; }
.km-launch-copy > p { max-width:560px; margin:20px 0 0; color:rgba(255,255,255,.78); font-size:16px; line-height:1.5; }
.km-launch-copy > p strong { color:#fff; font-weight:750; }
.km-launch-copy ul { display:grid; gap:12px; margin:27px 0 0; padding:0; list-style:none; }
.km-launch-copy li { position:relative; padding-left:37px; font-size:15px; font-weight:650; line-height:1.4; }
.km-launch-copy li::before { content:"✓"; position:absolute; top:-2px; left:0; display:grid; width:26px; height:26px; place-items:center; border:1px solid rgba(255,255,255,.45); border-radius:7px; background:rgba(255,255,255,.18); box-shadow:inset 0 1px rgba(255,255,255,.35); }
.km-launch-copy a { padding:13px 19px; border-radius:10px; background:#fff; color:#22304e; font-size:13px; font-weight:750; text-decoration:none; }
.km-launch-actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-top:32px; }
.km-chrome-store { display:flex; min-height:46px; align-items:center; gap:9px; padding:7px 12px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:#17191e; color:#fff; box-shadow:0 12px 24px rgba(27,35,104,.2); }
.km-chrome-store > span { display:grid; font-size:12px; font-weight:700; line-height:1.05; }
.km-chrome-store small { margin-bottom:3px; color:rgba(255,255,255,.68); font-size:7px; font-weight:700; letter-spacing:.09em; }
.km-chrome-icon { position:relative; display:block; width:28px; aspect-ratio:1; border-radius:50%; background:conic-gradient(from -28deg,#e94235 0 33%,#fabb05 0 52%,#34a853 0 73%,#4285f4 0 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.km-chrome-icon::before { content:""; position:absolute; inset:7px; border:2px solid #fff; border-radius:50%; background:#4285f4; }
.km-chrome-icon b { position:absolute; inset:0; border-radius:50%; background:linear-gradient(150deg,transparent 0 46%,rgba(255,255,255,.32) 47% 49%,transparent 50%); }
.km-launch-meta { position:relative; align-self:end; height:426px; margin-top:32px; padding:16px 0 0 16px; overflow:hidden; border:12px solid rgba(194,208,255,.52); border-right:0; border-bottom:0; border-radius:27px 0 0; background:#eef3ff; color:#263452; box-shadow:0 -14px 38px rgba(26,43,121,.14); }
.km-launch-meta-head { display:flex; align-items:center; justify-content:space-between; padding:0 20px 13px 4px; color:#53627d; font-size:11px; font-weight:750; }
.km-launch-meta-head b { display:flex; align-items:center; gap:7px; padding:6px 10px; border-radius:999px; background:#fff; color:#4d5d78; box-shadow:0 4px 12px rgba(48,66,126,.1); }
.km-launch-meta-head b i { width:7px; aspect-ratio:1; border-radius:50%; background:#74d58d; box-shadow:0 0 0 4px rgba(116,213,141,.14); }
.km-launch-meta-screen { position:relative; height:calc(100% - 39px); overflow:hidden; border:1px solid #d9e0ef; border-radius:12px 0 0; background:#fff; box-shadow:0 18px 36px rgba(31,49,112,.18); }
.km-launch-meta-screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:left top; transition:transform 7s cubic-bezier(.16,1,.3,1); }
.km-launch:hover .km-launch-meta-screen img { transform:scale(1.07) translateX(-1.5%); }
.km-launch-meta-caption { position:absolute; right:23px; bottom:20px; z-index:2; display:flex; max-width:355px; align-items:center; gap:12px; padding:12px 15px; border:1px solid rgba(255,255,255,.3); border-radius:11px; background:rgba(47,65,190,.93); color:#fff; box-shadow:0 16px 32px rgba(23,38,120,.32); backdrop-filter:blur(10px); }
.km-launch-meta-caption img { width:112px; height:auto; }
.km-launch-meta-caption span { padding-left:12px; border-left:1px solid rgba(255,255,255,.22); font-size:10px; font-weight:650; line-height:1.35; }
.km-launch-plan { align-self:end; height:454px; margin-top:46px; padding:31px 17px 0; overflow:hidden; border:16px solid rgba(185,204,255,.46); border-bottom:0; border-radius:30px 0 0; background:#f5f8ff; color:#32425f; box-shadow:0 -12px 35px rgba(32,57,129,.12); }
.km-launch-days { display:grid; grid-template-columns:repeat(5,1fr); margin-bottom:22px; text-align:center; }
.km-launch-days small,.km-launch-days b { display:block; }
.km-launch-days small { color:#7d899c; font-size:9px; }
.km-launch-days b { margin-top:8px; color:#6f7c92; font-size:34px; font-weight:400; }
.km-launch-grid { display:grid; grid-template-columns:repeat(5,1fr); grid-auto-rows:86px; gap:5px; padding-left:50px; background:repeating-linear-gradient(#e7ebf3 0 1px,transparent 1px 57px); }
.km-launch-grid i { display:flex; align-items:flex-start; padding:11px 8px; border-radius:7px; background:#6990dc; color:#fff; font-size:9px; font-style:normal; font-weight:700; line-height:1.25; }
.km-launch-grid i:nth-child(2),.km-launch-grid i:nth-child(6),.km-launch-grid i:nth-child(9) { background:#17191e; }
.km-launch-grid i.light { border:1px solid #e4e8ef; background:#fff; color:#637087; }
.km-brand-wall { display:none; padding:0 24px 92px; background:#fff; }
.km-brand-grid { display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:112px; gap:14px; width:min(100%,1180px); margin:0 auto; }
.km-brand-tile,.km-brand-center { display:grid; place-items:center; border:1px solid #e9ebef; border-radius:13px; background:#fff; }
.km-brand-tile span { position:relative; color:#253354; font-size:15px; font-weight:750; }
.km-brand-tile span::before { content:""; display:inline-block; width:10px; height:10px; margin-right:7px; border-radius:3px; background:#5c78ef; vertical-align:1px; }
.km-brand-tile.woo span::before { background:#9658d5; }.km-brand-tile.meta span::before { border-radius:50%; background:#1675ef; }.km-brand-tile.shopify span::before { background:#82b440; }.km-brand-tile.google span::before { background:linear-gradient(135deg,#4285f4 0 35%,#fbbc04 35% 67%,#34a853 67%); }.km-brand-tile.presta span::before { background:#25b9b8; }.km-brand-tile.klaviyo span::before { background:#ffe800; }
.km-brand-center { grid-column:3/span 2; grid-row:2/span 2; padding:30px; text-align:center; }
.km-brand-lockup { display:flex; align-items:center; justify-content:center; }
.km-brand-lockup img { display:block; width:min(286px,78%); height:auto; object-fit:contain; }
.km-brand-tile img { display:block; width:min(172px,72%); height:auto; object-fit:contain; }
.km-brand-center a { display:flex; align-items:center; gap:16px; margin-top:21px; padding:12px 19px; border-radius:10px; background:#17191c; color:#fff; font-size:13px; font-weight:700; text-decoration:none; }
.km-brand-center a span { font-size:17px; }
@media(max-width:850px){.km-launch{padding:70px 15px 26px}.km-launch-card{grid-template-columns:1fr}.km-launch-copy{padding:45px 30px}.km-launch-meta{width:calc(100% - 20px);height:390px;margin:0 0 0 20px}.km-launch-meta-caption{right:14px;bottom:14px}.km-launch-plan{width:calc(100% - 20px);height:390px;margin:0 0 0 20px}.km-brand-wall{padding:0 15px 72px}.km-brand-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:96px;gap:9px}.km-brand-center{grid-column:1/-1;grid-row:auto;min-height:210px}.km-brand-tile:nth-of-type(n+13){display:none}}
@media(max-width:480px){.km-launch-copy h2{font-size:38px}.km-launch-copy>p{font-size:16px}.km-launch-copy li{font-size:14px}.km-launch-actions{align-items:stretch;flex-direction:column}.km-chrome-store{justify-content:center}.km-launch-meta{height:305px;padding-left:8px;border-width:9px}.km-launch-meta-caption{left:14px;right:14px;max-width:none}.km-launch-meta-caption img{width:92px}.km-launch-plan{height:340px;padding-right:8px;padding-left:8px;border-width:10px}.km-launch-grid{grid-auto-rows:66px;padding-left:0}.km-launch-grid i{padding:7px 4px;font-size:7px}.km-launch-days b{font-size:25px}.km-brand-grid{grid-template-columns:repeat(2,1fr)}.km-brand-center{grid-column:1/-1}.km-brand-tile:nth-of-type(n+9){display:none}.km-brand-tile span{font-size:12px}}

.km-faq { padding:60px 20px 74px; background:#fff; color:#172440; }
.km-faq-shell { width:min(100%,860px); margin:auto; }
.km-faq-label { width:max-content; margin:0 auto 19px; padding:9px 13px; border:1px solid #e8eaf0; border-radius:8px; background:#fff; color:#5874ef; box-shadow:0 7px 17px rgba(35,48,84,.05); font-size:11px; font-weight:700; }
.km-faq-title { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; width:min(1080px,calc(100vw - 40px)); margin-left:50%; transform:translateX(-50%); }
.km-faq-title h2 { margin:0 0 31px; font-size:clamp(33px,3.4vw,50px); font-weight:500; line-height:1.08; letter-spacing:-.045em; text-align:center; }
.km-faq-title i { position:relative; display:block; height:1px; margin-bottom:27px; background:#e8e9ec; }
.km-faq-title i::after { content:""; position:absolute; top:50%; width:11px; height:11px; border:1px solid #dfe2e7; border-radius:3px; background:#fff; transform:translateY(-50%); }
.km-faq-title i:first-child::after { right:-1px; }.km-faq-title i:last-child::after { left:-1px; }
.km-faq-list { display:grid; gap:10px; }
.km-faq-list details { overflow:hidden; border-radius:16px; background:#f8f8f9; transition:background .25s ease,box-shadow .25s ease; }
.km-faq-list details[open] { background:#f4f7ff; box-shadow:inset 0 0 0 1px #e6ebff; }
.km-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:72px; padding:15px 19px 15px 24px; cursor:pointer; list-style:none; }
.km-faq-list summary::-webkit-details-marker { display:none; }
.km-faq-list summary span { font-size:16px; font-weight:650; line-height:1.35; letter-spacing:-.02em; }
.km-faq-list summary b { position:relative; width:38px; height:38px; flex:0 0 auto; border-radius:50%; background:#fff; box-shadow:0 6px 14px rgba(34,43,65,.07); }
.km-faq-list summary b::before,.km-faq-list summary b::after { content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; border-radius:99px; background:#15191e; transform:translate(-50%,-50%); transition:transform .25s ease; }
.km-faq-list summary b::after { transform:translate(-50%,-50%) rotate(90deg); }
.km-faq-list details[open] summary b::after { transform:translate(-50%,-50%) rotate(0); }
.km-faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.km-faq-list details[open] .km-faq-answer { grid-template-rows:1fr; }
.km-faq-answer p { min-height:0; overflow:hidden; max-width:720px; margin:0; padding:0 66px 20px 24px; color:#66738a; font-size:14px; line-height:1.6; }
@media(max-width:700px){.km-faq{padding:48px 14px 58px}.km-faq-title{display:block;width:100%;margin:0;transform:none}.km-faq-title i{display:none}.km-faq-title h2{margin-bottom:25px;font-size:30px}.km-faq-list details{border-radius:14px}.km-faq-list summary{min-height:66px;padding:13px 14px 13px 17px}.km-faq-list summary span{font-size:14px}.km-faq-list summary b{width:35px;height:35px}.km-faq-answer p{padding:0 50px 18px 17px;font-size:13px}}

.km-final-cta { position:relative; isolation:isolate; overflow:hidden; padding:86px 24px 92px; background-color:#1558ed; background-image:url("assets/hero-noise-pattern.svg"),radial-gradient(circle at 17% 10%,rgba(83,157,255,.52),transparent 30%),radial-gradient(circle at 84% 66%,rgba(77,129,255,.38),transparent 34%),linear-gradient(135deg,#2476ef 0%,#2853e9 52%,#1554e9 100%); background-position:center top,center,center,center; background-repeat:no-repeat; background-size:cover,auto,auto,auto; color:#fff; }
.km-final-cta::before,.km-final-cta::after { display:none; }
.km-final-card { position:relative; display:grid; min-height:540px; width:min(1120px,100%); margin:auto; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.035),transparent 38%),linear-gradient(135deg,#1d1f21 0%,#202224 48%,#191b1d 100%); box-shadow:0 30px 72px rgba(21,38,124,.28),inset 0 1px rgba(255,255,255,.05); }
.km-final-card::before { content:""; position:absolute; inset:0; opacity:.17; background-image:radial-gradient(rgba(255,255,255,.18) .55px,transparent .8px); background-size:5px 5px; mask-image:radial-gradient(ellipse at center,#000,transparent 82%); pointer-events:none; }
.km-final-mark { position:absolute; top:34px; left:50%; width:172px; height:auto; object-fit:contain; transform:translateX(-50%); }
.km-final-content { position:relative; z-index:1; width:min(750px,calc(100% - 48px)); padding:112px 0 50px; text-align:center; }
.km-final-content h2 { margin:0; color:#fff; font-size:clamp(3rem,4.25vw,4.15rem); font-weight:700; letter-spacing:-.06em; line-height:.95; }
.km-final-content h2 em { font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; letter-spacing:-.045em; }
.km-final-content > p { max-width:680px; margin:24px auto 0; color:rgba(255,255,255,.78); font-size:15px; line-height:1.55; }
.km-final-actions { display:flex; justify-content:center; gap:10px; margin-top:42px; }
.km-final-actions a { display:flex; align-items:center; justify-content:center; gap:6px; min-width:220px; min-height:48px; padding:0 18px; border-radius:999px; color:#fff; font-size:14px; font-weight:650; text-decoration:none; box-shadow:0 12px 27px rgba(0,0,0,.22); transition:transform .2s ease,filter .2s ease; }
.km-final-actions a:hover { filter:brightness(1.08); transform:translateY(-2px); }
.km-final-actions a.is-woo { background:linear-gradient(135deg,#7138ed,#8c52f4); }
.km-final-actions a.is-shopify { background:linear-gradient(135deg,#789e42,#9fbd63); }
.km-final-actions a b { font-size:16px; font-weight:800; letter-spacing:-.025em; }
.km-final-actions a span { margin-left:auto; font-size:18px; }
.km-final-actions a img { display:block; width:auto; height:23px; max-width:104px; object-fit:contain; }
.km-final-actions a.is-shopify img { height:25px; max-width:108px; }
.km-final-actions a .km-action-label { margin-left:0; margin-right:2px; font-size:11px; font-weight:650; white-space:nowrap; }
.km-final-actions a .km-action-arrow { margin-left:auto; font-size:18px; }
.km-final-content > small { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:35px; color:rgba(255,255,255,.67); font-size:11px; }
.km-final-content > small::before { content:"✓"; display:grid; width:18px; height:18px; flex:0 0 18px; place-items:center; border-radius:50%; background:rgba(123,179,255,.16); color:#8cc0ff; font-size:10px; font-weight:800; }
.km-final-content > small strong { color:rgba(255,255,255,.88); font-weight:700; }
@media(max-width:700px){
  .km-final-cta{padding:54px 16px 60px}
  .km-final-card{min-height:0;border-radius:15px}
  .km-final-mark{top:26px;left:50%;width:145px;height:auto;transform:translateX(-50%)}
  .km-final-content{width:calc(100% - 34px);padding:106px 0 54px}
  .km-final-content h2{font-size:clamp(2.45rem,11vw,3.35rem);line-height:.97}
  .km-final-content>p{font-size:14px}
  .km-final-actions{flex-direction:column;align-items:stretch;margin-top:34px}
  .km-final-actions a{min-width:0}
  .km-final-content>small{align-items:flex-start;margin-top:31px;line-height:1.45}
}

/* WeTracked-style live signal layers for "Jak dziala" and product bento. */
.km-signal-visual{position:relative;isolation:isolate}
.km-signal-visual>img,.km-signal-visual>picture,.km-signal-visual>.km-how-lottie,.km-signal-visual>.km-how-lottie-fallback{position:relative;z-index:1}
.km-signal-visual::before{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(91,113,244,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(91,113,244,.13) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 56% 48%,#000 0 22%,transparent 72%)}
.km-signal-visual::after{position:absolute;z-index:3;top:-12%;bottom:-12%;left:-38%;width:27%;content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);filter:blur(3px);transform:skewX(-14deg);animation:km-signal-sheen 6.4s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}
.km-signal-motion{position:absolute;z-index:4;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.km-signal-motion>*{position:absolute;display:none;animation-play-state:paused!important}
.km-how-step.is-visible .km-signal-motion>*,.km-original-feature.is-visible .km-signal-motion>*,.km-how-step.is-visible .km-signal-visual::after,.km-original-feature.is-visible .km-signal-visual::after{animation-play-state:running!important}

/* Connection and synchronization. */
.km-signal-connect .km-signal-orbit,.km-signal-connect .km-signal-core,.km-signal-connect .km-signal-stream,.km-signal-route .km-signal-stream,.km-signal-pulse .km-signal-orbit,.km-signal-pulse .km-signal-core{display:block}
.km-signal-orbit{top:50%;left:58%;width:clamp(110px,24%,210px);aspect-ratio:1;border:1px solid rgba(98,116,244,.38);border-radius:50%;box-shadow:0 0 0 18px rgba(98,116,244,.035),0 0 42px rgba(98,116,244,.12);animation:km-signal-orbit 12s linear infinite}
.km-signal-orbit::before,.km-signal-orbit::after{position:absolute;width:9px;height:9px;border:2px solid #fff;border-radius:50%;content:"";background:#6375f4;box-shadow:0 0 0 6px rgba(99,117,244,.16),0 0 18px rgba(68,87,231,.55)}
.km-signal-orbit::before{top:7%;left:18%}.km-signal-orbit::after{right:-4px;bottom:34%}
.km-signal-core{top:50%;left:58%;width:20px;height:20px;border:5px solid rgba(255,255,255,.88);border-radius:50%;background:#6375f4;transform:translate(-50%,-50%);animation:km-signal-core-pulse 2.4s ease-out infinite}
.km-signal-stream{left:16%;width:44%;height:2px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(99,117,244,.32));transform-origin:right center}
.km-signal-stream::after{position:absolute;top:-3px;left:-12px;width:8px;height:8px;border-radius:50%;content:"";background:#fff;box-shadow:0 0 0 4px rgba(99,117,244,.2),0 0 15px #5f72f4;animation:km-signal-data 3.2s cubic-bezier(.45,0,.55,1) infinite}
.km-signal-stream-a{top:37%;transform:rotate(7deg)}.km-signal-stream-b{top:50%;transform:rotate(0)}.km-signal-stream-c{top:63%;transform:rotate(-8deg)}
.km-signal-stream-b::after{animation-delay:-1.05s}.km-signal-stream-c::after{animation-delay:-2.1s}

/* Attribution scanner and resolved rows. */
.km-signal-attribute .km-signal-row,.km-signal-scan .km-signal-row,.km-signal-attribute .km-signal-point,.km-signal-scan .km-signal-point{display:block}
.km-signal-attribute::after,.km-signal-scan::after{width:3px;left:15%;opacity:.7;background:linear-gradient(180deg,transparent 4%,#7283ff 28%,#fff 50%,#7283ff 72%,transparent 96%);box-shadow:0 0 18px rgba(93,113,244,.8),0 0 54px rgba(93,113,244,.32);filter:none;transform:none;animation:km-signal-scan 5.8s cubic-bezier(.4,0,.2,1) infinite}
.km-signal-row{left:21%;width:58%;height:8%;border:1px solid rgba(99,117,244,.2);border-radius:10px;background:linear-gradient(90deg,rgba(99,117,244,.02),rgba(99,117,244,.2),rgba(99,117,244,.03));opacity:0;animation:km-signal-row 4.8s ease-in-out infinite}
.km-signal-row-a{top:29%}.km-signal-row-b{top:46%;animation-delay:-3.2s}.km-signal-row-c{top:63%;animation-delay:-1.6s}
.km-signal-point{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#6476f4;box-shadow:0 0 0 5px rgba(100,118,244,.14),0 0 17px rgba(82,100,238,.55);animation:km-signal-dot 2.2s ease-in-out infinite}
.km-signal-point-a{top:32%;left:75%}.km-signal-point-b{top:49%;left:63%;animation-delay:-.7s}.km-signal-point-c{top:66%;left:70%;animation-delay:-1.4s}

/* Live ROAS/reporting chart. */
.km-signal-scale .km-signal-chart,.km-signal-report .km-signal-chart,.km-signal-scale .km-signal-point,.km-signal-report .km-signal-point{display:block}
.km-signal-chart{right:8%;bottom:10%;width:54%;height:30%;overflow:visible;opacity:.64}
.km-signal-chart path{fill:none;stroke:#6679f5;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(78,98,236,.42));animation:km-signal-chart-draw 5.4s cubic-bezier(.4,0,.2,1) infinite}
.km-signal-pulse .km-signal-orbit{left:70%;width:clamp(92px,20%,170px);animation-duration:15s}.km-signal-pulse .km-signal-core{left:70%}
.km-original-feature.is-visible .km-original-feature-media img{animation:km-signal-art-float 7s ease-in-out infinite}.km-original-feature:nth-child(2n).is-visible .km-original-feature-media img{animation-delay:-3.5s}

@keyframes km-signal-sheen{0%,12%{left:-38%;opacity:0}20%{opacity:.54}52%{left:118%;opacity:.2}53%,100%{left:118%;opacity:0}}
@keyframes km-signal-orbit{to{transform:rotate(360deg)}}
@keyframes km-signal-core-pulse{0%{box-shadow:0 0 0 0 rgba(99,117,244,.4),0 0 16px rgba(99,117,244,.32)}72%,100%{box-shadow:0 0 0 24px rgba(99,117,244,0),0 0 26px rgba(99,117,244,.12)}}
@keyframes km-signal-data{0%{left:-12px;opacity:0}12%{opacity:1}82%{opacity:1}100%{left:calc(100% + 5px);opacity:0}}
@keyframes km-signal-scan{0%,10%{left:15%;opacity:0}18%{opacity:.72}72%{left:86%;opacity:.72}82%,100%{left:86%;opacity:0}}
@keyframes km-signal-row{0%,18%,100%{opacity:0;transform:translateX(-10px)}28%,68%{opacity:.75;transform:translateX(0)}82%{opacity:0;transform:translateX(8px)}}
@keyframes km-signal-dot{0%,100%{opacity:.32;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}
@keyframes km-signal-chart-draw{0%,8%{stroke-dashoffset:1;opacity:.2}54%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.12}}
@keyframes km-signal-art-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-7px,0) scale(1.008)}}
@media(max-width:900px){.km-signal-visual::before{background-size:28px 28px;opacity:.13}.km-signal-orbit{width:120px}.km-signal-stream{left:10%;width:48%}.km-signal-chart{right:4%;width:62%}}
@media(prefers-reduced-motion:reduce){.km-signal-visual::after,.km-signal-motion>*,.km-signal-motion *,.km-original-feature.is-visible .km-original-feature-media img{animation:none!important}.km-signal-motion,.km-signal-visual::after{display:none}}

/* Full WeTracked-inspired radar used in step 1. */
.km-radar-visual{position:relative;display:block!important;min-height:560px;overflow:hidden!important;background:radial-gradient(circle at 35% 50%,#172d61 0,#0e1e43 42%,#071228 100%)!important;isolation:isolate}
.km-radar-visual::before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(72,115,235,.08),transparent 34%),radial-gradient(circle at 50% 52%,rgba(58,112,255,.12),transparent 44%)}
.km-radar{position:absolute;top:50%;left:-5%;width:76%;aspect-ratio:1;transform:translateY(-50%)}
.km-radar-glow{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(52,117,255,.32),rgba(27,71,170,.08) 52%,transparent 72%);filter:blur(9px)}
.km-radar-ring,.km-radar-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(142,180,255,.2);border-radius:50%;transform:translate(-50%,-50%)}
.km-radar-ring-1{width:22%;height:22%}.km-radar-ring-2{width:43%;height:43%}.km-radar-ring-3{width:66%;height:66%}.km-radar-ring-4{width:90%;height:90%}
.km-radar-axis{position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,rgba(111,159,255,.14),transparent);transform:translate(-50%,-50%)}
.km-radar-axis-x{width:90%;height:1px}.km-radar-axis-y{width:1px;height:90%}
.km-radar-sweep{position:absolute;inset:5%;overflow:hidden;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 282deg,rgba(43,104,242,.08) 286deg,rgba(74,130,255,.82) 359deg,transparent 360deg);filter:drop-shadow(0 0 12px rgba(61,125,255,.54));animation:km-radar-spin 8s linear infinite;animation-play-state:paused}
.km-radar-sweep::after{position:absolute;top:50%;right:0;width:48%;height:1px;content:"";background:linear-gradient(90deg,transparent,#70a6ff);box-shadow:0 0 14px #4c8fff}
.km-radar-orbit{z-index:3;border-color:transparent;pointer-events:none}.km-radar-orbit-inner{width:43%;height:43%}.km-radar-orbit-outer{width:66%;height:66%}
.km-radar-channel{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--angle)) translateX(var(--radius))}.km-radar-orbit-inner .km-radar-channel{--radius:clamp(82px,10vw,142px)}.km-radar-orbit-outer .km-radar-channel{--radius:clamp(128px,15vw,214px)}
.km-radar-tile{position:absolute;display:grid;width:clamp(42px,5vw,68px);aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:22%;box-shadow:0 12px 28px rgba(0,5,20,.45),inset 0 1px rgba(255,255,255,.25);color:#fff;font-size:clamp(9px,1vw,13px);font-style:normal;font-weight:800;letter-spacing:-.02em;animation:km-radar-tile 8s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused;transform:translate(-50%,-50%) rotate(calc(var(--angle) * -1))}
.km-radar-tile img{display:block!important;width:76%!important;height:76%!important;object-fit:contain!important;animation:none!important}.km-radar-tile-meta{background:linear-gradient(145deg,#1989ff,#3058c7)}.km-radar-tile-google{background:#fff;color:#4285f4;font-size:23px}.km-radar-tile-capi{background:linear-gradient(145deg,#326cf2,#172c74)}.km-radar-tile-woo{background:linear-gradient(145deg,#a677ef,#6543bd)}.km-radar-tile-shop{background:linear-gradient(145deg,#a9e955,#529d21)}.km-radar-tile-mobile{background:linear-gradient(145deg,#687af5,#3049c9)}
.km-radar-core{position:absolute;top:50%;left:50%;z-index:5;display:grid;width:15%;aspect-ratio:1;place-items:center;border:1px solid rgba(113,167,255,.8);border-radius:50%;background:radial-gradient(circle at 38% 30%,#318dff,#1458c8 58%,#092d7e 100%);box-shadow:0 0 0 9px rgba(28,92,210,.2),0 0 44px rgba(44,116,255,.7),inset 0 0 18px rgba(255,255,255,.22);transform:translate(-50%,-50%)}
.km-radar-core::after{position:absolute;inset:-2px;border:1px solid rgba(101,161,255,.38);border-radius:50%;content:"";animation:km-radar-wave 2.8s ease-out infinite;animation-play-state:paused}.km-radar-core img{display:block!important;width:70%!important;height:70%!important;border-radius:30%!important;object-fit:contain!important;animation:none!important}
.km-radar-events{position:absolute;z-index:7;top:27%;right:4%;width:40%;perspective:800px}
.km-radar-event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(117,155,225,.35);border-radius:15px;background:linear-gradient(145deg,rgba(25,48,99,.97),rgba(12,27,63,.95));box-shadow:0 18px 44px rgba(0,4,20,.38),inset 0 1px rgba(255,255,255,.08);color:#fff;animation:km-radar-card 5s ease-in-out infinite;animation-play-state:paused}
.km-radar-event+.km-radar-event{margin-top:-5px}.km-radar-event-match{margin-left:8%;opacity:.78;animation-delay:-1.7s}.km-radar-event-sync{margin-left:16%;opacity:.48;animation-delay:-3.4s}
.km-radar-avatar{display:grid;width:40px;height:40px;place-items:center;border:2px solid rgba(255,255,255,.16);border-radius:50%;background:linear-gradient(135deg,#7288ff,#29489f);font-size:11px;font-weight:800}.km-radar-event p{min-width:0;margin:0}.km-radar-event strong,.km-radar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-radar-event strong{font-size:13px}.km-radar-event small{margin-top:3px;color:#aab8d8;font-size:10px;font-weight:500}.km-radar-event>b{padding:8px 10px;border-radius:8px;background:linear-gradient(90deg,#467ef4,#5f8dff);font-size:10px;white-space:nowrap}.km-radar-event-match>b{background:linear-gradient(90deg,#7257dc,#9269ed)}.km-radar-event-sync>b{background:linear-gradient(90deg,#2e875d,#50b47f)}
.km-how-step.is-visible .km-radar-sweep,.km-how-step.is-visible .km-radar-tile,.km-how-step.is-visible .km-radar-core::after,.km-how-step.is-visible .km-radar-event{animation-play-state:running}
@keyframes km-radar-spin{to{transform:rotate(360deg)}}
@keyframes km-radar-tile{0%,100%{filter:brightness(.78);box-shadow:0 12px 28px rgba(0,5,20,.45)}50%{filter:brightness(1.16);box-shadow:0 12px 32px rgba(33,102,246,.32),0 0 18px rgba(72,130,255,.34)}}
@keyframes km-radar-wave{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.85)}}
@keyframes km-radar-card{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@media(max-width:900px){.km-radar-visual{min-height:480px}.km-radar{left:-18%;width:92%}.km-radar-events{top:24%;right:3%;width:46%}.km-radar-event{grid-template-columns:32px 1fr;padding:10px}.km-radar-avatar{width:32px;height:32px}.km-radar-event>b{grid-column:1/-1;text-align:center}.km-radar-orbit-inner .km-radar-channel{--radius:90px}.km-radar-orbit-outer .km-radar-channel{--radius:140px}}
@media(max-width:560px){.km-radar-visual{min-height:430px}.km-radar{top:39%;left:-16%;width:105%}.km-radar-events{top:auto;right:5%;bottom:5%;width:70%}.km-radar-event{display:none}.km-radar-event-order{display:grid}.km-radar-tile{width:42px}.km-radar-orbit-inner .km-radar-channel{--radius:72px}.km-radar-orbit-outer .km-radar-channel{--radius:112px}}
@media(prefers-reduced-motion:reduce){.km-radar-sweep,.km-radar-tile,.km-radar-core::after,.km-radar-event{animation:none!important}}

/* Radar composition matched more closely to the compact reference artwork. */
.km-radar-visual{min-height:560px;background:radial-gradient(circle at 30% 50%,#152957 0,#0d1c3e 44%,#071126 100%)!important}
.km-radar{left:-8%;width:78%}
.km-radar-ring-1{width:18%;height:18%}.km-radar-ring-2{width:36%;height:36%}.km-radar-ring-3{width:58%;height:58%}.km-radar-ring-4{width:82%;height:82%}
.km-radar-axis-x{width:82%}.km-radar-axis-y{height:82%}
.km-radar-sweep{inset:9%;background:conic-gradient(from 92deg,transparent 0 285deg,rgba(43,104,242,.04) 290deg,rgba(77,132,255,.72) 359deg,transparent 360deg)}
.km-radar-node{position:absolute;z-index:4;display:grid;width:clamp(48px,4.6vw,76px);aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:22%;box-shadow:0 14px 34px rgba(0,5,20,.42),inset 0 1px rgba(255,255,255,.26);animation:km-radar-node-pulse 6s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}
.km-radar-node img{display:block!important;width:72%!important;height:72%!important;object-fit:contain!important;animation:none!important}
.km-radar-node-woo{top:9%;left:59%;background:linear-gradient(145deg,#a476ed,#6846bd)}
.km-radar-node-meta{top:29%;left:36%;background:#080a0e}.km-radar-node-meta svg{width:68%;fill:#fff}
.km-radar-node-capi{top:30%;left:69%;background:linear-gradient(145deg,#4e7eff,#2d54c7)}
.km-radar-node-capi i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}.km-radar-node-capi i:nth-child(1){transform:translate(-10px,8px)}.km-radar-node-capi i:nth-child(2){transform:translate(0,-9px)}.km-radar-node-capi i:nth-child(3){transform:translate(10px,8px)}.km-radar-node-capi::after{position:absolute;width:25px;height:20px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);border-left:2px solid rgba(255,255,255,.8);border-radius:0 0 12px 12px;content:"";transform:translateY(1px)}
.km-radar-node-google{top:66%;left:48%;overflow:hidden;background:#fff}
.km-radar-node-google i{position:absolute;display:block;border-radius:999px}.km-radar-node-google i:nth-child(1){width:8px;height:34px;background:#4285f4;transform:rotate(30deg) translate(-6px,-1px)}.km-radar-node-google i:nth-child(2){width:8px;height:31px;background:#fbbc04;transform:rotate(-30deg) translate(7px,1px)}.km-radar-node-google i:nth-child(3){right:12px;bottom:10px;width:11px;height:11px;background:#34a853}
.km-radar-node-shop{top:70%;left:70%;background:linear-gradient(145deg,#b9ec58,#67a72c)}
.km-radar-node-shop{overflow:hidden}.km-radar-node-shop img{position:absolute;left:6px;width:180px!important;max-width:none!important;height:auto!important}
.km-radar-node-app{top:83%;left:34%;background:linear-gradient(145deg,#6378ec,#334bb7)}
.km-radar-kmark{display:block;width:34px;height:42px;background:url("assets/klientometr-logo.png") left center/190px auto no-repeat}
.km-radar-core{width:13%;background:radial-gradient(circle at 38% 30%,#4c8cff,#1e55bd 60%,#0c2a70 100%);box-shadow:0 0 0 8px rgba(28,92,210,.19),0 0 42px rgba(44,116,255,.62),inset 0 0 18px rgba(255,255,255,.2)}
.km-radar-core .km-radar-kmark{width:27px;height:33px;background-size:148px auto;filter:brightness(0) invert(1)}
.km-radar-events{top:28%;right:3.5%;width:43%}
.km-radar-event{grid-template-columns:clamp(38px,3.5vw,56px) minmax(0,1fr) auto clamp(18px,1.6vw,24px);min-height:clamp(76px,7vw,112px);padding:clamp(11px,1vw,16px);border-radius:clamp(14px,1.2vw,20px);background:linear-gradient(145deg,rgba(25,48,99,.98),rgba(10,24,57,.97))}
.km-radar-event+.km-radar-event{margin-top:-1px}.km-radar-event-match{margin-left:8%;opacity:.72}.km-radar-event-sync{margin-left:16%;opacity:.42}
.km-radar-event .km-radar-avatar{width:clamp(38px,3.5vw,56px);height:clamp(38px,3.5vw,56px);font-size:clamp(10px,.9vw,14px)}
.km-radar-event>img{display:block!important;width:clamp(18px,1.6vw,24px)!important;height:clamp(18px,1.6vw,24px)!important;object-fit:contain!important;animation:none!important}.km-radar-event strong{font-size:clamp(12px,1.05vw,17px)}.km-radar-event small{font-size:clamp(9px,.75vw,12px)}.km-radar-event>b{padding:clamp(8px,.7vw,12px) clamp(9px,.85vw,14px);font-size:clamp(9px,.75vw,12px)}
.km-how-step.is-visible .km-radar-node{animation-play-state:running}
@keyframes km-radar-node-pulse{0%,100%{filter:brightness(.82);transform:translateY(0)}50%{filter:brightness(1.12);transform:translateY(-4px);box-shadow:0 16px 34px rgba(17,66,169,.42),0 0 15px rgba(71,126,255,.28)}}
@media(max-width:900px){.km-radar{left:-14%;width:88%}.km-radar-node{width:45px;border-radius:13px}.km-radar-events{right:2%;width:45%}.km-radar-event{grid-template-columns:32px minmax(0,1fr) auto;min-height:68px}.km-radar-event>img{display:none!important}}
@media(max-width:560px){.km-radar{top:40%;left:-12%;width:100%}.km-radar-node{width:39px;border-radius:11px}.km-radar-events{right:4%;bottom:4%;width:66%}.km-radar-event-order{grid-template-columns:32px minmax(0,1fr) auto}.km-radar-node-app,.km-radar-node-capi{display:none}}
@media(prefers-reduced-motion:reduce){.km-radar-node{animation:none!important}}

/* Real Klientometr Overview mock and the existing Chrome-extension widget language. */
.km-mobile-showcase { grid-template-columns:minmax(0,.88fr) minmax(510px,1.12fr); gap:clamp(52px,7vw,105px); }
.km-mobile-copy { position:relative; z-index:3; }
.km-phone-stage { min-height:650px; }
.km-product-visual { position:relative; width:100%; min-height:625px; }
.km-real-dashboard { position:absolute; z-index:2; top:31px; right:-12px; width:520px; overflow:hidden; border:7px solid #182039; border-radius:24px; background:#f7f9fc; box-shadow:0 34px 70px rgba(28,40,102,.24),0 0 0 1px rgba(255,255,255,.85) inset; transform:rotate(2.2deg); transform-origin:center; }
.km-real-topbar { display:flex; align-items:center; gap:14px; height:48px; padding:0 14px; border-bottom:1px solid #e7eaf0; background:#fff; color:#4b5568; font-size:9px; }
.km-real-brand { display:flex; align-items:center; gap:7px; }.km-real-brand img { width:20px; height:20px; }.km-real-brand b { color:#1f293b; font-size:10px; }.km-real-search { flex:1; padding:7px 10px; border:1px solid #e8ebf2; border-radius:7px; background:#f8f9fc; color:#9aa3b2; }.km-real-topbar > i { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; background:#536eea; color:#fff; font-size:9px; font-style:normal; font-weight:800; }
.km-real-layout { display:grid; grid-template-columns:43px 1fr; min-height:500px; }.km-real-layout > nav { display:flex; align-items:center; flex-direction:column; gap:10px; padding:12px 7px; border-right:1px solid #e7eaf0; background:#fff; }.km-real-layout > nav img { width:21px; height:21px; margin-bottom:5px; }.km-real-layout > nav span { display:grid; width:27px; height:27px; place-items:center; border-radius:7px; color:#8b95a7; font-size:12px; }.km-real-layout > nav span.active { background:#eef2ff; color:#4e6aeb; }
.km-real-content { min-width:0; padding:16px; }.km-real-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }.km-real-heading small { color:#566ee9; font-size:7px; font-weight:800; letter-spacing:.13em; }.km-real-heading h3 { margin:3px 0 0; color:#182237; font-size:17px; letter-spacing:-.04em; }.km-real-heading > span { padding:7px 9px; border:1px solid #e2e6ee; border-radius:7px; background:#fff; color:#6d788c; font-size:8px; }
.km-real-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:13px; }.km-real-metrics article { min-width:0; padding:10px; border:1px solid #e6e9f0; border-radius:9px; background:rgba(255,255,255,.93); box-shadow:0 3px 9px rgba(38,52,93,.035); }.km-real-metrics article > small { display:flex; align-items:center; gap:5px; overflow:hidden; color:#6e788a; font-size:7px; font-weight:700; white-space:nowrap; }.km-real-metrics article > small i { padding:2px 4px; border-radius:4px; background:#f1ebff; color:#7651cf; font-size:6px; font-style:normal; }.km-real-metrics article > small i.meta { background:#e8f0ff; color:#2764d7; }.km-real-metrics article > small i.combined { background:#eef2ff; color:#526bed; }.km-real-metrics article > div { display:flex; align-items:baseline; justify-content:space-between; gap:5px; margin-top:8px; }.km-real-metrics strong { overflow:hidden; color:#1c273b; font-size:15px; letter-spacing:-.04em; text-overflow:ellipsis; white-space:nowrap; }.km-real-metrics article > div b { flex:0 0 auto; padding:2px 4px; border-radius:999px; background:#ecfdf3; color:#08764f; font-size:6px; }.km-real-metrics article > div b.down { background:#fff4e9; color:#b45a17; }.km-real-metrics article > em { display:block; height:4px; margin-top:9px; overflow:hidden; border-radius:999px; background:#eef0f4; }.km-real-metrics article > em i { display:block; height:100%; border-radius:inherit; background:#34b980; }.km-real-metrics article > em i.down { background:#ef9a52; }.km-real-metrics article > p { display:flex; justify-content:space-between; margin:5px 0 0; color:#a0a7b4; font-size:6px; }.km-real-metrics article > p b { color:#606a7b; }
.km-real-chart { margin-top:9px; padding:11px; border:1px solid #e6e9f0; border-radius:10px; background:#fff; }.km-real-chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }.km-real-chart-head > div small { display:block; color:#6174e8; font-size:6px; font-weight:800; letter-spacing:.12em; }.km-real-chart-head > div b { display:block; margin-top:3px; color:#253046; font-size:9px; }.km-real-chart-head > p { display:flex; gap:7px; margin:0; color:#7b8495; font-size:6px; }.km-real-chart-head > p span { white-space:nowrap; }.km-real-chart-head > p i { display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; background:#5572ef; }.km-real-chart-head > p span:last-child i { background:#ef766f; }.km-real-chart svg { display:block; width:100%; height:120px; margin-top:5px; overflow:visible; }.km-real-chart svg g path { fill:none; stroke:#edf0f5; stroke-width:1; }.km-real-chart svg .area { fill:url(#kmMobileArea); }.km-real-chart svg .main-line,.km-real-chart svg .meta-line { fill:none; stroke:#5572ef; stroke-width:3; }.km-real-chart svg .meta-line { stroke:#ef766f; stroke-width:2; stroke-dasharray:5 5; }
.km-chrome-widget { position:absolute; z-index:4; bottom:17px; left:-74px; width:238px; padding:18px; overflow:hidden; border:1px solid rgba(255,255,255,.35); border-radius:18px; background:radial-gradient(circle at 4% 0%,rgba(132,194,255,.58),transparent 42%),linear-gradient(145deg,#5d7cf4,#3a50da); color:#fff; box-shadow:0 22px 48px rgba(36,53,147,.30),inset 0 1px rgba(255,255,255,.15); transform:rotate(-3deg); }.km-chrome-widget::before { content:""; position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:24px 24px; pointer-events:none; }.km-widget-head,.km-chrome-widget > * { position:relative; z-index:1; }.km-widget-head { display:flex; align-items:center; justify-content:space-between; }.km-widget-head img { width:27px; height:27px; border-radius:8px; }.km-widget-head span { display:flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(24,37,125,.20); font-size:7px; font-weight:750; }.km-widget-head span i,.km-chrome-widget footer i { width:5px; height:5px; border-radius:50%; background:#91f2ae; box-shadow:0 0 0 3px rgba(145,242,174,.13); }.km-chrome-widget > small { display:block; margin-top:17px; color:rgba(255,255,255,.67); font-size:6px; font-weight:800; letter-spacing:.12em; }.km-chrome-widget h4 { margin:7px 0 0; font-size:23px; letter-spacing:-.055em; line-height:.94; }.km-chrome-widget > p { margin:9px 0 0; color:rgba(255,255,255,.75); font-size:8px; line-height:1.45; }.km-widget-stats { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:14px; }.km-widget-stats span { padding:8px; border:1px solid rgba(255,255,255,.16); border-radius:9px; background:rgba(255,255,255,.09); }.km-widget-stats span:last-child { grid-column:1/-1; }.km-widget-stats small { display:block; color:rgba(255,255,255,.62); font-size:6px; }.km-widget-stats b { display:block; margin-top:3px; font-size:14px; }.km-chrome-widget footer { display:flex; align-items:center; gap:7px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.72); font-size:7px; }
@media(max-width:950px){.km-mobile-showcase{grid-template-columns:1fr}.km-mobile-copy{margin:auto;text-align:center}.km-phone-stage{width:min(620px,100%);margin:auto}.km-product-visual{min-height:690px}.km-real-dashboard{right:0;left:50%;transform:translateX(-50%) rotate(1deg)}.km-chrome-widget{bottom:4px;left:8px}}
@media(max-width:600px){.km-phone-stage{min-height:670px}.km-product-visual{min-height:650px}.km-real-dashboard{top:22px;width:100%;border-width:5px;border-radius:18px;transform:none}.km-real-topbar{padding-inline:10px}.km-real-search{display:none}.km-real-layout{grid-template-columns:35px 1fr}.km-real-layout>nav{padding-inline:4px}.km-real-content{padding:11px}.km-real-heading h3{font-size:14px}.km-real-metrics{gap:6px}.km-real-metrics article{padding:8px}.km-real-metrics strong{font-size:12px}.km-real-chart svg{height:95px}.km-chrome-widget{bottom:0;left:50%;width:min(235px,75%);transform:translateX(-50%) rotate(-2deg)}}

/* Original WeTracked radar embedded without visual adaptation. */
.km-radar-visual{
  position:relative;
  display:block!important;
  min-height:560px;
  padding:0!important;
  overflow:hidden!important;
  background:#01122e!important;
  isolation:isolate;
}
.km-radar-visual::before{display:none!important}
.km-radar-frame{
  display:block;
  width:100%;
  height:560px;
  border:0;
  border-radius:inherit;
  background:#01122e;
}
@media(max-width:900px){
  .km-radar-visual{min-height:480px}
  .km-radar-frame{height:480px}
}
@media(max-width:560px){
  .km-radar-visual{min-height:430px}
  .km-radar-frame{height:430px}
}

/* Full-width section canvases below the hero; content shells keep their own readable widths. */
main > section:not(.km-hero) {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
@media (max-width: 760px) {
  main > section:not(.km-hero) {
    width: 100%;
    max-width: none;
  }
}

/* Final navbar sizing — intentionally last to override the legacy Flux rules. */
.km-site-header{
  top:10px;
  padding-inline:20px;
}
.km-site-header > .km-nav-shell{
  width:min(1180px,calc(100vw - 48px));
  height:56px;
  padding:5px 9px 5px 16px;
  gap:18px;
  border-radius:18px;
}
.km-site-header.is-scrolled > .km-nav-shell{
  width:min(1080px,calc(100vw - 48px));
  height:52px;
}
.km-site-header .km-nav-logo img{width:172px}
.km-site-header .km-nav-links a,
.km-site-header .km-nav-login{
  padding:8px 10px;
  font-size:13px;
}
.km-site-header .km-nav-actions{gap:8px}
.km-site-header .km-nav-login{border-radius:9px}
.km-site-header .km-nav-cta{
  padding:9px 14px;
  border-radius:9px;
  font-size:13px;
}
@media(max-width:700px){
  .km-site-header{top:10px;padding-inline:10px}
  .km-site-header > .km-nav-shell,
  .km-site-header.is-scrolled > .km-nav-shell{
    width:100%;
    height:52px;
    padding:6px 8px 6px 12px;
    border-radius:15px;
  }
  .km-site-header .km-nav-logo img{width:142px}
}

main > .km-hero .km-hero-badge b{
  padding:8px 14px;
  font-family:"Inter Display",Inter,ui-sans-serif,system-ui,sans-serif !important;
  font-size:11px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.018em;
  text-rendering:geometricPrecision;
}

/* Compact main navigation after removing the original Flux shell. */
.km-site-header{
  top:10px;
  padding-inline:20px;
}
.km-nav-shell{
  width:min(1180px,calc(100vw - 48px));
  height:56px;
  padding:5px 9px 5px 16px;
  gap:18px;
  border-radius:18px;
}
.km-site-header.is-scrolled .km-nav-shell{
  width:min(1080px,calc(100vw - 48px));
  height:52px;
}
.km-nav-logo img{width:172px}
.km-nav-links a,
.km-nav-login{
  padding:8px 10px;
  font-size:13px;
}
.km-nav-actions{gap:8px}
.km-nav-login{border-radius:9px}
.km-nav-cta{
  padding:9px 14px;
  border-radius:9px;
  font-size:13px;
}
@media(max-width:700px){
  .km-site-header{top:10px;padding-inline:10px}
  .km-nav-shell,
  .km-site-header.is-scrolled .km-nav-shell{
    width:100%;
    height:52px;
    padding:6px 8px 6px 12px;
    border-radius:15px;
  }
  .km-nav-logo img{width:142px}
}
.km-widget-footer { position:relative; z-index:1; display:flex; align-items:center; gap:7px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.72); font-size:7px; }
.km-widget-footer i { width:5px; height:5px; border-radius:50%; background:#91f2ae; box-shadow:0 0 0 3px rgba(145,242,174,.13); }

/* Real Klientometr Flutter app in a phone, paired with the native home-screen widget. */
.km-phone-stage { min-height:710px; }
.km-mobile-product { position:relative; width:100%; min-height:700px; }
.km-app-phone { position:absolute; z-index:2; top:0; right:30px; width:316px; height:678px; padding:8px; overflow:visible; border-radius:45px; background:linear-gradient(145deg,#242a3c,#090e1d 58%,#171d31); box-shadow:0 38px 74px rgba(28,40,102,.28),inset 0 0 0 1px rgba(255,255,255,.42),inset 0 0 0 4px rgba(8,13,27,.78); transform:rotate(1.2deg); transform-origin:center; }
.km-app-phone::before { content:""; position:absolute; top:125px; left:-3px; width:3px; height:86px; border-radius:3px 0 0 3px; background:#151b2d; box-shadow:0 112px 0 #151b2d; }
.km-app-phone::after { content:""; position:absolute; inset:3px; z-index:4; border:1px solid rgba(255,255,255,.55); border-radius:42px; pointer-events:none; }
.km-app-screen { position:relative; width:100%; height:100%; overflow:hidden; border-radius:39px; background:#f8fafc; }
.km-app-screen > img { display:block; width:96%; height:auto; margin:56px auto 0; object-fit:contain; object-position:top center; }
.km-app-phone-notch { position:absolute; z-index:6; top:8px; left:50%; width:106px; height:31px; border-radius:0 0 18px 18px; background:#0c1120; transform:translateX(-50%); }
.km-app-phone-notch::before { content:""; position:absolute; top:8px; left:33px; width:42px; height:5px; border-radius:999px; background:#252c3e; }
.km-app-phone-notch::after { content:""; position:absolute; top:7px; right:20px; width:7px; height:7px; border-radius:50%; background:#1d2945; box-shadow:inset 0 0 0 2px #10182c; }
.km-app-debug-cover { display:none; }
.km-app-status { position:absolute; z-index:5; top:14px; left:2%; display:flex; width:96%; height:43px; align-items:center; justify-content:space-between; padding:0 14px; background:#f8fafc; color:#0e1320; box-sizing:border-box; }
.km-app-status time { font-size:12px; font-weight:650; letter-spacing:-.02em; }
.km-app-status > div { display:flex; align-items:center; gap:8px; }
.km-app-status i { position:relative; display:block; flex:0 0 auto; font-style:normal; }
.km-status-signal { display:flex!important; width:18px; height:12px; align-items:flex-end; gap:2px; }
.km-status-signal b { display:block; width:3px; border-radius:2px; background:#111622; }
.km-status-signal b:nth-child(1){height:4px}.km-status-signal b:nth-child(2){height:7px}.km-status-signal b:nth-child(3){height:10px}.km-status-signal b:nth-child(4){height:12px}
.km-status-wifi { width:18px; height:13px; overflow:hidden; }
.km-status-wifi::before { content:""; position:absolute; top:-5px; left:1px; width:14px; height:14px; border:2px solid #111622; border-right-color:transparent; border-bottom-color:transparent; border-radius:50%; transform:rotate(45deg); }
.km-status-wifi::after { content:""; position:absolute; bottom:0; left:8px; width:3px; height:3px; border-radius:50%; background:#111622; }
.km-status-battery { width:20px; height:10px; border:1.7px solid #111622; border-radius:3px; box-sizing:border-box; }
.km-status-battery::before { content:""; position:absolute; inset:2px; border-radius:1px; background:#111622; }
.km-status-battery::after { content:""; position:absolute; top:2px; right:-4px; width:2px; height:5px; border-radius:0 2px 2px 0; background:#111622; }
.km-widget-back { position:absolute; z-index:3; display:flex; width:205px; min-height:108px; flex-direction:column; justify-content:center; padding:16px 18px; overflow:hidden; border:1px solid rgba(255,255,255,.42); border-radius:22px; color:#fff; box-shadow:0 22px 45px rgba(35,47,105,.24),inset 0 1px rgba(255,255,255,.22); pointer-events:none; }
.km-widget-back::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size:24px 24px; }
.km-widget-back>* { position:relative; z-index:1; }
.km-widget-back img { width:92px; height:auto; margin-bottom:9px; }
.km-widget-back small { color:rgba(255,255,255,.72); font-size:8px; font-weight:700; }
.km-widget-back strong { margin-top:3px; color:#fff; font-size:21px; letter-spacing:-.035em; }
.km-widget-back span { position:absolute; right:15px; bottom:15px; color:rgba(255,255,255,.78); font-size:9px; font-weight:750; }
.km-mini-label { display:flex; align-items:center; gap:7px; }
.km-mini-label i { width:8px; height:8px; border-radius:50%; background:#9ef0c2; box-shadow:0 0 0 5px rgba(158,240,194,.13); }
.km-mini-label img { width:76px; margin:0; }
.km-widget-back-green { bottom:196px; left:-58px; width:164px; min-height:142px; justify-content:flex-end; padding:18px; border-radius:30px; background:radial-gradient(circle at 18% 8%,rgba(175,246,210,.25),transparent 42%),linear-gradient(145deg,#145846,#319b70); transform:rotate(-7deg); animation:km-widget-drift-one 7s ease-in-out infinite; }
.km-widget-back-green strong { margin-top:12px; font-size:24px; }
.km-widget-back-green span { position:static; width:max-content; margin-top:7px; padding:4px 7px; border-radius:999px; background:rgba(255,255,255,.13); }
.km-widget-back-violet { bottom:244px; left:144px; width:230px; min-height:106px; justify-content:flex-start; padding:15px 17px; border-radius:20px; background:radial-gradient(circle at 88% 8%,rgba(194,166,255,.34),transparent 42%),linear-gradient(135deg,#4823a7,#7d4ee3); transform:rotate(4deg); animation:km-widget-drift-two 8s ease-in-out -2s infinite; }
.km-widget-back-violet .km-mini-label { justify-content:space-between; }
.km-widget-back-violet .km-mini-label small { color:rgba(255,255,255,.8); }
.km-mini-row { display:flex; align-items:flex-end; justify-content:space-between; margin-top:8px; }
.km-mini-row strong { margin:0; font-size:25px; }
.km-mini-row span { position:static; padding-bottom:3px; }
.km-widget-back-violet > svg { display:block; width:100%; height:24px; margin-top:2px; }
.km-widget-back-violet > svg path { fill:none; stroke:rgba(255,255,255,.7); stroke-width:2; stroke-linecap:round; }
@keyframes km-widget-drift-one { 0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-5.5deg)} }
@keyframes km-widget-drift-two { 0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(9px) rotate(3.5deg)} }
.km-ios-widget { position:absolute; z-index:5; bottom:40px; left:-40px; width:330px; padding:17px 18px 16px; overflow:hidden; border:1px solid rgba(255,255,255,.42); border-radius:26px; background:linear-gradient(135deg,#103277 0%,#1268da 48%,#526bf0 100%); color:#fff; box-shadow:0 27px 52px rgba(29,48,137,.32),inset 0 1px rgba(255,255,255,.2); transform:rotate(-2.2deg); }
.km-ios-widget::before { content:""; position:absolute; inset:0; opacity:.12; background:radial-gradient(circle at 86% 15%,#72d7ff,transparent 38%),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:auto,30px 30px,30px 30px; pointer-events:none; }
.km-ios-widget > * { position:relative; z-index:1; }
.km-ios-widget-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.km-ios-widget-head img { display:block; width:126px; height:auto; }
.km-ios-widget-head span { color:rgba(255,255,255,.78); font-size:10px; font-weight:750; }
.km-ios-widget h4 { margin:13px 0 0; color:#fff; font-size:17px; letter-spacing:-.025em; }
.km-ios-widget > p { margin:2px 0 12px; color:rgba(255,255,255,.66); font-size:10px; }
.km-ios-widget-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
.km-ios-widget-grid > div { min-width:0; }
.km-ios-widget-grid small { display:block; color:rgba(255,255,255,.68); font-size:8px; font-weight:650; white-space:nowrap; }
.km-ios-widget-grid small b { color:rgba(255,255,255,.8); font-weight:750; }
.km-ios-widget-grid strong { display:inline-block; margin-top:4px; font-size:18px; letter-spacing:-.03em; }
.km-ios-widget-grid svg { display:inline-block; width:72px; height:20px; margin-left:5px; overflow:visible; vertical-align:-5px; }
.km-ios-widget-grid path { fill:none; stroke:rgba(255,255,255,.72); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:950px){.km-phone-stage{width:min(620px,100%);min-height:720px;margin:auto}.km-mobile-product{min-height:710px}.km-app-phone{right:50%;transform:translateX(50%) rotate(.8deg)}.km-ios-widget{left:8px;bottom:22px}.km-widget-back-green{left:0}.km-widget-back-violet{left:178px;bottom:226px}}
@media(max-width:600px){.km-phone-stage{min-height:650px}.km-mobile-product{min-height:640px}.km-app-phone{right:50%;width:278px;height:598px;border-radius:40px;transform:translateX(50%) rotate(.5deg)}.km-app-screen{border-radius:32px}.km-app-screen>img{margin-top:50px}.km-app-phone::after{border-radius:37px}.km-app-phone-notch{width:92px}.km-app-status{height:39px;padding-inline:11px}.km-app-status time{font-size:11px}.km-app-status>div{gap:6px}.km-ios-widget{bottom:5px;left:50%;width:min(300px,92%);padding:14px 15px;transform:translateX(-50%) rotate(-1deg)}.km-ios-widget-head img{width:110px}.km-ios-widget-grid svg{width:54px}.km-widget-back{padding:12px 13px;border-radius:17px}.km-widget-back img{width:64px}.km-widget-back strong{font-size:17px}.km-widget-back-green{bottom:127px;left:-7px;width:132px;min-height:112px;border-radius:23px}.km-widget-back-violet{bottom:173px;left:112px;width:184px;min-height:88px}.km-widget-back-violet>svg{height:17px}}
@media(prefers-reduced-motion:reduce){.km-widget-back{animation:none!important}}

/* Draggable card-deck motion for the case studies. */
.km-case-stack {
  isolation: isolate;
  perspective: 1400px;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.km-case-stack:active,
.km-case-stack.is-dragging { cursor: grabbing; }
.km-case-stack:focus-visible { outline: 3px solid rgba(79,105,235,.34); outline-offset: 12px; }
.km-case-stack::before,
.km-case-stack::after { opacity: .58; }
.km-case-card {
  transform-origin: 50% 88%;
  will-change: transform, opacity, filter;
  transition: transform .72s cubic-bezier(.16,1,.3,1), opacity .42s ease, filter .52s ease;
}
.km-case-card.is-next {
  z-index: 2;
  opacity: 1;
  filter: saturate(.88) brightness(.99);
  transform: translate3d(13px,15px,-24px) scale(.974) rotate(.5deg);
}
.km-case-card.is-prev {
  z-index: 1;
  opacity: 1;
  filter: saturate(.82) brightness(.985);
  transform: translate3d(-10px,27px,-44px) scale(.952) rotate(-.65deg);
}
.km-case-card.is-active {
  z-index: 3;
  opacity: 1;
  filter: none;
  transform: translate3d(var(--case-drag-x, 0px),0,0) rotate(var(--case-drag-rotate, 0deg));
}
.km-case-stack.is-going-back .km-case-card.is-prev,
.km-case-stack.is-dragging-prev .km-case-card.is-prev { z-index: 2; }
.km-case-stack.is-going-back .km-case-card.is-next,
.km-case-stack.is-dragging-prev .km-case-card.is-next { z-index: 1; }
.km-case-card.is-swipe-out-left {
  z-index: 4;
  opacity: 0 !important;
  filter: blur(1px);
  pointer-events: none;
  transform: translate3d(-112%, -15px, 0) rotate(-4deg) scale(.985) !important;
  transition-duration: .43s;
  transition-timing-function: cubic-bezier(.55,.02,.72,.36);
}
.km-case-card.is-swipe-out-right {
  z-index: 4;
  opacity: 0 !important;
  filter: blur(1px);
  pointer-events: none;
  transform: translate3d(112%, -15px, 0) rotate(4deg) scale(.985) !important;
  transition-duration: .43s;
  transition-timing-function: cubic-bezier(.55,.02,.72,.36);
}
.km-case-stack.is-dragging .km-case-card.is-active { transition: none; }
@media(max-width:800px){
  .km-case-card.is-next{transform:translate3d(7px,11px,-20px) scale(.978) rotate(.35deg)}
  .km-case-card.is-prev{transform:translate3d(-6px,20px,-36px) scale(.958) rotate(-.45deg)}
}
@media(prefers-reduced-motion:reduce){
  .km-case-card.is-swipe-out-left,.km-case-card.is-swipe-out-right{transform:none!important}
  .km-case-dots button.is-active::after{animation:none!important;transform:scaleX(1)}
}

/* Desktop scroll choreography for the original three-step Klientomat flow. */
@media(min-width:901px){
  .km-how.is-scroll-stack { overflow:visible; }
  .km-how.is-scroll-stack .km-how-shell {
    overflow:clip;
    padding-bottom:118px;
  }
  .km-how.is-scroll-stack .km-how-heading {
    position:relative;
    z-index:5;
  }
  .km-how.is-scroll-stack .km-how-steps {
    display:block;
    padding-bottom:5vh;
  }
  .km-how.is-scroll-stack .km-how-step {
    position:sticky;
    top:calc(88px + var(--km-step-index, 0) * 12px);
    z-index:calc(10 + var(--km-step-index, 0));
    margin-bottom:28vh;
    opacity:1;
    background:#f4fbff;
    isolation:isolate;
    filter:brightness(calc(1 - var(--km-stack-progress, 0) * .075));
    transform:
      translate3d(0,calc((1 - var(--km-visual-progress, 0)) * 74px - var(--km-stack-progress, 0) * 13px),0)
      scale(calc(1 - var(--km-stack-progress, 0) * .038));
    transform-origin:50% 7%;
    box-shadow:
      0 calc(20px + var(--km-visual-progress, 0) * 18px)
      calc(44px + var(--km-visual-progress, 0) * 30px)
      rgba(20,35,105,calc(.12 + var(--km-visual-progress, 0) * .12));
    transition:filter .12s linear,box-shadow .12s linear;
    will-change:transform,filter;
  }
  .km-how.is-scroll-stack .km-how-step:last-child { margin-bottom:2vh; }
  .km-how.is-scroll-stack .km-how-step::after {
    content:"";
    position:absolute;
    z-index:8;
    inset:0;
    border-radius:inherit;
    background:rgba(23,34,61,calc(var(--km-stack-progress, 0) * .075));
    pointer-events:none;
  }
  .km-how.is-scroll-stack .km-how-step .km-how-copy > * {
    opacity:calc(.25 + var(--km-visual-progress, 0) * .75);
    transform:translateY(calc((1 - var(--km-visual-progress, 0)) * 22px));
    transition:none;
  }
  .km-how.is-scroll-stack .km-how-original-visual .km-how-lottie,
  .km-how.is-scroll-stack .km-how-original-visual .km-how-lottie-fallback {
    opacity:var(--km-visual-progress, 0)!important;
    transform:
      translateY(calc((1 - var(--km-visual-progress, 0)) * 40px))
      scale(calc(.91 + var(--km-visual-progress, 0) * .09));
    animation:none!important;
    transition:none!important;
    will-change:transform,opacity;
  }
  .km-how.is-scroll-stack .km-how-original-visual.has-lottie .km-how-lottie-fallback { opacity:0!important; }
}

/* Klientometr integrations / partners strip */
.km-partners {
  position: relative;
  overflow: hidden;
  padding: 82px 24px 88px;
  background: #fbfcff;
  color: #151a35;
}
.km-partners::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: radial-gradient(circle, rgba(86,108,229,.14) 1px, transparent 1px);
  background-size: 20px 20px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 72%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 72%, transparent);
}
.km-partners-inner {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .8s cubic-bezier(.16,1,.3,1);
}
.km-partners.is-visible .km-partners-inner {
  opacity: 1;
  transform: none;
}
.km-partners-heading {
  max-width: 720px;
  margin: 0 auto 38px;
  text-align: center;
}
.km-partners-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #586deb;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}
.km-partners-heading > span::before {
  content: "";
  width: 2px;
  height: 14px;
  border-radius: 10px;
  background: #6478f1;
}
.km-partners-heading h2 {
  margin: 0;
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.km-partners-heading p {
  max-width: 650px;
  margin: 15px auto 0;
  color: #777f99;
  font-size: 17px;
  line-height: 1.55;
}
.km-partners-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-top: 1px solid #e2e6f0;
  border-bottom: 1px solid #e2e6f0;
}
.km-partner-logo {
  min-width: 0;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 12px;
  border-right: 1px solid #e2e6f0;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity .55s ease, transform .65s cubic-bezier(.16,1,.3,1), background .25s ease;
}
.km-partner-logo:last-child { border-right: 0; }
.km-partners.is-visible .km-partner-logo { opacity: 1; transform: none; }
.km-partners.is-visible .km-partner-logo:nth-child(2) { transition-delay: .05s; }
.km-partners.is-visible .km-partner-logo:nth-child(3) { transition-delay: .1s; }
.km-partners.is-visible .km-partner-logo:nth-child(4) { transition-delay: .15s; }
.km-partners.is-visible .km-partner-logo:nth-child(5) { transition-delay: .2s; }
.km-partners.is-visible .km-partner-logo:nth-child(6) { transition-delay: .25s; }
.km-partner-logo:hover { background: #fff; }
.km-partner-logo b {
  white-space: nowrap;
  color: #202642;
  font-size: 15px;
  line-height: 1;
}
.km-partner-logo img { display: block; width: 46px; height: 30px; object-fit: contain; }
.km-partner-woo img { width: 48px; padding: 6px 7px; border-radius: 8px; background: #9658d6; }
.km-partner-meta svg { width: 37px; height: 26px; fill: none; stroke: #496cf0; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.km-partner-logo > i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 7px;
  font-style: normal;
  font-size: 14px;
  font-weight: 900;
}
.km-partner-shopify > i { color: #fff; background: #91b54b; }
.km-partner-google > i { background: conic-gradient(from 38deg, #4385f5 0 25%, #56b88c 0 50%, #f5cf42 0 75%, #4385f5 0); }
.km-partner-presta > i { border-radius: 50%; background: #68bab9; box-shadow: inset 0 0 0 8px #e8f7f7; }
.km-partner-klaviyo > i { color: #17192b; background: #ffe329; }
.km-partners-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 25px;
  color: #7a829a;
  font-size: 13px;
}
.km-partners-note i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #75d995;
  box-shadow: 0 0 0 5px rgba(117,217,149,.14);
}
.km-partners-note b { color: #303751; font-weight: 700; }

@media (max-width: 960px) {
  .km-partners-row { grid-template-columns: repeat(3, 1fr); }
  .km-partner-logo:nth-child(3) { border-right: 0; }
  .km-partner-logo:nth-child(-n+3) { border-bottom: 1px solid #e2e6f0; }
}
@media (max-width: 620px) {
  .km-partners { padding: 62px 18px 66px; }
  .km-partners-heading { margin-bottom: 28px; text-align: left; }
  .km-partners-heading p { margin-left: 0; font-size: 15px; }
  .km-partners-row { grid-template-columns: repeat(2, 1fr); }
  .km-partner-logo { height: 88px; justify-content: flex-start; padding: 15px 12px; }
  .km-partner-logo:nth-child(3) { border-right: 1px solid #e2e6f0; }
  .km-partner-logo:nth-child(even) { border-right: 0; }
  .km-partner-logo:nth-child(-n+4) { border-bottom: 1px solid #e2e6f0; }
  .km-partner-logo b { font-size: 13px; }
  .km-partners-note { align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
  .km-partners-note b { width: 100%; padding-left: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .km-partners-inner, .km-partner-logo { opacity: 1; transform: none; transition: none; }
}

/* Cut version: compact Chrome proof instead of the full statistics widget. */
.km-feature-chrome-simple {
  background:
    linear-gradient(rgba(83,105,226,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(83,105,226,.035) 1px, transparent 1px),
    #f7f9ff;
  background-size:22px 22px;
}
.km-feature-chrome-simple .km-feature-chrome-window {
  inset:5%;
  border:1px solid #dce3f2;
  border-radius:14px;
  box-shadow:0 24px 55px rgba(35,48,101,.2);
}
.km-feature-chrome-actions {
  position:absolute;
  z-index:7;
  right:5%;
  bottom:5%;
  width:88%;
  pointer-events:auto;
}
.km-feature-chrome-callout {
  display:flex;
  min-height:58px;
  align-items:center;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:13px;
  background:linear-gradient(120deg,#4056c8,#5d59d9);
  color:#fff;
  box-shadow:0 18px 36px rgba(28,43,140,.32);
  opacity:0;
  transform:translateY(13px);
  transition:opacity .6s ease .25s,transform .7s cubic-bezier(.2,.8,.2,1) .25s;
}
.km-feature-chrome-callout img {
  width:128px;
  height:auto;
  flex:0 0 auto;
  object-fit:contain;
}
.km-feature-chrome-callout span {
  margin-left:17px;
  padding-left:17px;
  border-left:1px solid rgba(255,255,255,.24);
  font-size:13px;
  font-weight:750;
  line-height:1.25;
  text-wrap:balance;
}
.km-feature-copy-store {
  width:max-content;
  min-height:54px;
  margin-top:24px;
  padding:8px 16px;
  border-radius:10px;
  text-decoration:none;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.km-feature-copy-store > span { font-size:14px; }
.km-feature-copy-store small { font-size:8px; }
.km-feature-copy-store:hover { background:#252831; box-shadow:0 16px 30px rgba(27,35,104,.24); transform:translateY(-2px); }
.km-feature-store-button {
  min-width:154px;
  justify-content:center;
  border-radius:13px;
  text-decoration:none;
  opacity:0;
  transform:translateY(13px);
  transition:opacity .6s ease .42s,transform .7s cubic-bezier(.2,.8,.2,1) .42s,background-color .2s ease;
}
.km-feature-store-button:hover { background:#252831; }
.km-feature-chrome-simple.is-active .km-feature-chrome-callout,
.km-feature-chrome-simple.is-active .km-feature-store-button {
  opacity:1;
  transform:none;
}
.km-feature-chrome-simple .km-feature-cursor {
  top:54%;
  left:54%;
  background:#fff;
}
@media(max-width:700px) {
  .km-feature-chrome-actions { right:4%; bottom:4%; width:92%; }
  .km-feature-chrome-callout { min-height:48px; padding:8px 10px; border-radius:10px; }
  .km-feature-chrome-callout img { width:86px; }
  .km-feature-chrome-callout span { margin-left:9px; padding-left:9px; font-size:8.5px; }
  .km-feature-store-button { min-height:42px; min-width:0; justify-self:end; padding:6px 10px; }
}

/* Mobile pricing range: show only the currently selected threshold. */
@media(max-width:800px) {
  .km-pricing-stops {
    position:relative;
    display:block;
    height:25px;
    margin:8px 0 23px;
  }
  .km-pricing-stops span,
  .km-pricing-stops span:nth-child(even) {
    position:absolute;
    top:0;
    left:var(--stop-position, 0%);
    display:none;
    width:auto;
    min-width:34px;
    padding:2px 7px;
    border-radius:999px;
    background:#eef1ff;
    color:#5369d9;
    font-size:10px;
    font-weight:750;
    line-height:18px;
    text-align:center;
    visibility:visible;
    transform:translateX(-50%);
  }
  .km-pricing-stops span.is-active { display:block; }
  .km-pricing-stops span.is-active:first-child { transform:none; }
  .km-pricing-stops span.is-active:last-child { transform:translateX(-100%); }
}
@media(prefers-reduced-motion:reduce) {
  .km-feature-chrome-callout,.km-feature-store-button { opacity:1; transform:none; transition:none; }
}
/* --- Release shell and accessibility layer -------------------------------- */
:root{
  --km-blue:#4d61ee;
  --km-blue-dark:#3448dc;
  --km-ink:#171d39;
  --km-muted:#7c849d;
  --km-surface:#fff;
  --km-line:#e4e8f2;
  --km-shell:min(1280px,calc(100vw - 64px));
  --km-content:min(1120px,calc(100vw - 96px));
  --km-radius:28px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff;color:var(--km-ink)}
body{margin:0;min-width:320px;overflow-x:hidden;background:#fff;color:var(--km-ink);line-height:1.5;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
button,input,summary,a{font:inherit}
a{color:inherit;text-decoration:none}
button,summary{cursor:pointer}
:focus-visible{outline:3px solid #ffdf4d;outline-offset:4px}
.km-skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:12px 18px;border-radius:10px;background:#fff;color:var(--km-ink);font-weight:800;transform:translateY(-160%);transition:transform .2s}
.km-skip-link:focus{transform:none}

.km-site-header{position:fixed;z-index:100;top:18px;left:0;width:100%;padding-inline:24px;pointer-events:none}
.km-nav-shell{width:min(1280px,calc(100vw - 48px));height:76px;margin:auto;padding:10px 14px 10px 24px;display:flex;align-items:center;gap:28px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(70,91,226,.78);box-shadow:0 18px 44px rgba(32,48,159,.18);backdrop-filter:blur(18px);transition:width .35s ease,height .35s ease,background .35s ease,box-shadow .35s ease;pointer-events:auto}
.km-site-header.is-scrolled .km-nav-shell{width:min(1120px,calc(100vw - 48px));height:64px;background:rgba(54,72,205,.94);box-shadow:0 16px 40px rgba(24,35,121,.25)}
.km-nav-logo{display:flex;align-items:center;flex:0 0 auto}
.km-nav-logo img{width:226px;height:auto}
.km-nav-links{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.km-nav-links a,.km-nav-login{padding:10px 13px;border-radius:10px;color:#fff;font-size:14px;font-weight:700;transition:background .2s}
.km-nav-links a:hover,.km-nav-login:hover{background:rgba(255,255,255,.12)}
.km-nav-actions{display:flex;align-items:center;gap:10px}
.km-nav-login{border:1px solid rgba(255,255,255,.38)}
.km-nav-cta{padding:12px 18px;border-radius:11px;background:#fff;color:#171d39;font-size:14px;font-weight:800;box-shadow:0 6px 16px rgba(23,29,57,.12)}
.km-nav-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:transparent;color:#fff}
.km-nav-toggle span{display:block;height:2px;margin:5px 0;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}

main{display:block}
main>section:not(.km-hero):not(.km-attribution-flow):not(.km-pricing):not(.km-final-cta){width:var(--km-shell);margin-inline:auto}
.km-attribution-content,.km-how-shell,.km-bento-shell,.km-data-features>.container,.km-case-shell,.km-faq-shell,.km-chrome-shell{width:var(--km-content);max-width:100%;margin-inline:auto}
.km-hero{padding-top:126px!important}
.km-hero-screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:inherit}

/* Minimal local layout for the former utility-class feature rows. */
.km-data-features{position:relative;overflow:hidden;padding:104px 0}
.km-data-features>.container{position:relative}
.km-features-intro{max-width:920px}
.km-features-intro>div:first-child,.km-feature-eyebrow,.km-feature-eyebrow>div{display:flex;align-items:center;gap:10px}
.km-features-kicker,.km-feature-label{color:#697087;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.km-features-heading{max-width:860px;margin:12px 0 14px;font-size:clamp(38px,4vw,64px);line-height:1.02}
.km-features-intro>p{max-width:800px;margin:0;color:var(--km-muted);font-size:19px}
.km-data-features .mt-8{margin-top:72px}
.km-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:center;gap:clamp(44px,7vw,110px);margin-bottom:104px}
.km-feature-row:nth-child(even) .km-feature-media{order:2}
.km-feature-media{position:relative;min-width:0;opacity:1;transform:none;filter:none}
.km-feature-media>svg{display:none!important}
.js:not(.reduced-motion) .km-feature-row{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.js:not(.reduced-motion) .km-feature-row.is-visible{opacity:1;transform:none}
.km-feature-frame{position:relative;overflow:hidden;border:1px solid var(--km-line);border-radius:24px;background:#f6f8ff;box-shadow:0 28px 70px rgba(45,58,127,.12)}
.km-feature-scene{position:relative;min-height:480px;overflow:hidden}
.km-feature-copy{max-width:540px;opacity:1!important;transform:none!important;filter:none!important}
.km-feature-number{color:#c8ccd7;font-size:44px;font-weight:600;line-height:1}
.km-feature-copy h3{margin:16px 0 12px;color:var(--km-ink);font-size:clamp(30px,3vw,48px);line-height:1.02}
.km-feature-copy>p{margin:0;color:var(--km-muted);font-size:18px;line-height:1.55}
.km-feature-mobile{min-height:520px;padding:26px;background:radial-gradient(circle at 70% 20%,#a9b9ff 0,transparent 38%),linear-gradient(145deg,#edf2ff,#dfe7ff)}
.km-feature-mobile>img{width:75%;height:100%;margin-left:auto;object-fit:contain;object-position:right center;filter:drop-shadow(0 30px 35px rgba(35,52,139,.2))}
.km-feature-mobile-chip{position:absolute;z-index:3;left:30px;bottom:34px;display:block;width:270px;padding:17px 18px 16px;border:1px solid rgba(255,255,255,.48);border-radius:20px;background:radial-gradient(circle at 92% 8%,rgba(174,190,255,.38),transparent 36%),linear-gradient(145deg,#455bdc,#6849da);color:#fff;box-shadow:0 22px 46px rgba(45,53,150,.3),inset 0 1px rgba(255,255,255,.18)}
.km-feature-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.km-feature-widget-head img{display:block;width:108px;height:auto;margin:0}.km-feature-widget-head span{color:rgba(255,255,255,.76);font-size:8px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.km-feature-widget-value{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}.km-feature-widget-value strong{font-size:27px;line-height:1;letter-spacing:-.045em}.km-feature-widget-value b{padding:5px 7px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.11);font-size:10px;white-space:nowrap}.km-feature-mobile-chip>small{display:block;margin-top:8px;color:rgba(255,255,255,.67);font-size:9px;font-weight:650}
.km-android-widget{z-index:10!important;left:24px!important;bottom:28px!important;width:300px!important;min-height:178px;padding:18px 19px 16px!important;border-radius:24px!important;background:radial-gradient(circle at 92% 5%,rgba(153,202,255,.34),transparent 35%),linear-gradient(140deg,#284bc8 0%,#5a55df 55%,#7448d2 100%)!important;box-shadow:0 28px 58px rgba(36,49,151,.34),0 0 0 1px rgba(255,255,255,.1),inset 0 1px rgba(255,255,255,.25)!important;transform:rotate(-1.5deg)}
.km-android-widget::before{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;content:"";opacity:.34;pointer-events:none}.km-android-widget>*{position:relative;z-index:1}.km-android-widget .km-feature-widget-head span{display:flex;align-items:center;gap:6px}.km-android-widget .km-feature-widget-head span i{width:6px;height:6px;border-radius:50%;background:#8cf0a7;box-shadow:0 0 0 3px rgba(140,240,167,.15)}.km-android-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.15)}.km-android-widget-grid span{display:block}.km-android-widget-grid small{display:block;color:rgba(255,255,255,.62);font-size:7px;font-weight:650}.km-android-widget-grid strong{display:block;margin-top:3px;color:#fff;font-size:14px;letter-spacing:-.025em}.km-android-widget-grid svg{grid-column:1/-1;display:block;width:100%;height:22px;margin-top:-24px;overflow:visible;opacity:.72}.km-android-widget-grid path{fill:none;stroke:#b9d7ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.km-store-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.km-store-badges a{display:flex;height:auto;align-items:center;overflow:visible;border-radius:0;background:transparent;box-shadow:none;line-height:0}.km-store-badges a:hover{box-shadow:none}.km-store-badges img{display:block;width:auto;height:52px;max-width:none;object-fit:contain}
.km-store-badges .is-google-play img{height:69px}

/* Official localized marketplace artwork, kept at its native proportions. */
.km-store-badges a,
.km-store-badges .is-google-play,
.km-store-badges .is-app-store{display:flex!important;width:auto!important;height:58px!important;flex:0 0 auto!important;align-items:center;justify-content:center;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.km-store-badges .is-google-play img{display:block!important;width:auto!important;height:78px!important;max-width:none!important;object-fit:contain!important}
.km-store-badges .is-app-store img{display:block!important;width:auto!important;height:50px!important;max-width:none!important;object-fit:contain!important}

/* Native Android bento widget mirrored from klientometr_store_widget_bento.xml. */
.km-android-widget{width:330px!important;min-height:218px!important;padding:17px 18px 16px!important;background:radial-gradient(circle at 90% 4%,rgba(128,174,255,.32),transparent 36%),linear-gradient(140deg,#183a86 0%,#355cca 52%,#514dd8 100%)!important;transform:rotate(-1.1deg)}
.km-android-widget .km-feature-widget-head img{width:108px!important}
.km-android-widget .km-feature-widget-head span{color:rgba(255,255,255,.8);font-size:10px;letter-spacing:0;text-transform:none}
.km-widget-store{display:flex;flex-direction:column;margin-top:8px}
.km-widget-store strong{color:#fff;font-size:15px;line-height:1.1}
.km-widget-store small{margin-top:3px;color:rgba(255,255,255,.66);font-size:9px}
.km-widget-bento-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:8px;margin-top:12px}
.km-widget-revenue,.km-widget-metrics span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.09)}
.km-widget-revenue{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px;border-radius:12px}
.km-widget-revenue small,.km-widget-metrics small{color:rgba(255,255,255,.67);font-size:7px;font-weight:700}
.km-widget-revenue strong{margin-top:5px;color:#fff;font-size:22px;letter-spacing:-.045em;white-space:nowrap}
.km-widget-revenue svg{display:block;width:100%;height:29px;margin-top:5px}
.km-widget-revenue path,.km-widget-metrics path{fill:none;stroke:#c2dcff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.km-widget-metrics{display:grid;gap:5px}
.km-widget-metrics span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:7px;padding:7px 8px;border-radius:9px}
.km-widget-metrics strong{color:#fff;font-size:12px;white-space:nowrap}
@media(max-width:600px){
  .km-store-badges a,.km-store-badges .is-google-play,.km-store-badges .is-app-store{width:auto!important;height:50px!important;flex-basis:auto!important}
  .km-store-badges .is-google-play img{width:auto!important;height:68px!important}
  .km-store-badges .is-app-store img{width:auto!important;height:44px!important}
  .km-android-widget{width:274px!important;min-height:190px!important;padding:14px!important}
  .km-widget-revenue strong{font-size:18px}.km-widget-metrics span{padding:6px}.km-widget-metrics strong{font-size:11px}
}

/* Separate Chrome extension story. */
.km-chrome-section{padding:96px 0 118px;background-image:radial-gradient(#d8def3 1px,transparent 1px);background-size:24px 24px}
.km-chrome-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(54px,7vw,116px)}
.km-chrome-visual,.km-chrome-copy{opacity:1;transform:none}
.js:not(.reduced-motion) .km-chrome-visual{opacity:0;transform:translateX(-32px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.js:not(.reduced-motion) .km-chrome-copy{opacity:0;transform:translateX(32px);transition:opacity .7s .1s ease,transform .9s .1s cubic-bezier(.16,1,.3,1)}
.js:not(.reduced-motion) :is(.km-chrome-visual,.km-chrome-copy).is-visible{opacity:1;transform:none}
.km-chrome-screen{position:relative;min-height:590px;padding:20px;border:1px solid #dce2f2;border-radius:28px;background:rgba(246,248,255,.9);box-shadow:0 30px 80px rgba(47,59,124,.14)}
.km-chrome-screen>img{width:100%;height:550px;border-radius:20px;object-fit:cover;object-position:left top;opacity:.86}
.km-chrome-overlay{position:absolute;left:8%;right:6%;bottom:62px;display:grid;grid-template-columns:minmax(180px,.9fr) 1px minmax(250px,1.05fr);align-items:center;gap:28px;padding:26px 34px;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:linear-gradient(135deg,#4a57c9,#5f5ada);box-shadow:0 22px 48px rgba(41,45,145,.3);color:#fff}
.km-chrome-overlay::before{content:"";grid-column:2;height:100%;background:rgba(255,255,255,.3)}
.km-chrome-overlay img{grid-column:1;grid-row:1;max-width:250px;height:auto}.km-chrome-overlay span{grid-column:3;grid-row:1;font-size:clamp(22px,2vw,34px);font-weight:800;line-height:1.08}
.km-section-kicker{display:flex;align-items:center;gap:16px}.km-section-kicker span{color:#c7cbd7;font-size:48px;font-weight:600}.km-section-kicker b{padding-left:16px;border-left:1px solid #ff8a75;color:#5264e6;font-size:13px;letter-spacing:.16em}
.km-chrome-copy h2{margin:16px 0 18px;font-size:clamp(42px,4.1vw,70px);line-height:.98}.km-chrome-copy>p{margin:0;color:var(--km-muted);font-size:19px;line-height:1.55}.km-chrome-copy ul{display:grid;gap:8px;margin:24px 0 28px;padding:0;list-style:none}.km-chrome-copy li{font-weight:700}.km-chrome-copy li::before{content:"✓";margin-right:10px;color:#586cee}
.km-chrome-store{display:inline-flex!important;align-items:center;gap:13px;width:max-content;padding:11px 17px!important;border:1px solid #393b42!important;border-radius:9px!important;background:#18191d!important;color:#fff!important;box-shadow:0 10px 25px rgba(22,24,32,.16)!important}.km-chrome-store span{display:flex;flex-direction:column;font-size:18px;font-weight:700;line-height:1.05}.km-chrome-store small{margin-bottom:3px;color:#d2d3d8;font-size:9px;letter-spacing:.12em}.km-chrome-icon{position:relative;width:42px;height:38px;flex:0 0 42px;border-radius:6px;background:transparent url("assets/chrome-web-store-logo.png") center/contain no-repeat;box-shadow:none}.km-chrome-icon::before,.km-chrome-icon::after,.km-chrome-icon b{display:none!important;content:none!important}

/* Stable content when scripts are disabled, plus concise motion when enabled. */
html:not(.js) :is(.km-hero-screen,.km-attribution-steps,.km-attribution-steps article,.km-attribution-steps>i,.km-how-heading,.km-how-step,.km-bento-grid>article,.km-features-intro,.km-feature-row,.km-feature-media,.km-feature-copy,.km-chrome-visual,.km-chrome-copy,.km-proof,.km-pricing-card,.km-faq-label,.km-faq-title,.km-faq details,.km-final-content),
html.reduced-motion :is(.km-hero-screen,.km-attribution-steps,.km-attribution-steps article,.km-attribution-steps>i,.km-how-heading,.km-how-step,.km-bento-grid>article,.km-features-intro,.km-feature-row,.km-feature-media,.km-feature-copy,.km-chrome-visual,.km-chrome-copy,.km-proof,.km-pricing-card,.km-faq-label,.km-faq-title,.km-faq details,.km-final-content){opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
.js:not(.reduced-motion) :is(.km-how-heading,.km-bento-grid>article,.km-features-intro,.km-proof,.km-pricing-card,.km-faq-label,.km-faq-title,.km-faq details,.km-final-content){opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.js:not(.reduced-motion) :is(.km-how-heading,.km-bento-grid>article,.km-features-intro,.km-proof,.km-pricing-card,.km-faq-label,.km-faq-title,.km-faq details,.km-final-content).is-visible{opacity:1;transform:none}
.js:not(.reduced-motion) .km-bento-grid>article:nth-child(2),
.js:not(.reduced-motion) .km-faq details:nth-child(2){transition-delay:.06s}
.js:not(.reduced-motion) .km-bento-grid>article:nth-child(3),
.js:not(.reduced-motion) .km-faq details:nth-child(3){transition-delay:.1s}
.js:not(.reduced-motion) .km-bento-grid>article:nth-child(4),
.js:not(.reduced-motion) .km-faq details:nth-child(n+4){transition-delay:.14s}
.js:not(.reduced-motion) .km-how-step{opacity:0;transform:translateY(34px);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.js:not(.reduced-motion) .km-how-step.is-visible{opacity:1;transform:none}
.km-manifesto-word{color:#6b7280!important;transition:color .25s ease}.km-manifesto-word.is-filled{color:var(--km-ink)!important}
.km-case-card{background:#fff!important}.km-case-stack.is-dragging{cursor:grabbing;user-select:none}.km-case-stack.is-dragging .km-case-card.is-active{opacity:1!important}
.km-faq summary{list-style:none}.km-faq summary::-webkit-details-marker{display:none}
.km-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.km-original-feature-copy p{color:#52617c}
.km-faq-label{color:#405acb}

@media(max-width:1100px){
  :root{--km-shell:calc(100vw - 40px);--km-content:calc(100vw - 56px)}
  .km-nav-links{gap:0}.km-nav-links a{padding-inline:8px}.km-nav-login{display:none}.km-nav-logo img{width:190px}
  .km-feature-row,.km-chrome-shell{grid-template-columns:1fr;gap:34px}.km-feature-row:nth-child(even) .km-feature-media{order:0}.km-feature-copy{max-width:780px}.km-chrome-copy{max-width:780px}.km-chrome-visual{order:2}
  .km-chrome-screen{min-height:540px}.km-chrome-screen>img{height:500px}
}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .km-hero-content{width:100%;min-width:0;padding-inline:4px}
  .km-hero-badge{max-width:min(330px,100%);white-space:normal}
  .km-hero-badge>span{min-width:0;white-space:normal;text-align:left}
  .km-hero h1{max-width:100%;font-size:clamp(38px,10.5vw,43px);overflow-wrap:anywhere}
  .km-hero h1 em{font-size:clamp(27px,7.8vw,31px)}
  :root{--km-shell:calc(100vw - 24px);--km-content:calc(100vw - 32px);--km-radius:20px}
  .km-site-header{top:10px;padding-inline:10px}.km-nav-shell,.km-site-header.is-scrolled .km-nav-shell{width:100%;height:58px;padding:8px 10px 8px 14px;border-radius:17px}.km-nav-logo img{width:158px}.km-nav-toggle{display:block;margin-left:auto}.km-nav-actions,.km-nav-links{display:none}.km-site-header.is-menu-open .km-nav-links{position:absolute;top:68px;left:10px;right:10px;display:flex;flex-direction:column;align-items:stretch;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#3f54d4;box-shadow:0 20px 45px rgba(24,35,121,.3)}.km-site-header.is-menu-open .km-nav-links a{padding:12px}.km-site-header.is-menu-open .km-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.km-site-header.is-menu-open .km-nav-toggle span:nth-child(2){opacity:0}.km-site-header.is-menu-open .km-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .km-hero{padding-top:88px!important}.km-data-features,.km-chrome-section{padding:72px 0}.km-data-features .mt-8{margin-top:44px}.km-feature-row{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:66px}.km-feature-media{order:0!important}.km-feature-scene{min-height:330px}.km-feature-copy h3{font-size:34px}.km-feature-copy>p{font-size:16px}.km-feature-number{font-size:34px}.km-feature-mobile{min-height:390px;padding:16px}.km-feature-mobile>img{width:84%}.km-store-badges img{height:46px}.km-store-badges .is-google-play img{height:61px}
  .km-chrome-shell{display:flex;flex-direction:column;align-items:stretch}.km-chrome-copy{order:1}.km-chrome-visual{order:2}.km-chrome-copy h2{font-size:40px}.km-chrome-copy>p{font-size:16px}.km-chrome-screen{min-height:400px;padding:12px;border-radius:20px}.km-chrome-screen>img{height:375px;border-radius:14px}.km-chrome-overlay{left:5%;right:5%;bottom:38px;grid-template-columns:1fr;gap:12px;padding:18px;border-radius:17px}.km-chrome-overlay::before{display:none}.km-chrome-overlay img,.km-chrome-overlay span{grid-column:1}.km-chrome-overlay img{max-width:180px}.km-chrome-overlay span{grid-row:2;font-size:21px}.km-section-kicker span{font-size:38px}
}
@media(max-width:430px){
  :root{--km-content:calc(100vw - 24px)}
  .km-chrome-copy h2,.km-feature-copy h3{font-size:31px}.km-features-heading{font-size:36px}.km-feature-scene{min-height:290px}.km-feature-mobile{min-height:340px}.km-feature-mobile-chip{left:16px;bottom:18px;width:230px;padding:13px 14px}.km-feature-widget-head img{width:92px}.km-feature-widget-value{margin-top:12px}.km-feature-widget-value strong{font-size:21px}.km-feature-widget-value b{font-size:8px}.km-store-badges{gap:8px}.km-store-badges img{height:40px}.km-store-badges .is-google-play img{height:53px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.km-pricing-rail-track{transform:none!important}
}

/* Release footer */
.km-footer{margin:0!important;padding:64px max(20px,calc((100vw - var(--km-shell))/2)) 24px!important;background:#111526!important;color:#fff!important}
.km-footer-shell{display:grid;grid-template-columns:minmax(260px,1.2fr) 2fr;gap:72px;max-width:var(--km-shell);margin:auto;padding-bottom:52px}
.km-footer-brand img{display:block;width:210px;height:auto;margin:0 0 20px}.km-footer-brand p{max-width:330px;margin:0 0 18px;color:#b7bfd3;font-size:14px;line-height:1.55}.km-footer-brand span{display:inline-flex;padding:8px 12px;border:1px solid #353b51;border-radius:999px;color:#dce1ef;font-size:12px;font-weight:700}
.km-footer nav{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:30px}.km-footer nav div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.km-footer nav strong{margin-bottom:4px;color:#fff;font-size:13px}.km-footer nav a{color:#aab3c9;font-size:13px;text-decoration:none}.km-footer nav a:hover{color:#fff}
.km-footer-bottom{display:flex;justify-content:space-between;max-width:var(--km-shell);margin:auto;padding-top:22px;border-top:1px solid #292f43;color:#8f98af;font-size:12px}.km-footer-bottom a{color:#bfc6d8;text-decoration:none}
@media(max-width:760px){.km-footer{padding-top:48px!important}.km-footer-shell{grid-template-columns:1fr;gap:38px;padding-bottom:36px}.km-footer nav{grid-template-columns:repeat(2,1fr);gap:28px 22px}.km-footer-bottom{gap:18px;flex-wrap:wrap}}

/* Procedural SVG grain and light pattern for the main Klientometr hero. */
main > .km-hero {
  background-color:#1558ed !important;
  background-image:
    url("assets/hero-noise-pattern.svg"),
    radial-gradient(circle at 17% 10%,rgba(83,157,255,.52),transparent 30%),
    radial-gradient(circle at 84% 66%,rgba(77,129,255,.38),transparent 34%),
    linear-gradient(135deg,#2476ef 0%,#2853e9 52%,#1554e9 100%) !important;
  background-position:center top,center,center,center !important;
  background-repeat:no-repeat !important;
  background-size:cover,auto,auto,auto !important;
}
main > .km-hero::after{display:none !important}
main > .km-hero .km-hero-glow{display:none !important}

/* Glass surround around the main hero dashboard, matching the Figma variant. */
main > .km-hero .km-hero-screen{
  width:min(1080px,calc(100% - 96px));
  margin:0 auto;
  padding:18px 18px 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.42);
  border-bottom:0;
  border-radius:30px 30px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 48px 110px rgba(3,22,92,.48);
}
main > .km-hero .km-hero-screen::before{
  content:"";
  position:absolute;
  inset:18px 18px 0;
  z-index:2;
  border:1px solid rgba(255,255,255,.32);
  border-bottom:0;
  border-radius:17px 17px 0 0;
  box-shadow:inset 0 1px rgba(255,255,255,.72);
  pointer-events:none;
}
main > .km-hero .km-hero-screen img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center top;
  border-radius:17px 17px 0 0;
}
@media(max-width:700px){
  main > .km-hero .km-hero-screen{
    width:108%;
    margin-left:-4%;
    padding:10px 10px 0;
    border-radius:18px 18px 0 0;
  }
  main > .km-hero .km-hero-screen::before{
    inset:10px 10px 0;
    border-radius:11px 11px 0 0;
  }
  main > .km-hero .km-hero-screen img{
    min-height:0;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center top;
    border-radius:11px 11px 0 0;
  }
}

/* Effective compact navbar override. */
.km-site-header{top:14px!important;padding-inline:20px}
.km-site-header > .km-nav-shell{
  width:min(1180px,calc(100vw - 48px));
  height:56px;
  padding:5px 9px 5px 16px;
  gap:18px;
  border-radius:18px;
}
.km-site-header.is-scrolled > .km-nav-shell{width:min(1080px,calc(100vw - 48px));height:52px}
.km-site-header .km-nav-logo img{width:172px}
.km-site-header .km-nav-links a,.km-site-header .km-nav-login{padding:8px 10px;font-size:13px}
.km-site-header .km-nav-actions{gap:8px}
.km-site-header .km-nav-login{border-radius:9px}
.km-site-header .km-nav-cta{padding:9px 14px;border-radius:9px;font-size:13px}
@media(max-width:700px){
  .km-site-header{top:10px!important;padding-inline:10px}
  .km-site-header > .km-nav-shell,.km-site-header.is-scrolled > .km-nav-shell{width:100%;height:52px;padding:6px 8px 6px 12px;border-radius:15px}
  .km-site-header .km-nav-logo img{width:142px}
}

/* Meta Ads bento: native-looking manager table + Klientometr Chrome overlay. */
.km-original-feature-email .km-original-feature-media.km-bento-meta-visual{
  position:relative;
  display:block;
  min-height:390px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#f4f6fa;
}
.km-meta-mock{
  container-type:inline-size;
  position:absolute;
  inset:14px 16px 0;
  overflow:hidden;
  border:1px solid #dfe4ec;
  border-radius:18px 18px 0 0;
  background:#fff;
  box-shadow:0 18px 44px rgba(21,35,70,.12);
  color:#263044;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.km-meta-topbar,.km-meta-tabs,.km-meta-columns{display:flex;align-items:center;border-bottom:1px solid #e4e8ef}
.km-meta-topbar{height:46px;padding:0 14px;gap:10px;background:#f7f8fb;font-size:11px;white-space:nowrap}
.km-meta-mark{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid #dbe2ee;border-radius:9px;background:#fff;box-shadow:0 2px 5px rgba(34,58,110,.06)}.km-meta-mark img{display:block;width:22px;height:15px;object-fit:contain}.km-meta-topbar strong{flex:0 0 auto;font-size:12px;white-space:nowrap}.km-meta-account{flex:0 0 auto;padding:5px 8px;border:1px solid #dbe1ea;border-radius:5px;background:#fff;color:#536078;white-space:nowrap}.km-meta-updated{flex:0 0 auto;margin-left:auto;color:#788398;font-size:9px;white-space:nowrap}
.km-meta-tabs{height:43px;padding:0 10px;gap:7px;background:#fff;color:#58657a;font-size:9px;white-space:nowrap}
.km-meta-tabs span,.km-meta-tabs b{padding:7px 9px;border:1px solid #dfe4ec;border-radius:5px;background:#fff}.km-meta-tabs b{border-color:#abc6f5;color:#3267c8}.km-meta-tabs button{margin-left:auto;padding:7px 11px;border:0;border-radius:5px;background:#3476d8;color:#fff;font:700 9px/1 inherit}
.km-meta-columns{display:grid;height:39px;padding:0 13px;grid-template-columns:2.1fr 1fr .7fr .75fr .9fr;gap:8px;background:#f8f9fb;color:#505b6f;font-size:9px;font-weight:800}
.km-meta-rows>div{display:grid;min-height:42px;padding:0 13px;grid-template-columns:2.1fr 1fr .7fr .75fr .9fr;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;font-size:9px}
.km-meta-rows>div:nth-child(even){background:#f8f9fb}.km-meta-rows b{overflow:hidden;color:#4275da;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.km-meta-rows span{color:#69758a}.km-meta-rows span i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#438a67}.km-meta-rows strong,.km-meta-rows em,.km-meta-rows small{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;text-align:right;font-style:normal!important;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.km-meta-columns span:nth-child(3),.km-meta-columns span:nth-child(5){font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-style:normal;font-weight:800}
.km-meta-columns span:nth-child(3),.km-meta-columns span:nth-child(4),.km-meta-columns span:nth-child(5),.km-meta-rows strong,.km-meta-rows em,.km-meta-rows small{text-align:center}
.km-meta-header-mask{position:absolute;z-index:2;top:46px;right:19%;left:23%;height:43px;border-bottom:1px solid #e4e8ef;background:#f4f5ff}
.km-meta-klientometr{
  position:absolute;
  z-index:3;
  top:46px;
  left:25.5%;
  width:43.5%;
  height:calc(100% - 46px);
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(86,108,219,.42);
  border-radius:9px 9px 0 0;
  background:#eef1ff;
  box-shadow:0 0 0 5px rgba(91,109,226,.055),0 15px 34px rgba(61,75,175,.18);
  backdrop-filter:none;
}
.km-meta-klientometr::before{position:absolute;z-index:-1;inset:0;content:"";background:#eef1ff}
.km-meta-km-head{display:flex;height:43px;padding:0 10px;align-items:center;gap:6px;border-bottom:1px solid rgba(82,102,198,.22);background:#f4f5ff}
.km-meta-km-head img{width:104px;height:auto;object-fit:contain}.km-meta-km-head i{width:7px;height:7px;border-radius:50%;background:#58aa69;box-shadow:0 0 0 3px rgba(88,170,105,.12)}.km-meta-km-head span{margin-left:auto;color:#64708b;font-size:7px;font-weight:700;text-transform:uppercase}
.km-meta-km-labels,.km-meta-km-row{display:grid;grid-template-columns:.8fr .95fr .75fr 1.35fr .8fr;align-items:center;gap:3px;padding-inline:8px}
.km-meta-km-labels{height:39px;background:#eef1ff;color:#6073d8;font-size:6px;font-weight:800}.km-meta-km-row{height:42px;border-top:1px solid rgba(96,111,197,.12);background:#eef1ff;color:#4869d4;font-size:8px}.km-meta-km-row:nth-of-type(even){background:#f7f8ff}.km-meta-km-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-meta-km-row .good{color:#278354}.km-meta-km-row .warn{color:#bd4c46}
.km-meta-extension-status{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e0e5ec;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 8px 20px rgba(31,49,87,.11);color:#536078;font-size:8px;font-weight:700}.km-meta-extension-status i{width:7px;height:7px;border-radius:50%;background:#70d883;box-shadow:0 0 0 3px rgba(112,216,131,.17)}
.km-meta-topbar .km-meta-extension-status{position:static;right:auto;bottom:auto;flex:0 0 auto;margin-left:2px;padding:6px 8px;box-shadow:0 3px 9px rgba(31,49,87,.07);white-space:nowrap}
@container (max-width:620px){
  .km-meta-topbar{padding-inline:8px;gap:6px}
  .km-meta-topbar strong{font-size:10px}
  .km-meta-account{padding:4px 6px;font-size:9px}
  .km-meta-updated{font-size:8px}
  .km-meta-topbar .km-meta-extension-status{width:21px;height:21px;padding:0;justify-content:center;overflow:hidden;font-size:0}
  .km-meta-topbar .km-meta-extension-status i{flex:0 0 7px}
}
.km-meta-scan{position:absolute;z-index:4;top:83px;left:5px;width:calc(100% - 10px);height:39px;border:2px solid #6479f0;border-radius:9px;background:rgba(104,123,242,.12);box-shadow:0 0 0 8px rgba(99,119,236,.08),0 0 24px rgba(86,108,236,.25);animation:km-meta-scan-row 6s cubic-bezier(.4,0,.2,1) infinite}
.km-meta-scan span{position:absolute;inset:0;overflow:hidden;border-radius:7px}.km-meta-scan span::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);filter:blur(1px);animation:km-meta-scan-light 1.8s ease-in-out infinite}
.km-meta-cursor{position:absolute;z-index:6;top:96px;left:65%;width:28px;height:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 38'%3E%3Cpath d='M2.5 2.5v28.2l7.5-6.8 5.2 11.3 5-2.4-5.2-11.1h10.7z' fill='white' stroke='%232d3a59' stroke-width='1.35' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(1px 2px 2px rgba(24,38,77,.25));transform:rotate(-8deg);transform-origin:2px 2px;animation:km-meta-cursor-row 6s cubic-bezier(.4,0,.2,1) infinite}
.km-meta-cursor::after{content:"";position:absolute;top:-6px;left:-6px;width:15px;height:15px;border:2px solid rgba(88,112,241,.75);border-radius:50%;opacity:0;transform:scale(.35);animation:km-meta-cursor-click 6s ease-out infinite}
@keyframes km-meta-scan-row{0%,15%{transform:translateY(0)}30%,45%{transform:translateY(42px)}60%,75%{transform:translateY(84px)}90%,100%{transform:translateY(126px)}}
@keyframes km-meta-cursor-row{0%,15%{transform:translateY(0) rotate(-8deg)}30%,45%{transform:translate(-11px,42px) rotate(-8deg)}60%,75%{transform:translate(6px,84px) rotate(-8deg)}90%,100%{transform:translate(-7px,126px) rotate(-8deg)}}
@keyframes km-meta-cursor-click{0%,8%,17%,34%,47%,64%,77%,92%,100%{opacity:0;transform:scale(.35)}12%,42%,72%,96%{opacity:.8;transform:scale(1)}}
@keyframes km-meta-scan-light{0%{transform:translateX(0)}100%{transform:translateX(520%)}}
@media(max-width:600px){.km-android-widget{left:12px!important;bottom:14px!important;width:260px!important;min-height:154px;padding:14px 15px 13px!important;border-radius:20px!important}.km-android-widget .km-feature-widget-head img{width:92px}.km-android-widget .km-feature-widget-value{margin-top:12px}.km-android-widget .km-feature-widget-value strong{font-size:22px}.km-android-widget-grid{margin-top:10px;padding-top:9px}.km-android-widget-grid svg{height:18px}}
@media(max-width:520px){
  .km-original-feature-email .km-original-feature-media.km-bento-meta-visual{min-height:320px;padding:0}
  .km-meta-mock{inset:10px 10px 0;width:720px;transform:scale(.57);transform-origin:top left}
}

@media (prefers-reduced-motion: reduce) {
  .km-meta-scan,
  .km-meta-cursor,
  .km-meta-scan span::after {
    animation: none !important;
  }

  .km-meta-scan {
    transform: translateY(42px);
  }

  .km-meta-cursor {
    transform: translate(-11px, 42px) rotate(-8deg);
  }
}