/* Public site refinement. Loaded after the shared account styles.
   Layout owns sizing; GSAP only owns short entrance translations. */
:root {
  --bg: #ffffff;
  --bg-2: #f6f9ff;
  --bg-3: #eaf1fc;
  --surface: #ffffff;
  --surface-2: #f4f8ff;
  --text: #172d4c;
  --text-2: #435b77;
  --muted: #526681;
  --blue: #2563eb;
  --blue-deep: #1d4ed8;
  --blue-hover: #1d4ed8;
  --blue-press: #1846b8;
  --blue-2: #168baf;
  --accent: #2563eb;
  --grad-accent: linear-gradient(120deg,#2563eb,#087f8c);
  --grad-cta: linear-gradient(100deg,#2563eb,#2178d5);
  --grad-text: linear-gradient(100deg,#1846b8,#087f8c);
  --content-wide: 1240px;
  --line: #dce7f6;
  --shadow-blue: 0 5px 15px #2563eb14;
}
html { scroll-behavior: auto; }
body { min-width: 0; background: var(--bg); overflow-x: clip; }
img, svg { max-width: 100%; }
.mesh-veil, .grain { display: none; }
.container, .nav-shell { width: min(var(--content-wide), calc(100% - 80px)); }
.site-header, .site-header[data-scrolled] { background: #ffffffed; border-bottom: 1px solid var(--line); box-shadow: none; }
.nav-shell, .site-header[data-scrolled] .nav-shell { height: 76px; gap: 28px; transition: none; }
.brand { gap: 10px; flex-shrink: 0; }
.brand img { width: 34px; height: 34px; object-fit: contain; }
.brand strong { font-size: 20px; font-weight: 700; }
.brand small { margin-top: 4px; font-size: 10px; letter-spacing: .08em; }
.site-nav { justify-content: center; gap: 1px; min-width: 0; }
.site-nav a { margin: 0; padding: 9px 10px; white-space: nowrap; font-size: 13px; border-radius: 6px; }
.site-nav a::after { display: none; }
.site-nav a.active { color: var(--blue); background: #f0f4fd; }
.nav-actions { flex: 0 0 auto; gap: 12px; margin-left: auto; }
.nav-actions .button { height: 38px; padding-inline: 15px; font-size: 13px; }
.nav-actions .button.ghost { padding-inline: 4px; border: 0; }
.nav-actions .button.compact { margin-top: 0; }
.nav-actions .account-chip { max-width: 170px; }
.button { min-height: 42px; height: auto; padding-block: 10px; border-radius: 8px; line-height: 1.45; white-space: normal; text-align: center; }
.button.large { min-height: 50px; height: auto; padding: 13px 21px; border-radius: 8px; font-size: 14px; gap: 10px; }
.button.primary, .button.enterprise-button { background: var(--blue); box-shadow: 0 4px 12px #245ee819; }
.button.secondary { background: #fff; border-color: #d6dee8; color: var(--text); }
.button.primary:hover, .button.secondary:hover, .button.light:hover { transform: translateY(-2px); }
.button.primary:hover { background: var(--blue-hover); }
.button.secondary:hover { background: #f6f8fb; border-color: #a9b9d0; }
.button-icon { width: 17px; height: 17px; flex: 0 0 17px; fill: currentColor; }
.button.shine::after, .button.glow::after { display: none; }
.button.glow { animation: none; }
.magnetic > span { transform: none; }
:focus-visible { outline: 3px solid #245ee8; outline-offset: 4px; }

/* Homepage: an editorial introduction and a proportionate product visual. */
.hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); grid-template-rows: auto auto; gap: 0 48px; align-items: center; padding: 72px 0 0; text-align: left; }
.hero .hero-copy { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.hero::before, .hero::after { display: none; }
.hero > * { min-width: 0; }
.hero .eyebrow { grid-column: 1; grid-row: 1; justify-self: start; align-self: start; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #62738b; font-size: 11px; letter-spacing: .12em; font-weight: 600; gap: 10px; }
.eyebrow-rule { display: inline-block; width: 26px; height: 2px; background: var(--blue); }
.hero .hero-title { grid-column: 1; grid-row: 2; width: 100%; max-width: none; margin: 26px 0 23px; font-size: clamp(32px, 3.65vw, 51px); line-height: 1.36; letter-spacing: -.055em; text-wrap: initial; }
.hero-title > span, .hero-title:not([data-split-done]) > span { display: block; }
.hero-title .line { white-space: normal; padding-bottom: 0; }
.hero-title .line__in { opacity: 1; transform: none; transition: none; }
.hero .hero-title em { white-space: normal; background: none; color: var(--blue); -webkit-text-fill-color: currentColor; }
.hero .hero-sub { grid-column: 1; grid-row: 3; max-width: 510px; font-size: 15px; line-height: 1.95; color: #607087; }
.hero .hero-actions { grid-column: 1; grid-row: 4; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; gap: 12px; margin: 30px 0 0; }
.hero .hero-actions .button { width: auto; }
.hero .hero-note { grid-column: 1; grid-row: 5; margin: 20px 0 0; display: flex; gap: 15px; font-size: 11px; color: #718094; }
.hero .hero-account-link { font-size: 12px; font-weight: 500; color: #435674; }
.hero .hero-visual { grid-column: 2; grid-row: 1; width: 100%; max-width: none; margin: 0; align-self: center; perspective: none; }
.hero-sub, .hero-actions, .hero-note, .hero-visual { transition: none; }
.connection-console { border: 1px solid #24364f; border-radius: 14px; background: #101e33; color: #e8eef8; box-shadow: 0 24px 48px -24px #10244470; overflow: hidden; }
.console-bar { min-height: 52px; padding: 13px 21px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #ffffff12; background: #132239; }
.console-wordmark { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; }
.console-wordmark img { border-radius: 6px; }
.console-wordmark small { color: #8ea0b9; font-size: 8px; font-weight: 400; letter-spacing: .13em; }
.console-demo { border: 1px solid #ffffff20; padding: 3px 7px; border-radius: 4px; font-size: 9px; color: #a2b0c6; white-space: nowrap; }
.console-body { padding: 25px 27px 17px; background: radial-gradient(ellipse at 52% 45%, #163648 0%, #101e3300 67%); }
.console-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.console-overline { font-size: 10px; color: #95a7bd; letter-spacing: .05em; }
.console-heading h2 { margin: 7px 0 0; font-size: 20px; font-weight: 500; letter-spacing: -.02em; color: #f1f6ff; }
.console-status { padding: 5px 8px; border: 1px solid #4cceae28; background: #4cceae0b; border-radius: 5px; color: #7ce6c7; font-size: 10px; white-space: nowrap; }
.console-status i, .console-metrics i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #68dfb8; }
.connection-orbit { position: relative; width: 100%; max-width: 360px; margin: 3px auto 0; }
.connection-orbit svg { display: block; width: 100%; height: auto; }
.orbit-track { stroke: #3e647a; stroke-opacity: .5; stroke-dasharray: 3 5; }
.orbit-outer { stroke: #2b5363; stroke-opacity: .65; }
.orbit-inner { stroke: #426576; stroke-dasharray: 1 7; }
.orbit-core { fill: #1a403f; fill-opacity: .65; stroke: #6cd9b6; stroke-opacity: .38; }
.orbit-power { stroke: #94f1ce; stroke-width: 3; stroke-linecap: round; }
.orbit-signal { stroke: #7edfb9; stroke-width: 2; stroke-dasharray: 42 574; transform-origin: 200px 115px; animation: connection-signal 16s linear infinite; }
.orbit-node { fill: #8ce2c4; }
.orbit-node.muted { fill: #6e8c9f; }
.orbit-label { position: absolute; top: 47%; font-size: 9px; letter-spacing: .04em; color: #b0bdcd; background: #14283a; padding: 4px 9px; border: 1px solid #ffffff12; border-radius: 4px; }
.orbit-label-left { left: 1%; }
.orbit-label-right { right: 1%; }
.console-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #ffffff10; border-radius: 8px; background: #ffffff03; }
.console-metrics > div { min-width: 0; padding: 12px 14px; }
.console-metrics > div + div { border-left: 1px solid #ffffff12; }
.console-metrics span { display: block; color: #8f9fb6; font-size: 10px; }
.console-metrics strong { display: block; margin-top: 6px; color: #e3ecf9; font-size: 13px; font-weight: 500; white-space: nowrap; }
.console-metrics i { margin-left: 5px; }
.console-bottom { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; font-size: 8px; color: #8d9fb8; letter-spacing: .04em; }
.console-bottom > span:first-child { display: flex; align-items: center; gap: 5px; }
.console-bottom svg { width: 12px; height: 12px; fill: none; stroke: #8aa99f; stroke-width: 1.5; }
.hero-visual figcaption { display: flex; align-items: center; justify-content: center; gap: 7px; padding-top: 15px; color: #7b8899; font-size: 10px; }
.hero-visual figcaption .dot { width: 5px; height: 5px; box-shadow: none; }
@keyframes connection-signal { to { transform: rotate(360deg); } }
.hero .trust-strip { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; margin: 48px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 0; border-block: 1px solid var(--line); border-radius: 0; box-shadow: none; background: #fff; backdrop-filter: none; }
.trust-strip div { min-width: 0; padding: 24px 32px; text-align: left; }
.trust-strip div:first-child { padding-left: 0; }
.trust-strip div + div { border-left: 1px solid var(--line); border-top: 0; }
.trust-strip dt { color: #1b2b42; font-size: 13px; font-weight: 600; }
.trust-strip dd { margin-top: 5px; font-size: 12px; font-weight: 400; color: #7b8798; }
.stat-band { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 0; padding: 30px 0 0; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
.stat { padding: 20px; border: 0; border-radius: 0; }
.stat + .stat { border: 0; }
.stat-icon { display: none; }
.stat b { font-size: 27px; font-weight: 600; color: #24364e; }
.stat small { margin-top: 7px; color: #7b8798; font-size: 11px; }
.stat:hover { background: transparent; }

/* Consistent section rhythm and a focused business-service entry. */
.enterprise-spotlight { grid-template-columns: minmax(0,1fr) minmax(0,.92fr); gap: 64px; margin-top: 66px; margin-bottom: 0; padding: 54px; border: 1px solid #e5ebf2; border-radius: 16px; background: #f6f8fb; box-shadow: none; }
.enterprise-spotlight::before { display: none; }
.enterprise-kicker { color: #526a88; font-size: 10px; letter-spacing: .13em; }
.enterprise-spotlight-copy h2 { margin: 20px 0; font-size: clamp(27px,2.8vw,38px); line-height: 1.42; letter-spacing: -.04em; }
.enterprise-spotlight-copy p { font-size: 13px; color: #65758a; line-height: 1.9; }
.enterprise-spotlight-actions { flex-wrap: wrap; gap: 20px; margin-top: 26px; }
.enterprise-text-link { font-size: 12px; font-weight: 500; }
.enterprise-spotlight-grid { grid-template-columns: minmax(0,1fr); gap: 0; min-height: 0; align-content: center; }
.enterprise-spotlight-grid article, .enterprise-scenario-link { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-content: center; align-items: center; gap: 3px 10px; min-height: 76px; padding: 13px 0; border: 0; border-bottom: 1px solid #dce3ec; border-radius: 0; background: transparent !important; box-shadow: none; backdrop-filter: none; }
.enterprise-spotlight-grid article:nth-child(3) { grid-column: auto; }
.enterprise-spotlight-grid article span, .enterprise-scenario-link > span:first-child { grid-row: 1 / 3; font: 11px var(--font-mono); color: #7188a5; }
.enterprise-spotlight-grid article strong, .enterprise-scenario-link strong { grid-column: 2; margin: 0; font-size: 15px; color: #243750; }
.enterprise-spotlight-grid article small, .enterprise-scenario-link small { grid-column: 2; margin: 2px 0 0; font-size: 11px; color: #7a889a; }
.enterprise-scenario-link > span:last-child { grid-column: 3; grid-row: 1 / 3; color: var(--blue); }
.enterprise-spotlight-grid article:hover { transform: none; }
.enterprise-scenario-link:hover strong { color: var(--blue); }
.product-section-heading { margin: 94px auto 0; }
.section-head { text-align: left; }
.section-head span { color: #718198; font-size: 11px; letter-spacing: .07em; }
.section-head h2 { margin-top: 12px; font-size: clamp(27px,2.8vw,37px); line-height: 1.4; }
.feature-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; padding: 32px 0 0; }
.feature-grid article { min-width: 0; padding: 15px 27px 12px; border: 0; border-radius: 0; box-shadow: none; background: none; transform: none !important; }
.feature-grid article:first-child { padding-left: 0; }
.feature-grid article + article { border-left: 1px solid var(--line); }
.feature-grid article::before, .feature-grid article::after { display: none; }
.feature-grid article:hover { background: none; box-shadow: none; }
.feature-icon { width: 38px; height: 38px; padding: 8px; border: 1px solid #e0e7f0; border-radius: 9px; background: #f6f8fc; color: #4d6c9b; box-shadow: none; }
.feature-grid h3 { margin: 22px 0 12px; font-size: 16px; }
.feature-grid p { font-size: 12px; line-height: 1.9; color: #6a7a8e; }
.process-section { padding: 94px 0; }
.steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.steps::before { display: none; }
.steps article { padding: 28px; border-radius: 12px; background: #f8fafc; box-shadow: none; text-align: left; }
.step-mark { justify-content: flex-start; }
.steps .step-icon { display: none; }
.steps .step-mark b { position: static; width: auto; height: auto; border: 0; padding: 0; border-radius: 0; background: none; font: 20px var(--font-mono); color: #8095b4 !important; }
.steps h3 { font-size: 16px; margin-top: 22px; }
.steps p { font-size: 13px; color: #6a7a8e; }
.compatibility-section { grid-template-columns: minmax(0,.95fr) minmax(0,1fr); gap: 64px; margin: 0 auto; padding: 44px 0; border: 0; border-block: 1px solid var(--line); border-radius: 0; background: #fff; box-shadow: none; }
.compatibility-copy h2 { font-size: 30px; line-height: 1.45; }
.compatibility-copy p { font-size: 13px; color: #6a7a8e; }
.compatibility-copy .section-kicker { font-size: 11px; color: #718198; }
.compatibility-grid { gap: 10px; }
.client-chip { min-width: 0; min-height: 78px; padding: 13px; border-radius: 10px; box-shadow: none; }
.client-chip strong { font-size: 12px; }
.client-chip small { font-size: 10px; overflow-wrap: anywhere; }
.client-icon { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 7px; }
.pricing-preview { padding: 88px 0; }
.billing-period-switch { border-radius: 9px; background: #f1f4f8; padding: 4px; }
.billing-period-switch button { border-radius: 6px; min-height: 40px; }
.trial-banner { border: 1px solid #dee7f5; border-radius: 10px; background: #f6f9ff; box-shadow: none; }
.plan-grid { gap: 18px; align-items: stretch; }
.plan-card { min-width: 0; border: 1px solid #e0e6ee; border-radius: 13px; background: #fff; box-shadow: none; transform: none !important; }
.plan-card.recommended { border: 1px solid #245ee8; background: #f9fbff; box-shadow: inset 0 3px #245ee8; }
.plan-card:hover { border-color: #adc0dc; box-shadow: 0 12px 28px #14223909; }
.plan-card.recommended:hover { border-color: #245ee8; }
.plan-card::after { display: none; }
.plan-card ul { font-size: 13px; }
.plan-card .button { margin-top: auto; }
.download-band { color: #fff; border: 0; background: #13243d; }
.download-band::after { border-color: #ffffff04; }
.band-inner { padding: 65px 0; }
.download-band h2 { font-size: 34px; color: #f1f6ff; }
.band-inner .section-kicker { color: #8ba6cb; font-size: 11px; }
.band-inner p, .band-inner .band-note { color: #aabbd1; font-size: 12px; }
.band-cta .button.light { background: #fff; color: #1d355a; }
.band-cta .button.dark-ghost { color: #d4e1f3; border-color: #6c819f; }
.band-device { width: 100px; height: 100px; border-radius: 22px; background: #ffffff07; border: 1px solid #ffffff1a; box-shadow: none; }
.band-device svg { fill: #92abc9; }
.site-footer { background: #fff; color: #24364c; padding: 58px 0 24px; }
.site-footer .brand strong, .site-footer nav b { color: #24364c; }
.site-footer .brand small, .footer-brand p, .site-footer nav a, .footer-base { color: #718096; }
.footer-brand p { max-width: 300px; font-size: 12px; line-height: 1.85; }
.site-footer nav a { font-size: 12px; }
.footer-inner { border-bottom-color: var(--line); gap: 40px; }
.footer-base { font-size: 10px; }

/* Interior pages retain their existing functionality and shared visual scale. */
.page-hero { gap: 16px 52px; min-height: 220px; margin-top: 38px; padding: 43px; border-radius: 14px; border-color: var(--line); background: #f7f9fc; box-shadow: none; }
.page-hero::before, .page-hero::after { display: none; }
.page-hero > h1 { max-width: none; margin: 0; font-size: clamp(28px,3vw,42px); line-height: 1.35; text-wrap: balance; }
.page-hero > p { font-size: 14px; line-height: 1.9; }
[id] { scroll-margin-top: 96px; }
.page[data-page="promoter"] > section { margin-top: 42px; }
.page[data-page="promoter"] > section:last-child { margin-bottom: 64px; }
.page[data-page="promoter"] .steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.page[data-page="promoter"] .section-head > p { max-width: 760px; color: var(--muted); font-size: 14px; }
.promoter-rules-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.promoter-rules-grid .client-chip { padding: 24px; }
.promoter-rules-grid .client-chip strong { font-size: 15px; }
.promoter-rules-grid .client-chip small { font-size: 12px; line-height: 1.85; }
.platform-card, .hub-platform-card, .client-catalog-card, .faq-grid article, .status-board article, .explainer { border-radius: 12px; box-shadow: none; }
.hub-platform-card, .client-catalog-card { min-width: 0; }
.hub-platform-card strong { white-space: normal; }
.hub-card-actions .button { min-width: 0; }
.enterprise-hero-shell { background: #f7f9fc; }
.enterprise-hero-shell::before { opacity: .2; }
.enterprise-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 52px; min-height: 610px; padding-block: 68px; }
.enterprise-hero-copy h1 { font-size: clamp(34px,3.65vw,50px); line-height: 1.32; }
.enterprise-hero-copy > p { font-size: 14px; }
.enterprise-network-visual { min-width: 0; border-radius: 14px; box-shadow: 0 18px 38px #24436614; }
.enterprise-section-head { grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 50px; }
.enterprise-section-head h2, .enterprise-region-inner h2, .enterprise-deliverables-copy h2 { font-size: 36px; line-height: 1.4; }
.enterprise-service-section, .enterprise-process-section { padding-block: 85px; }
.enterprise-service-card { border-radius: 13px; box-shadow: none; }
.enterprise-region-inner { grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 50px; }
.enterprise-deliverables { min-width: 0; }
.page:not(.active) .orbit-signal, .page:not(.active) .map-routes path, .page:not(.active) .map-node circle { animation-play-state: paused; }
.motion-paused .orbit-signal, .motion-paused .map-routes path, .motion-paused .map-node circle { animation-play-state: paused; }

@media (max-width: 1190px) {
  .nav-shell { gap: 16px; }
  .site-nav a { padding-inline: 7px; font-size: 12px; }
  .nav-actions .button.primary { display: none; }
  .hero { column-gap: 30px; padding-top: 64px; }
  .hero .hero-title { font-size: 3.6vw; }
  .hero .hero-actions { gap: 10px; }
  .hero .hero-actions .button { padding-inline: 15px; font-size: 12px; }
  .console-body { padding-inline: 20px; }
  .console-wordmark small { display: none; }
  .enterprise-spotlight { padding: 38px; gap: 40px; }
  .feature-grid article { padding-inline: 20px; }
}
@media (max-width: 980px) {
  .container, .nav-shell { width: calc(100% - 48px); }
  .nav-shell, .site-header[data-scrolled] .nav-shell { height: 66px; }
  .menu-button { display: flex; order: 3; flex-shrink: 0; margin-left: 4px; }
  .nav-actions { order: 2; }
  .site-nav { display: none; position: absolute; top: 66px; left: 0; right: 0; max-height: calc(100dvh - 66px); overflow-y: auto; padding: 18px 24px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 15px 24px #24364e0b; }
  .site-nav.open { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .site-nav a { font-size: 14px; padding: 12px; }
  .hero { display: grid; grid-template-columns: minmax(0,1fr); text-align: left; padding-top: 50px; }
  .hero .eyebrow { align-self: start; }
  .hero .hero-title { max-width: none; font-size: clamp(36px,5.5vw,50px); margin-block: 22px 18px; }
  .hero .hero-sub { max-width: 650px; font-size: 15px; }
  .hero .hero-actions { justify-content: flex-start; margin-top: 24px; }
  .hero .hero-actions .button { font-size: 14px; padding-inline: 20px; }
  .hero .hero-visual { grid-column: 1; grid-row: 2; width: min(620px,100%); margin: 42px auto 0; }
  .hero .trust-strip { grid-row: 3; margin-top: 36px; }
  .console-wordmark small { display: inline; }
  .console-body { padding: 25px; }
  .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 0; }
  .page[data-page="promoter"] .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-grid article:nth-child(3) { padding-left: 0; border-left: 0; }
  .enterprise-spotlight { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .enterprise-spotlight-copy h2 { font-size: 34px; }
  .enterprise-spotlight-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; }
  .compatibility-section { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .enterprise-hero { grid-template-columns: minmax(0,1fr); gap: 36px; padding-block: 48px; }
  .enterprise-network-visual { width: 100%; max-width: 620px; justify-self: center; }
  .enterprise-section-head, .enterprise-region-inner { grid-template-columns: minmax(0,1fr); gap: 24px; }
}
@media (max-width: 600px) {
  .container, .nav-shell, .compatibility-section, .page-hero { width: calc(100% - 36px); }
  .brand strong { font-size: 18px; }
  .brand small { font-size: 8px; }
  .brand img { width: 30px; height: 30px; }
  .hero { padding-top: 38px; }
  .hero .hero-title { font-size: clamp(28px,7.35vw,42px); line-height: 1.45; letter-spacing: -.055em; }
  .hero .hero-sub { font-size: 13px; line-height: 1.9; }
  .desktop-break { display: none; }
  .hero .hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 10px; }
  .hero .hero-actions .button { width: 100%; }
  .hero .hero-note { gap: 9px 15px; font-size: 10px; line-height: 1.8; }
  .hero .hero-account-link { font-size: 11px; }
  .hero .hero-visual { margin-top: 30px; }
  .console-bar { padding: 12px 15px; }
  .console-wordmark small { font-size: 7px; }
  .console-body { padding: 20px 15px 15px; }
  .console-heading h2 { font-size: 17px; }
  .console-overline { font-size: 9px; }
  .console-status { font-size: 8px; padding-inline: 5px; }
  .console-metrics > div { padding: 10px 9px; }
  .console-metrics span { font-size: 9px; }
  .console-metrics strong { font-size: 11px; }
  .console-bottom { font-size: 7px; }
  .console-bottom > span:last-child { display: none; }
  .hero-visual figcaption { font-size: 9px; }
  .trust-strip div, .trust-strip div:first-child { padding: 15px 8px; min-height: 0; text-align: left; }
  .trust-strip dt { font-size: 11px; }
  .trust-strip dd { font-size: 10px; line-height: 1.7; }
  .stat-band { grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 16px; }
  .stat { padding: 18px 8px; }
  .stat:nth-child(n) { border: 0; }
  .stat b { font-size: 24px; }
  .stat small { font-size: 10px; }
  .enterprise-spotlight { margin-top: 35px; padding: 26px 22px; gap: 22px; }
  .enterprise-spotlight-copy h2 { font-size: 28px; }
  .enterprise-spotlight-actions { gap: 16px; }
  .enterprise-spotlight-grid { grid-template-columns: 1fr; }
  .product-section-heading { margin-top: 58px; }
  .section-head h2 { font-size: 26px; }
  .feature-grid { grid-template-columns: 1fr; gap: 0; padding-top: 12px; }
  .feature-grid article, .feature-grid article:first-child, .feature-grid article:nth-child(3) { padding: 23px 0; border: 0; border-bottom: 1px solid var(--line); }
  .feature-grid h3 { margin-block: 16px 10px; }
  .feature-grid p { margin-bottom: 0; font-size: 13px; }
  .process-section { padding-block: 56px; }
  .steps { grid-template-columns: 1fr; gap: 12px; }
  .page[data-page="promoter"] .steps, .promoter-rules-grid { grid-template-columns: 1fr; }
  .steps article { padding: 23px; }
  .steps h3 { margin-top: 15px; }
  .compatibility-section { padding-block: 30px; }
  .compatibility-copy h2 { font-size: 26px; }
  .compatibility-grid { grid-template-columns: 1fr; }
  .client-chip { min-height: 68px; }
  .pricing-preview { padding-block: 56px; }
  .trial-banner { padding: 20px; }
  .plan-grid, .plan-grid.compact { grid-template-columns: 1fr; }
  .plan-card { padding: 25px; }
  .band-inner { padding-block: 45px; }
  .download-band h2 { font-size: 28px; line-height: 1.4; }
  .band-device { display: none; }
  .band-cta { flex-wrap: wrap; }
  .band-cta .button { width: 100%; }
  .site-footer { padding-top: 40px; }
  .footer-inner { gap: 30px; }
  .site-footer nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 14px; }
  .page-hero { padding: 30px 22px; margin-top: 20px; }
  .page-hero > h1 { font-size: 29px; }
  .page-hero > p { font-size: 13px; }
  .enterprise-hero-copy h1 { font-size: 33px; }
  .enterprise-hero-copy > p { font-size: 13px; }
  .enterprise-hero-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .enterprise-hero-facts div, .enterprise-hero-facts div + div { padding-inline: 8px; }
  .enterprise-hero-facts dd { font-size: 10px; }
  .enterprise-network-visual { min-height: 340px; }
  .enterprise-network-visual svg { height: 255px; }
  .network-visual-head { padding-inline: 12px; font-size: 8px; letter-spacing: 0; }
  .network-label { padding: 5px; }
  .network-label b { font-size: 8px; }
  .network-label small { font-size: 8px; }
  .network-telemetry { left: 12px; right: 12px; font-size: 6px; }
  .enterprise-section-head h2, .enterprise-region-inner h2, .enterprise-deliverables-copy h2 { font-size: 28px; }
  .enterprise-service-section, .enterprise-process-section { padding-block: 56px; }
}
/* Account entry and contact flows share the quieter public-site typography. */
.auth-page { min-height: calc(100svh - 76px); padding: 48px 24px 72px; place-items: start center; background: #f7f9fc; overflow: visible; }
.auth-page::before, .auth-page::after, .login-card::before { display: none; }
.login-card { width: min(472px,100%); padding: 30px 34px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 36px #14223908; backdrop-filter: none; }
.auth-welcome { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.auth-welcome .panel-kicker { font-size: 12px; letter-spacing: .04em; }
.auth-welcome a { font-size: 12px; color: var(--muted); }
.auth-welcome a:hover, .auth-help a:hover { color: var(--blue); }
.auth-method-tabs { margin: 24px 0; padding: 4px; border-radius: 9px; background: #f2f5f9; }
.auth-method-tabs button { height: 40px; font-size: 13px; border-radius: 6px; }
.auth-step h1 { margin: 0 0 10px; text-align: left; font-size: 27px; font-weight: 650; line-height: 1.35; }
.auth-step > p { margin: 0 0 24px; text-align: left; font-size: 13px; line-height: 1.8; color: var(--muted); }
.auth-step form { gap: 17px; }
.auth-step label { font-size: 13px; color: var(--text-2); gap: 8px; }
.auth-step label small { margin-left: 6px; color: var(--muted); font-size: 11px; font-weight: 400; }
.auth-step input { height: 46px; border-radius: 8px; background: #fff; font-size: 14px; }
.auth-step .button.large { min-height: 46px; margin-top: 3px; padding-block: 11px; }
.auth-step .form-hint { text-align: left; margin: 0; }
.login-resume-hint { margin: 18px 0 0; padding: 11px 13px; border-radius: 8px; background: #f2f6ff; color: #456185; font-size: 12px; line-height: 1.75; }
.auth-help { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); text-align: center; font-size: 11px; line-height: 1.9; }
.auth-help a { margin-left: 4px; color: var(--blue); white-space: nowrap; }
.service-layout { display: grid; grid-template-columns: 1fr 1.05fr; align-items: start; gap: clamp(40px,6vw,96px); padding-block: 60px 100px; }
.service-intro { padding-top: 4px; }
.service-back { display: inline-flex; align-items: center; color: var(--muted); font-size: 13px; line-height: 1.6; }
.service-intro > .service-back { margin-bottom: 42px; }
.service-intro > .panel-kicker { display: block; }
.service-intro h1 { margin: 16px 0 22px; font-size: clamp(32px,3.4vw,48px); line-height: 1.4; letter-spacing: -.035em; font-weight: 650; }
.service-intro > p { max-width: 390px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.application-steps { display: grid; gap: 28px; padding: 30px 0; margin: 0; list-style: none; }
.application-steps li { display: flex; align-items: flex-start; gap: 18px; }
.application-steps li > b { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border: 1px solid #dce5f5; border-radius: 50%; color: var(--blue); background: #f7f9ff; font-size: 11px; font-weight: 600; }
.application-steps strong { display: block; margin: 2px 0 6px; font-size: 14px; font-weight: 600; }
.application-steps span { display: block; color: var(--muted); font-size: 12px; line-height: 1.8; }
.service-intro .service-intro-note { padding-top: 24px; border-top: 1px solid var(--line); font-size: 12px; }
.service-intro-note a { color: var(--blue); }
.application-card { min-width: 0; padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 40px #14223906; }
.application-card h2 { margin: 10px 0 12px; font-size: 24px; letter-spacing: -.02em; font-weight: 650; }
.application-description { margin: 0 0 26px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.application-form { display: grid; gap: 20px; }
.application-form label { display: block; color: var(--text-2); font-size: 13px; font-weight: 500; }
.application-form label small { margin-left: 5px; color: var(--muted); font-weight: 400; font-size: 11px; }
.application-form input, .application-form select, .application-form textarea { display: block; width: 100%; min-width: 0; margin-top: 8px; min-height: 46px; padding: 12px; border: 1px solid #dce3ec; border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: 14px; line-height: 1.5; }
.application-form textarea { min-height: 116px; resize: vertical; }
.application-form input::placeholder, .application-form textarea::placeholder { color: #8894a6; font-size: 12px; font-weight: 400; }
.application-form input:focus, .application-form select:focus, .application-form textarea:focus { outline: 2px solid #245ee830; outline-offset: 2px; border-color: var(--blue); }
.application-login-note { margin: 0; font-size: 12px; line-height: 1.8; color: var(--muted); overflow-wrap: anywhere; }
.application-form .button { min-height: 48px; font-size: 14px; }
.application-status { margin: 16px 0 0; color: #ad3847; font-size: 13px; line-height: 1.8; }
.application-status:empty { display: none; }
.application-success { padding-block: 30px; }
.application-success > p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.application-success .application-receipt { margin: 24px 0; padding: 12px; background: #f5f8ff; border-radius: 8px; color: var(--blue); overflow-wrap: anywhere; }
.application-success .service-back { display: block; margin-top: 24px; }
.contact-heading { padding-block: 64px 42px; }
.contact-heading h1 { margin: 14px 0 20px; font-size: clamp(34px,3.8vw,52px); line-height: 1.35; letter-spacing: -.035em; font-weight: 650; }
.contact-heading p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.contact-channels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.contact-channel { display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.contact-channel-primary { border-color: #d5e0fa; background: linear-gradient(145deg,#f4f7ff,#fff); }
.contact-channel-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 28px; }
.service-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; background: #eaf0ff; color: var(--blue); }
.service-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.telegram-icon { color: #238bb2; background: #edf8fc; }
.whatsapp-icon { color: #288360; background: #edf8f1; }
.channel-status { padding: 4px 9px; border-radius: 5px; background: #f2f4f7; color: #748092; font-size: 11px; white-space: nowrap; }
.channel-status.available { color: #287454; background: #ecf7f0; }
.contact-channel h2 { margin: 0 0 12px; font-size: 22px; font-weight: 600; }
.contact-channel p { margin: 0 0 28px; font-size: 13px; line-height: 1.9; color: var(--muted); }
.contact-channel .button { margin-top: auto; font-size: 13px; min-height: 44px; }
.contact-channel a[aria-disabled="true"] { color: #7b8798; background: #f7f8fa; border-color: #edf0f4; box-shadow: none; cursor: default; pointer-events: none; }
.contact-footnote { padding-top: 18px; font-size: 12px; line-height: 1.8; color: var(--muted); }
.contact-options { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-block: 60px 90px; }
.contact-options article { padding-top: 26px; border-top: 1px solid var(--line); }
.contact-options h2 { margin: 13px 0; font-size: 22px; font-weight: 600; }
.contact-options p { max-width: 450px; margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.contact-options a { display: inline-flex; gap: 20px; color: var(--blue); font-size: 13px; font-weight: 600; }
.contact-launcher { position: fixed; z-index: 70; right: max(24px,env(safe-area-inset-right)); bottom: max(24px,env(safe-area-inset-bottom)); display: inline-flex; gap: 9px; align-items: center; padding: 12px 17px; border: 1px solid #dce4f2; border-radius: 99px; background: #fff; color: #244472; box-shadow: 0 4px 22px #172c4b12; font-size: 13px; font-weight: 600; transition: transform .2s,box-shadow .2s; }
.contact-launcher svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.contact-launcher:hover { transform: translateY(-3px); box-shadow: 0 6px 24px #172c4b20; }
body[data-current-page="contact"] .contact-launcher, body[data-current-page="login"] .contact-launcher, body[data-current-page="promoter-apply"] .contact-launcher { display: none; }
#helpSupportPanel { scroll-margin-top: 100px; }
@media (max-width: 980px) {
  .auth-page { min-height: calc(100svh - 66px); }
  .service-layout { gap: 32px; padding-top: 40px; }
  .application-card { padding: 25px; }
  .contact-channel { padding: 22px; }
  .contact-channels { gap: 14px; }
}
@media (max-width: 720px) {
  .auth-page { padding: 28px 16px 48px; }
  .login-card { padding: 25px 22px; border-radius: 14px; }
  .auth-step h1 { font-size: 25px; }
  .auth-step input { font-size: 16px; }
  .service-layout { grid-template-columns: 1fr; gap: 28px; padding-block: 30px 88px; }
  .service-intro > .service-back { margin-bottom: 25px; }
  .service-intro h1 { font-size: 34px; margin-block: 12px 16px; }
  .service-intro > p { font-size: 13px; }
  .application-steps { display: none; }
  .service-intro .service-intro-note { padding-top: 18px; }
  .application-card { padding: 24px 20px; }
  .application-card h2 { font-size: 22px; }
  .application-form input, .application-form select, .application-form textarea { font-size: 16px; }
  .contact-heading { padding-block: 36px 28px; }
  .contact-heading h1 { font-size: 35px; }
  .contact-heading p { font-size: 13px; }
  .desktop-break { display: none; }
  .contact-channels, .contact-options { grid-template-columns: 1fr; }
  .contact-channel { padding: 24px; }
  .contact-channel-top { margin-bottom: 22px; }
  .contact-channel p { margin-bottom: 22px; }
  .contact-options { gap: 30px; padding-block: 36px 60px; }
  .contact-launcher { right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); padding: 11px 15px; font-size: 12px; }
  #helpSupportPanel { scroll-margin-top: 86px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .hero-title .line__in, [data-aos], .reveal { opacity: 1 !important; visibility: visible !important; transform: none !important; }
}

/* Shared brand surfaces and the customer journey, September 2026. */
.site-header, .site-header[data-scrolled] { background: #fffffff5; }
.site-nav a.active { color: var(--blue); background: #eaf2ff; }
.button.primary, .button.enterprise-button { box-shadow: 0 3px 10px #2563eb12; }
.button.secondary { background: var(--surface); border-color: #d9e5f7; }
.button.secondary:hover { background: #eff6ff; border-color: #a6b7c5; }
:focus-visible { outline-color: #2563eb; }
.page-hero { background: #f6f9ff; }
.plan-card, .panel, .application-card, .contact-channel, .client-catalog-card { background: var(--surface); border-color: var(--line); }
.plan-card.recommended { border-color: #73a4fb; background: #eff6ff; }
.plan-card.recommended::before, .plan-card.recommended::after { opacity: 0; }
.plan-card .badge { background: var(--blue); color: #ffffff; }
.plan-grid, .page[data-page="pricing"] .plan-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.plan-card { padding: 28px; }
.plan-card h3 { font-size: 23px; }
.plan-card .price { font-size: 36px; }
.auth-method-tabs, .billing-period-switch { background: #eaf1fc; }
.auth-method-tabs .active, .billing-period-switch .active { color: var(--blue); background: #ffffff; }
.contact-channel-primary { background: #effaf8; }
.login-layout, [data-page="login"] { background: #f6f9ff; }
.billing-period-switch button.active, .billing-mode-switch button.active,
.daily-usage-range button.active { color:var(--blue); }
.contact-channel:has([aria-disabled="true"]) { background: #f7f9fc; }
.contact-channel .channel-status { border-radius: 5px; }
.status-board article { background: var(--surface); border: 1px solid var(--line); }
.status-board article::before, .status-board article::after { display: none; }
.status-board small { display:block; color:var(--muted); font-size:12px;line-height:1.8;margin-top:12px; }
.status-meta { display:flex;gap:20px;align-items:center;justify-content:space-between;margin-block:20px; }
.status-meta p { color:var(--muted);font-size:12px; }
.status-meta .button { flex-shrink:0; }
.pricing-trial { margin-top:8px; border-color:var(--line);background:#effaf8; }
.purchase-explainer { padding-block:16px 28px; }
.purchase-explainer p { font-size:13px;color:var(--text-2);line-height:1.9;margin:10px 0; }
.purchase-explainer a, .refund-note a { color:var(--blue);text-decoration:underline;text-underline-offset:3px; }
.refund-note { display:flex;gap:14px;flex-wrap:wrap;padding:20px 24px;border:1px solid var(--line);border-radius:12px;margin-block:25px;color:var(--text-2);font-size:14px; }
.refund-note strong { color:var(--text); }
.service-document { max-width:900px;padding-block:26px 70px; }
.service-document article { padding:28px 0;border-bottom:1px solid var(--line); }
.service-document h2 { font-size:23px;line-height:1.5;margin:0 0 15px; }
.service-document p { color:var(--text-2);font-size:15px;line-height:1.95;margin:12px 0; }
.download-quick-meta { display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--text-2); }
.download-quick-help { color:var(--muted);font-size:12px;line-height:1.8; }
.download-file-details { border-top:1px solid var(--line);margin-top:22px;padding-top:15px; }
.download-file-details summary { cursor:pointer;color:var(--text-2);font-size:13px;line-height:1.8; }
.download-file-details dl { margin-top:16px; }
.download-file-details dd { overflow-wrap:anywhere;min-width:0; }
[data-page="pricing"] .page-hero { min-height:0;padding:30px 34px; }
[data-page="pricing"] .page-hero h1 { font-size:34px; }
@media(max-width:767px) {
  .plan-grid, .page[data-page="pricing"] .plan-grid { grid-template-columns:1fr; }
  [data-page="pricing"] .page-hero { display:block;padding:22px;margin-top:18px; }
  [data-page="pricing"] .page-hero h1 { font-size:27px;margin:12px 0;line-height:1.35;text-wrap:initial; }
  [data-page="pricing"] .page-hero p { margin:0;font-size:13px;line-height:1.8; }
  [data-page="pricing"] .billing-period-row { margin-block:18px 22px; }
  .plan-card { padding:24px; }
  .plan-card h3 { font-size:22px; }
  .plan-card .price { margin-block:12px;font-size:34px; }
  .plan-card ul { margin-block:15px 22px; }
  .pricing-trial { padding:20px; }
  .status-meta { align-items:flex-start;gap:10px; }
  .status-meta p { margin:0; }
  .status-meta .button { padding:8px 10px;font-size:12px; }
  .service-document article { padding:22px 0; }
  .service-document h2 { font-size:21px; }
  .service-document p { font-size:14px; }
}

/* Clear blue actions and mint accents: colour carries hierarchy, grey is reserved for unavailable controls. */
:root { --shadow-blue:0 8px 22px #2563eb24; --grad-cta:linear-gradient(115deg,#2563eb,#246fe5); }
.button.primary,.button.enterprise-button { background:var(--grad-cta);border-color:#2563eb;color:#fff;box-shadow:var(--shadow-blue); }
.button.primary:hover,.button.enterprise-button:hover { background:#1d4ed8;box-shadow:0 10px 26px #2563eb30; }
.button.secondary { color:#2155ae;border-color:#cfdef5; }
.site-nav a.active { background:#eaf2ff;color:#205bd8;box-shadow:inset 0 -2px #3979ef; }
.site-header { border-bottom-color:#e4edfa; }
.hero { position:relative;isolation:isolate; }
.hero::before { display:block;content:"";position:absolute;z-index:-1;pointer-events:none;inset:-35px 0 40px;width:auto;height:auto;border-radius:0;background:radial-gradient(ellipse at 80% 28%,#d1faf180,transparent 42%),radial-gradient(ellipse at 40% 16%,#dfedffb0,transparent 57%);filter:none;opacity:1;transform:none; }
.hero .eyebrow { color:#2662bb; }
.eyebrow-rule { height:3px;background:linear-gradient(90deg,#2563eb,#10bda6); }
.hero .hero-title em { background:linear-gradient(105deg,#245fe7 8%,#147dbc 62%,#087f83);background-clip:text;-webkit-background-clip:text;color:#245fe7;-webkit-text-fill-color:transparent; }
.hero .hero-sub { color:#4e6581; }
.hero .hero-account-link { color:#245bc5;font-weight:600; }
.connection-console { background:linear-gradient(135deg,#1d51c3 0%,#2468df 57%,#087886 120%);border-color:#5c8fe7;border-radius:18px;box-shadow:0 28px 62px -28px #2667ce70,0 1px 0 #ffffff80 inset; }
.console-bar { background:#1740a12e;border-bottom-color:#dbeaff30; }
.console-wordmark,.console-heading h2 { color:#fff; }
.console-wordmark small,.console-overline { color:#eff6ff; }
.console-demo { color:#fff;background:#163eaa40;border-color:#d1e5ff66; }
.console-body { background:radial-gradient(ellipse at 57% 42%,#40efcb28,transparent 58%); }
.console-status { color:#d3ffef;background:#083c594d;border-color:#81edcc75; }
.console-status i,.console-metrics i { background:#72ffd4; }
.orbit-track { stroke:#a4d9ff;stroke-opacity:.68; }
.orbit-outer { stroke:#a5dbff;stroke-opacity:.65; }
.orbit-inner { stroke:#b6e9ff; }
.orbit-core { fill:#36e0c3;fill-opacity:.23;stroke:#a0ffdd;stroke-opacity:.8; }
.orbit-power { stroke:#dbfff1; }
.orbit-signal { stroke:#7affd6; }
.orbit-node { fill:#8dffda; }
.orbit-node.muted { fill:#c4e8ff; }
.orbit-label { color:#fff;background:#15469c9c;border-color:#c8e5ff55; }
.console-metrics { background:#143b8c3d;border-color:#c9e5ff3d; }
.console-metrics>div+div { border-color:#c9e5ff3d; }
.console-metrics span,.console-bottom { color:#eff6ff; }
.console-metrics strong { color:#fff; }
.console-bottom svg { stroke:#99f9d6; }
.hero-visual figcaption { color:#476283; }
.trust-strip dt { color:#205db4; }.trust-strip dd { color:#566b86; }
.stat b { color:#2563eb; }.stat:nth-child(2) b,.stat:nth-child(4) b { color:#07816f; }
.enterprise-spotlight { background:linear-gradient(120deg,#eef5ff,#f2fbfa);border-color:#d8e7f8; }
.enterprise-kicker,.section-head>span,.section-kicker { color:#2867c9; }
.feature-icon { color:#2563eb;background:#eaf2ff;border-color:#cfdefc; }
.feature-grid article:nth-child(2n) .feature-icon { color:#087f75;background:#e5f8f3;border-color:#c9eee2; }
.steps article { background:linear-gradient(145deg,#f0f6ff,#fff);border:1px solid #dfeafa; }
.steps .step-mark b { color:#2563eb!important; }
.page-hero { background:linear-gradient(120deg,#eef5ff,#f4fbfa);border-color:#dce8f8; }
.page-hero>span,.page-hero .section-kicker { color:#2563eb; }
.plan-card { border-top:3px solid #8dc6ed; }
.plan-card.recommended { border-color:#4c89f3;background:linear-gradient(155deg,#edf5ff,#fff 72%);box-shadow:0 12px 30px #2563eb12,inset 0 3px #2563eb; }
.plan-card:last-child { border-top-color:#22b6a2; }
.plan-card .price { color:#153454; }
.plan-card.recommended .price { color:#2563eb; }
.plan-card .badge { background:#2563eb; }
.pricing-trial,.trial-banner { background:linear-gradient(105deg,#eaf9f4,#f4faff);border-color:#c8ece0; }
.download-band { background:linear-gradient(115deg,#194bba,#1767ce 65%,#087c8b); }
.band-inner .section-kicker,.band-inner p,.band-inner .band-note { color:#e0eeff; }
.band-cta .button.light { color:#1d54b8;box-shadow:0 8px 24px #143a7d25; }
.auth-page,[data-page="login"] { background:radial-gradient(ellipse at 78% 20%,#dbf8f35c,transparent 48%),linear-gradient(130deg,#f2f7ff,#fafcff); }
.login-card { border-top:3px solid #377cf0;box-shadow:0 16px 45px #285bb00a; }
.contact-channel-primary { background:linear-gradient(145deg,#eaf3ff,#f5fcfa);border-color:#b9d4fb; }
.contact-channel-primary .service-icon { color:#fff;background:linear-gradient(135deg,#2563eb,#168eae); }
.contact-channel:has([aria-disabled="true"]) { background:#f9fbfe;border-color:#e1e9f3; }
.service-intro h1,.contact-heading h1 { color:#17375d; }
.service-intro .section-kicker { color:#2563eb; }
.application-steps>li::before { color:#2563eb; }
.refund-note { background:#f7fbff;border-color:#d9e8fb; }
@media(max-width:980px){.hero::before{inset:-20px 0 40px}.connection-console{box-shadow:0 22px 45px -26px #2563eb80}}

/* Download choice hierarchy: one primary client, optional alternatives. */
.page[data-page="download"] .page-hero { padding-bottom:28px; }
.download-feature-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:36px;align-items:start; }
.client-catalog-card.download-choice-card { min-height:0;gap:16px;padding:28px;border-radius:20px;transition:border-color .2s ease; }
.client-catalog-card.download-choice-card:hover { transform:none;box-shadow:none; }
.download-choice-card.is-featured { border-color:#bfd4ff;background:linear-gradient(135deg,#f4f8ff 0%,#fff 64%);box-shadow:0 10px 32px rgba(37,99,235,.05); }
.download-choice-card header { gap:16px;flex-wrap:wrap; }
.download-choice-card header>div { min-width:0;flex:1; }
.download-choice-card h3 { font-size:23px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35; }
.download-choice-card.is-featured h3 { font-size:32px;letter-spacing:-.035em; }
.download-recommend-label,.download-section-label { display:block;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:10px; }
.download-choice-card>p { min-height:0;max-width:56ch;color:var(--text-2);line-height:1.8; }
.download-choice-card .download-main-actions { margin-top:4px;gap:18px; }
.download-main-actions .button { min-height:46px;padding:12px 22px;line-height:1.5;white-space:normal;text-align:center; }
.download-guide-link,.download-technical-links a { color:#2456a7;font-size:13px;font-weight:600;line-height:1.8; }
.download-guide-link:hover,.download-technical-links a:hover { text-decoration:underline;text-underline-offset:4px; }
.download-provenance { color:#60718a;font-size:12px;line-height:1.7; }
.download-other-versions { font-size:13px; }
.download-other-versions summary,.download-file-details summary { list-style:none;display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer; }
.download-other-versions summary::-webkit-details-marker,.download-file-details summary::-webkit-details-marker { display:none; }
.download-other-versions summary::before,.download-file-details summary::before { content:'＋';color:#567194;font-size:16px; }
.download-other-versions[open] summary::before,.download-file-details[open] summary::before { content:'−'; }
.download-other-versions p { margin:8px 0 12px;font-size:13px; }
.download-choice-card .download-file-details { margin-top:0;padding-top:12px; }
.download-choice-card .download-file-details dl { margin-top:12px;padding:8px 14px; }
.download-choice-card .download-file-details dl div { align-items:start; }
.download-choice-card .download-file-details dt { flex-shrink:0; }
.download-choice-card .download-file-details dd { min-width:0;max-width:80%; }
.download-copy-link { display:block;margin:7px 0 0 auto;padding:4px 0;background:none;border:0;color:#2456a7;cursor:pointer;font:inherit; }
.download-technical-links { display:flex;gap:16px;flex-wrap:wrap;margin-top:14px; }
.download-variant-label { display:grid;gap:8px;font-size:13px;color:var(--text-2);max-width:320px; }
.download-variant-label select { width:100%;min-width:0;min-height:42px;padding:8px 12px;border:1px solid #bdcce2;border-radius:9px;color:var(--text);background:#fff;font:inherit; }
.download-choice-card .download-device-hint { font-size:12px;margin-top:-10px;color:var(--muted); }
.ios-install-note { min-width:0;padding:16px 18px;border:1px solid #f0deb8;border-radius:12px;background:#fff9ed;color:#69512a; }
.ios-install-note>strong { display:block;font-size:14px;line-height:1.6;color:#70511e; }
.ios-install-note>p { margin:7px 0 10px;font-size:13px;line-height:1.85;color:#695c46; }
.ios-install-links { display:flex;flex-wrap:wrap;gap:8px 20px; }
.ios-install-links a,.ios-install-help a { font-size:13px;line-height:1.8;color:#2456a7;font-weight:600;overflow-wrap:anywhere; }
.ios-install-links a:hover,.ios-install-help a:hover { text-decoration:underline;text-underline-offset:4px; }
.ios-install-help { display:grid;gap:16px;margin-top:18px;min-width:0; }
.ios-install-help details { padding:15px 18px;background:#f6f9fd;border:1px solid #e2eaf5;border-radius:12px;min-width:0; }
.ios-install-help summary { font-size:14px;line-height:1.8;font-weight:600;color:var(--text);cursor:pointer; }
.ios-install-help details p { margin:12px 0;font-size:14px;line-height:1.85; }
#subscriptionIosInstallNotice { margin:0 0 18px; }
.download-unavailable { color:var(--muted);font-size:14px; }
.download-start-guide { padding:24px 8px; }
.download-start-guide h2 { margin:0 0 24px;font-size:23px;letter-spacing:-.025em; }
.download-start-guide ol { display:grid;gap:24px;list-style:none;margin:0 0 26px;padding:0; }
.download-start-guide li { display:flex;gap:14px;align-items:flex-start; }
.download-start-guide li>span { display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#edf4ff;color:#2563eb;font-size:12px;font-weight:700; }
.download-start-guide strong { font-size:14px; }
.download-start-guide p { margin:5px 0 0;color:var(--text-2);font-size:13px;line-height:1.8; }
.download-start-guide>a { color:#2456a7;font-size:13px;font-weight:600; }
.download-release-note { display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:16px 20px;background:#f5f8fc;border-radius:12px;font-size:13px;color:var(--text-2); }
.download-alternatives { border:1px solid var(--line);border-radius:16px;overflow:hidden; }
.download-alternatives>summary { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;cursor:pointer;list-style:none; }
.download-alternatives>summary::-webkit-details-marker { display:none; }
.download-alternatives>summary strong { display:block;font-size:15px; }
.download-alternatives>summary small { display:block;margin-top:5px;font-size:12px;color:var(--muted); }
.download-alternatives-count { display:flex;align-items:center;gap:16px;flex-shrink:0;font-size:12px;color:var(--text-2); }
.download-alternatives-count i { font-size:20px;font-style:normal;transition:transform .2s ease; }
.download-alternatives[open] .download-alternatives-count i { transform:rotate(45deg); }
.download-alternatives .catalog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 20px;align-items:start; }
.download-alternatives .catalog-card-grid:has(>:only-child) { grid-template-columns:minmax(0,1fr); }
.download-alternatives .download-choice-card { padding:22px; }
.page[data-page="download-hub"] .hub-platform-card { gap:12px;min-height:170px;padding:26px; }
.page[data-page="download-hub"] .hub-platform-card>span { color:var(--text-2);font-size:15px; }
.page[data-page="download-hub"] .hub-platform-card small { margin-top:auto;color:#2456a7;font-size:12px; }
.page[data-page="download-hub"] .hub-platform-card small span { color:inherit; }
@media (max-width:900px) {
  .download-feature-layout { grid-template-columns:minmax(0,1fr);gap:12px; }
  .download-start-guide { padding:20px 8px; }
  .download-start-guide ol { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
  .download-start-guide li { flex-direction:column;gap:12px; }
  .download-alternatives .catalog-card-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .client-catalog-card.download-choice-card { padding:22px 20px;border-radius:16px; }
  .download-choice-card.is-featured h3 { font-size:28px; }
  .download-choice-card header { flex-direction:column;gap:12px; }
  .download-choice-card .download-main-actions { align-items:stretch;flex-direction:column;gap:14px; }
  .download-guide-link { text-align:center; }
  .download-choice-card .download-file-details dd { max-width:100%; }
  .download-choice-card .download-file-details dl div { flex-direction:column;gap:6px; }
  .download-copy-link { margin-left:0; }
  .download-start-guide ol { grid-template-columns:minmax(0,1fr);gap:20px; }
  .download-start-guide li { flex-direction:row; }
  .download-alternatives>summary { padding:20px 16px; }
  .download-alternatives .catalog-card-grid { padding:0 12px 12px; }
  .download-alternatives .download-choice-card { padding:18px 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .download-choice-card,.download-alternatives-count i { transition:none; }
}

/* One client per platform; subscription instructions use the same selection. */
.compatibility-grid { grid-template-columns:minmax(0,1fr); }
.subscription-client-grid:has(>article:not(.hidden)) { grid-template-columns:minmax(0,1fr); }
.subscription-catalog-extras:empty,.subscription-client-grid:not(:has(>article:not(.hidden))) { display:none; }
.subscription-catalog-extras:has(>:only-child) { grid-template-columns:minmax(0,1fr); }
.guide-layout>.panel { min-width:0; }
@media (max-width:980px) {
  .guide-layout { grid-template-columns:minmax(0,1fr); }
  .guide-side { position:static; }
}

/* iOS keeps two clearly separated client choices. */
.ios-client-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start; }
.ios-client-choice-tip { margin:20px 0 0;color:var(--text-2);font-size:14px;line-height:1.8; }
.subscription-client-tip { margin:12px 0;font-size:13px;line-height:1.8;color:var(--text-2); }
@media(max-width:760px) { .ios-client-options { grid-template-columns:minmax(0,1fr);gap:18px; } }

/* Keep installation and subscription import together, without crowding the card. */
.download-main-actions .subscription-entry-link { white-space:normal; text-align:center; gap:10px; }
.download-main-actions .download-guide-link { flex-basis:100%; margin-top:2px; }
.download-alternative-section { margin-top:32px; }
.download-alternative-heading { margin-bottom:18px; }
.download-alternative-heading h2 { margin:0 0 6px;font-size:22px; }
.download-alternative-heading p { margin:0;color:var(--text-2);font-size:14px; }
.download-alternative-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start; }
.download-alternative-grid .download-choice-card { padding:28px; }
.download-alternative-grid .download-choice-card h3 { font-size:25px; }
.download-alternative-grid .download-choice-card>p { min-height:0; }
@media(max-width:760px) { .download-alternative-grid { grid-template-columns:minmax(0,1fr);gap:18px; }.download-alternative-grid .download-choice-card { padding:22px; } }
.download-recommend-label.is-alternative { display:inline-flex; width:fit-content; padding:3px 8px; border-radius:5px; color:#526785; background:#eef3fa; }
.guide-subscription-entries { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.subscription-client-card { scroll-margin-top:120px; }
.subscription-client-card.is-selected-client { border-color:#668af0; box-shadow:0 0 0 3px rgb(72 111 233 / 10%); }
.subscription-client-card:focus-visible { outline:2px solid #416be0; outline-offset:4px; }
.subscription-panel { padding:0; }
@media(max-width:980px) {
  .nav-shell, .site-header[data-scrolled] .nav-shell { gap:12px; }
  .nav-actions { flex:0 1 auto; min-width:0; }
  .nav-actions .account-chip { min-width:0; max-width:170px; }
}
@media(max-width:760px) {
  .account-sidebar { top:67px; }
  .account-main:has(.account-tab[data-tab-panel="subscription-link"].active) { width:100%; }
}
@media(max-width:540px) {
  .download-main-actions .subscription-entry-link { width:100%; }
  .guide-subscription-entries .button { width:100%; white-space:normal; }
  .subscription-client-card { scroll-margin-top:100px; }
}

/* A direct conversation entry, using the public contact address supplied by operations. */
.contact-channel-telegram { background:linear-gradient(145deg,#eff9ff,#fff 72%); border-color:#cbe7f5; }
.contact-channel-telegram.has-contact { box-shadow:0 10px 32px #117ea30a; }
.contact-channel-telegram .telegram-icon { color:#1286b5; background:#dcf2fc; }
.contact-channel-telegram .channel-status.available { background:#e0f3fc; color:#126b90; }
.contact-channel-title { margin-bottom:20px; }
.contact-channel-title h2 { margin-bottom:5px; }
.contact-channel-title>span { font-size:12px; color:#49758a; }
.contact-channel-actions { display:grid; gap:9px; margin-top:auto; }
.contact-channel .telegram-contact-button:not([aria-disabled]) { background:#1689b9; border-color:#1689b9; box-shadow:0 5px 16px #1689b920; }
.contact-channel .telegram-contact-button:not([aria-disabled]):hover { background:#0f769f; }
.contact-copy-button { border:0; border-radius:7px; background:transparent; padding:8px 12px; color:#256585; cursor:pointer; font:inherit; font-size:12px; }
.contact-copy-button:hover { background:#eaf5fb; }
.contact-copy-button:disabled { opacity:.5; cursor:default; }
.contact-channel-hint { margin-top:16px; padding-top:16px; border-top:1px solid #d9edf6; font-size:11px; color:#58758a; line-height:1.8; }

#main { display:flow-root; }
#legacyDownloadGrid { display:none!important; }
#downloadPlatformSwitch { min-height:48px; }
#downloadClientGrid { min-height:660px; }
#pricingPlans:empty, #homePlans:empty { min-height:420px; }
@media(max-width:760px) { #pricingPlans:empty, #homePlans:empty { min-height:1250px; } #downloadClientGrid { min-height:1080px; } }

/* A named customer-service destination in the primary navigation. */
.site-nav .nav-telegram { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:#087fa8; background:#eaf8ff; border:1px solid #c2e9f7; margin-left:8px; padding:8px 11px; }
.site-nav .nav-telegram[hidden] { display:none; }
.site-nav .nav-telegram svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; flex-shrink:0; }
.site-nav .nav-telegram:hover { color:#056184; background:#dff3fc; }
.site-nav .nav-telegram:focus-visible { outline:3px solid #78bcdf; outline-offset:3px; }
@media(max-width:1180px) and (min-width:981px) { .site-nav .nav-telegram { padding-inline:8px; margin-left:4px; } }
@media(max-width:980px) { .site-nav .nav-telegram { margin:0; justify-content:flex-start; } }