/*
 * Shared visual refinement layer for the Chinese marketing site.
 * Homepage and pricing retain dedicated selectors; site-refined covers detail pages.
 */

.home-refined,
:is(.pricing-refined, .site-refined) {
  --ref-ink: #0a1422;
  --ref-text: #26384a;
  --ref-muted: #607083;
  --ref-subtle: #8491a0;
  --ref-blue: #2859e8;
  --ref-blue-dark: #1942b8;
  --ref-blue-soft: #eef3ff;
  --ref-teal: #098d76;
  --ref-teal-soft: #edf8f5;
  --ref-amber: #9c6a12;
  --ref-amber-soft: #fff9ec;
  --ref-line: #e1e7ed;
  --ref-line-strong: #ccd5df;
  --ref-soft: #f5f7f9;
  --ref-code: #0d1b29;
  --ref-code-raised: #122333;
  --ref-code-line: #294052;
  --ref-shadow-sm: 0 2px 8px rgba(10, 24, 40, 0.04);
  --ref-shadow-md: 0 18px 48px rgba(10, 24, 40, 0.1);
  color: var(--ref-text);
  font-family: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-rendering: optimizeLegibility;
}

.home-refined *,
:is(.pricing-refined, .site-refined) * {
  letter-spacing: 0;
}

.home-refined h1,
.home-refined h2,
.home-refined h3,
.pricing-refined h1,
.pricing-refined h2,
.pricing-refined h3 {
  color: var(--ref-ink);
  font-family: "Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.home-refined .container,
:is(.pricing-refined, .site-refined) .container {
  width: min(1240px, calc(100% - 48px));
}

.home-refined .utility-bar,
:is(.pricing-refined, .site-refined) .utility-bar {
  color: #b8c7d4;
  background: var(--ref-code);
}

.home-refined .utility-inner,
:is(.pricing-refined, .site-refined) .utility-inner {
  min-height: 31px;
  font-size: 11px;
}

.home-refined .utility-status,
:is(.pricing-refined, .site-refined) .utility-status {
  color: #e7eef4;
}

.home-refined .status-dot,
:is(.pricing-refined, .site-refined) .status-dot {
  width: 6px;
  height: 6px;
  background: #30c59c;
  box-shadow: 0 0 0 4px rgba(48, 197, 156, 0.12);
}

.home-refined .header,
:is(.pricing-refined, .site-refined) .header {
  border-bottom-color: var(--ref-line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 1px 0 rgba(10, 20, 34, 0.02);
}

.home-refined .nav,
:is(.pricing-refined, .site-refined) .nav {
  min-height: 76px;
}

.home-refined .nav-links,
:is(.pricing-refined, .site-refined) .nav-links {
  gap: 27px;
}

.home-refined .nav-links > a,
.home-refined .nav-trigger,
:is(.pricing-refined, .site-refined) .nav-links > a,
:is(.pricing-refined, .site-refined) .nav-trigger {
  color: #283646;
  font-size: 14px;
  font-weight: 600;
}

.home-refined .nav-links > a:hover,
.home-refined .nav-trigger:hover,
:is(.pricing-refined, .site-refined) .nav-links > a:hover,
:is(.pricing-refined, .site-refined) .nav-trigger:hover {
  color: var(--ref-blue);
}

.home-refined .mega-menu,
:is(.pricing-refined, .site-refined) .mega-menu {
  position: fixed;
  top: 72px;
  right: auto;
  left: 50vw;
  width: 880px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7dfe7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 28px 72px rgba(10, 24, 40, 0.16), 0 3px 10px rgba(10, 24, 40, 0.06);
  transform: translate(-50%, 10px);
}

.home-refined .mega-menu::before,
:is(.pricing-refined, .site-refined) .mega-menu::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 2px;
  background: var(--ref-blue);
  content: "";
}

.home-refined .mega-menu.is-compact,
:is(.pricing-refined, .site-refined) .mega-menu.is-compact {
  width: 760px;
}

.home-refined .nav-item:hover .mega-menu.is-compact,
.home-refined .nav-item:focus-within .mega-menu.is-compact,
.home-refined .nav-item.is-open .mega-menu.is-compact,
:is(.pricing-refined, .site-refined) .nav-item:hover .mega-menu.is-compact,
:is(.pricing-refined, .site-refined) .nav-item:focus-within .mega-menu.is-compact,
:is(.pricing-refined, .site-refined) .nav-item.is-open .mega-menu.is-compact {
  transform: translate(-50%, 0);
}

.home-refined .mega-layout,
:is(.pricing-refined, .site-refined) .mega-layout {
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 304px;
}

.home-refined .mega-menu.is-compact .mega-layout,
:is(.pricing-refined, .site-refined) .mega-menu.is-compact .mega-layout {
  grid-template-columns: 235px minmax(0, 1fr);
  min-height: 236px;
}

.home-refined .mega-intro,
:is(.pricing-refined, .site-refined) .mega-intro {
  display: flex;
  flex-direction: column;
  padding: 29px 27px 25px;
  border-right: 1px solid var(--ref-line);
  background: #f5f7fa;
}

.home-refined .mega-intro .mega-label,
:is(.pricing-refined, .site-refined) .mega-intro .mega-label {
  margin-bottom: 11px;
  color: var(--ref-blue);
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 10px;
  line-height: 1.5;
}

.home-refined .mega-intro strong,
:is(.pricing-refined, .site-refined) .mega-intro strong {
  margin-bottom: 10px;
  color: var(--ref-ink);
  font-size: 21px;
  line-height: 1.35;
}

.home-refined .mega-intro p,
:is(.pricing-refined, .site-refined) .mega-intro p {
  margin-bottom: 22px;
  color: var(--ref-muted);
  font-size: 13px;
  line-height: 1.7;
}

.home-refined .mega-intro a,
:is(.pricing-refined, .site-refined) .mega-intro a {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #dbe2e9;
  color: var(--ref-blue-dark);
  font-size: 13px;
  font-weight: 700;
}

.home-refined .mega-intro a:hover,
:is(.pricing-refined, .site-refined) .mega-intro a:hover {
  color: var(--ref-blue);
}

.home-refined .mega-intro a svg,
:is(.pricing-refined, .site-refined) .mega-intro a svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  transition: transform 0.16s ease;
}

.home-refined .mega-intro a:hover svg,
:is(.pricing-refined, .site-refined) .mega-intro a:hover svg {
  transform: translateX(2px);
}

.home-refined .mega-links,
:is(.pricing-refined, .site-refined) .mega-links {
  gap: 4px;
  align-content: stretch;
  padding: 12px;
  background: #fff;
}

.home-refined .mega-menu.is-enterprise .mega-links,
:is(.pricing-refined, .site-refined) .mega-menu.is-enterprise .mega-links {
  grid-template-columns: 1fr;
}

