.cm-page {
  --cm-card: #fff;
  --cm-page-bg: #f1f5fd;
  --cm-ink: #040232;
  --cm-blue: #1974fc;
  --cm-cyan: #16a7ff;
  --cm-line: #d7d7d7;
  --soft-ease: cubic-bezier(.22, 1, .36, 1);
  --soft-speed: 380ms;
  position: relative;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: normal;
  letter-spacing: normal;
  color: var(--cm-ink);
  background: var(--cm-page-bg);
  padding-bottom: 1px;
}

.cm-page, .cm-page *, .cm-page *::before, .cm-page *::after { box-sizing: border-box; }
.cm-page a { color: inherit; text-decoration: none; }
.cm-page a:hover, .cm-page a:focus { color: inherit; text-decoration: none; }
.cm-page img { display: block; max-width: 100%; height: auto; }
.cm-page button { font-family: inherit; }
.cm-page li { line-height: inherit; }

.cm-page .cm-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.cm-page .cm-bound {
  width: calc(100% - 30px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px)  { .cm-page .cm-bound { max-width: 510px; } }
@media (min-width: 768px)  { .cm-page .cm-bound { max-width: 690px; } }
@media (min-width: 992px)  { .cm-page .cm-bound { max-width: 930px; } }
@media (min-width: 1200px) { .cm-page .cm-bound { max-width: 1300px; } }

.cm-page .cm-cq { container-type: inline-size; }

.cm-page .cm-hero-bound { width: 100%; max-width: 1622px; margin-left: auto; margin-right: auto; }
.cm-page .cm-hero { position: relative; width: 100%; }
.cm-page .hero-stage { container-type: inline-size; position: relative; width: 100%; aspect-ratio: 1622 / 802; overflow: hidden; background: radial-gradient(circle at 53% 48%, #fff 0 8%, transparent 23%), linear-gradient(135deg, #f7faff, #eef5ff 50%, #f8fbff); }
.cm-page .hero-stage::before { content: ""; position: absolute; inset: -30% 30% -35% -12%; border: 1px solid rgb(50 166 255 / 11%); border-radius: 50%; box-shadow: 0 0 0 44px rgb(50 166 255 / 3%), 0 0 0 110px rgb(50 166 255 / 2%); }
.cm-page .sector-menu { position: absolute; z-index: 6; left: 1.45%; top: 7.6%; width: 12.45%; height: 85.8%; display: grid; grid-template-rows: repeat(10, 1fr); gap: 1.05%; }
.cm-page .hero-phone { --phone-left: 13.3%; --phone-top: 16.2%; --phone-width: 26.5%; --phone-height: 80.392%; position: absolute; z-index: 4; left: var(--phone-left); top: var(--phone-top); width: var(--phone-width); height: var(--phone-height); max-width: none; object-fit: fill; transform: perspective(1400px) translateY(0) rotateY(2.2deg) rotateZ(-1.55deg) scale(1); transform-origin: 50% 52%; filter: drop-shadow(0 20px 28px rgb(20 57 98 / 13%)); cursor: pointer; transition: transform var(--soft-speed) var(--soft-ease), filter var(--soft-speed) var(--soft-ease); }
.cm-page .hero-phone[data-phone-sector="ecommerce"] { --phone-left: 14.567%; --phone-top: 18.516%; --phone-width: 24.081%; --phone-height: 73.413%; }
.cm-page .hero-phone[data-phone-sector="real-estate"] { --phone-left: 15.037%; --phone-top: 19.387%; --phone-width: 23.045%; --phone-height: 71.442%; }
.cm-page .hero-phone[data-phone-sector="automotive"] { --phone-left: 15.159%; --phone-top: 19.293%; --phone-width: 22.958%; --phone-height: 71.536%; }
.cm-page .hero-phone[data-phone-sector="tourism"] { --phone-left: 14.053%; --phone-top: 17.54%; --phone-width: 25.042%; --phone-height: 75.758%; }
.cm-page .hero-phone[data-phone-sector="association"] { --phone-left: 13.64%; --phone-top: 16.591%; --phone-width: 26.309%; --phone-height: 78.484%; }
.cm-page .hero-phone[data-phone-sector="logistics"] { --phone-left: 13.634%; --phone-top: 16.644%; --phone-width: 26.347%; --phone-height: 78.427%; }
.cm-page .hero-phone[data-phone-sector="education"] { --phone-left: 13.64%; --phone-top: 16.591%; --phone-width: 26.309%; --phone-height: 78.484%; }
.cm-page .hero-phone[data-phone-sector="health"] { --phone-left: 13.64%; --phone-top: 16.591%; --phone-width: 26.309%; --phone-height: 78.484%; }
.cm-page .hero-phone[data-phone-sector="finance"] { --phone-left: 13.646%; --phone-top: 16.589%; --phone-width: 26.271%; --phone-height: 78.54%; }
.cm-page .hero-phone:hover { transform: perspective(1400px) translateY(-3px) rotateY(2deg) rotateZ(-1.45deg) scale(1.012); filter: drop-shadow(0 24px 31px rgb(20 57 98 / 17%)); }
.cm-page .hero-phone.phone-screen-ghost { z-index: 4; pointer-events: none; animation: cm-phone-screen-out 800ms var(--soft-ease) both; }
.cm-page .hero-phone.is-entering { z-index: 5; pointer-events: none; animation: cm-phone-screen-in 800ms var(--soft-ease) both; }
.cm-page .phone-orbits { position: absolute; z-index: 2; left: 9.2%; top: 6.5%; width: 36%; height: 87%; pointer-events: none; transform: rotate(-1.5deg); }
.cm-page .orbit-ring { position: absolute; border: 1.4px solid rgb(60 177 246 / 17%); border-radius: 50%; }
.cm-page .ring-one { inset: 5% 10% 3% 8%; }
.cm-page .ring-two { inset: 0 3% 0 1%; border-color: rgb(60 177 246 / 11%); }
.cm-page .ring-three { inset: 12% 18% 10% 16%; border-color: rgb(60 177 246 / 9%); }
.cm-page .phone-orbits::before, .cm-page .phone-orbits::after { content: ""; position: absolute; border: 1px solid rgb(60 177 246 / 8%); border-radius: 48% 52% 50% 47%; }
.cm-page .phone-orbits::before { inset: 8% -4% 5% 5%; transform: rotate(8deg); }
.cm-page .phone-orbits::after { inset: 18% 4% -3% -5%; transform: rotate(-9deg); }
.cm-page .orbit-dot { position: absolute; width: clamp(4px, .497cqw, 8px); aspect-ratio: 1; border: 1.5px solid rgb(59 183 247 / 43%); border-radius: 50%; background: #f5faff; box-shadow: 0 0 0 3px rgb(82 184 242 / 5%); }
.cm-page .dot-one { left: 8.2%; top: 24%; }
.cm-page .dot-two { right: 8.5%; top: 36%; }
.cm-page .dot-three { left: 11%; bottom: 19%; }
.cm-page .dot-four { right: 17%; bottom: 6%; }
.cm-page .phone-flow-lines { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.cm-page .phone-flow-lines > path { fill: none; stroke: #43aef5; stroke-width: 1.8; stroke-linecap: round; opacity: .28; }
.cm-page .phone-features { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.cm-page .phone-feature { position: absolute; width: 5.65%; min-width: 58px; max-width: 94px; height: clamp(60px, 5.268cqw, 86px); padding: clamp(20px, 1.716cqw, 28px) 8px 8px; display: grid; place-items: center; color: #09113d; border: 1px solid rgb(104 165 218 / 18%); border-radius: clamp(11px, 1.125cqw, 18px); background: linear-gradient(155deg, rgb(255 255 255 / 99%), rgb(249 252 255 / 96%)); box-shadow: 0 11px 26px rgb(37 82 128 / 11%), inset 0 1px 0 white; text-align: center; transform-origin: center; transition: translate var(--soft-speed) var(--soft-ease), scale var(--soft-speed) var(--soft-ease), border-color var(--soft-speed) ease, box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .phone-feature::after { content: ""; position: absolute; inset: 5px; z-index: -1; border-radius: inherit; background: radial-gradient(circle at 50% 0, rgb(65 172 247 / 7%), transparent 56%); pointer-events: none; }
.cm-page .phone-feature p { width: 100%; margin: 0; font-size: clamp(7px, .769cqw, 12.4px); line-height: 1.12; letter-spacing: -.025em; white-space: normal; text-wrap: balance; }
.cm-page .phone-feature strong, .cm-page .phone-feature span:not(.cm-feature-icon) { display: block; }
.cm-page .phone-feature strong { font-weight: 800; white-space: nowrap; }
.cm-page .phone-feature p span { margin-top: 1px; font-weight: 520; }
.cm-page .cm-feature-icon { position: absolute; left: 50%; top: clamp(-19px, -1.184cqw, -12px); width: clamp(26px, 2.663cqw, 43px); aspect-ratio: 1; display: grid; place-items: center; color: #078cf1; transform: translateX(-50%); filter: drop-shadow(0 5px 8px rgb(28 103 174 / 16%)); transition: scale var(--soft-speed) var(--soft-ease); }
.cm-page .cm-feature-icon svg { display: block; width: 100%; height: 100%; overflow: visible; }
.cm-page .discount-icon { color: white; border-radius: 38% 48% 38% 48%; background: #ff2357; transform: translateX(-50%) rotate(12deg); }
.cm-page .discount-icon::before, .cm-page .discount-icon::after { content: ""; position: absolute; inset: 5%; border-radius: 41% 47% 42% 48%; background: #ff2357; transform: rotate(35deg); z-index: -1; }
.cm-page .discount-icon b { position: relative; z-index: 2; font-size: clamp(11px, 1.598cqw, 26px); transform: rotate(-12deg); }
.cm-page .cm-service-icon { color: #08b978; }
.cm-page .content-icon { color: #12a9ed; }
.cm-page .announcement-icon { color: #237df0; }
.cm-page .feature-catalog { left: 18.55%; top: 5.6%; width: 5.95%; transform: rotate(-1.4deg); }
.cm-page .feature-catalog p { font-size: clamp(6.5px, .698cqw, 11.3px); }
.cm-page .feature-catalog strong { white-space: normal; }
.cm-page .feature-discount { left: 30.45%; top: 7.2%; width: 5.7%; transform: rotate(5deg); }
.cm-page .feature-discount p { font-size: clamp(6.5px, .71cqw, 11.5px); }
.cm-page .feature-product { left: 37.35%; top: 18.1%; width: 5.65%; transform: rotate(-3.3deg); }
.cm-page .feature-product p { font-size: clamp(6.5px, .698cqw, 11.3px); }
.cm-page .feature-product strong { white-space: normal; }
.cm-page .feature-service { left: 36.15%; top: 35.3%; width: 5.05%; transform: rotate(.9deg); }
.cm-page .feature-content { left: 36.2%; top: 55.4%; width: 5.1%; transform: rotate(1.3deg); }
.cm-page .feature-announcement { left: 36.2%; top: 74.3%; width: 6.35%; max-width: 106px; transform: rotate(5deg); }
.cm-page .feature-announcement p { font-size: clamp(6.5px, .687cqw, 11px); }
.cm-page .feature-announcement p span { white-space: nowrap; }
.cm-page .phone-feature, .cm-page .phone-signal { pointer-events: auto; cursor: pointer; }
.cm-page .phone-feature:hover { z-index: 8; translate: 0 -3px; scale: 1.035; border-color: rgb(83 164 232 / 24%); box-shadow: 0 14px 31px rgb(37 82 128 / 17%); }
.cm-page .phone-feature:hover .cm-feature-icon { scale: 1.055; }
.cm-page .phone-signal { position: absolute; display: grid; place-items: center; width: clamp(15px, 2.071cqw, 34px); aspect-ratio: 1; color: white; border: 2px solid white; border-radius: 50%; box-shadow: 0 5px 13px rgb(27 75 121 / 13%); font-size: clamp(7px, .852cqw, 14px); font-weight: 900; line-height: 1; transition: transform var(--soft-speed) var(--soft-ease), filter var(--soft-speed) ease, box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .phone-signal svg { display: block; width: 64%; height: 64%; overflow: visible; }
.cm-page .phone-signal:hover { z-index: 9; transform: translateY(-2px) scale(1.08); filter: saturate(1.06); box-shadow: 0 7px 16px rgb(27 75 121 / 18%); }
.cm-page .signal-chat { left: 43.8%; top: 31.8%; background: #128ef1; }
.cm-page .signal-purple-mail { left: 44.1%; top: 38.1%; width: clamp(15px, 1.776cqw, 29px); background: #8d3fe8; }
.cm-page .signal-search { left: 42.5%; top: 53.3%; background: #ec2677; }
.cm-page .sector-item { --tilt: 0deg; --shift: 0px; position: relative; width: 100%; min-width: 0; padding: 0 7%; display: grid; grid-template-columns: 29% 1fr; align-items: center; gap: 4%; color: #081346; border: 1px solid #dceaf8; border-radius: clamp(7px, .829cqw, 14px); background: rgb(255 255 255 / 97%); box-shadow: 0 7px 18px rgb(49 94 139 / 13%), inset 0 1px 0 white; font: 700 clamp(8px, 1.042cqw, 17px)/1.08 Inter, ui-sans-serif, sans-serif; letter-spacing: -.025em; text-align: left; white-space: nowrap; cursor: pointer; transform: translateX(var(--shift)) rotate(var(--tilt)); transform-origin: center; transition: transform var(--soft-speed) var(--soft-ease), border-color var(--soft-speed) ease, box-shadow var(--soft-speed) var(--soft-ease), background-color var(--soft-speed) ease; }
.cm-page .sector-item:nth-child(1) { --tilt: 2.1deg; --shift: -2px; }
.cm-page .sector-item:nth-child(2) { --tilt: 1.4deg; --shift: 0px; }
.cm-page .sector-item:nth-child(3) { --tilt: 1deg; --shift: 2px; }
.cm-page .sector-item:nth-child(4) { --tilt: 1.25deg; --shift: 1px; }
.cm-page .sector-item:nth-child(5) { --tilt: .3deg; --shift: 0px; }
.cm-page .sector-item:nth-child(6) { --tilt: .8deg; --shift: 1px; }
.cm-page .sector-item:nth-child(7) { --tilt: 1.15deg; --shift: 2px; }
.cm-page .sector-item:nth-child(8) { --tilt: .65deg; --shift: 1px; }
.cm-page .sector-item:nth-child(9) { --tilt: -.65deg; --shift: 0px; }
.cm-page .sector-item:nth-child(10) { --tilt: -1.45deg; --shift: 2px; }
.cm-page .sector-item:hover { z-index: 2; transform: translateX(calc(var(--shift) + 2px)) rotate(var(--tilt)) scale(1.012); border-color: #b9d8f3; box-shadow: 0 9px 22px rgb(49 94 139 / 16%); }
.cm-page .sector-item:focus-visible { z-index: 3; outline: 3px solid #62a9ee; outline-offset: 2px; }
.cm-page .sector-item.is-selected { z-index: 1; color: #06113f; border-color: #71ace7; background: linear-gradient(100deg, #fff, #f4f9ff); box-shadow: 0 0 0 2px rgb(87 161 232 / 17%), 0 8px 18px rgb(49 94 139 / 15%); }
.cm-page .sector-icon { display: grid; place-items: center; justify-self: center; width: 100%; color: #0969e7; font-size: clamp(17px, 2.367cqw, 38px); font-weight: 900; line-height: 1; }
.cm-page .sector-icon svg { display: block; width: clamp(21px, 2.663cqw, 43px); height: clamp(21px, 2.663cqw, 43px); overflow: visible; }
.cm-page .icon-home { color: #071642; }
.cm-page .icon-car { color: #075fc8; }
.cm-page .icon-tourism { color: #09aa91; }
.cm-page .icon-logistics { color: #08a3e8; }
.cm-page .icon-education { color: #159cf0; }
.cm-page .icon-health { color: #ed2458; }
.cm-page .icon-more { color: #1734a0; }
.cm-page .icon-more svg { height: clamp(13px, 1.42cqw, 23px); }
.cm-page .more-item { grid-template-columns: 29% 1fr; font-size: clamp(7px, .864cqw, 14px); letter-spacing: -.035em; }
.cm-page .hero-connections { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; }
.cm-page .hero-connections > path { fill: none; stroke-width: 2.3; stroke-linecap: round; }
.cm-page .line-whatsapp { stroke: #56b7ff; }
.cm-page .line-sms { stroke: #46d5f2; }
.cm-page .line-email { stroke: #2d80f4; }
.cm-page .line-push { stroke: #9d44ef; }
.cm-page .line-google { stroke: #ff9e27; }
.cm-page .line-meta { stroke: #2178ee; }
.cm-page .connect-hub { position: absolute; z-index: 4; left: 50.6%; top: 50%; width: 9.6%; aspect-ratio: 1; transform: translate(-50%, -50%) scale(1); display: flex; flex-direction: column; align-items: center; justify-content: center; border: clamp(2px, .296cqw, 5px) solid white; border-radius: 50%; background: white; box-shadow: 0 0 0 10px rgb(80 177 255 / 11%), 0 0 0 17px rgb(80 177 255 / 7%), 0 12px 30px rgb(44 117 193 / 18%); text-align: center; cursor: pointer; transition: transform var(--soft-speed) var(--soft-ease), box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .connect-logo { position: relative; z-index: 2; width: 72%; height: auto; object-fit: contain; transition: transform var(--soft-speed) var(--soft-ease), filter var(--soft-speed) ease; }
.cm-page .connect-hub:hover { transform: translate(-50%, -50%) scale(1.065); box-shadow: 0 0 0 12px rgb(80 177 255 / 14%), 0 0 0 22px rgb(80 177 255 / 8%), 0 18px 38px rgb(44 117 193 / 24%); }
.cm-page .connect-hub:hover .connect-logo { transform: scale(1.07) rotate(-2deg); filter: saturate(1.12); }
.cm-page .hub-orbit { position: absolute; inset: -15%; border: 1px dashed rgb(63 160 247 / 22%); border-radius: 50%; animation: cm-orbit 24s linear infinite; }
.cm-page .hub-orbit i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #4da8f5; }
.cm-page .hub-orbit i:nth-child(1) { top: 10%; left: 20%; }
.cm-page .hub-orbit i:nth-child(2) { top: 45%; right: -2%; }
.cm-page .hub-orbit i:nth-child(3) { bottom: 8%; right: 28%; }
.cm-page .hub-orbit i:nth-child(4) { bottom: 26%; left: 0; }
.cm-page .channel-stack { position: absolute; z-index: 3; left: 58.8%; top: 5%; width: 39.2%; height: 88%; display: grid; grid-template-rows: repeat(6, 1fr); }
.cm-page .channel-stack::before { content: ""; position: absolute; inset: 1% 0; pointer-events: none; opacity: .42; background: radial-gradient(circle at 47% 4%, rgb(78 104 132 / 13%) 0 9px, transparent 10px), radial-gradient(circle at 55% 31%, rgb(78 104 132 / 11%) 0 10px, transparent 11px), radial-gradient(circle at 45% 68%, rgb(78 104 132 / 11%) 0 11px, transparent 12px), radial-gradient(circle at 89% 42%, rgb(78 104 132 / 10%) 0 13px, transparent 14px), radial-gradient(circle at 85% 79%, rgb(78 104 132 / 9%) 0 12px, transparent 13px); }
.cm-page .audience-ghosts { position: absolute; z-index: 0; inset: -1% 0; overflow: hidden; pointer-events: none; }
.cm-page .ghost-person { position: absolute; width: clamp(19px, 3.196cqw, 52px); aspect-ratio: 1; border: 2px solid rgb(113 128 148 / 17%); border-radius: 50%; background-color: #e7ecf2; background-image: url("/upload/images/connect-master/musteri-avatarlari.webp"); background-repeat: no-repeat; background-size: 390% 260%; box-shadow: 0 3px 10px rgb(73 91 113 / 8%); filter: grayscale(1) blur(.3px); opacity: .12; }
.cm-page .ghost-one { left: 45%; top: 1%; background-position: 50% 9.4%; }
.cm-page .ghost-two { left: 72%; top: 10%; width: clamp(16px, 2.545cqw, 41px); background-position: 5.2% 90.6%; }
.cm-page .ghost-three { right: 1%; top: 20%; background-position: 94.8% 9.4%; }
.cm-page .ghost-four { left: 38%; top: 27%; width: clamp(15px, 2.367cqw, 38px); background-position: 50% 90.6%; }
.cm-page .ghost-five { right: 8%; top: 36%; width: clamp(22px, 3.788cqw, 61px); background-position: 5.2% 9.4%; }
.cm-page .ghost-six { left: 48%; top: 44%; background-position: 94.8% 90.6%; }
.cm-page .ghost-seven { right: 0; top: 53%; width: clamp(15px, 2.545cqw, 41px); background-position: 50% 9.4%; }
.cm-page .ghost-eight { left: 39%; top: 61%; width: clamp(21px, 3.551cqw, 58px); background-position: 5.2% 90.6%; }
.cm-page .ghost-nine { right: 10%; top: 69%; background-position: 94.8% 9.4%; }
.cm-page .ghost-ten { left: 51%; top: 78%; width: clamp(16px, 2.604cqw, 42px); background-position: 50% 90.6%; }
.cm-page .ghost-eleven { right: 1%; top: 84%; width: clamp(20px, 3.433cqw, 56px); background-position: 5.2% 9.4%; }
.cm-page .ghost-twelve { left: 43%; top: 91%; width: clamp(15px, 2.367cqw, 38px); background-position: 94.8% 90.6%; }
.cm-page .ghost-thirteen { right: 3%; top: 13.5%; width: clamp(16px, 2.663cqw, 43px); background-position: 50% 9.4%; }
.cm-page .ghost-fourteen { right: 16%; top: 18.5%; width: clamp(14px, 2.19cqw, 36px); background-position: 5.2% 90.6%; }
.cm-page .ghost-fifteen { right: 2%; top: 30.5%; width: clamp(22px, 3.729cqw, 60px); background-position: 94.8% 9.4%; }
.cm-page .ghost-sixteen { right: 18%; top: 39.5%; width: clamp(16px, 2.545cqw, 41px); background-position: 50% 90.6%; }
.cm-page .ghost-seventeen { right: 3%; top: 48.5%; width: clamp(19px, 3.137cqw, 51px); background-position: 5.2% 9.4%; }
.cm-page .ghost-eighteen { right: 17%; top: 58.5%; width: clamp(15px, 2.367cqw, 38px); background-position: 94.8% 90.6%; }
.cm-page .ghost-nineteen { right: 2%; top: 72.5%; width: clamp(20px, 3.433cqw, 55px); background-position: 50% 9.4%; }
.cm-page .ghost-twenty { right: 16%; top: 88.5%; width: clamp(15px, 2.427cqw, 39px); background-position: 5.2% 90.6%; }
.cm-page .ghost-twenty-one { left: 57%; top: 16%; width: clamp(15px, 2.367cqw, 38px); background-position: 94.8% 90.6%; }
.cm-page .ghost-twenty-two { left: 64%; top: 34%; width: clamp(20px, 3.314cqw, 54px); background-position: 50% 9.4%; }
.cm-page .ghost-twenty-three { left: 82%; top: 43%; width: clamp(15px, 2.486cqw, 40px); background-position: 5.2% 90.6%; }
.cm-page .ghost-twenty-four { left: 56%; top: 54%; width: clamp(22px, 3.669cqw, 59px); background-position: 94.8% 9.4%; }
.cm-page .ghost-twenty-five { left: 68%; top: 66%; width: clamp(16px, 2.604cqw, 42px); background-position: 50% 90.6%; }
.cm-page .ghost-twenty-six { left: 82%; top: 81%; width: clamp(20px, 3.255cqw, 53px); background-position: 5.2% 9.4%; }
.cm-page .ghost-five, .cm-page .ghost-eight, .cm-page .ghost-fifteen, .cm-page .ghost-nineteen, .cm-page .ghost-twenty-two, .cm-page .ghost-twenty-four { opacity: .185; }
.cm-page .channel-row { --accent: #1974fc; --flow: var(--accent); --avatar-col: 61%; --avatar-start: 41%; --badge-one: 14%; --badge-two: 29%; --arrow-angle: 0deg; --arrow-gap: 14px; position: relative; z-index: 1; display: grid; grid-template-columns: 29% 71%; align-items: center; color: var(--accent); cursor: default; }
.cm-page .whatsapp-row { --accent: #08af58; --flow: #56b7ff; --avatar-col: 65%; --avatar-start: 45%; --curve-a: 5px; --curve-b: -4px; --arrow-angle: -2deg; --travel-time: 7.7s; }
.cm-page .sms-row { --accent: #7d42ee; --flow: #46d5f2; --avatar-col: 69%; --avatar-start: 49%; --curve-a: 7px; --curve-b: -3px; --arrow-angle: 1deg; --travel-time: 8.4s; }
.cm-page .email-row { --accent: #287dcc; --flow: #2d80f4; --avatar-col: 52%; --avatar-start: 32%; --curve-a: -4px; --curve-b: 4px; --arrow-angle: 3deg; --arrow-gap: 8px; --travel-time: 6.5s; }
.cm-page .push-row { --accent: #ed2679; --flow: #9d44ef; --avatar-col: 59%; --avatar-start: 39%; --curve-a: 6px; --curve-b: -5px; --arrow-angle: -1deg; --travel-time: 7.2s; }
.cm-page .google-row { --accent: #f04400; --flow: #ff9e27; --avatar-col: 64%; --avatar-start: 44%; --curve-a: 5px; --curve-b: -3px; --arrow-angle: 2deg; --travel-time: 7.9s; }
.cm-page .meta-row { --accent: #0d50fd; --flow: #2178ee; --avatar-col: 53%; --avatar-start: 33%; --curve-a: 4px; --curve-b: -4px; --arrow-angle: -2deg; --travel-time: 6.8s; }
.cm-page .channel-row::before { content: none; }
.cm-page .channel-card { position: relative; z-index: 2; width: 100%; min-height: clamp(34px, 5.149cqw, 84px); padding: 0 8%; display: flex; align-items: center; gap: 7%; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 16%, #dce8f3); border-radius: clamp(10px, 1.48cqw, 24px); background: rgb(255 255 255 / 96%); box-shadow: 0 10px 31px rgb(35 85 135 / 11%), inset 0 1px 0 white; font-size: clamp(9px, 1.065cqw, 17px); white-space: nowrap; transform: translateX(0) scale(1); transform-origin: left center; transition: transform var(--soft-speed) var(--soft-ease), border-color var(--soft-speed) ease, box-shadow var(--soft-speed) var(--soft-ease), background-color var(--soft-speed) ease; }
.cm-page .channel-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 20%, rgb(255 255 255 / 42%) 48%, transparent 72%); transform: translateX(-130%); transition: transform 650ms var(--soft-ease); pointer-events: none; }
.cm-page .channel-row:hover .channel-card { z-index: 5; transform: translateX(4px) scale(1.012); border-color: color-mix(in srgb, var(--accent) 30%, #d8e5f0); background: white; box-shadow: 0 13px 34px color-mix(in srgb, var(--accent) 10%, transparent), 0 8px 20px rgb(35 85 135 / 9%); }
.cm-page .channel-row:hover .channel-card::after { transform: translateX(130%); }
.cm-page .channel-logo { display: grid; place-items: center; width: clamp(21px, 3.018cqw, 49px); aspect-ratio: 1; flex: 0 0 auto; color: var(--accent); background: transparent; font-size: clamp(19px, 2.782cqw, 45px); font-weight: 900; line-height: 1; transition: transform var(--soft-speed) var(--soft-ease); }
.cm-page .channel-logo svg { display: block; width: 100%; height: 100%; overflow: visible; }
.cm-page .channel-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cm-page .channel-row:hover .channel-logo { transform: scale(1.045); }
.cm-page .google-g { font-family: Arial, sans-serif; font-weight: 900; background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 42%, #fbbc05 0 62%, #ea4335 0 82%, #4285f4 0); background-clip: text; -webkit-background-clip: text; color: transparent; }
.cm-page .meta-logo { width: clamp(19px, 2.663cqw, 43px); }
.cm-page .customer-flow { position: relative; height: 100%; display: grid; grid-template-columns: var(--avatar-col) calc(100% - var(--avatar-col)); align-items: center; }
.cm-page .customer-flow::before, .cm-page .customer-flow::after { content: ""; position: absolute; z-index: 2; top: 50%; width: 0; height: 0; transform: translateY(-50%); pointer-events: none; }
.cm-page .customer-flow::before { left: -1px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 7px solid var(--accent); filter: drop-shadow(0 0 1px white); }
.cm-page .customer-flow::after { left: calc(var(--avatar-start) - var(--arrow-gap)); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid var(--accent); transform: translateY(-50%) rotate(var(--arrow-angle)); transform-origin: center; filter: drop-shadow(0 0 1px white); }
.cm-page .customer-connector { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.cm-page .customer-connector path { fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; marker-start: none; marker-end: none; opacity: .45; }
.cm-page .flow-badge { position: absolute; z-index: 3; left: 3%; top: 50%; display: grid; place-items: center; width: clamp(13px, 1.835cqw, 30px); aspect-ratio: 1; transform: translate(-50%, -50%); color: white; border: 2px solid white; border-radius: 50%; background: var(--accent); box-shadow: 0 2px 7px color-mix(in srgb, var(--accent) 16%, transparent); font: 900 clamp(5px, .651cqw, 10px)/1 Arial, sans-serif; animation: cm-flow-badge-travel var(--travel-time, 7.4s) linear infinite; will-change: left, top, opacity; }
.cm-page .flow-badge.badge-two { animation-delay: calc(var(--travel-time, 7.4s) / -2); }
.cm-page .flow-badge svg, .cm-page .message-card > span svg { display: block; width: 68%; height: 68%; overflow: visible; }
.cm-page .flow-badge img, .cm-page .message-card > span img { display: block; width: 70%; height: 70%; object-fit: contain; }
.cm-page .meta-row .flow-badge .meta-mark, .cm-page .meta-row .message-card > span .meta-mark { filter: brightness(0) invert(1); }
.cm-page .flow-badge svg *, .cm-page .message-card > span svg * { vector-effect: non-scaling-stroke; }
.cm-page .whatsapp-row .flow-badge svg path:first-child, .cm-page .whatsapp-row .message-card > span svg path:first-child { fill: #fff; }
.cm-page .whatsapp-row .flow-badge svg path:last-child, .cm-page .whatsapp-row .message-card > span svg path:last-child { fill: var(--accent); }
.cm-page .sms-row .flow-badge svg rect, .cm-page .sms-row .message-card > span svg rect { fill: none; stroke: #fff; }
.cm-page .sms-row .flow-badge svg path, .cm-page .sms-row .flow-badge svg circle, .cm-page .sms-row .message-card > span svg path, .cm-page .sms-row .message-card > span svg circle { fill: #fff; stroke: #fff; }
.cm-page .cm-avatar { position: relative; z-index: 2; justify-self: end; width: clamp(34px, 6.155cqw, 100px); aspect-ratio: 1; border: 2px solid var(--accent); border-radius: 50%; background-color: #f5faff; background-image: url("/upload/images/connect-master/musteri-avatarlari.webp"); background-repeat: no-repeat; background-size: 390% 260%; box-shadow: 0 6px 18px rgb(3 38 76 / 15%); transition: transform var(--soft-speed) var(--soft-ease), box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .cm-avatar-one { background-position: 5.2% 9.4%; }
.cm-page .cm-avatar-two { background-position: 50% 9.4%; }
.cm-page .cm-avatar-three { background-position: 94.8% 9.4%; }
.cm-page .cm-avatar-four { background-position: 5.2% 90.6%; }
.cm-page .cm-avatar-five { background-position: 50% 90.6%; }
.cm-page .cm-avatar-six { background-position: 94.8% 90.6%; }
.cm-page .message-card { position: relative; z-index: 3; width: 100%; min-height: clamp(30px, 4.616cqw, 75px); padding: 7% 8%; display: flex; align-items: center; color: #071032; border: 1px solid color-mix(in srgb, var(--accent) 40%, #dce7f0); border-radius: clamp(6px, .947cqw, 15px); background: rgb(255 255 255 / 97%); box-shadow: 0 8px 24px rgb(35 85 135 / 10%); transition: transform var(--soft-speed) var(--soft-ease), box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .message-card::before { content: ""; position: absolute; left: -8px; top: 50%; width: 15px; height: 15px; border-left: 1px solid color-mix(in srgb, var(--accent) 40%, #dce7f0); border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, #dce7f0); background: white; transform: translateY(-50%) rotate(45deg); }
.cm-page .message-card > span { position: absolute; z-index: 2; right: -5px; top: -6px; display: grid; place-items: center; width: clamp(11px, 1.42cqw, 23px); aspect-ratio: 1; color: white; border-radius: 4px; background: var(--accent); font-size: clamp(5px, .651cqw, 10px); font-weight: 800; }
.cm-page .message-card p { position: relative; z-index: 1; margin: 0; font-size: clamp(5.5px, .663cqw, 10.7px); line-height: 1.14; }
.cm-page .message-card strong { display: block; color: var(--accent); text-transform: uppercase; }
.cm-page .channel-row:hover .cm-avatar { transform: scale(1.025); box-shadow: 0 8px 23px color-mix(in srgb, var(--accent) 15%, transparent); }
.cm-page .channel-row:hover .message-card { transform: translateX(2px); box-shadow: 0 10px 27px color-mix(in srgb, var(--accent) 10%, transparent); }

.cm-page .cm-hero h1 {
  position: absolute;
  left: 50%;
  bottom: -1.953cqw;
  transform: translateX(-50%);
  z-index: 2;
  margin: 0;
  padding: 0;
  color: #3c3c3c;
  font-family: inherit;
  font-size: clamp(17px, 2.344cqw, 38px);
  line-height: 1.2;
  font-style: italic;
  font-weight: 500;
  white-space: nowrap;
}
.cm-page .cm-hero h1 strong { font-weight: 800; }

@keyframes cm-orbit { to { transform: rotate(360deg); } }
@keyframes cm-phone-screen-out {
  from { opacity: 1; }
  to { opacity: 0; transform: perspective(1400px) rotateY(2.2deg) rotateZ(-1.55deg) scale(1.012); filter: drop-shadow(0 23px 31px rgb(20 57 98 / 14%)); }
}
@keyframes cm-phone-screen-in {
  from { opacity: 0; transform: perspective(1400px) rotateY(2.2deg) rotateZ(-1.55deg) scale(.99); filter: drop-shadow(0 17px 23px rgb(20 57 98 / 10%)); }
  65% { opacity: .94; }
  to { opacity: 1; transform: perspective(1400px) translateY(0) rotateY(2.2deg) rotateZ(-1.55deg) scale(1); filter: blur(0) drop-shadow(0 20px 28px rgb(20 57 98 / 13%)); }
}
@keyframes cm-flow-badge-travel {
  0% { left: 3%; top: 50%; opacity: 0; transform: translate(-50%, -50%) scale(1.08); }
  9% { opacity: .5; transform: translate(-50%, -50%) scale(1.04); }
  32% { top: calc(50% + var(--curve-a, 5px)); transform: translate(-50%, -50%) scale(.96); }
  66% { top: calc(50% + var(--curve-b, -4px)); transform: translate(-50%, -50%) scale(.84); }
  91% { opacity: .5; transform: translate(-50%, -50%) scale(.75); }
  100% { left: var(--avatar-start); top: 50%; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
}

.cm-page .benefit-strip {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: clamp(64px, 6.891cqw, 104px);
  margin: clamp(18px, 3.242cqw, 49px) auto 0;
  padding: 0 2.543cqw;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 1.526cqw;
  background: #f4f6fa;
  border-radius: 15px;
  box-shadow: 0 4px 42px -22px rgb(0 0 0 / 25%);
}
.cm-page .benefit-strip a { position: relative; min-width: 0; padding: clamp(5px, .661cqw, 10px); display: flex; align-items: center; gap: 12px; border-radius: 13px; text-decoration: none; color: #333; background: transparent; transform: translateY(0) scale(1); transition: transform var(--soft-speed) var(--soft-ease), color var(--soft-speed) ease, background-color var(--soft-speed) ease, box-shadow var(--soft-speed) var(--soft-ease); }
.cm-page .benefit-strip a:not(:last-child)::after { content: ""; position: absolute; right: -4%; top: 50%; width: clamp(8px, .954cqw, 14px); aspect-ratio: 1; border-top: 3px solid #c9c9c9; border-right: 3px solid #c9c9c9; transform: translateY(-50%) rotate(45deg); opacity: .75; transition: transform var(--soft-speed) var(--soft-ease), border-color var(--soft-speed) ease, opacity var(--soft-speed) ease; }
.cm-page .benefit-strip a:hover { color: #164d99; background: rgb(255 255 255 / 68%); box-shadow: 0 9px 22px rgb(50 104 178 / 10%), inset 0 0 0 1px rgb(91 141 255 / 10%); transform: translateY(-3px) scale(1.012); }
.cm-page .benefit-strip a:hover:not(:last-child)::after { border-color: #7ea4eb; opacity: .95; transform: translate(3px, -50%) rotate(45deg); }
.cm-page .benefit-strip a:focus-visible { outline: 3px solid rgb(91 141 255 / 42%); outline-offset: 2px; }
.cm-page .benefit-strip a > span:last-child { display: flex; flex-direction: column; font-size: clamp(10px, 1.259cqw, 19px); line-height: 1.2; }
.cm-page .benefit-strip strong { font-weight: 700; transition: color var(--soft-speed) ease; }
.cm-page .benefit-strip a:hover strong { color: #145fce; }
.cm-page .benefit-icon { display: grid; place-items: center; flex: 0 0 auto; width: clamp(28px, 3.433cqw, 52px); aspect-ratio: 1; color: #5b8dff; background: transparent; transform: scale(1); filter: drop-shadow(0 0 0 transparent); transition: transform var(--soft-speed) var(--soft-ease), color var(--soft-speed) ease, filter var(--soft-speed) var(--soft-ease); }
.cm-page .benefit-strip a:hover .benefit-icon { color: #2f75f1; transform: scale(1.075) rotate(-1.5deg); filter: drop-shadow(0 6px 8px rgb(49 116 239 / 17%)); }
.cm-page .benefit-icon svg { display: block; width: 100%; height: 100%; overflow: visible; }

.cm-page .promo { position: relative; width: 100%; margin: -11px auto 0; }
.cm-page .promo > img { width: 100%; height: auto; }
.cm-page .art-link { position: absolute; z-index: 2; border-radius: 999px; }
.cm-page .art-link:focus-visible { outline: 4px solid #ffbe2e; outline-offset: 3px; }
.cm-page .promo-message { position: absolute; z-index: 2; margin: 0; color: #08113c; font-size: clamp(13px, 1.509cqw, 27px); font-weight: 700; line-height: 1.22; text-align: center; }
.cm-page .promo-message strong { color: #1974fc; }
.cm-page .promo-demo-message { left: 17.696%; top: 32.3%; width: 21.111%; }
.cm-page .promo-price-message { left: 59.497%; top: 30.3%; width: 21.638%; }
.cm-page .promo-price-message strong { color: #00a86b; }
.cm-page .promo .demo-link, .cm-page .promo .price-link { top: 70.2%; height: 8.1%; padding: 0 1.3%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: clamp(6px, .739cqw, 14px); color: white; box-shadow: 0 8px 20px rgb(19 88 188 / 18%); font-size: clamp(11px, 1.246cqw, 22px); font-weight: 700; text-decoration: none; transition: transform var(--soft-speed) var(--soft-ease), box-shadow var(--soft-speed) var(--soft-ease), filter var(--soft-speed) ease; }
.cm-page .promo .art-link:hover { transform: translateY(-4px) scale(1.015); filter: saturate(1.07); box-shadow: 0 14px 30px rgb(19 88 188 / 25%); color: white; }
.cm-page .promo-button-icon { width: clamp(15px, 1.636cqw, 30px); height: auto; }
.cm-page .promo-button-arrow { width: clamp(14px, 1.478cqw, 27px); height: auto; transition: transform var(--soft-speed) var(--soft-ease); }
.cm-page .promo .art-link:hover .promo-button-arrow { transform: translateX(4px); }
.cm-page .promo .art-link span { text-align: center; white-space: nowrap; }
.cm-page .demo-link { left: 18.435%; width: 19%; background: linear-gradient(90deg, #147bf5, #0069e8); }
.cm-page .price-link { left: 60.762%; width: 19.105%; background: linear-gradient(90deg, #12b477, #00a864); }

.cm-page .modules-shell {
  position: relative;
  width: 100%;
  margin: 7px auto 0;
  padding: clamp(22px, 2.913cqw, 40px);
  padding-bottom: clamp(14px, 1.61cqw, 22px);
  background: var(--cm-card);
  border-radius: 20px;
  box-shadow: 0 3px 18px rgb(35 74 120 / 5%);
}
.cm-page .modules-shell h2 { margin: 0 0 clamp(18px, 2.045cqw, 28px); padding: 0; text-align: center; font-family: inherit; font-size: clamp(19px, 2.479cqw, 34px); font-style: italic; font-weight: 700; line-height: normal; color: #3c3c3c; }
.cm-page .module-row { display: grid; grid-template-columns: 1.1fr .96fr; gap: clamp(24px, 5.111cqw, 70px); align-items: center; min-height: 32.53cqw; }
.cm-page .module-row + .module-row { margin-top: 0; }
.cm-page .module-row.cm-reverse { grid-template-columns: .96fr 1.1fr; }
.cm-page .module-row.cm-reverse .module-copy { grid-column: 2; }
.cm-page .module-row.cm-reverse .module-media { grid-column: 1; grid-row: 1; }
.cm-page .module-transition { position: relative; z-index: 2; height: clamp(48px, 7.002cqw, 96px); pointer-events: none; }
.cm-page .module-transition img { position: absolute; left: 50%; top: 50%; width: clamp(56px, 8.752cqw, 120px); height: auto; transform: translate(-50%, -50%) rotate(-2deg); filter: drop-shadow(0 5px 9px rgb(25 116 252 / 9%)); }
.cm-page .module-transition-reversed img { transform: translate(-50%, -50%) scaleX(-1) rotate(-2deg); }
.cm-page .module-copy { color: var(--cm-ink); }
.cm-page .module-copy.align-right { text-align: right; }
.cm-page .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--cm-blue); font-weight: 600; font-size: clamp(11px, 1.456cqw, 20px); }
.cm-page .eyebrow i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #57a8ff; box-shadow: inset 0 0 0 3px #cfe6ff; }
.cm-page .module-copy h3 { margin: 0 0 16px; padding: 0; font-family: inherit; font-weight: 700; font-size: clamp(19px, 2.409cqw, 33px); line-height: 1.12; letter-spacing: -.035em; color: var(--cm-ink); }
.cm-page .module-copy h3 em { color: var(--cm-cyan); font-style: normal; }
.cm-page .module-copy > p:not(.eyebrow) { margin: 0 0 18px; font-size: clamp(12px, 1.162cqw, 16px); line-height: 1.5; }
.cm-page .module-copy ul { margin: 0; padding: 0; list-style: none; font-size: clamp(11px, 1.092cqw, 15px); line-height: 1.65; }
.cm-page .module-copy li::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: #58a9ff; box-shadow: inset 0 0 0 3px #d6ebff; }
.cm-page .align-right li::before { display: none; }
.cm-page .align-right li::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 10px; border-radius: 50%; background: #58a9ff; box-shadow: inset 0 0 0 3px #d6ebff; }
.cm-page .module-media { width: 100%; aspect-ratio: 577 / 411; overflow: hidden; border: 1px solid var(--cm-line); border-radius: 20px; background: #d9d9d9; }
.cm-page .module-media img { width: 100%; height: 100%; object-fit: cover; }

.cm-page .sticky-demo-dock {
  position: relative;
  aspect-ratio: 1381 / 297;
  margin-top: clamp(20px, 2.5vw, 48px);
}
.cm-page .sticky-demo {
  position: fixed;
  z-index: 40;
  left: 50%;
  bottom: 0;
  width: calc(100% - 30px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 24px)) scale(.985);
  transform-origin: 50% 100%;
  transition: opacity 520ms var(--soft-ease), transform 620ms var(--soft-ease), visibility 0s linear 620ms;
}
@media (min-width: 576px)  { .cm-page .sticky-demo { max-width: 510px; } }
@media (min-width: 768px)  { .cm-page .sticky-demo { max-width: 690px; } }
@media (min-width: 992px)  { .cm-page .sticky-demo { max-width: 930px; } }
@media (min-width: 1200px) { .cm-page .sticky-demo { max-width: 1300px; } }
.cm-page .sticky-demo.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
  transition-delay: 0s;
}
.cm-page .sticky-demo.is-docked {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: none;
}
.cm-page .sticky-demo-inner { position: relative; width: 100%; container-type: inline-size; }
.cm-page .sticky-demo-inner > img { width: 100%; height: auto; }
.cm-page .sticky-demo-copy { position: absolute; top: 40%; width: 25%; color: #08113c; text-align: center; }
.cm-page .sticky-demo-copy-left { left: 10.2%; }
.cm-page .sticky-demo-copy-right { right: 8.8%; }
.cm-page .sticky-demo-copy p { margin: 0 0 clamp(5px, .973cqw, 13px); font-size: clamp(9px, 1.641cqw, 20px); font-weight: 750; line-height: 1.16; letter-spacing: -.025em; }
.cm-page .sticky-demo-copy strong { color: #1974fc; }
.cm-page .sticky-demo-copy-right strong { color: #08a96d; }
.cm-page .sticky-demo-copy a {
  width: min(92%, 270px);
  min-height: clamp(26px, 4.449cqw, 50px);
  margin: 0 auto;
  padding: 0 clamp(8px, 1.39cqw, 17px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(4px, .904cqw, 11px);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, #147cf6, #0569e4);
  box-shadow: 0 8px 20px rgb(16 99 220 / 21%);
  font-size: clamp(8px, 1.335cqw, 16px);
  font-weight: 750;
  text-decoration: none;
  transition: transform var(--soft-speed) var(--soft-ease), box-shadow var(--soft-speed) var(--soft-ease), filter var(--soft-speed) ease;
}
.cm-page .sticky-demo-copy-right a { background: linear-gradient(90deg, #13b779, #00a866); box-shadow: 0 8px 20px rgb(0 157 98 / 20%); }
.cm-page .sticky-demo-copy a:hover { color: #fff; transform: translateY(-3px) scale(1.018); filter: saturate(1.08); box-shadow: 0 13px 26px rgb(16 99 220 / 28%); }
.cm-page .sticky-demo-copy-right a:hover { box-shadow: 0 13px 26px rgb(0 157 98 / 27%); }
.cm-page .sticky-demo-copy a:focus-visible { outline: 3px solid #ffbe2e; outline-offset: 3px; }
.cm-page .sticky-demo-copy svg { width: clamp(11px, 1.946cqw, 23px); height: auto; }
.cm-page .sticky-demo-copy b { font-size: clamp(13px, 2.224cqw, 26px); font-weight: 500; line-height: 1; transition: transform var(--soft-speed) var(--soft-ease); }
.cm-page .sticky-demo-copy a:hover b { transform: translateX(4px); }

@media (max-width: 991px) {
  .cm-page .benefit-strip { grid-template-columns: 1fr 1fr; padding: 18px; gap: 18px 10px; }
  .cm-page .benefit-strip a:last-child { grid-column: 1 / -1; justify-self: center; }
  .cm-page .benefit-strip a::after { display: none; }
  .cm-page .benefit-strip a > span:last-child { font-size: clamp(11px, 1.9cqw, 15px); }
  .cm-page .benefit-icon { width: clamp(30px, 5cqw, 42px); }
  .cm-page .module-row { min-height: 0; padding-bottom: 8px; }
  .cm-page .module-copy > p:not(.eyebrow) { margin-bottom: 12px; }
}

@media (max-width: 767px) {
  .cm-page .cm-hero-bound { width: 100%; max-width: none; margin: 0; }
  .cm-page .cm-hero {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .cm-page .cm-hero::-webkit-scrollbar { display: none; }
  .cm-page .hero-stage { min-width: 560px; }
  .cm-page .cm-hero h1 { position: static; margin: 14px auto 0; padding: 0 14px; width: 100%; transform: none; text-align: center; white-space: normal; font-size: 19px; }

  .cm-page .benefit-strip { margin: 22px auto 0; padding: 16px 14px; gap: 14px 8px; }
  .cm-page .benefit-strip a { gap: 9px; }
  .cm-page .benefit-strip a > span:last-child { font-size: 11.5px; }
  .cm-page .benefit-icon { width: 30px; }

  .cm-page .promo-bound { width: 118%; max-width: none; margin-left: -9%; }
  .cm-page .promo { margin-top: 12px; }

  .cm-page .modules-shell { width: 100%; margin-top: 12px; padding: 22px 16px; border-radius: 16px; }
  .cm-page .modules-shell h2 { margin-bottom: 24px; font-size: 20px; }
  .cm-page .module-row, .cm-page .module-row.cm-reverse { grid-template-columns: 1fr; min-height: 0; gap: 18px; padding: 8px 0 34px; }
  .cm-page .module-row.cm-reverse .module-copy, .cm-page .module-row.cm-reverse .module-media { grid-column: 1; }
  .cm-page .module-row.cm-reverse .module-copy { grid-row: 1; }
  .cm-page .module-row.cm-reverse .module-media { grid-row: 2; }
  .cm-page .module-transition { height: 44px; }
  .cm-page .module-transition img { width: 54px; }
  .cm-page .module-copy, .cm-page .module-copy.align-right { text-align: left; }
  .cm-page .align-right li::before { display: inline-block; }
  .cm-page .align-right li::after { display: none; }
  .cm-page .module-copy h3 { font-size: 22px; }
  .cm-page .module-copy > p:not(.eyebrow) { font-size: 13.5px; margin-bottom: 14px; }
  .cm-page .module-copy ul { font-size: 13px; }
  .cm-page .eyebrow { font-size: 12px; }

  .cm-page .sticky-demo-dock { min-height: 104px; aspect-ratio: auto; margin-top: 20px; }
  .cm-page .sticky-demo.is-docked { width: 100%; }
  .cm-page .sticky-demo-inner { min-height: 104px; overflow: hidden; border-radius: 18px 18px 0 0; }
  .cm-page .sticky-demo-inner > img { position: absolute; left: 50%; bottom: 0; width: 490px; max-width: none; transform: translateX(-50%); }
  .cm-page .sticky-demo-copy { top: 30px; width: 36%; }
  .cm-page .sticky-demo-copy-left { left: 2%; }
  .cm-page .sticky-demo-copy-right { right: 2%; }
  .cm-page .sticky-demo-copy p { margin-bottom: 5px; font-size: 9px; line-height: 1.14; }
  .cm-page .sticky-demo-copy a { width: 100%; min-height: 28px; padding: 0 8px; gap: 4px; font-size: 8.5px; }
  .cm-page .sticky-demo-copy svg { width: 13px; }
  .cm-page .sticky-demo-copy b { font-size: 15px; }
}

@media (max-width: 400px) {
  .cm-page .sticky-demo-copy p { font-size: 8.2px; }
  .cm-page .sticky-demo-copy a { min-height: 26px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .cm-page *, .cm-page *::before, .cm-page *::after { transition: none !important; }
  .cm-page .flow-badge { animation: none; left: 24%; opacity: .5; }
  .cm-page .flow-badge.badge-two { left: 38%; }
  .cm-page .hero-phone.phone-screen-ghost { display: none; }
  .cm-page .hero-phone.is-entering { animation: none; }
  .cm-page .hub-orbit { animation: none; }
}

.cm-page a.channel-card { color: inherit; text-decoration: none; cursor: pointer; }
.cm-page a.channel-card:focus-visible { outline: 3px solid #ffbe2e; outline-offset: 2px; }
.cm-page .channel-go { position: absolute; right: 8%; top: 50%; margin-top: -.6em; color: var(--accent); font-weight: 800; opacity: 0; transform: translateX(-6px); transition: opacity var(--soft-speed) ease, transform var(--soft-speed) var(--soft-ease); }
.cm-page .channel-row:hover a.channel-card .channel-go { opacity: 1; transform: translateX(0); }