:root {
  --blue: #1675d1;
  --violet: #315fd4;
  --ok: #1980dc;
  --ag3-acid: #2384e5;
  --ag3-acid-2: #1468c5;
  --ag3-coral: #176fca;
  --ag-acid: #2384e5;
  --ag-acid-2: #1468c5;
  --ag-coral: #176fca;
  --ag-coral-2: #3294ec;
  --ag-green: #2384e5;
  --ag-green-2: #1468c5;
  accent-color: #1675d1;
}

::selection { background: #c9e4ff; color: #102b4d; }

a { text-decoration-color: rgba(22,117,209,.4); text-underline-offset: .18em; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid rgba(39,139,229,.65) !important;
  outline-offset: 3px !important;
}

.support-widget-button,
.support-widget-send,
.support-fab,
.test-install-wait-button,
.flow-primary,
.page-top-action.acid {
  background: #1976d2 !important;
  border-color: #1976d2 !important;
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(25,118,210,.2) !important;
}
.support-widget .support-widget-button,
.support-widget .support-widget-send,
.home-page .support-widget .support-widget-button,
.home-page .support-widget .support-widget-send {
  background: #1976d2 !important;
  border-color: #1976d2 !important;
  color: #fff !important;
}
.support-widget-button:hover,
.support-widget-send:hover,
.test-install-wait-button:hover,
.flow-primary:hover,
.page-top-action.acid:hover { background: #0f5fae !important; border-color: #0f5fae !important; }
.support-widget-unread { background: #55c8ff !important; }
.support-widget-message.is-customer { background: #176fca !important; color: #fff !important; }
.support-widget-compose .support-upload-button { color: #79c6ff !important; border-color: rgba(80,173,246,.55) !important; }
.support-widget-compose .support-upload-button:hover { color: #fff !important; border-color: #55b5ff !important; background: #123b66 !important; }
.site-footer a:hover, .site-footer nav a:hover { color: #77c6ff !important; }

.home-page {
  background: #f4f8fd !important;
  color: #12243b !important;
}
.home-page .topbar {
  position: relative;
  z-index: 20;
  width: min(1360px, calc(100% - 48px));
  min-height: 84px;
  margin: 0 auto;
  color: #17304e;
}
.home-page .site-nav a { color: #36516f !important; }
.home-page .site-nav a:hover { color: #1268c3 !important; }
.home-page .brand img.appsget-brand-logo { display: block; width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; }
.home-page .header-search-trigger,
.home-page .header-cart-trigger,
.home-page .header-menu-trigger {
  border-color: #dce7f2 !important;
  background: #fff !important;
  color: #193552 !important;
}
.home-page .header-search-trigger span { color: #657991 !important; }
.home-page .redesigned-topbar .navbtn.primary { background: #176fca !important; border-color: #176fca !important; color: #fff !important; }

/* Let the desktop header use the page width; the old 1360px cap over-centered it. */
@media (min-width: 901px) {
  .home-page .redesigned-topbar {
    left: auto !important;
    transform: none !important;
    width: min(1680px, calc(100% - 72px)) !important;
  }
}
@media (min-width: 1401px) {
  .home-page .redesigned-topbar .brand { margin-right: 36px !important; }
}
@media (min-width: 901px) and (max-width: 1400px) {
  .home-page .redesigned-topbar .brand { margin-right: 24px !important; }
}

.home-page .reference-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
  align-items: center;
  gap: 18px;
  width: min(1360px, calc(100% - 48px));
  height: auto;
  min-height: 610px;
  margin: 0 auto 26px;
  padding: 42px clamp(24px, 5vw, 70px);
  overflow: hidden;
  border: 1px solid #dfebf7 !important;
  border-radius: 30px !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(23,61,104,.08) !important;
  color: #10243d !important;
}
.home-page .reference-hero::before,
.home-page .reference-hero::after,
.home-page .reference-hero .signal-hero-copy::before { display: none !important; }
.home-page .signal-hero-copy {
  position: relative !important;
  inset: auto !important;
  z-index: 2;
  display: block;
  width: auto !important;
  max-width: 680px;
  padding: 0 !important;
}
.home-page .reference-eyebrow {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid #d3e7fa;
  border-radius: 999px;
  background: #eff7ff;
  color: #1767b8 !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 1.35;
}
.home-page .reference-eyebrow i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #2187df; box-shadow: 0 0 0 4px #dceeff; }
.home-page .reference-hero-title {
  max-width: 760px;
  margin: 22px 0 0 !important;
  color: #12243b !important;
  font-size: clamp(44px, 4vw, 58px) !important;
  font-weight: 850 !important;
  letter-spacing: -.055em !important;
  line-height: .99 !important;
  text-wrap: balance;
}
.home-page .reference-hero-title span { display: block; }
.home-page .reference-hero-title .accent { color: #1675d1 !important; }
.home-page .reference-hero-title span { color: #12243b !important; -webkit-text-fill-color: #12243b !important; }
.home-page .reference-hero-title span.accent { color: #1675d1 !important; -webkit-text-fill-color: #1675d1 !important; }
.home-page .reference-hero .signal-hero-lead {
  max-width: 620px;
  margin: 18px 0 0 !important;
  color: #111923 !important;
  -webkit-text-fill-color: #111923 !important;
  font-size: 17px !important;
  font-weight: 500;
  line-height: 1.55 !important;
}
.home-page .reference-hero .signal-hero-lead .signal-hero-app-name {
  color: #145fae !important;
  -webkit-text-fill-color: #145fae !important;
  font-weight: 850;
}
.hero-pricing { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.home-page .reference-hero .hero-pricing { font-family: inherit !important; }
.hero-price-tile {
  display: flex;
  min-height: 94px;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 15px 18px;
  border: 1px solid #d7e7f6;
  border-radius: 15px;
  background: #f5faff;
  font-family: inherit !important;
}
.home-page .reference-hero .hero-price-tile > span { display: block !important; width: auto; min-height: 0; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #566d87 !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; text-align: left; }
.home-page .reference-hero .hero-price-tile > b { color: #155eaa !important; -webkit-text-fill-color: #155eaa !important; font-family: inherit !important; font-size: 30px !important; font-weight: 850 !important; letter-spacing: -.035em; line-height: 1 !important; }
.home-page .reference-hero .hero-price-tile small { display: block !important; margin: 5px 0 0; color: #58728e !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0; }
.home-page .hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 18px; }
.home-page .hero-primary,
.home-page .hero-secondary {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.home-page .reference-hero .hero-primary { border: 1px solid #176fca !important; background: #176fca !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 10px 24px rgba(23,111,202,.2) !important; }
.home-page .reference-hero .hero-primary::after { display: none !important; }
.home-page .reference-hero .hero-primary,
.home-page .reference-hero .hero-secondary { width: auto !important; height: 54px !important; min-height: 54px !important; flex: 0 0 auto; padding: 0 22px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 800 !important; }
.home-page .reference-hero .hero-primary:hover { transform: translateY(-2px); background: #105ba8 !important; }
.home-page .reference-hero .hero-secondary { border: 1px solid #d7e4f0 !important; background: #fff !important; color: #244565 !important; -webkit-text-fill-color: #244565 !important; box-shadow: 0 5px 14px rgba(30,70,110,.05) !important; }
.home-page .hero-secondary:hover { transform: translateY(-2px); background: #f1f7fd; }
.hero-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: min(100%, 600px); margin-top: 25px; }
.hero-proof-card { display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 86px; padding: 13px 16px; border: 1px solid #d7e4f0; border-radius: 16px; background: #f4f8fd; box-shadow: 0 10px 24px rgba(30,70,110,.05); }
.hero-proof-icon { display: grid; width: 54px; height: 54px; flex: 0 0 54px; place-items: center; border: 1px solid #bdd8f5; border-radius: 50%; background: #e6f2ff; color: #176fca; }
.hero-proof-icon svg { width: 26px; height: 26px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hero-proof-copy { display: grid; gap: 2px; min-width: 0; }
.hero-proof-copy b { color: #15263a; font-size: 23px; font-weight: 850; line-height: 1.05; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.hero-proof-label { color: #526983; font-size: 12px; font-weight: 600; line-height: 1.2; }
.hero-proof-divider { display: none; }

.hero-device-stage {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 500px;
  place-items: center;
  isolation: isolate;
}
.hero-device-stage::before {
  position: absolute;
  z-index: -1;
  width: min(88%, 490px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #e8f4ff 0, #f4f9ff 52%, rgba(255,255,255,0) 73%);
  content: "";
}
.hero-device {
  display: block;
  width: min(100%, 450px);
  max-height: 560px;
  object-fit: contain;
  filter: drop-shadow(0 24px 28px rgba(8,35,69,.22));
}
.hero-app-icon {
  position: absolute;
  z-index: 2;
  display: block;
  width: clamp(54px, 6vw, 82px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 4px solid #fff;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(26,67,112,.2);
  animation: hero-app-icon-float 6.4s ease-in-out infinite;
}
.hero-app-icon img { display: block; width: 100%; height: 100%; border-radius: 16px; object-fit: cover; }
.hero-app-icon img[src$=".svg"] { object-fit: contain; }
.hero-app-icon--vk { top: 13%; left: 5%; --hero-icon-tilt: -9deg; animation-delay: -.8s; }
.hero-app-icon--sber { top: 30%; right: 0; --hero-icon-tilt: 8deg; animation-delay: -2.1s; }
.hero-app-icon--max { right: 6%; bottom: 11%; --hero-icon-tilt: 8deg; animation-delay: -3.4s; }
.hero-app-icon--avito { bottom: 16%; left: 1%; --hero-icon-tilt: -8deg; animation-delay: -4.7s; }
.hero-app-icon--vtb { top: 2%; left: 22%; --hero-icon-tilt: -6deg; animation-delay: -1.5s; }
.hero-app-icon--alfa { top: 51%; left: 0; --hero-icon-tilt: -7deg; animation-delay: -3s; }
.hero-app-icon--mail { top: 51%; right: 0; --hero-icon-tilt: 7deg; animation-delay: -4.2s; }
.hero-app-icon--tbank { top: 2%; right: 22%; --hero-icon-tilt: 6deg; animation-delay: -2.7s; }
@keyframes hero-app-icon-float {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(var(--hero-icon-tilt, 0deg)); }
  50% { transform: translate3d(0, -6px, 0) rotate(var(--hero-icon-tilt, 0deg)); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-app-icon { animation: none !important; }
}

.home-page .catalog-surface {
  z-index: 1;
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
  padding: 52px clamp(22px, 4.8vw, 64px) 84px;
  overflow: visible;
  border-radius: 24px;
  background: #eef5fc !important;
  box-shadow: none !important;
}
.home-page .catalog-surface::before,
.home-page .catalog-surface::after { display: none !important; }
.home-page .catalog-inner { width: 100% !important; }
.home-page .catalog-topline { display: grid; grid-template-columns: minmax(245px,.72fr) minmax(0,1.28fr); align-items: start !important; gap: 32px; margin-bottom: 32px; }
.home-page .catalog-heading { position: static; width: auto; margin: 0; }
.home-page .catalog-heading-copy h2 { margin: 0; color: #132a45; font-size: clamp(28px,3vw,40px); letter-spacing: -.045em; line-height: 1.05; }
.home-page .catalog-heading-copy p { max-width: 340px; margin: 10px 0 0; color: #61788f; font-size: 15px; line-height: 1.5; }
.home-page .catalog-kicker { color: #3478b7; }
.home-page .catalog-kicker::before,
.home-page .catalog-kicker::after { background: #2384e5 !important; box-shadow: 0 0 0 4px #e4f2ff !important; }
.home-page .tools { position: static; width: auto !important; margin: 0; padding: 0; transform: none !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-page .catalog-search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.home-page .search-box { min-width: 0; border: 1px solid #d8e4ef; background: #fff; box-shadow: 0 5px 18px rgba(26,62,100,.04); }
.home-page .search { min-width: 0; }
.home-page .search input { color: #17314d; font-size: 16px; }
.home-page .search input::placeholder { color: #72869b; opacity: 1; }
.home-page .catalog-search-submit { min-width: 112px; border-radius: 12px; background: #176fca !important; color: #fff !important; box-shadow: 0 7px 18px rgba(23,111,202,.14); }
.home-page .catalog-search-submit:hover { background: #105ba8 !important; }
.home-page .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.home-page .chip { flex: 0 0 auto; border-color: #d4e2f0; background: #fff; color: #3e5873; }
.home-page .chip.active { border-color: #176fca !important; background: #176fca !important; color: #fff !important; }
.home-page .chip small { color: inherit; opacity: .68; }
.home-page .catalog-subhead { margin: 0 0 15px; }
.home-page .catalog-subhead h3 { color: #183653; }
.home-page .catalog-surface .app { border-color: #d9e4ef; background: #fff; color: #172d46; box-shadow: 0 7px 20px rgba(25,59,93,.045); }
.home-page .catalog-surface .app:hover,
.home-page .catalog-surface .app.selected { border-color: #78b5ed !important; background: #f1f8ff !important; color: #17314d !important; }
.home-page .catalog-surface .app:hover .name,
.home-page .catalog-surface .app.selected .name,
.home-page .catalog-surface .app:hover .app-description,
.home-page .catalog-surface .app.selected .app-description { color: #17314d !important; }
.home-page .catalog-surface .app:hover .app-category,
.home-page .catalog-surface .app.selected .app-category { color: #56718c !important; }
.home-page .catalog-surface .app-action,
.home-page .catalog-surface .app-action-icon { color: #176fca !important; }

.home-page .after-catalog { width: min(1280px, calc(100% - 48px)); margin: 54px auto 0; }
.home-page .after-catalog { background: transparent !important; }
.home-page .section-kicker { color: #3478b7 !important; }
.home-page .section-kicker::before,
.home-page .section-kicker::after { background-color: #2384e5 !important; box-shadow: 0 0 0 4px #e4f2ff !important; }
.home-page .after-catalog .info-section { margin-top: 62px; }
.home-page .after-catalog .info-head-copy h2,
.home-page .after-catalog .section-head-copy h2 { color: #122943 !important; }
.home-page .after-catalog .info-head-copy p,
.home-page .after-catalog .section-head-copy p { color: #627890 !important; }
.home-page .after-catalog .process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-page .after-catalog .process-card {
  min-height: 238px;
  padding: 82px 20px 22px;
  overflow: visible;
  border: 1px solid #dce7f2 !important;
  border-radius: 17px;
  background: #fff !important;
  box-shadow: 0 11px 28px rgba(26,57,90,.06);
  color: #17314d !important;
}
.home-page .after-catalog .process-card:hover { border-color: #a4cbed !important; background: #f4f9ff !important; color: #17314d !important; transform: translateY(-3px); }
.home-page .after-catalog .process-card:hover,
.home-page .after-catalog .process-card:focus-visible { border-color: #a4cbed !important; background: #f4f9ff !important; color: #17314d !important; box-shadow: 0 16px 34px rgba(28,101,168,.12) !important; }
.home-page .after-catalog .process-card:hover .process-step,
.home-page .after-catalog .process-card:hover h3,
.home-page .after-catalog .process-card:hover p { color: inherit !important; }
.home-page .after-catalog .process-icon { position: absolute; top: 17px; right: 17px; left: auto; display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #eaf4ff; color: #176fca !important; }
.home-page .after-catalog .process-icon svg { width: 25px; height: 25px; }
.home-page .after-catalog .process-step { position: absolute; top: 24px; left: 18px; display: inline-flex; max-width: calc(100% - 82px); align-items: center; min-height: 30px; padding: 0 10px; border-radius: 999px; background: #edf6ff; color: #1767b8 !important; font-size: 11px; font-weight: 800; line-height: 1.25; }
.home-page .after-catalog .process-card h3 { margin-top: 0; color: #17314d !important; font-size: 19px; line-height: 1.2; }
.home-page .after-catalog .process-card p { color: #60778f !important; font-size: 15px; line-height: 1.5; }
.home-page .after-catalog .process-arrow { color: #176fca; background: #fff; border-color: #cfe0f0; }
.home-page .after-catalog .review-card { border-color: #dce7f2; background: #fff; color: #17314d; box-shadow: 0 10px 26px rgba(26,57,90,.05); }
.home-page .after-catalog .review-text { color: #49627d; }
.home-page .after-catalog .review-apps { border-color: #d0e2f2; background: #f1f7fd; color: #315b82; }
.home-page .after-catalog .review-stars { color: #e6a527; }
.home-page .after-catalog .reviews-summary .score { color: #164e86; }
.home-page .after-catalog .reviews-summary .score { border-color: #d3e5f6 !important; background: #f0f7ff !important; color: #164e86 !important; }
.home-page .after-catalog .review-link { border-color: #d2e2f1; background: #fff; color: #164e86; }
.home-page .after-catalog .review-link-arrow { color: #176fca !important; }
.home-page .after-catalog .why-card { border-color: #dce7f2; background: #fff; color: #17314d; }
.home-page .after-catalog .why-card h3 { color: #17314d; }
.home-page .after-catalog .why-card p { color: #61788f; }
.home-page .after-catalog .why-icon { background: #e8f3ff; color: #176fca; }
.home-page .after-catalog .referral-banner { border-color: #d4e5f4; background: #e8f4ff; }
.home-page .after-catalog .referral-cta,
.home-page .after-catalog .final-cta .primary { background: #176fca !important; color: #fff !important; }
.home-page .after-catalog .final-cta h2 span { color: #8ac9ff !important; }
.home-page .after-catalog .final-cta { background: #102947 !important; }
.home-page .after-catalog .cta-benefit i { color: #8ac9ff !important; }
.home-page .after-catalog .faq-list details { border-color: #dce7f2 !important; background: #fff !important; }
.home-page .after-catalog .faq-list details:hover,
.home-page .after-catalog .faq-list details[open] { border-color: #a4cbed !important; background: #f5faff !important; }
.home-page .after-catalog .faq-list summary { color: #17314d !important; }
.home-page .after-catalog .faq-list summary::before { border-color: #d4e5f4 !important; background: #edf6ff !important; }
.home-page .after-catalog .faq-list summary::after { color: #176fca !important; }
.home-page .after-catalog .faq-list details p { color: #61788f !important; }
.home-page .cart-inner { border-color: #d6e6f4 !important; background: rgba(255,255,255,.97) !important; color: #17314d !important; box-shadow: 0 18px 46px rgba(26,57,90,.16) !important; }
.home-page .cart-mainline b,
.home-page .cart-deal-copy,
.home-page .cart-deal-copy b { color: #17314d !important; }
.home-page .cart-apps span { border-color: #d7e5f2 !important; background: #f1f7fd !important; color: #315b82 !important; }
.home-page .checkout { border: 0 !important; background: #176fca !important; color: #fff !important; box-shadow: 0 8px 22px rgba(23,111,202,.16) !important; }
.home-page .checkout:not(:disabled):hover { background: #105ba8 !important; }
.home-page .support-widget { display: flex !important; }

/* Keep the homepage's remaining card states inside the confirmed blue brand. */
.home-page {
  --ag-acid: #2384e5;
  --ag-acid-2: #1468c5;
  --ag-green: #2384e5;
  --ag-green-2: #1468c5;
}
.home-page .catalog-surface .app:before {
  background: radial-gradient(circle at var(--mx,70%) var(--my,20%),rgba(35,132,229,.09),transparent 42%) !important;
}
.home-page .catalog-surface .app:hover,
.home-page .catalog-surface .app.selected {
  border-color: #78b5ed !important;
}
.home-page .catalog-surface .app.selected {
  background: #f1f8ff !important;
  box-shadow: 0 0 0 1px rgba(35,132,229,.18),0 16px 34px rgba(23,111,202,.08) !important;
}
.home-page .catalog-surface .catalog-availability { color: #176fca !important; }
.home-page .catalog-surface .catalog-availability i {
  background: #2384e5 !important;
  box-shadow: 0 0 0 3px rgba(35,132,229,.12) !important;
}
.home-page .catalog-surface .app-action-icon {
  background: #e8f3ff !important;
  color: #176fca !important;
}
.home-page .catalog-surface .app:hover .app-action-icon {
  background: #176fca !important;
  color: #fff !important;
}
.home-page .catalog-surface .app.selected .app-action-icon,
.home-page .catalog-surface .app.selected:hover .app-action-icon {
  background: #176fca !important;
  color: #fff !important;
}
.home-page .catalog-surface .empty-mark {
  border-color: #d3e7fa !important;
  background: #eff7ff !important;
  color: #176fca !important;
}
.home-page .process-note {
  border-color: #d3e7fa !important;
  background: #eff7ff !important;
  color: #526880 !important;
}
.home-page .process-note strong { color: #173d65 !important; }
.home-page .process-note span { color: #526880 !important; }
.home-page .safety-shield #safetyShieldFill stop:first-child { stop-color: #75baff !important; }
.home-page .safety-shield #safetyShieldFill stop:nth-child(2) { stop-color: #2384e5 !important; }
.home-page .safety-shield #safetyShieldFill stop:last-child { stop-color: #145ba8 !important; }
.home-page .safety-shield #safetyShieldEdge stop:last-child { stop-color: #d7ebff !important; }

/* Reviews still had legacy lime !important rules in premium-pages/visual-tuning. */
.home-page .after-catalog .review-card:hover,
.home-page .after-catalog .review-card:focus-within {
  border-color: #a4cbed !important;
  background: #fff !important;
  color: #17314d !important;
  box-shadow: 0 16px 30px rgba(28,101,168,.12) !important;
}
.home-page .after-catalog .review-card:hover .review-text,
.home-page .after-catalog .review-card:focus-within .review-text { color: #49627d !important; }
.home-page .after-catalog .review-apps,
.home-page .after-catalog .review-card:hover .review-apps,
.home-page .after-catalog .review-card:focus-within .review-apps {
  border-color: #d0e2f2 !important;
  background: #f1f7fd !important;
  color: #315b82 !important;
}
.home-page .after-catalog #reviews .score {
  border-color: #d3e5f6 !important;
  background: #f0f7ff !important;
  color: #164e86 !important;
}
.home-page .after-catalog #reviews .score-star { color: #176fca !important; }
.home-page .after-catalog #reviews .review-link,
.home-page .after-catalog #reviews .review-link:hover {
  border-color: #d2e2f1 !important;
  background: #fff !important;
  color: #164e86 !important;
  box-shadow: 0 8px 20px rgba(26,57,90,.08) !important;
}
.home-page .after-catalog #reviews .review-link:hover {
  border-color: #78b5ed !important;
  background: #f1f8ff !important;
  box-shadow: 0 10px 24px rgba(28,101,168,.12) !important;
}
.home-page .after-catalog #reviews .review-link-arrow { color: #176fca !important; }
.home-page .after-catalog #reviews .review-link:focus-visible {
  outline: 3px solid rgba(35,132,229,.48) !important;
  outline-offset: 4px !important;
}
.home-page .after-catalog .faq-list details:hover,
.home-page .after-catalog .faq-list details[open] {
  border-color: #a4cbed !important;
  background: #f5faff !important;
}
.home-page .after-catalog .faq-list summary::before {
  border-color: #d4e5f4 !important;
  background: #edf6ff !important;
  color: #176fca !important;
}
.home-page .after-catalog .faq-list summary::after {
  border-color: #d4e5f4 !important;
  background: #fff !important;
  color: #176fca !important;
}
.home-page .after-catalog .social-card:hover {
  border-color: #78b5ed !important;
  background: linear-gradient(145deg, #f4f9ff, #fff) !important;
  color: #17314d !important;
}
.home-page .after-catalog .social-card:hover .social-card-copy b {
  color: #17314d !important;
}
.home-page .after-catalog .social-card:hover .social-card-copy small {
  color: #60778f !important;
}
.home-page .after-catalog .social-card:focus-visible {
  outline: 3px solid rgba(35,132,229,.48) !important;
  outline-offset: 3px !important;
}
.home-page .after-catalog .social-arrow { color: #176fca !important; }

@media (max-width: 960px) {
  .home-page .reference-hero { grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); padding: 32px; }
  .home-page .reference-hero-title { font-size: clamp(42px,4.8vw,56px) !important; }
  .home-page .hero-device-stage { min-height: 420px; }
  .home-page .after-catalog .process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .home-page .topbar { width: calc(100% - 32px); min-height: 68px; }
  .home-page .reference-hero {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    width: calc(100% - 24px);
    min-height: 0;
    margin-bottom: 18px;
    padding: 22px 18px 4px;
    border-radius: 23px !important;
    background: #fff !important;
  }
  .home-page .reference-hero::before,
  .home-page .reference-hero::after,
  .home-page .reference-hero .signal-hero-copy::before { display: none !important; }
  .home-page .reference-eyebrow { padding: 8px 11px; font-size: 10px; }
  .home-page .reference-hero-title { margin-top: 17px !important; font-size: clamp(31px,8vw,36px) !important; line-height: 1.01 !important; }
  .home-page .reference-hero-title span { white-space: normal !important; }
  .home-page .signal-hero-lead { margin-top: 13px !important; font-size: 15px !important; line-height: 1.48 !important; }
  .hero-pricing { gap: 8px; margin-top: 17px; }
  .hero-price-tile { min-height: 80px; padding: 12px; border-radius: 13px; }
  .hero-price-tile > span { font-size: 11px; }
  .hero-price-tile > b { font-size: 25px; }
  .home-page .reference-hero .hero-price-tile > b small { display: block !important; margin: 5px 0 0; white-space: nowrap; font-size: 12px !important; }
  .hero-price-tile small { font-size: 11px; }
  .home-page .hero-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 13px; }
  .home-page .reference-hero .hero-primary, .home-page .reference-hero .hero-secondary { width: 100% !important; height: 48px !important; min-height: 48px !important; font-size: 14px !important; }
  .hero-proof { gap: 8px; margin-top: 17px; }
  .hero-proof-card { gap: 9px; min-height: 68px; padding: 9px 10px; border-radius: 13px; }
  .hero-proof-icon { width: 40px; height: 40px; flex-basis: 40px; }
  .hero-proof-icon svg { width: 21px; height: 21px; }
  .hero-proof-copy b { font-size: 19px; }
  .hero-proof-label { font-size: 11px; line-height: 1.2; }
  .hero-device-stage { min-height: 310px !important; height: 310px; margin: 6px -8px 0; }
  .hero-device { width: auto; height: 330px; max-height: 100%; }
  .hero-app-icon { width: 55px; border-width: 3px; border-radius: 16px; }
  .hero-app-icon img { border-radius: 12px; }
  .hero-app-icon--vk { top: 11%; left: 4%; }
  .hero-app-icon--sber { top: 22%; right: 1%; }
  .hero-app-icon--max { right: 2%; bottom: 8%; }
  .hero-app-icon--avito { bottom: 9%; left: 1%; }
  .hero-app-icon--vtb,
  .hero-app-icon--tbank { top: 4%; width: 48px; }
  .hero-app-icon--vtb { left: 23%; }
  .hero-app-icon--tbank { right: 23%; }
  .hero-app-icon--alfa,
  .hero-app-icon--mail { top: 50%; width: 48px; }
  .hero-app-icon--alfa { left: 0; }
  .hero-app-icon--mail { right: 0; }
  .home-page .catalog-surface { width: calc(100% - 24px); padding: 28px 16px 48px; border-radius: 20px; }
  .catalog-topline { grid-template-columns: minmax(0,1fr); gap: 17px; margin-bottom: 23px; }
  .home-page .catalog-heading-copy h2 { font-size: 30px; }
  .home-page .catalog-heading-copy p { margin-top: 7px; font-size: 14px; }
  .home-page .catalog-search-row { grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
  .home-page .catalog-search-submit { min-width: 76px; padding: 0 12px; }
  .home-page .chips { flex-wrap: nowrap; margin-right: -16px; padding: 0 16px 5px 0; overflow-x: auto; scrollbar-width: thin; }
  .home-page .chip { min-height: 37px; }
  .home-page .after-catalog { width: calc(100% - 30px); margin-top: 32px; }
  .home-page .after-catalog .process-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .home-page .after-catalog .process-card { min-height: 185px; padding: 77px 17px 18px; }
  .home-page .after-catalog .process-arrow { display: none; }
  .home-page .after-catalog .info-section { margin-top: 44px; }
  .home-page .support-widget { right: 12px !important; bottom: 16px !important; }
}

/* SEO guide articles were still using the original lime surface palette. */
body:has(.seo-page) {
  background:
    radial-gradient(circle at 86% 3%, rgba(35,132,229,.12), transparent 28rem),
    linear-gradient(180deg, #edf5fd 0, #f4f8fd 26rem, #f3f8fd 100%) !important;
}
.seo-page .hero.seo-hero {
  background:
    radial-gradient(circle at 83% 28%, rgba(35,132,229,.2), transparent 18rem),
    radial-gradient(circle at 100% 0, rgba(255,255,255,.08), transparent 24rem),
    linear-gradient(135deg, #080d13, #121a27 68%, #17263a) !important;
}
.seo-page .hero.seo-hero::before {
  border-color: rgba(91,170,239,.25) !important;
  box-shadow: 0 0 0 44px rgba(35,132,229,.045), 0 0 0 88px rgba(35,132,229,.025) !important;
}
.seo-page .tag {
  border-color: rgba(91,170,239,.48) !important;
  background: rgba(35,132,229,.14) !important;
  color: #a9d6ff !important;
}
.seo-page .seo-text-card .pill,
.seo-page .seo-facts .pill,
.seo-page .seo-faq-card .pill {
  border-color: #cfe3f7 !important;
  background: #edf6ff !important;
  color: #205d94 !important;
}
.seo-page details[open] summary { background: #f0f7ff !important; }
.seo-page details summary::after {
  border-color: #d4e5f4 !important;
  background: #edf6ff !important;
  color: #205d94 !important;
}
.seo-page details[open] summary::after {
  border-color: #176fca !important;
  background: #176fca !important;
  color: #fff !important;
}
.seo-page .seo-category-card:hover,
.seo-page .seo-app-card:hover {
  border-color: #78b5ed !important;
}
.seo-page .seo-category-card::after { color: #8ac9ff !important; }
.seo-page .final-cta .primary { color: #fff !important; }

/* Keep legacy homepage interaction states aligned with the blue brand theme. */
.home-page .redesigned-topbar .navbtn.primary:hover {
  border-color: #0f5fae !important;
  background: #0f5fae !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(23,111,202,.24) !important;
}
.home-page .catalog-surface .chip:hover:not(.active) {
  border-color: #78b5ed !important;
  background: #f1f8ff !important;
  color: #164e86 !important;
}
.home-page .catalog-surface .search:focus-within {
  border-color: #78b5ed !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(35,132,229,.13) !important;
}
.home-page .catalog-surface .search-clear:hover {
  border-color: #78b5ed !important;
  background: #f1f8ff !important;
  color: #176fca !important;
}
.home-page .catalog-search-submit:hover {
  box-shadow: 0 13px 28px rgba(23,111,202,.22) !important;
}
.home-page .after-catalog .safety-card:hover {
  border-color: #a4cbed !important;
  background: #f4f9ff !important;
  box-shadow: 0 16px 32px rgba(28,101,168,.1) !important;
  transform: translateY(-3px);
}

/* Let catalog cards size to their content instead of reserving a tall footer gap. */
.home-page .catalog-surface .app { min-height: 208px !important; }
.home-page .catalog-surface .app-footer {
  position: relative !important;
  inset: auto !important;
  margin-top: auto !important;
  padding-top: 0 !important;
}
@media (max-width: 680px) {
  .home-page .catalog-surface .app { min-height: 188px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Extend the current blue palette to the remaining shared pages and states. */
:root {
  --blue: #1675d1;
  --ok: #2384e5;
  --green: #2384e5;
  --cyan: #55b5ff;
  --violet: #315fd4;
  --ag3-acid: #2384e5;
  --ag3-acid-2: #1468c5;
  --ag3-coral: #176fca;
  --ag-acid: #2384e5;
  --ag-acid-2: #1468c5;
  --ag-coral: #176fca;
  --ag-green: #2384e5;
  --ag-green-2: #1468c5;
  --test-green: #2384e5;
  accent-color: #1675d1;
}

body.premium-guide,
body:has(.seo-page),
body:has(.referral-page),
body:has(.support-page),
body:has(.recover-page),
body.expired-page {
  background:
    radial-gradient(circle at 88% 2%, rgba(35,132,229,.12), transparent 28rem),
    linear-gradient(180deg, #eef5fc 0, #f5f8fc 27rem, #f3f7fc 100%) !important;
}
body.premium-inner:not(.premium-guide) {
  background:
    radial-gradient(54rem 30rem at 87% 8%, rgba(35,132,229,.13), transparent 66%),
    linear-gradient(180deg, #080d13 0, #0b1119 480px, #f2f7fd 480px, #f2f7fd 100%) !important;
}

.premium-guide .guide-hero,
.seo-page .hero.seo-hero,
.referral-page .referral-hero,
.support-page .support-hero,
.recover-page > .hero {
  background:
    radial-gradient(circle at 83% 34%, rgba(35,132,229,.22), transparent 19rem),
    radial-gradient(circle at 100% 0, rgba(255,255,255,.08), transparent 24rem),
    linear-gradient(135deg, #080d13, #111b2a 68%, #172840) !important;
}

.premium-guide .guide-hero::after,
.seo-page .hero.seo-hero::before,
.referral-page .referral-hero::before,
.support-page .support-hero::before,
.recover-page > .hero::before {
  border-color: rgba(91,170,239,.22) !important;
  box-shadow: 0 0 0 44px rgba(35,132,229,.045), 0 0 0 88px rgba(35,132,229,.025) !important;
}

.premium-guide .guide-kicker,
.premium-guide .guide-pill,
.seo-page .tag,
.seo-page .pill,
.referral-page .tag,
.referral-page .pill,
.support-page .tag,
.support-page .pill,
.recover-page .tag {
  border-color: #cfe3f7 !important;
  background: #edf6ff !important;
  color: #205d94 !important;
}

.premium-guide .guide-hero .guide-kicker,
.seo-page .hero.seo-hero .tag,
.referral-page .referral-hero .tag,
.support-page .support-hero .tag,
.recover-page > .hero .tag {
  border-color: rgba(91,170,239,.48) !important;
  background: rgba(35,132,229,.14) !important;
  color: #b8dcff !important;
}

.premium-guide .guide-kicker::before,
.premium-guide .guide-pill::before,
.premium-guide .guide-hero-meta i,
.premium-guide .guide-hero .guide-kicker::before,
.pay-page .pay-hero-badge i,
.pay-page .pill::before,
.order-side-note::before,
.support-page .support-status-dot::before {
  background: #2384e5 !important;
  box-shadow: 0 0 0 4px rgba(35,132,229,.13) !important;
}

.premium-guide .guide-orbit,
.premium-guide .guide-orbit::before {
  border-color: rgba(91,170,239,.28) !important;
  box-shadow: 0 0 0 38px rgba(35,132,229,.045), 0 0 0 76px rgba(35,132,229,.025) !important;
}
.premium-guide .guide-orbit::after { background: linear-gradient(135deg, #d9edff, #2384e5) !important; }
.premium-guide .guide-warning,
.premium-guide .guide-warning .guide-section-head {
  border-color: #cfe3f7 !important;
  background: linear-gradient(135deg, #eaf4ff, #f8fbff) !important;
}
.premium-guide .guide-warning::after { color: rgba(35,132,229,.09) !important; }
.premium-guide .guide-warning .warn { border-color: #cfe3f7 !important; background: #f4f9ff !important; color: #365875 !important; }
.premium-guide .guide-code-panel { border-color: #263c55 !important; background: linear-gradient(135deg, #111a25, #17263a) !important; }
.premium-guide #demoCode,
.premium-guide .guide-bottom-actions .btn.support,
.premium-guide .page-toplinks .page-top-action.acid,
.site-v3-links .site-v3-cta {
  border-color: #176fca !important;
  background: #176fca !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(23,111,202,.18) !important;
}
.premium-guide .guide-bottom-actions .btn.support:hover,
.premium-guide .page-toplinks .page-top-action.acid:hover,
.site-v3-links .site-v3-cta:hover { background: #105ba8 !important; }
.premium-guide .guide-surface,
.guide-page .guide-surface,
.pay-page .pay-surface { background: linear-gradient(180deg, #f7faff, #f0f6fc) !important; }
.guide-page .guide-pill::before { background: #2384e5 !important; box-shadow: 0 0 0 4px rgba(35,132,229,.12) !important; }
.guide-page .shot:hover,
.seo-category-card:hover,
.seo-app-card:hover { border-color: #78b5ed !important; }
.guide-page .code-card { border-color: #cfe3f7 !important; background: #f3f8ff !important; }
.guide-page .field button,
.guide-bottom-actions .btn.support { border-color: #cfe3f7 !important; }

.seo-page .seo-text-card .pill,
.seo-page .seo-facts .pill,
.seo-page .seo-faq-card .pill,
.referral-page .referral-auth .pill,
.referral-page .referral-share .pill,
.referral-page .referral-withdraw .pill,
.referral-page .referral-history .pill,
.support-page .support-card-head .pill {
  border-color: #cfe3f7 !important;
  background: #edf6ff !important;
  color: #205d94 !important;
}
.seo-page .seo-facts span,
.seo-page .seo-facts a { color: #176fca !important; }
.seo-page .seo-steps li::before { background: #176fca !important; color: #fff !important; }
.seo-page .seo-category-card::after,
.seo-page .seo-app-card::after { background: #176fca !important; color: #fff !important; }
.seo-page details[open] summary { background: #f0f7ff !important; }
.seo-page details summary::after,
.seo-page details[open] summary::after { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
.seo-page .btn:not(.sec),
.referral-page .btn:not(.sec),
.support-page .btn:not(.sec),
.recover-page .recover-form .btn { background: #176fca !important; color: #fff !important; }
.seo-page .final-cta .primary { background: #176fca !important; color: #fff !important; }
.support-page .support-status-dot { border: 1px solid #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }

.referral-page .referral-hero::after { color: #8ac9ff !important; text-shadow: 0 18px 50px rgba(35,132,229,.12) !important; }
.referral-page .referral-history-row strong,
.referral-page .referral-status.is-success { color: #176fca !important; }
.recover-page .btn.sec:hover { border-color: #78b5ed !important; background: #f1f8ff !important; color: #164e86 !important; }

.pay-page .state-dot.ready,
.pay-page .state-dot.paid,
.pay-page .state-dot.working {
  background: #2384e5 !important;
  box-shadow: 0 0 0 6px rgba(35,132,229,.13) !important;
}
.pay-page .payment-icon { background: linear-gradient(135deg, rgba(35,132,229,.18), rgba(49,95,212,.12)) !important; color: #176fca !important; }
.pay-page .payment-app-install,
.pay-page .copyline button {
  border-color: #cfe3f7 !important;
  background: #edf6ff !important;
  color: #205d94 !important;
}
.pay-page .payment-app-install:hover,
.pay-page .copyline button:hover { border-color: #78b5ed !important; background: #e2f0ff !important; }
.pay-page .manual-step i { background: #e8f3ff !important; color: #176fca !important; }
.pay-page .order-progress li.is-done:not(:last-child)::after { background: #2384e5 !important; }
.pay-page .order-progress li.is-done > span { border-color: #2384e5 !important; background: #2384e5 !important; color: #fff !important; }
.pay-page .order-progress li.is-done small { color: #205d94 !important; }
.pay-page .order-side-note { border-color: #cfe3f7 !important; background: #f0f7ff !important; color: #365875 !important; }
.pay-page .order-status-card .order-card-topline .pill { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
.pay-page .order-status-card .order-card-topline .pill::before { background: #2384e5 !important; }
.pay-page .order-data-row button { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
.pay-page .order-data-row button:hover { border-color: #78b5ed !important; background: #e2f0ff !important; }
.pay-page .order-note-icon { border-color: #cfe3f7 !important; color: #176fca !important; }
.pay-page .expired-panel { background: radial-gradient(28rem 19rem at 87% 0, rgba(35,132,229,.17), transparent 70%), linear-gradient(120deg, #131e2c, #1b2b3e 62%, #14243a) !important; }
.pay-page .expired-panel::after { border-color: rgba(91,170,239,.14) !important; box-shadow: 0 0 0 68px rgba(35,132,229,.04), 0 0 0 136px rgba(35,132,229,.025) !important; }
.premium-order .pay-page .amount-chip { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
.premium-order .pay-page .copyline button { box-shadow: 0 5px 12px rgba(23,111,202,.08), inset 0 1px 0 rgba(255,255,255,.72) !important; }
.premium-order .pay-page .copyline button:hover { box-shadow: 0 8px 18px rgba(23,111,202,.13), inset 0 1px 0 rgba(255,255,255,.8) !important; }
.premium-order .pay-page .copyline button:focus-visible { outline-color: #2384e5 !important; }

.support-widget-button,
.support-widget-send,
.support-widget-message.is-customer,
.support-fab,
.flow-primary,
.expired-primary { background: #176fca !important; border-color: #176fca !important; color: #fff !important; }
.support-widget-button:hover,
.support-widget-send:hover,
.support-fab:hover,
.flow-primary:hover,
.expired-primary:hover { background: #105ba8 !important; border-color: #105ba8 !important; }
.support-widget-unread { background: #55b5ff !important; }
.support-upload-button:hover,
.support-widget-compose .support-upload-button:hover,
.support-widget .support-attachment:hover,
.support-lightbox-close:hover,
.support-lightbox-nav:hover:not(:disabled) { border-color: #78b5ed !important; background: #153453 !important; }
.support-attachment-preview:hover { border-color: #78b5ed !important; }
.support-widget-compose .support-upload-button,
.support-lightbox-figure img,
.support-lightbox-close,
.support-lightbox-nav { border-color: rgba(91,170,239,.42) !important; }
.support-widget-compose .support-upload-button { color: #79c6ff !important; }
.support-widget .support-attachment { border-color: #31465c !important; background: #182638 !important; color: #dcecff !important; }
.support-lightbox-close,
.support-lightbox-nav { background: #17263a !important; }

.app.selected,
.app:has(input:checked) { border-color: #78b5ed !important; background: #f0f7ff !important; box-shadow: inset 0 0 0 1px rgba(35,132,229,.14) !important; }
.app.selected .check,
.selected .check { border-color: #2384e5 !important; background: #2384e5 !important; color: #fff !important; }
.app.selected .app-action,
.app.selected .app-action-icon,
.app:hover .app-action-icon { border-color: #cfe3f7 !important; background: #e8f3ff !important; color: #176fca !important; }
.chip.active { border-color: #176fca !important; background: #176fca !important; color: #fff !important; }
.search:focus-within { border-color: #78b5ed !important; box-shadow: 0 0 0 3px rgba(35,132,229,.13) !important; }
.search-clear:hover,
.empty-reset:hover { border-color: #78b5ed !important; background: #edf6ff !important; color: #176fca !important; }
.cart-deal,
.cart-apps .cart-apps-more { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
.pay-page .eyebrow { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }

.home-page .redesigned-topbar .brand i { background: linear-gradient(135deg, #55b5ff, #176fca 55%, #315fd4) !important; box-shadow: 0 8px 20px rgba(35,132,229,.22) !important; }
.home-page .after-catalog .social-section {
  background: radial-gradient(28rem 17rem at 92% 0, rgba(35,132,229,.12), transparent 72%), linear-gradient(145deg, #121b26, #0d141d) !important;
}
.home-page .after-catalog .social-section::before { background: radial-gradient(circle, rgba(35,132,229,.14), transparent 67%) !important; }
.home-page .after-catalog .social-card:hover .social-icon { background: linear-gradient(145deg, rgba(35,132,229,.22), rgba(49,95,212,.18)) !important; }
.home-page .after-catalog .social-card:focus-visible { outline-color: rgba(35,132,229,.55) !important; }
.home-page .after-catalog .social-arrow { color: #8ac9ff !important; }
.home-page .after-catalog .safety-kicker,
.home-page .after-catalog .safety-showcase h2 span,
.home-page .after-catalog .safety-feature-icon,
.home-page .after-catalog .safety-list li::before { color: #176fca !important; }
.home-page .after-catalog .safety-list li::before { background: #e8f3ff !important; box-shadow: none !important; }
.home-page .after-catalog .safety-badge i { background: #2384e5 !important; box-shadow: 0 0 0 4px rgba(35,132,229,.13) !important; }
.home-page .after-catalog .safety-cta:focus-visible { outline-color: #2384e5 !important; }

.test-install-badge,
.test-install-uses { border-color: rgba(91,170,239,.36) !important; background: rgba(35,132,229,.12) !important; color: #b8dcff !important; }
.test-install-badge::before,
.test-install-step.is-active b,
.test-install-finish-icon { background: linear-gradient(135deg, #2384e5, #315fd4) !important; }
.test-install-step.is-active { border-color: rgba(91,170,239,.48) !important; background: linear-gradient(135deg, rgba(35,132,229,.18), rgba(20,43,72,.85)) !important; }
.test-install-finish-card { border-color: rgba(91,170,239,.3) !important; background: linear-gradient(135deg, rgba(20,67,112,.48), rgba(12,31,52,.8)) !important; }
.test-install-wait-status.is-good,
.test-install-code-help.is-good { color: #8fc8ff !important; }
.test-install-code:not(:placeholder-shown) { border-color: rgba(91,170,239,.62) !important; box-shadow: 0 0 0 4px rgba(35,132,229,.1) !important; }
.install-guide-video video:focus-visible { outline-color: #2384e5 !important; }

/* Admin is served directly (not through the shared HTML head injector). */
body:has(#loginBox) {
  --bg: #f3f7fc;
  --bg-2: #eaf2fb;
  --panel-2: #f7faff;
  --panel-3: #edf4fb;
  --line: #d8e5f2;
  --line-soft: #e4edf6;
  --text: #172a40;
  --muted: #5e7187;
  --muted-2: #71869c;
  --blue: #1675d1;
  --cyan: #55b5ff;
  --green: #2384e5;
  --violet: #315fd4;
  background: radial-gradient(circle at 92% -7%, rgba(35,132,229,.13), transparent 22rem), linear-gradient(180deg, #f6f9fd 0, #edf4fb 100%) !important;
  color: var(--text) !important;
}
body:has(#loginBox) .brand-mark { border-color: rgba(91,170,239,.38) !important; background: linear-gradient(135deg, #2384e5, #315fd4) !important; color: #fff !important; }
body:has(#loginBox) .live { border-color: rgba(91,170,239,.4) !important; background: #e8f3ff !important; color: #205d94 !important; }
body:has(#loginBox) .live i { background: #2384e5 !important; box-shadow: 0 0 0 4px rgba(35,132,229,.13) !important; }
body:has(#loginBox) .input:focus,
body:has(#loginBox) .select:focus { border-color: #78b5ed !important; box-shadow: 0 0 0 3px rgba(35,132,229,.16) !important; }
body:has(#loginBox) .input::placeholder { color: #687d93 !important; opacity: 1; }
body:has(#loginBox) .btn,
body:has(#loginBox) .admin-nav a[aria-selected="true"],
body:has(#loginBox) .orders-pagination button[aria-current="page"] { border-color: #176fca !important; background: #176fca !important; color: #fff !important; }
body:has(#loginBox) .btn:hover,
body:has(#loginBox) .admin-nav a[aria-selected="true"]:hover { background: #105ba8 !important; }
body:has(#loginBox) .btn:focus-visible,
body:has(#loginBox) .select:focus-visible,
body:has(#loginBox) .input:focus-visible,
body:has(#loginBox) button:focus-visible,
body:has(#loginBox) a:focus-visible { outline-color: rgba(35,132,229,.65) !important; }
body:has(#loginBox) .kpi.green { --kpi-glow: rgba(35,132,229,.16) !important; }
body:has(#loginBox) .kpi.green .kpi-value,
body:has(#loginBox) .ref-stat.highlight b,
body:has(#loginBox) .catalog-state,
body:has(#loginBox) .coverage-state.is-covered b,
body:has(#loginBox) .catalog-count,
body:has(#loginBox) .manual-source-filter strong { color: #176fca !important; }
body:has(#loginBox) .status,
body:has(#loginBox) .status.paid,
body:has(#loginBox) .selected-chip,
body:has(#loginBox) .state-pill,
body:has(#loginBox) .coverage-account-pill.partner,
body:has(#loginBox) .coverage-source-tag.partner { border-color: #cfe3f7 !important; background: #edf6ff !important; color: #205d94 !important; }
body:has(#loginBox) .status.pending { border-color: #efd9b8 !important; background: #fff1d6 !important; color: #9a6325 !important; }
body:has(#loginBox) .status.rejected { border-color: #f0c9c5 !important; background: #fde4df !important; color: #a8443b !important; }
body:has(#loginBox) .app:hover,
body:has(#loginBox) .catalog-item:hover,
body:has(#loginBox) .coverage-row:not(.coverage-head):hover,
body:has(#loginBox) .orders-pagination button:hover:not(:disabled) { border-color: #78b5ed !important; background: #f0f7ff !important; color: var(--text) !important; }
body:has(#loginBox) .app:has(input:checked) { border-color: #78b5ed !important; background: #edf6ff !important; }
body:has(#loginBox) .app input,
body:has(#loginBox) .manual-source-filter input { accent-color: #1675d1 !important; }
body:has(#loginBox) .catalog-toggle[aria-pressed="true"] { border-color: #78b5ed !important; background: #2384e5 !important; }
body:has(#loginBox) .catalog-toggle[aria-pressed="true"]::after { background: #fff !important; }
body:has(#loginBox) .coverage-account-pill.partner i,
body:has(#loginBox) .coverage-source-tag.partner i,
body:has(#loginBox) .order-metric.local i { background: #2384e5 !important; box-shadow: 0 0 0 3px rgba(35,132,229,.13) !important; }
body:has(#loginBox) .manual-source-filter { border-color: #cfe3f7 !important; background: #f0f7ff !important; }
body:has(#loginBox) .order-hint b,
body:has(#loginBox) .catalog-app-icon,
body:has(#loginBox) .coverage-icon { color: #176fca !important; }
body:has(#loginBox) .catalog-toggle[aria-pressed="true"] { border-color: #78b5ed !important; }
body:has(#loginBox) .chart-svg circle[fill="#d9ff67"] { fill: #2384e5 !important; }
body:has(#loginBox) .chart-svg path[stroke="#ff684f"] { stroke: #176fca !important; }
body:has(#loginBox) .chart-svg .chart-guide { stroke: rgba(35,132,229,.34) !important; }
body:has(#loginBox) .table tbody tr:hover { background: #f0f7ff !important; }
body:has(#loginBox) .result a,
body:has(#loginBox) .table a { color: #176fca !important; }
body:has(#loginBox) .orders-pagination button[aria-current="page"] { border-color: #176fca !important; }

/* Additional legacy accents found in page-level palettes. */
.premium-guide .guide-hero,
.pay-page .pay-hero {
  background: radial-gradient(32rem 22rem at 82% 40%, rgba(35,132,229,.18), transparent 68%), linear-gradient(120deg, #080d13, #111c2b) !important;
}
.premium-guide .guide-hero::after,
.pay-page .pay-hero::after { border-color: rgba(91,170,239,.24) !important; box-shadow: 0 0 0 64px rgba(35,132,229,.04), 0 0 0 128px rgba(35,132,229,.025) !important; }
.site-v3-brand > i,
.premium-guide .page-brand > i,
.page-brand > i { box-shadow: 0 0 0 4px rgba(35,132,229,.12), 0 0 24px rgba(35,132,229,.2) !important; }
.site-footer::before { background: linear-gradient(90deg, transparent, rgba(35,132,229,.28), transparent) !important; }
.pay-method-sbp { background: linear-gradient(135deg, #176fca, #315fd4) !important; }
.home-page .after-catalog .safety-showcase { background: radial-gradient(36rem 25rem at 76% 58%, rgba(207,228,250,.4), transparent 72%), linear-gradient(112deg, #fff, #f5f9fd) !important; }
.home-page .after-catalog .safety-feature-icon { background: #e8f3ff !important; }
.home-page .after-catalog .safety-icon,
.home-page .after-catalog .why-icon { border-color: #cfe3f7 !important; background: linear-gradient(135deg, #edf6ff, #dbeeff) !important; color: #176fca !important; }
.home-page .after-catalog .safety-showcase .safety-kicker { color: #176fca !important; }
.home-page .after-catalog .safety-list li::before { background: #e8f3ff !important; box-shadow: none !important; }
.home-page .after-catalog .safety-showcase h2 span,
.home-page .after-catalog .safety-feature-icon,
.home-page .after-catalog .safety-list li::before { color: #176fca !important; }

.guide-saved,
.state-dot.ready,
.state-dot.paid,
.result-state .pulse { background: #2384e5 !important; box-shadow: 0 0 0 5px rgba(35,132,229,.13) !important; }
.hero-referral { border-color: rgba(91,170,239,.36) !important; background: linear-gradient(110deg, rgba(35,132,229,.12), rgba(49,95,212,.1)) !important; }
.hero-referral:hover { border-color: rgba(91,170,239,.58) !important; }
.hero-referral-icon { background: linear-gradient(135deg, #2384e5, #315fd4) !important; box-shadow: 0 8px 20px rgba(35,132,229,.2) !important; }
.hero-referral-arrow { color: #8ac9ff !important; }
.article-progress span { background: linear-gradient(90deg, #2384e5, #7fc4ff) !important; box-shadow: 0 0 15px rgba(35,132,229,.32) !important; }
.article-sidebar-cta,
.article-takeaway,
.blog-editor-note { border-color: rgba(91,170,239,.3) !important; background: linear-gradient(135deg, rgba(35,132,229,.1), rgba(49,95,212,.06)) !important; color: #315b82 !important; }
.article-sidebar-card::before { background: linear-gradient(90deg, #2384e5, rgba(127,196,255,.18)) !important; }
.blog-pagination-current { border-color: rgba(35,132,229,.24) !important; background: rgba(35,132,229,.12) !important; color: #205d94 !important; }
.ticket-meta span + span { border-color: rgba(91,170,239,.35) !important; background: rgba(35,132,229,.1) !important; color: #205d94 !important; }
.faq-list details[open],
.faq-list details:hover { border-color: #a4cbed !important; background: #f4f9ff !important; }
.faq-list details[open] summary::before,
.faq-list details[open] summary::after { border-color: #cfe3f7 !important; color: #176fca !important; }

.expired-brand i { background: linear-gradient(135deg, #2384e5, #315fd4) !important; box-shadow: 0 0 0 5px rgba(35,132,229,.13), 0 7px 20px rgba(49,95,212,.2) !important; }
.expired-action { background: linear-gradient(120deg, #111923 0, #152133 64%, #192943 100%) !important; }
.expired-action::after { border-color: rgba(91,170,239,.2) !important; box-shadow: 0 0 0 58px rgba(35,132,229,.045), 0 0 0 116px rgba(35,132,229,.025) !important; }
.expired-orbit { border-color: rgba(91,170,239,.3) !important; }
.expired-clock { border-color: rgba(91,170,239,.35) !important; background: radial-gradient(circle at 35% 30%, rgba(35,132,229,.2), rgba(255,255,255,.04) 58%) !important; }
.expired-primary { box-shadow: 0 12px 28px rgba(35,132,229,.18) !important; }

body:has(.test-install-card) { background: #f3f7fc !important; }
.test-install-card { background: linear-gradient(118deg, #111822 0, #17243a 63%, #1b3554 100%) !important; }
.test-install-eyebrow { border-color: rgba(91,170,239,.4) !important; background: rgba(35,132,229,.12) !important; color: #a9d6ff !important; }
.test-install-stat b { color: #8ac9ff !important; }
.test-install-step b { border-color: rgba(91,170,239,.32) !important; background: rgba(35,132,229,.15) !important; color: #a9d6ff !important; }
.test-install-step.is-active,
.test-install-step.is-active span { color: #fff !important; }
.test-install-step.is-active b { color: #fff !important; }

/* Final homepage sweep: remove inherited lime tint from remaining accents. */
.home-page .redesigned-topbar .navbtn.primary,
.home-page .redesigned-topbar .navbtn.primary:hover {
  box-shadow: 0 8px 24px rgba(23,111,202,.18) !important;
}
.home-page .chip.active,
.home-page .catalog-surface .chip.active {
  box-shadow: 0 8px 20px rgba(23,111,202,.2) !important;
}
.home-page .after-catalog .safety-visual {
  background-image: radial-gradient(circle at 75% 24%, rgba(197,224,255,.38), transparent 42%), radial-gradient(circle at 25% 78%, rgba(214,232,255,.42), transparent 45%) !important;
}
.home-page .after-catalog .referral-copy p { color: #526880 !important; }
.home-page .after-catalog .referral-people,
.home-page .after-catalog .referral-gift { box-shadow: 0 8px 22px rgba(35,92,148,.12) !important; }
.home-page .after-catalog .referral-ticket {
  border-color: #176fca !important;
  background: #176fca !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(23,111,202,.18) !important;
}
.home-page .after-catalog .referral-ticket small { color: rgba(255,255,255,.78) !important; }
.home-page .after-catalog .final-cta .primary {
  border-color: #176fca !important;
  box-shadow: 0 10px 22px rgba(23,111,202,.16) !important;
}

/* Bring order/payment chrome in line with the current light-blue site theme. */
body.premium-order {
  background: #f2f7fd !important;
  color: #15263a !important;
}
body.premium-inner.premium-order:not(.premium-guide) {
  background: #f2f7fd !important;
}
.premium-order .page-topbar {
  width: min(1420px, calc(100% - 48px));
  margin: 10px auto 14px;
  padding: 0 16px;
  border: 1px solid #d9e7f5;
  border-radius: 16px;
  background: rgba(249,252,255,.96);
  color: #15263a;
  box-shadow: 0 8px 24px rgba(30,77,125,.06);
}
.premium-order .page-toplinks a { color: #38536f; }
.premium-order .page-toplinks a:hover,
.premium-order .page-toplinks a.active { color: #176fca; }
.premium-order .page-top-action:not(.acid) {
  border-color: #d5e4f3;
  background: #fff;
  color: #205d94 !important;
  backdrop-filter: none;
}
.premium-order .page-top-action.acid {
  border-color: #176fca;
  background: #176fca;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(23,111,202,.17);
}
.premium-order .pay-page .pay-hero {
  min-height: 250px;
  padding: 38px 42px 74px;
  border: 1px solid #d8e7f6;
  border-radius: 24px;
  background: radial-gradient(32rem 20rem at 88% 28%, rgba(35,132,229,.12), transparent 70%), linear-gradient(120deg,#fff,#f0f7ff) !important;
  color: #15263a;
}
.premium-order .pay-page .pay-hero::after {
  border-color: rgba(68,145,214,.15) !important;
  box-shadow: 0 0 0 68px rgba(35,132,229,.035), 0 0 0 136px rgba(35,132,229,.02) !important;
}
.premium-order .pay-head h1 { color: #15263a !important; }
.premium-order .pay-head p { color: #526880; }
.premium-order .pay-head .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 12px;
  padding: 6px 10px;
  border: 1px solid #cfe3f7;
  border-radius: 999px;
  background: #edf6ff;
  color: #205d94;
  font-size: 10px;
  letter-spacing: .06em;
}
.premium-order .pay-hero-badge {
  right: 24px;
  bottom: 22px;
  border-color: #d5e4f3;
  background: rgba(255,255,255,.88);
  color: #526880;
  backdrop-filter: none;
}
.premium-order .pay-page .pay-surface {
  margin-top: 14px;
  padding: 0 0 30px;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}
.premium-order .pay-page .order-card {
  border-color: #d9e7f5;
  background: #fff;
  box-shadow: 0 12px 28px rgba(30,77,125,.055);
}
.premium-order .pay-page .order-card.accent-card {
  border-color: #cfe3f7;
  background: linear-gradient(135deg,#f0f7ff,#fff 68%);
}
.premium-order .pay-page .pill { color: #496783; }
.premium-order .pay-page .pill::before { background: #2384e5 !important; }
.premium-order .pay-page .btn:not(.sec) {
  border-color: #176fca;
  background: #176fca;
  color: #fff;
  box-shadow: 0 10px 22px rgba(23,111,202,.16);
}
.premium-order .pay-page .btn:not(.sec):hover {
  border-color: #105ba8;
  background: #105ba8;
  box-shadow: 0 12px 24px rgba(23,111,202,.2);
}
.premium-order .pay-page .expired-panel {
  border: 1px solid #d7e7f7;
  background: radial-gradient(30rem 18rem at 90% 0, rgba(35,132,229,.1), transparent 72%), linear-gradient(120deg,#fff,#f0f7ff) !important;
  color: #15263a;
  box-shadow: 0 16px 34px rgba(30,77,125,.08);
}
.premium-order .pay-page .expired-panel::after {
  border-color: rgba(68,145,214,.16) !important;
  box-shadow: 0 0 0 68px rgba(35,132,229,.03), 0 0 0 136px rgba(35,132,229,.018) !important;
}
.premium-order .pay-page .expired-panel-head > div > b { color: #15263a; }
.premium-order .pay-page .expired-panel-head > div > span { color: #526880; }
.premium-order .pay-page .expired-hourglass {
  border: 1px solid #d5e4f3;
  background: #e8f3ff;
  color: #176fca;
}
.premium-order .pay-page .expired-hourglass svg path[fill="#f4b544"] { fill: #2384e5 !important; }
.premium-order .pay-page .expired-new-order {
  border-color: #176fca;
  background: #176fca;
  box-shadow: 0 10px 22px rgba(23,111,202,.17);
}
.premium-order .pay-page .expired-new-order:hover { background: #105ba8; }

/* The owned installation summary uses the same blue accents as the site. */
.apprestore-install-kicker { color: #8ac9ff !important; }
.apprestore-install-primary {
  border: 1px solid #176fca !important;
  background: linear-gradient(135deg,#2384e5,#176fca) !important;
  color: #fff !important;
}
.apprestore-install-primary:hover { background: linear-gradient(135deg,#3294ec,#105ba8) !important; }
.apprestore-install-secondary {
  border-color: rgba(91,170,239,.34) !important;
  background: rgba(35,132,229,.1) !important;
  color: #b8dcff !important;
}
.apprestore-install-secondary:hover { border-color: rgba(91,170,239,.62) !important; background: rgba(35,132,229,.16) !important; }

@media (max-width: 680px) {
  .premium-order .page-topbar { width: calc(100% - 20px); margin: 6px auto 12px; padding: 0 10px; }
  .premium-order .pay-page .pay-hero { min-height: 0; padding: 26px 21px 76px; border-radius: 20px; }
  .premium-order .pay-hero-badge { right: 12px; bottom: 12px; }
  .premium-order .pay-page .pay-surface { margin-top: 12px; padding-bottom: 24px; }
}

/* Keep homepage FAQ copy comfortable to read at desktop and mobile sizes. */
.home-page .after-catalog .faq-list summary {
  font-size: 17px !important;
  line-height: 1.4 !important;
}
.home-page .after-catalog .faq-list details p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

@media (max-width: 680px) {
  .home-page .after-catalog .faq-list summary { font-size: 16px !important; }
  .home-page .after-catalog .faq-list details p { font-size: 15px !important; line-height: 1.65 !important; }
}

@media (max-width: 680px) {
  .home-page .catalog-topline {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
    margin-bottom: 24px;
  }
  .home-page .catalog-heading,
  .home-page .catalog-heading-copy,
  .home-page .catalog-surface .tools,
  .home-page .catalog-search-row,
  .home-page .catalog-surface .search-box,
  .home-page .catalog-surface .search { min-width: 0; }
  .home-page .catalog-surface .tools {
    width: 100%;
    justify-self: stretch;
  }
  .home-page .catalog-surface .search input { min-width: 0; }
}

@media (max-width: 380px) {
  .hero-proof { grid-template-columns: minmax(0, 1fr); }
}

/* Let long catalog category labels wrap instead of disappearing behind an ellipsis. */
.home-page .catalog-surface .app-category {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.25 !important;
}

@media (max-width: 650px) {
  .home-page .catalog-surface .app-card-top {
    grid-template-rows: auto auto;
  }
  .home-page .catalog-surface .app-title-block {
    display: contents;
  }
  .home-page .catalog-surface .name {
    grid-column: 2;
  }
  .home-page .catalog-surface .app-category {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 0 !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
}