.home-refined .mega-link,
:is(.pricing-refined, .site-refined) .mega-link {
  position: relative;
  min-height: 88px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 14px 15px !important;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #fff;
  transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.home-refined .mega-link:nth-child(2n),
:is(.pricing-refined, .site-refined) .mega-link:nth-child(2n) {
  border-right: 1px solid transparent;
}

.home-refined .mega-link:hover,
:is(.pricing-refined, .site-refined) .mega-link:hover {
  border-color: #dbe3eb;
  background: #f7f9fb;
  box-shadow: 0 4px 13px rgba(10, 24, 40, 0.04);
}

.home-refined .mega-link.is-featured,
:is(.pricing-refined, .site-refined) .mega-link.is-featured {
  border-color: #e0e7fa;
  background: #f5f7ff;
}

.home-refined .mega-link[aria-current="page"],
:is(.pricing-refined, .site-refined) .mega-link[aria-current="page"],
.home-refined .mega-link.is-current,
:is(.pricing-refined, .site-refined) .mega-link.is-current {
  border-color: #b9c8f7;
  background: var(--ref-blue-soft);
  box-shadow: inset 3px 0 0 var(--ref-blue);
}

.home-refined .mega-link-icon,
:is(.pricing-refined, .site-refined) .mega-link-icon {
  width: 40px;
  height: 40px;
  border: 1px solid #dde4eb;
  border-radius: 6px;
  color: #627286;
  background: #f6f8fa;
}

.home-refined .mega-link-icon svg,
:is(.pricing-refined, .site-refined) .mega-link-icon svg {
  width: 18px;
  height: 18px;
}

.home-refined .mega-link.is-featured .mega-link-icon,
:is(.pricing-refined, .site-refined) .mega-link.is-featured .mega-link-icon,
.home-refined .mega-link[aria-current="page"] .mega-link-icon,
:is(.pricing-refined, .site-refined) .mega-link[aria-current="page"] .mega-link-icon,
.home-refined .mega-link.is-current .mega-link-icon,
:is(.pricing-refined, .site-refined) .mega-link.is-current .mega-link-icon {
  border-color: #c9d5fb;
  color: var(--ref-blue);
  background: #fff;
}

.home-refined .mega-link strong,
:is(.pricing-refined, .site-refined) .mega-link strong {
  color: var(--ref-ink);
  font-size: 14px;
  line-height: 1.4;
}

.home-refined .mega-link small,
:is(.pricing-refined, .site-refined) .mega-link small {
  margin-top: 4px;
  color: var(--ref-muted);
  font-size: 12px;
  line-height: 1.5;
}

.home-refined .mega-link[aria-current="page"] strong,
:is(.pricing-refined, .site-refined) .mega-link[aria-current="page"] strong,
.home-refined .mega-link.is-current strong,
:is(.pricing-refined, .site-refined) .mega-link.is-current strong {
  color: var(--ref-blue-dark);
}

.home-refined .nav-item.is-open .nav-trigger,
.home-refined .nav-item:focus-within .nav-trigger,
:is(.pricing-refined, .site-refined) .nav-item.is-open .nav-trigger,
:is(.pricing-refined, .site-refined) .nav-item:focus-within .nav-trigger {
  color: var(--ref-blue);
}

.home-refined .btn,
:is(.pricing-refined, .site-refined) .btn {
  min-height: 44px;
  border-color: var(--ref-line-strong);
  border-radius: 6px;
  color: var(--ref-ink);
  font-size: 14px;
  font-weight: 700;
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.home-refined .btn:hover,
:is(.pricing-refined, .site-refined) .btn:hover {
  border-color: #aab7c6;
  box-shadow: var(--ref-shadow-sm);
  transform: translateY(-1px);
}

.home-refined .btn-primary,
:is(.pricing-refined, .site-refined) .btn-primary {
  border-color: var(--ref-blue);
  color: #fff;
  background: var(--ref-blue);
  box-shadow: 0 8px 22px rgba(40, 89, 232, 0.2);
}

.home-refined .btn-primary:hover,
:is(.pricing-refined, .site-refined) .btn-primary:hover {
  border-color: #1f4ed5;
  color: #fff;
  background: #1f4ed5;
  box-shadow: 0 11px 27px rgba(40, 89, 232, 0.25);
}

/* Shared detail pages */

.site-refined .btn-on-dark {
  border-color: #52677a;
  color: #fff;
  background: transparent;
  box-shadow: none;
}

.site-refined .btn-on-dark:hover {
  border-color: #7f93a5;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.site-refined .code-workbench .copy-code {
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border-color: #52697a;
  color: #d9e3ea;
  background: #162838;
  box-shadow: none;
  transform: none;
}

.site-refined .code-workbench .copy-code svg {
  width: 17px;
  height: 17px;
}

.site-refined .code-workbench .copy-code:hover {
  border-color: #8195a4;
  color: #fff;
  background: #203547;
  box-shadow: none;
  transform: none;
}

.site-refined .code-workbench .copy-code:focus-visible {
  outline: 2px solid #91a8ff;
  outline-offset: 2px;
}

.site-refined .code-workbench .copy-code[aria-label="已复制"] {
  border-color: #3bbf9b;
  color: #7ce2c0;
  background: #12352f;
}

.site-refined :is(.section-kicker, .hero-eyebrow, .visual-topline, .enterprise-kicker, .network-kicker) {
  letter-spacing: 0;
}

.site-refined :is(.section-kicker, .hero-eyebrow, .enterprise-kicker, .network-kicker) {
  color: var(--ref-blue);
  font-family: "SFMono-Regular", Consolas, monospace;
}

.site-refined :is(.product-nav, .solution-nav, .enterprise-subnav, .network-subnav) {
  border-color: var(--ref-line);
  background: rgba(255, 255, 255, 0.98);
}

/* Product detail pages: calm technical specifications, not a monitoring dashboard. */

body.site-refined[data-product] .hero {
  color: var(--ref-text);
  border-bottom: 1px solid var(--ref-line);
  background: #fff;
}

body.site-refined[data-product] .hero::before {
  background-image: none;
}

body.site-refined[data-product] .hero-inner {
  min-height: 610px;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  gap: 74px;
  padding-top: 72px;
  padding-bottom: 72px;
}

body.site-refined[data-product] .hero-breadcrumb {
  color: var(--ref-subtle);
}

body.site-refined[data-product] .hero-breadcrumb a:hover,
body.site-refined[data-product] .hero-breadcrumb strong {
  color: var(--ref-text);
}

body.site-refined[data-product] .eyebrow {
  color: var(--ref-blue);
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
}

body.site-refined[data-product] .eyebrow::before {
  background: var(--ref-blue);
}

body.site-refined[data-product] .hero h1 {
  color: var(--ref-ink);
  font-family: "Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(43px, 4vw, 56px);
}

body.site-refined[data-product] .hero-lead {
  color: #405166;
  font-size: 16px;
  line-height: 1.78;
}

body.site-refined[data-product] .hero-point {
  color: #516174;
  font-size: 13px;
}

body.site-refined[data-product] .hero .btn-on-dark,
body.site-refined[data-product] .section-dark .btn-on-dark {
  border-color: var(--ref-line-strong);
  color: var(--ref-ink);
  background: #fff;
}

body.site-refined[data-product] .hero .btn-on-dark:hover,
body.site-refined[data-product] .section-dark .btn-on-dark:hover {
  border-color: #aab7c6;
  color: var(--ref-ink);
  background: #fff;
}

body.site-refined[data-product] .hero-visual {
  padding: 25px 28px 27px;
  border: 1px solid var(--ref-line-strong);
  border-radius: 8px;
  background: #f5f7f9;
  box-shadow: 0 18px 46px rgba(10, 24, 40, 0.08);
}

body.site-refined[data-product] .visual-topline {
  display: none;
}

body.site-refined[data-product] :is(.tunnel-routing-panel, .residential-routing-panel, .focus-console) {
  border-color: var(--ref-line);
  background: transparent;
}

body.site-refined[data-product] :is(.tunnel-routing-head, .residential-routing-head, .focus-console-head) {
  min-height: 48px;
  border-bottom-color: var(--ref-line);
  color: var(--ref-text);
  font-size: 13px;
}

body.site-refined[data-product] :is(.tunnel-routing-head, .residential-routing-head, .focus-console-head) small {
  display: none;
}

body.site-refined[data-product] :is(.tunnel-path-node, .residential-route-param) {
  border-color: var(--ref-line-strong);
  background: #fff;
}

body.site-refined[data-product] .tunnel-path-node {
  grid-template-rows: 1fr;
}

body.site-refined[data-product] .tunnel-path-node > span {
  display: none;
}

body.site-refined[data-product] :is(.tunnel-path-node, .residential-route-param) strong {
  color: var(--ref-ink);
  font-size: 14px;
}

body.site-refined[data-product] :is(.tunnel-path-node, .residential-route-param) small,
body.site-refined[data-product] :is(.tunnel-pool-prompt, .residential-config-label) small {
  color: var(--ref-muted);
  font-size: 11px;
}

body.site-refined[data-product] :is(.tunnel-pool-prompt, .residential-config-label) span {
  color: var(--ref-text);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
}

body.site-refined[data-product] .tunnel-hero-pools,
body.site-refined[data-product] .port-status-stack {
  border-top-color: var(--ref-line);
}

body.site-refined[data-product] .tunnel-hero-pool {
  border-bottom-color: var(--ref-line);
  background: #fff;
}

body.site-refined[data-product] :is(.tunnel-hero-pool, .tunnel-routing-egress, .residential-routing-result, .focus-result) strong {
  color: var(--ref-ink);
  font-size: 13px;
}

body.site-refined[data-product] :is(.tunnel-hero-pool, .tunnel-routing-egress, .residential-routing-result, .focus-result) small {
  color: var(--ref-muted);
  font-size: 11px;
}

body.site-refined[data-product] .residential-route-param > span,
body.site-refined[data-product] .residential-pool-summary > div > span {
  display: none;
}

body.site-refined[data-product] .residential-pool-summary {
  border-color: #a9dacf;
  background: #edf8f5;
}

body.site-refined[data-product] .residential-pool-summary > div > strong {
  color: var(--ref-ink);
}

body.site-refined[data-product] .residential-coverage {
  border-left-color: #c8ded9;
}

body.site-refined[data-product] .residential-coverage small {
  color: var(--ref-muted);
  font-size: 10px;
}

body.site-refined[data-product] :is(.focus-config-grid, .identity-fact-grid) {
  border-color: var(--ref-line);
}

body.site-refined[data-product] :is(.focus-config-item, .identity-fact-grid > div) {
  border-color: var(--ref-line);
  background: #fff;
}

body.site-refined[data-product] :is(.focus-config-item, .identity-fact-grid > div) span,
body.site-refined[data-product] .identity-primary > div > span {
  color: var(--ref-muted);
  font-family: inherit;
  font-size: 11px;
  text-transform: none;
}

body.site-refined[data-product] :is(.focus-config-item, .identity-fact-grid > div) strong {
  color: var(--ref-ink);
  font-size: 14px;
}

body.site-refined[data-product] :is(.focus-config-item, .identity-fact-grid > div) small {
  color: var(--ref-muted);
  font-size: 11px;
}

body.site-refined[data-product] .focus-section-label {
  min-height: 45px;
  color: var(--ref-text);
}

body.site-refined[data-product] .focus-section-label span {
  color: var(--ref-text);
  font-family: inherit;
  font-size: 12px;
  text-transform: none;
}

body.site-refined[data-product] .focus-section-label small {
  display: none;
}

body.site-refined[data-product] .port-status-row {
  border-bottom-color: var(--ref-line);
}

body.site-refined[data-product] .port-status-index {
  color: var(--ref-blue);
  font-size: 10px;
}

body.site-refined[data-product] .port-status-row strong {
  color: var(--ref-ink);
  font-size: 12px;
}

body.site-refined[data-product] .port-status-row small {
  color: var(--ref-muted);
  font-size: 10px;
}

body.site-refined[data-product] .port-status-row em {
  color: var(--ref-teal);
  font-size: 10px;
}

body.site-refined[data-product] .identity-primary {
  border-color: var(--ref-line-strong);
  background: #fff;
}

body.site-refined[data-product] .identity-primary strong {
  color: var(--ref-ink);
  font-size: 20px;
}

body.site-refined[data-product] .identity-primary small {
  color: var(--ref-muted);
  font-size: 11px;
}

body.site-refined[data-product] .identity-primary em {
  color: var(--ref-teal);
  border-color: #b8e0d7;
  background: var(--ref-teal-soft);
  font-size: 10px;
}

body.site-refined[data-product] .fixed-route-line {
  color: var(--ref-muted);
}

body.site-refined[data-product] .fixed-route-line span.is-fixed {
  color: var(--ref-ink);
}

body.site-refined[data-product] .metric-strip {
  color: var(--ref-text);
  border-color: var(--ref-line);
  background: #f5f7f9;
}

body.site-refined[data-product] .strip-item,
body.site-refined[data-product] .strip-item:last-child {
  min-height: 108px;
  border-color: var(--ref-line);
}

body.site-refined[data-product] .strip-item strong {
  color: var(--ref-ink);
  font-size: 25px;
}

body.site-refined[data-product] .strip-item span {
  color: var(--ref-muted);
  font-size: 12px;
}

body.site-refined[data-product] .section-dark {
  color: var(--ref-text);
  border-color: var(--ref-line);
  background: #f5f7f9;
}

body.site-refined[data-product] .section-dark h2 {
  color: var(--ref-ink);
}

body.site-refined[data-product] .section-dark .section-kicker {
  color: var(--ref-blue);
}

body.site-refined[data-product] .developer-copy > p,
body.site-refined[data-product] .developer-point {
  color: var(--ref-muted);
}

/* AI solution pages: data-task canvas with workload-specific accents. */

body.site-refined[data-solution] {
  --task-accent: #0d7a70;
  --task-accent-dark: #075f58;
  --task-soft: #edf7f4;
  --task-soft-strong: #dcefe9;
}

body.site-refined[data-solution="overview"] {
  --task-accent: #116f8a;
  --task-accent-dark: #0b5870;
  --task-soft: #edf6f8;
  --task-soft-strong: #dcecf0;
}

body.site-refined[data-solution="video"] {
  --task-accent: #0f7490;
  --task-accent-dark: #0a5b72;
  --task-soft: #edf6f8;
  --task-soft-strong: #dcecf1;
}

body.site-refined[data-solution="image"] {
  --task-accent: #087d68;
  --task-accent-dark: #056351;
  --task-soft: #edf8f4;
  --task-soft-strong: #d9eee7;
}

body.site-refined[data-solution="code"] {
  --task-accent: #3159c8;
  --task-accent-dark: #2347ab;
  --task-soft: #f0f3fb;
  --task-soft-strong: #dfe6f8;
}

body.site-refined[data-solution="text"] {
  --task-accent: #976417;
  --task-accent-dark: #774c0c;
  --task-soft: #faf6ec;
  --task-soft-strong: #eee3ca;
}

body.site-refined[data-solution="youtubeApi"] {
  --task-accent: #b9474c;
  --task-accent-dark: #96353a;
  --task-soft: #fbf1f1;
  --task-soft-strong: #f1dddd;
}

body.site-refined[data-solution] .solution-hero {
  color: var(--ref-text);
  border-bottom: 1px solid var(--task-soft-strong);
  background: var(--task-soft);
}

body.site-refined[data-solution] .solution-hero::before {
  background-image: none;
}

body.site-refined[data-solution] .solution-hero .hero-inner {
  min-height: 610px;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
  gap: 72px;
  padding-top: 72px;
  padding-bottom: 72px;
}

body.site-refined[data-solution] .hero-breadcrumb {
  color: #718091;
}

body.site-refined[data-solution] .hero-breadcrumb a:hover,
body.site-refined[data-solution] .hero-breadcrumb strong {
  color: var(--ref-text);
}

body.site-refined[data-solution] .solution-hero .eyebrow {
  color: var(--task-accent);
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
}

body.site-refined[data-solution] .solution-hero .eyebrow::before {
  background: var(--task-accent);
}

body.site-refined[data-solution] .solution-hero h1 {
  max-width: 630px;
  color: var(--ref-ink);
  font-family: "Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(42px, 3.7vw, 53px);
}

body.site-refined[data-solution] .solution-hero .hero-lead {
  color: #405166;
  font-size: 16px;
}

body.site-refined[data-solution] .solution-hero .hero-point {
  color: #516174;
  font-size: 13px;
}

body.site-refined[data-solution] .solution-hero .btn-primary {
  border-color: var(--task-accent);
  background: var(--task-accent);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--task-accent) 22%, transparent);
}

body.site-refined[data-solution] .solution-hero .btn-primary:hover {
  border-color: var(--task-accent-dark);
  background: var(--task-accent-dark);
}

body.site-refined[data-solution] .solution-hero .btn-on-dark {
  border-color: #bac7d2;
  color: var(--ref-ink);
  background: rgba(255, 255, 255, 0.72);
}

body.site-refined[data-solution] .solution-hero .btn-on-dark:hover {
  border-color: #9eacb9;
  color: var(--ref-ink);
  background: #fff;
}

body.site-refined[data-solution] .solution-hero-visual {
  padding: 24px;
  border: 1px solid var(--task-soft-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 20px 52px rgba(10, 24, 40, 0.09);
}

body.site-refined[data-solution] .solution-hero-visual .visual-topline {
  margin-bottom: 13px;
  color: var(--task-accent-dark);
  font-family: inherit;
  font-size: 12px;
  text-transform: none;
}

body.site-refined[data-solution] .solution-hero-visual .visual-live {
  color: var(--task-accent);
  font-size: 11px;
}

body.site-refined[data-solution] .solution-hero-visual .visual-live::before {
  background: var(--task-accent);
}

body.site-refined[data-solution] .solution-console {
  border: 1px solid var(--ref-line);
}

body.site-refined[data-solution] .solution-console-head {
  min-height: 54px;
  padding: 0 17px;
  border-bottom-color: var(--ref-line);
  color: var(--ref-ink);
  font-size: 13px;
}

body.site-refined[data-solution] .solution-console-head svg {
  color: var(--task-accent);
}

body.site-refined[data-solution] .solution-console-head small,
body.site-refined[data-solution] :is(.solution-source, .solution-route-node) small {
  display: none;
}

body.site-refined[data-solution] .solution-source-grid {
  border-bottom-color: var(--ref-line);
}

body.site-refined[data-solution] .solution-source {
  min-height: 96px;
  border-color: var(--ref-line);
  background: #fff;
}

body.site-refined[data-solution] .solution-source-icon {
  width: 38px;
  height: 38px;
  border-color: color-mix(in srgb, var(--task-accent) 28%, white);
  color: var(--task-accent);
  background: var(--task-soft);
}

body.site-refined[data-solution] .solution-source strong {
  color: var(--ref-ink);
  font-size: 14px;
}

body.site-refined[data-solution] .solution-route {
  border-bottom-color: var(--ref-line);
  background: #f8faf9;
}

body.site-refined[data-solution] .solution-route-node svg,
body.site-refined[data-solution] .solution-route-node strong {
  color: #647486;
}

body.site-refined[data-solution] .solution-route-node strong {
  font-size: 12px;
}

body.site-refined[data-solution] .solution-route-node.is-active svg,
body.site-refined[data-solution] .solution-route-node.is-active strong {
  color: var(--task-accent);
}

body.site-refined[data-solution] .solution-route-arrow {
  color: #95a3b0;
}

body.site-refined[data-solution] .solution-console-metrics {
  background: var(--task-soft);
}

body.site-refined[data-solution] .solution-console-metrics div {
  border-right-color: var(--task-soft-strong);
}

body.site-refined[data-solution] .solution-console-metrics span {
  color: #6a7888;
  font-family: inherit;
  font-size: 10px;
  text-transform: none;
}

body.site-refined[data-solution] .solution-console-metrics strong {
  color: var(--ref-ink);
  font-size: 14px;
}

body.site-refined[data-solution] .solution-console-metrics div:first-child strong {
  color: var(--task-accent-dark);
}

body.site-refined[data-solution] .metric-strip {
  color: var(--ref-text);
  border-color: var(--task-soft-strong);
  background: #fff;
}

body.site-refined[data-solution] .strip-item,
body.site-refined[data-solution] .strip-item:last-child {
  min-height: 108px;
  border-color: var(--task-soft-strong);
}

body.site-refined[data-solution] .strip-item strong {
  color: var(--task-accent-dark);
  font-size: 24px;
}

body.site-refined[data-solution] .strip-item span {
  color: var(--ref-muted);
  font-size: 12px;
}

body.site-refined[data-solution] .section-kicker,
body.site-refined[data-solution] .workload-index,
body.site-refined[data-solution] .workload-meta,
body.site-refined[data-solution] .workflow-step span {
  color: var(--task-accent);
}

body.site-refined[data-solution] .section-soft {
  border-color: var(--task-soft-strong);
  background: var(--task-soft);
}

body.site-refined[data-solution] .capability-icon {
  border-color: var(--task-soft-strong);
  color: var(--task-accent);
  background: var(--task-soft);
}

body.site-refined[data-solution] .workload-card {
  border-color: var(--task-soft-strong);
  border-top: 3px solid var(--task-accent);
  border-radius: 6px;
}

body.site-refined[data-solution] .solution-card-link:hover .workload-card {
  border-color: var(--task-accent);
}

body.site-refined[data-solution] .architecture {
  border-color: var(--task-soft-strong);
  background: var(--task-soft);
  box-shadow: none;
}

body.site-refined[data-solution] .arch-node {
  border-color: var(--task-soft-strong);
  background: #fff;
}

body.site-refined[data-solution] .arch-node svg,
body.site-refined[data-solution] .arch-node:not(:last-child)::after {
  color: var(--task-accent);
  background-color: var(--task-accent);
}

body.site-refined[data-solution] .architecture-foot {
  border-color: var(--task-soft-strong);
  background: #fff;
}

body.site-refined[data-solution] .arch-stat + .arch-stat {
  border-color: var(--task-soft-strong);
}

body.site-refined[data-solution] .solution-product-layout {
  border-color: var(--task-soft-strong);
  background: #fff;
}

body.site-refined[data-solution] .solution-product-primary {
  padding-left: 28px;
  border-left: 3px solid var(--task-accent);
  border-right-color: var(--task-soft-strong);
}

body.site-refined[data-solution] .solution-product-primary > span {
  color: var(--task-accent);
  font-family: inherit;
  font-size: 11px;
  text-transform: none;
}

body.site-refined[data-solution] .solution-product-secondary div {
  border-color: var(--task-soft-strong);
}

body.site-refined[data-solution] .solution-evaluation-note {
  border-left-color: var(--task-accent);
}

body.site-refined[data-solution] .section-dark {
  background: #0d1b29;
}

body.site-refined[data-solution] .section-dark .section-kicker {
  color: #7bd1bd;
}

body.site-refined[data-solution] .cta-band {
  border-color: #253a49;
  background: #0d1b29;
}

@media (max-width: 900px) {
  body.site-refined[data-product] .hero-inner,
  body.site-refined[data-solution] .solution-hero .hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 46px;
  }

  body.site-refined[data-product] .hero-visual,
  body.site-refined[data-solution] .solution-hero-visual {
    max-width: none;
  }
}

@media (max-width: 680px) {
  body.site-refined[data-product] .hero-inner,
  body.site-refined[data-solution] .solution-hero .hero-inner {
    gap: 26px;
    padding-top: 42px;
    padding-bottom: 40px;
  }

  body.site-refined[data-product] .hero h1,
  body.site-refined[data-solution] .solution-hero h1 {
    font-size: 35px;
  }

  body.site-refined[data-product] .hero-visual,
  body.site-refined[data-solution] .solution-hero-visual {
    padding: 16px;
  }

  body.site-refined[data-product] .strip-item:nth-child(3),
  body.site-refined[data-product] .strip-item:nth-child(4),
  body.site-refined[data-solution] .strip-item:nth-child(3),
  body.site-refined[data-solution] .strip-item:nth-child(4) {
    border-top-color: var(--ref-line);
  }

  body.site-refined[data-solution] .solution-source {
    min-height: 82px;
  }

  body.site-refined[data-solution] .solution-product-primary {
    padding-left: 20px;
  }

  body.site-refined[data-product] .tunnel-hero-pool em,
  body.site-refined[data-product] .fixed-route-line span {
    font-size: 10px;
  }
}

/* Homepage */

.home-refined .hero-band {
  overflow: hidden;
  border-bottom-color: var(--ref-line);
  background: #fff;
}

.home-refined .hero {
  grid-template-columns: minmax(0, 1.02fr) minmax(500px, 0.98fr);
  gap: 76px;
  min-height: 590px;
  padding: 82px 0 78px;
}

.home-refined .eyebrow {
  gap: 10px;
  margin-bottom: 21px;
  color: var(--ref-blue);
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
}

.home-refined .eyebrow-line {
  width: 20px;
  background: var(--ref-blue);
}

.home-refined .hero h1 {
  max-width: 650px;
  margin-bottom: 25px;
  color: var(--ref-ink);
  font-size: 60px;
  font-weight: 720;
  line-height: 1.08;
}

.home-refined .hero-accent {
  color: var(--ref-ink);
}

.home-refined .hero-lead {
  max-width: 570px;
  margin-bottom: 31px;
  color: #405166;
  font-size: 18px;
  line-height: 1.72;
}

.home-refined .hero-actions {
  gap: 11px;
  margin-bottom: 34px;
}

.home-refined .hero-actions .btn {
  min-height: 48px;
  padding-right: 20px;
  padding-left: 20px;
}

.home-refined .hero-proof {
  max-width: 550px;
  gap: 13px 28px;
  color: var(--ref-muted);
  font-size: 14px;
}

.home-refined .proof-item {
  gap: 9px;
}

.home-refined .proof-item svg {
  width: 16px;
  height: 16px;
  color: var(--ref-teal);
}

.home-refined .hero-visual-label {
  margin-bottom: 12px;
  color: #6f7e8e;
  font-size: 11px;
}

.home-refined .hero-visual-label strong {
  color: var(--ref-teal);
}

.home-refined .lite-proxy-visual {
  overflow: hidden;
  border: 1px solid #22384a;
  border-radius: 8px;
  color: #eaf1f7;
  background: var(--ref-code);
  box-shadow: 0 28px 72px rgba(13, 27, 41, 0.18);
}

.home-refined .lite-proxy-head {
  min-height: 55px;
  padding: 0 22px;
  border-bottom-color: var(--ref-code-line);
  background: var(--ref-code-raised);
  font-size: 13px;
}

.home-refined .lite-proxy-state {
  color: #42d4aa;
  font-size: 10px;
}

.home-refined .lite-capacity {
  min-height: 159px;
  padding: 29px 28px;
  border-bottom-color: var(--ref-code-line);
}

.home-refined .lite-capacity-primary > span,
.home-refined .lite-capacity-note > span {
  color: #8fa3b5;
  font-size: 11px;
}

.home-refined .lite-capacity-number {
  font-size: 58px;
  font-weight: 650;
}

.home-refined .lite-capacity-unit {
  color: #52d3ad;
  font-size: 18px;
}

.home-refined .lite-capacity-note {
  min-width: 156px;
  padding: 18px 0 18px 28px;
  border-left-color: var(--ref-code-line);
}

.home-refined .lite-capacity-note strong {
  margin-top: 8px;
  color: #fff;
  font-size: 20px;
}

.home-refined .lite-route {
  min-height: 112px;
  padding: 23px 30px;
  border-bottom-color: var(--ref-code-line);
  background: #0f1f2e;
}

.home-refined .lite-route-node {
  gap: 5px;
}

.home-refined .lite-route-node svg {
  width: 20px;
  height: 20px;
}

.home-refined .lite-route-node strong {
  font-size: 12px;
}

.home-refined .lite-route-node small {
  color: #7890a4;
  font-size: 9px;
}

.home-refined .lite-route-node.is-active,
.home-refined .lite-route-node.is-active small {
  color: #43d0a8;
}

.home-refined .lite-route-arrow {
  color: #50677b;
}

.home-refined .lite-proxy-facts {
  background: var(--ref-code-raised);
}

.home-refined .lite-proxy-facts span {
  min-height: 43px;
  border-right-color: var(--ref-code-line);
  color: #a9b9c6;
  font-size: 10px;
}

.home-refined .metric-band {
  border-bottom-color: var(--ref-line);
  background: var(--ref-soft);
}

.home-refined .metric {
  padding: 25px 29px 27px;
  border-right-color: #d9e0e7;
}

.home-refined .metric-value {
  margin-bottom: 5px;
  color: var(--ref-ink);
  font-size: 30px;
  font-weight: 680;
}

.home-refined .metric-label {
  color: var(--ref-muted);
  font-size: 13px;
}

.home-refined .client-wall {
  padding: 52px 0 48px;
  border-bottom-color: var(--ref-line);
}

.home-refined .client-wall-head {
  margin-bottom: 24px;
}

.home-refined .client-wall-label {
  margin-bottom: 7px;
  color: var(--ref-blue);
  font-size: 11px;
}

.home-refined .client-wall-title {
  font-size: 21px;
}

.home-refined .client-wall-note {
  color: var(--ref-muted);
  font-size: 12px;
  line-height: 1.65;
}

.home-refined .client-logo-marquee {
  border: 0;
  border-top: 1px solid var(--ref-line);
  border-bottom: 1px solid var(--ref-line);
  border-radius: 0;
  box-shadow: none;
}

.home-refined .client-logo {
  width: 176px;
  min-height: 78px;
  flex-basis: 176px;
  border-right-color: var(--ref-line);
  opacity: 0.68;
}

.home-refined .section {
  padding: 98px 0;
}

.home-refined .section-kicker {
  margin-bottom: 15px;
  color: var(--ref-blue);
  font-size: 11px;
}

.home-refined .section-kicker::before {
  width: 18px;
  height: 1px;
  border-radius: 0;
}

.home-refined .section-heading,
.home-refined .section-heading-row {
  margin-bottom: 35px;
}

.home-refined .section-heading h2 {
  margin-bottom: 14px;
  font-size: 40px;
  line-height: 1.25;
}

.home-refined .section-heading p {
  color: var(--ref-muted);
  font-size: 16px;
  line-height: 1.75;
}

.home-refined .product-explorer {
  border-color: var(--ref-line-strong);
  border-radius: 8px;
  box-shadow: 0 14px 42px rgba(10, 24, 40, 0.06);
}

.home-refined .product-tabs {
  border-bottom-color: var(--ref-line);
  background: #f7f9fb;
}

.home-refined .product-tab {
  min-height: 102px;
  border-right-color: var(--ref-line);
  border-bottom-color: var(--ref-line);
}

.home-refined .product-tab[aria-selected="true"] {
  color: var(--ref-blue-dark);
  background: #fff;
  box-shadow: inset 0 -3px 0 var(--ref-blue);
}

.home-refined .product-tab[aria-selected="true"]::after {
  display: none;
}

.home-refined .product-tab[aria-selected="true"] strong {
  color: var(--ref-ink);
}

.home-refined .product-tab[aria-selected="true"] small,
.home-refined .product-tab[aria-selected="true"] em {
  color: var(--ref-blue-dark);
}

.home-refined .product-tab[aria-selected="true"] svg {
  color: var(--ref-blue);
}

.home-refined .product-tab strong {
  font-size: 15px;
}

.home-refined .product-tab small {
  font-size: 12px;
}

.home-refined .product-detail {
  min-height: 380px;
}

.home-refined .product-copy {
  padding: 44px 46px;
  border-right-color: var(--ref-line);
}

.home-refined .product-label {
  color: var(--ref-teal);
  font-size: 12px;
}

.home-refined .product-label::before {
  background: var(--ref-teal);
}

.home-refined .product-copy h3 {
  font-size: 32px;
}

.home-refined .product-summary {
  color: #435367;
  font-size: 16px;
  line-height: 1.75;
}

.home-refined .tag {
  border-color: #d8e1fb;
  color: var(--ref-blue-dark);
  background: #f6f8ff;
}

.home-refined .product-specs {
  background: #f7f9fb;
}

.home-refined .product-spec {
  border-right-color: var(--ref-line);
  border-bottom-color: var(--ref-line);
}

.home-refined .product-spec span {
  color: var(--ref-muted);
  font-size: 12px;
}

.home-refined .product-spec strong {
  font-size: 17px;
}

.home-refined .section-dark,
.home-refined .network-section {
  background: var(--ref-code);
}

.home-refined .section-dark h2,
.home-refined .section-dark h3,
.home-refined .network-section h2,
.home-refined .network-section h3,
.home-refined .cta-band h2,
.home-refined .cta-band h3 {
  color: #fff;
}

.home-refined .section-dark .section-heading p,
.home-refined .network-section .section-heading p,
.home-refined .cta-band p {
  color: #9fb0bf;
}

.home-refined .section-dark .btn:not(.btn-primary),
.home-refined .network-section .btn:not(.btn-primary),
.home-refined .cta-band .btn:not(.btn-primary) {
  border-color: #40576a;
  color: #e7eef4;
  background: transparent;
  box-shadow: none;
}

.home-refined .section-dark .btn:not(.btn-primary):hover,
.home-refined .network-section .btn:not(.btn-primary):hover,
.home-refined .cta-band .btn:not(.btn-primary):hover {
  border-color: #698095;
  color: #fff;
  background: #172a3b;
}

.home-refined .ai-offer-grid,
.home-refined .pipeline-visual,
.home-refined .network-section .coverage-map {
  border-color: var(--ref-code-line);
  border-radius: 8px;
}

.home-refined .ai-offer-grid,
.home-refined .pipeline-visual {
  background: var(--ref-code-raised);
}

.home-refined .ai-offer-item,
.home-refined .pipeline-head,
.home-refined .pipeline-stage {
  border-color: var(--ref-code-line);
}

.home-refined .scenario-content h3 {
  color: #fff;
}

.home-refined .copy-code {
  border-color: #4a6174;
  color: #a9bbc9;
  background: transparent;
  box-shadow: none;
}

.home-refined .copy-code:hover {
  border-color: #71879a;
  color: #fff;
  background: #1a2d3e;
  box-shadow: none;
}

.home-refined .enterprise-grid,
.home-refined .buying-paths {
  border-color: var(--ref-line);
  border-radius: 8px;
  box-shadow: none;
}

.home-refined .enterprise-item,
.home-refined .buying-path {
  border-color: var(--ref-line);
}

.home-refined .enterprise-item p,
.home-refined .buying-path p {
  color: var(--ref-muted);
  font-size: 14px;
  line-height: 1.7;
}

.home-refined .footer {
  border-top-color: var(--ref-line);
  background: #f7f9fb;
}

/* Pricing page */

:is(.pricing-refined, .site-refined) .pricing-main {
  color: var(--ref-text);
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-workspace {
  padding: 42px 0 96px;
  background: var(--ref-soft);
}

:is(.pricing-refined, .site-refined) .pricing-breadcrumb {
  margin-bottom: 22px;
  color: #708092;
  font-size: 13px;
}

:is(.pricing-refined, .site-refined) .pricing-focus-head {
  grid-template-columns: minmax(0, 800px) minmax(250px, auto);
  gap: 58px;
  margin-bottom: 32px;
}

:is(.pricing-refined, .site-refined) .pricing-eyebrow,
:is(.pricing-refined, .site-refined) .pricing-faq-layout > header > span {
  color: var(--ref-blue);
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 11px;
}

:is(.pricing-refined, .site-refined) .pricing-focus-head h1 {
  margin: 12px 0 13px;
  color: var(--ref-ink);
  font-size: 48px;
  line-height: 1.15;
}

:is(.pricing-refined, .site-refined) .pricing-focus-head p {
  max-width: 760px;
  color: var(--ref-muted);
  font-size: 16px;
  line-height: 1.75;
}

:is(.pricing-refined, .site-refined) .pricing-api-status {
  min-width: 254px;
  min-height: 58px;
  padding: 10px 14px;
  border: 1px solid var(--ref-line);
  border-radius: 6px;
  background: #fff;
  box-shadow: var(--ref-shadow-sm);
}

:is(.pricing-refined, .site-refined) .pricing-api-status small {
  color: var(--ref-subtle);
  font-size: 9px;
}

:is(.pricing-refined, .site-refined) .pricing-api-status strong {
  color: #34475a;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-api-status.is-ready {
  border-color: #b9ddd4;
  background: var(--ref-teal-soft);
}

:is(.pricing-refined, .site-refined) .pricing-api-status.is-ready strong {
  color: var(--ref-teal);
}

:is(.pricing-refined, .site-refined) .pricing-product-selector {
  padding: 14px;
  border: 1px solid var(--ref-line-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--ref-shadow-sm);
}

:is(.pricing-refined, .site-refined) .pricing-product-selector-label {
  padding: 0 2px 11px;
  border: 0;
  color: #718093;
  background: transparent;
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-product-tabs {
  gap: 7px;
  background: transparent;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab {
  min-height: 68px;
  padding: 14px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #425267;
  background: #f5f7f9;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab:last-child {
  border-right: 1px solid transparent;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab::after {
  display: none;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab:hover {
  border-color: #cad5e2;
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab.is-active {
  border-color: #a9bdf8;
  color: var(--ref-blue-dark);
  background: var(--ref-blue-soft);
  box-shadow: inset 0 0 0 1px rgba(40, 89, 232, 0.08);
}

:is(.pricing-refined, .site-refined) .pricing-product-tab > svg {
  color: #657588;
}

:is(.pricing-refined, .site-refined) .pricing-product-tab.is-active > svg {
  color: var(--ref-blue);
}

:is(.pricing-refined, .site-refined) .pricing-product-tab strong {
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-product-intro {
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  gap: 54px;
  margin-top: 14px;
  padding: 28px 30px 26px;
  border: 1px solid var(--ref-line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-product-intro > div:first-child > span {
  margin-bottom: 8px;
  color: var(--ref-teal);
  font-size: 10px;
}

:is(.pricing-refined, .site-refined) .pricing-product-intro h2 {
  margin-bottom: 9px;
  color: var(--ref-ink);
  font-size: 27px;
}

:is(.pricing-refined, .site-refined) .pricing-product-intro p {
  color: var(--ref-muted);
  font-size: 15px;
  line-height: 1.7;
}

:is(.pricing-refined, .site-refined) .pricing-product-points {
  gap: 12px 24px;
}

:is(.pricing-refined, .site-refined) .pricing-product-points span {
  min-width: 148px;
  color: #526377;
  font-size: 13px;
}

:is(.pricing-refined, .site-refined) .pricing-product-points svg {
  width: 16px;
  height: 16px;
  color: var(--ref-teal);
}

:is(.pricing-refined, .site-refined) .pricing-product-notice {
  min-height: 58px;
  gap: 12px;
  padding: 15px 28px;
  border: 1px solid #ead9b4;
  border-left: 3px solid #c28b2e;
  border-radius: 0 0 8px 8px;
  background: var(--ref-amber-soft);
}

:is(.pricing-refined, .site-refined) .pricing-product-notice > svg {
  width: 18px;
  height: 18px;
  color: var(--ref-amber);
}

:is(.pricing-refined, .site-refined) .pricing-product-notice p {
  color: #67593e;
  font-size: 13px;
  line-height: 1.7;
}

:is(.pricing-refined, .site-refined) .pricing-notice-guide {
  color: #214fd6;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(33, 79, 214, 0.35);
}

:is(.pricing-refined, .site-refined) .pricing-notice-guide:hover {
  border-bottom-color: currentColor;
}

:is(.pricing-refined, .site-refined) .pricing-config-grid {
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 28px;
  margin-top: 24px;
}

:is(.pricing-refined, .site-refined) .pricing-config-form {
  overflow: hidden;
  border: 1px solid var(--ref-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--ref-shadow-sm);
}

:is(.pricing-refined, .site-refined) .pricing-config-form-head {
  min-height: 62px;
  padding: 17px 28px;
  border-bottom-color: var(--ref-line);
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-config-form-head span {
  color: var(--ref-ink);
  font-size: 16px;
}

:is(.pricing-refined, .site-refined) .pricing-config-form-head small {
  color: var(--ref-muted);
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-field {
  padding: 28px 30px 31px;
  border-bottom-color: var(--ref-line);
}

:is(.pricing-refined, .site-refined) .pricing-field.is-billing-field {
  grid-template-columns: 172px minmax(0, 1fr);
  gap: 26px;
  padding-top: 20px;
  padding-bottom: 20px;
}

:is(.pricing-refined, .site-refined) .pricing-field-label {
  margin-bottom: 18px;
}

:is(.pricing-refined, .site-refined) .pricing-field-label h3 {
  margin-bottom: 5px;
  color: var(--ref-ink);
  font-size: 16px;
}

:is(.pricing-refined, .site-refined) .pricing-field-label p {
  color: var(--ref-muted);
  font-size: 12px;
  line-height: 1.6;
}

:is(.pricing-refined, .site-refined) .pricing-option-grid,
:is(.pricing-refined, .site-refined) .pricing-tier-grid,
:is(.pricing-refined, .site-refined) .pricing-duration-grid {
  gap: 10px;
}

:is(.pricing-refined, .site-refined) .pricing-option {
  min-height: 68px;
  padding: 12px 15px;
  border-color: #d2dae3;
  border-radius: 6px;
  color: #34465a;
}

:is(.pricing-refined, .site-refined) .pricing-option strong {
  color: var(--ref-ink);
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-option span {
  margin-top: 5px;
  color: #708093;
  font-size: 11px;
}

:is(.pricing-refined, .site-refined) .pricing-option:hover {
  border-color: #aebde0;
  background: #f8faff;
}

:is(.pricing-refined, .site-refined) .pricing-option.is-active {
  border-color: var(--ref-blue);
  background: var(--ref-blue-soft);
  box-shadow: inset 0 0 0 1px var(--ref-blue);
}

:is(.pricing-refined, .site-refined) .pricing-option.is-active strong {
  color: var(--ref-blue-dark);
}

:is(.pricing-refined, .site-refined) .pricing-trial-option {
  border-color: #9fcfc3;
  background: var(--ref-teal-soft);
}

:is(.pricing-refined, .site-refined) .pricing-trial-option em {
  color: var(--ref-teal);
  font-size: 9px;
}

:is(.pricing-refined, .site-refined) .pricing-trial-option strong {
  color: #086452;
}

:is(.pricing-refined, .site-refined) .pricing-single-value {
  min-height: 70px;
  border-color: var(--ref-line);
  border-radius: 6px;
  background: #f7f9fb;
}

:is(.pricing-refined, .site-refined) .pricing-single-value strong {
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-single-value span {
  font-size: 11px;
}

:is(.pricing-refined, .site-refined) .pricing-select-field select {
  height: 54px;
  border-color: #cdd6e0;
  border-radius: 6px;
  color: var(--ref-ink);
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-select-field > svg {
  top: 18px;
}

:is(.pricing-refined, .site-refined) .pricing-number-field > span {
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-number-field input {
  height: 50px;
  border-color: #cdd6e0;
  border-radius: 6px;
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-region-codes {
  border-color: var(--ref-line);
  border-radius: 6px;
}

:is(.pricing-refined, .site-refined) .pricing-region-codes summary {
  min-height: 48px;
  font-size: 13px;
}

:is(.pricing-refined, .site-refined) .pricing-region-codes > div span {
  min-height: 38px;
  color: #526377;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-config-actions {
  gap: 10px;
  padding: 17px 24px;
  background: #f7f9fb;
}

:is(.pricing-refined, .site-refined) .pricing-icon-action {
  min-height: 38px;
  padding: 0 13px;
  border-color: #ccd6e0;
  border-radius: 5px;
  color: #506174;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-summary {
  top: 126px;
  overflow: hidden;
  border: 1px solid #bcc9d5;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--ref-shadow-md);
}

:is(.pricing-refined, .site-refined) .pricing-summary-head {
  min-height: 82px;
  padding: 18px 24px;
  color: #d9e5ee;
  background: var(--ref-code);
}

:is(.pricing-refined, .site-refined) .pricing-summary-head span {
  color: #91a7ba;
  font-size: 9px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-head strong {
  margin-top: 5px;
  font-size: 18px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-details {
  padding: 21px 24px 5px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-details > div:not(.pricing-summary-divider) {
  min-height: 34px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-details dt,
:is(.pricing-refined, .site-refined) .pricing-summary-details dd {
  font-size: 12px;
  line-height: 1.55;
}

:is(.pricing-refined, .site-refined) .pricing-summary-details dt {
  color: #748397;
}

:is(.pricing-refined, .site-refined) .pricing-summary-details dd {
  color: #243649;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total {
  margin: 11px 24px 21px;
  padding-top: 18px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total > span {
  color: #607084;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total > div {
  min-height: 66px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total small {
  font-size: 21px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total strong {
  font-size: 52px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total del {
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-total p {
  color: var(--ref-teal);
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-purchase {
  width: calc(100% - 48px);
  min-height: 48px;
  margin: 0 24px;
}

:is(.pricing-refined, .site-refined) .pricing-summary-note {
  margin: 15px 24px 21px;
  color: #748397;
  font-size: 11px;
  line-height: 1.65;
}

:is(.pricing-refined, .site-refined) .pricing-compliance {
  padding: 38px 0;
  border-color: var(--ref-code-line);
  background: var(--ref-code);
}

:is(.pricing-refined, .site-refined) .pricing-compliance > .container {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 20px;
}

:is(.pricing-refined, .site-refined) .pricing-compliance > .container > span {
  width: 42px;
  height: 42px;
  border-color: #bb8735;
}

:is(.pricing-refined, .site-refined) .pricing-compliance strong {
  font-size: 16px;
}

:is(.pricing-refined, .site-refined) .pricing-compliance p {
  color: #b5c2cd;
  font-size: 13px;
  line-height: 1.8;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth {
  padding: 88px 0;
  border-bottom-color: var(--ref-line);
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-layout {
  gap: 84px;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-copy > span,
:is(.pricing-refined, .site-refined) .pricing-comparison-head span {
  color: var(--ref-blue);
  font-size: 11px;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-copy h2 {
  margin-bottom: 18px;
  font-size: 38px;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-copy > p {
  color: var(--ref-muted);
  font-size: 15px;
  line-height: 1.8;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-detail {
  border-color: var(--ref-line-strong);
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-facts > div {
  min-height: 116px;
  border-color: var(--ref-line);
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-facts strong {
  font-size: 22px;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-facts span {
  color: var(--ref-muted);
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-bandwidth-detail > p {
  border-color: var(--ref-line);
  color: var(--ref-muted);
  font-size: 13px;
}

:is(.pricing-refined, .site-refined) .pricing-comparison {
  padding: 92px 0 96px;
  border-color: var(--ref-line);
  background: var(--ref-soft);
}

:is(.pricing-refined, .site-refined) .pricing-comparison-head {
  margin-bottom: 38px;
}

:is(.pricing-refined, .site-refined) .pricing-comparison-head h2 {
  font-size: 38px;
}

:is(.pricing-refined, .site-refined) .pricing-comparison-head p {
  color: var(--ref-muted);
  font-size: 15px;
  line-height: 1.8;
}

:is(.pricing-refined, .site-refined) .pricing-comparison-scroll {
  border: 1px solid var(--ref-line-strong);
  border-radius: 8px;
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-comparison th,
:is(.pricing-refined, .site-refined) .pricing-comparison td {
  border-color: var(--ref-line);
}

:is(.pricing-refined, .site-refined) .pricing-comparison thead th,
:is(.pricing-refined, .site-refined) .pricing-comparison tbody th {
  background: #f5f7f9;
}

:is(.pricing-refined, .site-refined) .pricing-comparison thead a strong {
  font-size: 14px;
}

:is(.pricing-refined, .site-refined) .pricing-comparison tbody th,
:is(.pricing-refined, .site-refined) .pricing-comparison tbody td {
  padding-top: 19px;
  padding-bottom: 19px;
  font-size: 13px;
  line-height: 1.7;
}

:is(.pricing-refined, .site-refined) .pricing-comparison-note {
  color: #748397;
  font-size: 12px;
}

:is(.pricing-refined, .site-refined) .pricing-faq-section {
  padding: 94px 0 104px;
  background: #fff;
}

:is(.pricing-refined, .site-refined) .pricing-faq-layout {
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 82px;
}

:is(.pricing-refined, .site-refined) .pricing-faq-layout h2 {
  font-size: 36px;
}

:is(.pricing-refined, .site-refined) .pricing-faq-list {
  border-top-color: var(--ref-line-strong);
}

:is(.pricing-refined, .site-refined) .pricing-faq-list details {
  border-bottom-color: var(--ref-line);
}

:is(.pricing-refined, .site-refined) .pricing-faq-list summary {
  min-height: 74px;
  color: var(--ref-ink);
  font-size: 15px;
}

:is(.pricing-refined, .site-refined) .pricing-faq-list p {
  color: var(--ref-muted);
  font-size: 14px;
  line-height: 1.85;
}

:is(.pricing-refined, .site-refined) .footer {
  border-top-color: var(--ref-line);
  background: #f7f9fb;
}

@media (max-width: 1080px) {
  .home-refined .mega-menu,
  :is(.pricing-refined, .site-refined) .mega-menu {
    position: fixed;
    top: 72px;
    right: auto;
    left: 50vw;
    width: 800px;
    transform: translate(-50%, 10px);
  }

  .home-refined .mega-menu.is-compact,
  :is(.pricing-refined, .site-refined) .mega-menu.is-compact {
    width: 690px;
    transform: translate(-50%, 10px);
  }

  .home-refined .nav-item:hover .mega-menu,
  .home-refined .nav-item:focus-within .mega-menu,
  .home-refined .nav-item.is-open .mega-menu,
  :is(.pricing-refined, .site-refined) .nav-item:hover .mega-menu,
  :is(.pricing-refined, .site-refined) .nav-item:focus-within .mega-menu,
  :is(.pricing-refined, .site-refined) .nav-item.is-open .mega-menu {
    transform: translate(-50%, 0);
  }

  .home-refined .mega-layout,
  :is(.pricing-refined, .site-refined) .mega-layout {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .home-refined .mega-menu.is-compact .mega-layout,
  :is(.pricing-refined, .site-refined) .mega-menu.is-compact .mega-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .home-refined .hero {
    grid-template-columns: minmax(0, 0.95fr) minmax(450px, 1.05fr);
    gap: 40px;
  }

  .home-refined .hero h1 {
    font-size: 51px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-tab {
    min-width: 206px;
  }
}

@media (max-width: 920px) {
  .home-refined .hero {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 58px;
  }

  .home-refined .hero-copy {
    max-width: 720px;
  }

  .home-refined .hero-demo {
    max-width: 720px;
  }

  :is(.pricing-refined, .site-refined) .pricing-focus-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-intro,
  :is(.pricing-refined, .site-refined) .pricing-config-grid {
    grid-template-columns: 1fr;
  }

  :is(.pricing-refined, .site-refined) .pricing-summary {
    position: static;
  }
}

@media (max-width: 820px) {
  .home-refined .mobile-menu.is-open,
  :is(.pricing-refined, .site-refined) .mobile-menu.is-open {
    padding: 8px 16px 18px;
    border-top: 1px solid var(--ref-line);
    background: #fff;
    box-shadow: 0 20px 40px rgba(10, 24, 40, 0.1);
  }

  .home-refined .mobile-menu details,
  .home-refined .mobile-menu > a,
  :is(.pricing-refined, .site-refined) .mobile-menu details,
  :is(.pricing-refined, .site-refined) .mobile-menu > a {
    border-bottom-color: var(--ref-line);
  }

  .home-refined .mobile-menu summary,
  .home-refined .mobile-menu > a,
  :is(.pricing-refined, .site-refined) .mobile-menu summary,
  :is(.pricing-refined, .site-refined) .mobile-menu > a {
    min-height: 52px;
    color: var(--ref-ink);
    font-size: 14px;
    font-weight: 700;
  }

  .home-refined .mobile-menu details[open],
  :is(.pricing-refined, .site-refined) .mobile-menu details[open] {
    padding-bottom: 10px;
  }

  .home-refined .mobile-menu details[open] summary,
  :is(.pricing-refined, .site-refined) .mobile-menu details[open] summary {
    color: var(--ref-blue);
  }

  .home-refined .mobile-submenu,
  :is(.pricing-refined, .site-refined) .mobile-submenu {
    gap: 2px;
    padding: 6px;
    border: 1px solid var(--ref-line);
    border-radius: 6px;
    background: #f7f9fb;
  }

  .home-refined .mobile-submenu a,
  :is(.pricing-refined, .site-refined) .mobile-submenu a {
    min-height: 40px;
    padding: 7px 10px;
    border-radius: 4px;
    color: #4f6073;
    font-size: 13px;
  }

  .home-refined .mobile-submenu a:hover,
  :is(.pricing-refined, .site-refined) .mobile-submenu a:hover {
    color: var(--ref-blue-dark);
    background: #fff;
  }
}

@media (max-width: 720px) {
  .home-refined .container,
  :is(.pricing-refined, .site-refined) .container,
  :is(.pricing-refined, .site-refined) .pricing-main .container {
    width: min(100% - 32px, 1240px);
  }

  .home-refined .utility-inner,
  :is(.pricing-refined, .site-refined) .utility-inner {
    min-height: 29px;
    font-size: 10px;
  }

  .home-refined .nav,
  :is(.pricing-refined, .site-refined) .nav {
    min-height: 68px;
  }

  .home-refined .hero {
    gap: 42px;
    padding: 56px 0 58px;
  }

  .home-refined .eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
  }

  .home-refined .hero h1 {
    margin-bottom: 19px;
    font-size: 40px;
    line-height: 1.13;
  }

  .home-refined .hero-lead {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.7;
  }

  .home-refined .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }

  .home-refined .hero-actions .btn {
    width: 100%;
  }

  .home-refined .hero-proof {
    gap: 12px 14px;
    font-size: 13px;
  }

  .home-refined .hero-visual-label {
    font-size: 9px;
  }

  .home-refined .lite-capacity {
    min-height: 135px;
    padding: 23px 20px;
  }

  .home-refined .lite-capacity-number {
    font-size: 48px;
  }

  .home-refined .lite-capacity-note {
    min-width: 127px;
    padding-left: 18px;
  }

  .home-refined .lite-capacity-note strong {
    font-size: 17px;
  }

  .home-refined .lite-route {
    min-height: 100px;
    padding: 19px 14px;
  }

  .home-refined .metric {
    padding: 21px 18px 23px;
  }

  .home-refined .metric-value {
    font-size: 25px;
  }

  .home-refined .client-wall {
    padding: 42px 0 39px;
  }

  .home-refined .client-wall-note {
    font-size: 11px;
    text-align: left;
  }

  .home-refined .client-logo {
    width: 158px;
    min-height: 72px;
    flex-basis: 158px;
  }

  .home-refined .section {
    padding: 74px 0;
  }

  .home-refined .section-heading h2 {
    font-size: 32px;
  }

  .home-refined .section-heading p {
    font-size: 15px;
  }

  .home-refined .product-tab {
    min-height: 86px;
  }

  .home-refined .product-tab strong {
    font-size: 14px;
  }

  .home-refined .product-tab small {
    font-size: 11px;
  }

  .home-refined .product-copy {
    padding: 29px 23px;
  }

  .home-refined .product-copy h3 {
    font-size: 28px;
  }

  :is(.pricing-refined, .site-refined) .pricing-workspace {
    padding: 34px 0 72px;
  }

  :is(.pricing-refined, .site-refined) .pricing-focus-head h1 {
    font-size: 39px;
  }

  :is(.pricing-refined, .site-refined) .pricing-focus-head p {
    font-size: 15px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-selector {
    padding: 10px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-tabs {
    gap: 7px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-tab {
    min-width: 0;
    min-height: 70px;
    border: 1px solid transparent;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-tab:nth-child(2n),
  :is(.pricing-refined, .site-refined) .pricing-product-tab:last-child {
    border-right: 1px solid transparent;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-intro {
    gap: 20px;
    padding: 25px 21px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-intro h2 {
    font-size: 24px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-intro p {
    font-size: 14px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-points span {
    font-size: 13px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-notice {
    padding: 15px 18px;
  }

  :is(.pricing-refined, .site-refined) .pricing-config-grid {
    gap: 20px;
  }

  :is(.pricing-refined, .site-refined) .pricing-config-form-head {
    padding: 16px 20px;
  }

  :is(.pricing-refined, .site-refined) .pricing-config-form-head span {
    font-size: 15px;
  }

  :is(.pricing-refined, .site-refined) .pricing-config-form-head small {
    font-size: 11px;
  }

  :is(.pricing-refined, .site-refined) .pricing-field,
  :is(.pricing-refined, .site-refined) .pricing-field.is-billing-field {
    padding: 24px 20px 27px;
  }

  :is(.pricing-refined, .site-refined) .pricing-option strong {
    font-size: 13px;
  }

  :is(.pricing-refined, .site-refined) .pricing-summary {
    box-shadow: var(--ref-shadow-sm);
  }

  :is(.pricing-refined, .site-refined) .pricing-summary-total strong {
    font-size: 47px;
  }

  :is(.pricing-refined, .site-refined) .pricing-compliance p {
    font-size: 12px;
  }

  :is(.pricing-refined, .site-refined) .pricing-bandwidth {
    padding: 68px 0 72px;
  }

  :is(.pricing-refined, .site-refined) .pricing-bandwidth-copy h2 {
    font-size: 32px;
  }

  :is(.pricing-refined, .site-refined) .pricing-comparison {
    padding: 72px 0 78px;
  }

  :is(.pricing-refined, .site-refined) .pricing-comparison-head h2 {
    font-size: 32px;
  }

  :is(.pricing-refined, .site-refined) .pricing-faq-section {
    padding: 74px 0 82px;
  }

  :is(.pricing-refined, .site-refined) .pricing-faq-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  :is(.pricing-refined, .site-refined) .pricing-faq-layout h2 {
    font-size: 31px;
  }

  :is(.pricing-refined, .site-refined) .pricing-faq-list summary {
    min-height: 70px;
    font-size: 14px;
  }

  :is(.pricing-refined, .site-refined) .pricing-faq-list p {
    margin-right: 24px;
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .home-refined .hero h1 {
    font-size: 37px;
  }

  .home-refined .hero-proof {
    grid-template-columns: 1fr;
  }

  .home-refined .lite-capacity {
    align-items: flex-start;
  }

  .home-refined .lite-capacity-number {
    font-size: 43px;
  }

  .home-refined .lite-capacity-unit {
    font-size: 15px;
  }

  .home-refined .lite-capacity-note {
    min-width: 112px;
  }

  .home-refined .lite-route-node strong {
    font-size: 11px;
  }

  .home-refined .lite-proxy-facts span {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 9px;
  }

  :is(.pricing-refined, .site-refined) .pricing-focus-head h1 {
    font-size: 36px;
  }

  :is(.pricing-refined, .site-refined) .pricing-product-tab strong {
    font-size: 13px;
  }

  :is(.pricing-refined, .site-refined) .pricing-option {
    min-height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-refined *,
  .home-refined *::before,
  .home-refined *::after,
  :is(.pricing-refined, .site-refined) *,
  :is(.pricing-refined, .site-refined) *::before,
  :is(.pricing-refined, .site-refined) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}