/* SYY CLOUD MULTI-PAGE PROTOTYPE — not production code */
:root {
  --blue: #075cff;
  --blue-deep: #043da8;
  --cyan: #3bd9df;
  --ink: #09131d;
  --night: #071521;
  --slate: #526574;
  --muted: #71808d;
  --line: #dbe4ec;
  --paper: #f4f7fa;
  --white: #fff;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --sans: "Noto Sans SC", "PingFang SC", sans-serif;
  --shadow: 0 28px 80px rgba(22, 55, 87, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--sans); }
body::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(7,92,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(7,92,255,.035) 1px, transparent 1px); background-size: 76px 76px; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, svg { display: block; max-width: 100%; }
.container { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.mono { font-family: var(--mono); }
.site-header { position: sticky; z-index: 60; top: 0; border-bottom: 1px solid rgba(211,222,232,.8); background: rgba(255,255,255,.9); backdrop-filter: blur(18px); }
.nav-shell { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -.03em; }
.site-header .brand { gap: 0; }
.site-header .brand-logo { display: block; width: 88px; height: 36px; object-fit: contain; object-position: left center; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--blue); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 9px 24px rgba(7,92,255,.2); }
.brand-mark svg { width: 22px; }
.brand small { display: block; margin-top: 2px; color: #7e8991; font: 500 8px/1 var(--mono); letter-spacing: .16em; }
.main-nav { display: flex; align-items: center; gap: 29px; color: #364756; font-size: 14px; }
.main-nav a { position: relative; padding: 28px 0; }
.main-nav a::after { content: ""; position: absolute; right: 0; bottom: 18px; left: 0; height: 2px; background: var(--blue); transform: scaleX(0); transition: transform .22s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--blue); }
.main-nav a:hover::after, .main-nav a.active::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.nav-live-zone { position: relative; min-height: 34px; display: inline-flex; align-items: center; gap: 7px; color: #29465f; background: transparent; white-space: nowrap; transition: color .22s ease, background .22s ease; }
.main-nav > .nav-live-zone { min-height: 34px; align-self: center; padding: 0 10px; border-radius: 8px; }
.main-nav > .nav-live-zone::after { position: absolute; right: 10px; bottom: 1px; left: 10px; height: 2px; content: ""; opacity: 0; background: linear-gradient(90deg, #075cff, #48c4e5); transform: scaleX(.3); transform-origin: left; transition: opacity .22s ease, transform .22s ease; }
.nav-live-zone__badge { display: inline-flex; align-items: center; gap: 4px; color: #db3e36; font: 700 8px/1 var(--mono); letter-spacing: .09em; }
.nav-live-zone__badge::before { width: 5px; height: 5px; flex: 0 0 auto; content: ""; border-radius: 50%; background: #ef4f46; box-shadow: 0 0 0 2px rgba(239,79,70,.12); }
.nav-live-zone__label { font-size: 14px; font-weight: 700; letter-spacing: -.01em; }
.main-nav > .nav-live-zone:hover, .main-nav > .nav-live-zone.active { color: #075cff; background: #f2f7ff; }
.main-nav > .nav-live-zone:hover::after, .main-nav > .nav-live-zone.active::after { opacity: 1; transform: scaleX(1); }
@media (prefers-reduced-motion: no-preference) {
  .nav-live-zone:not(.active) .nav-live-zone__badge::before { animation: nav-live-status 2.8s ease-in-out infinite; }
}
@keyframes nav-live-status { 0%, 58%, 100% { opacity: 1; box-shadow: 0 0 0 2px rgba(239,79,70,.12); } 72% { opacity: .72; box-shadow: 0 0 0 6px rgba(239,79,70,0); } }
.nav-console-link { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 3px; border: 0; border-radius: 0; color: #607284; background: transparent; font-size: 14px; font-weight: 600; white-space: nowrap; transition: color .22s ease; }
.nav-console-link__icon { width: 15px; height: 15px; flex: 0 0 auto; color: #718396; }
.nav-console-link__arrow { color: #7b8b98; font-size: 12px; transition: color .2s ease, transform .2s ease; }
.nav-console-link:hover,.nav-console-link.active { color: #075cff; background: transparent; transform: none; }
.nav-console-link:hover .nav-console-link__icon,.nav-console-link.active .nav-console-link__icon,.nav-console-link:hover .nav-console-link__arrow,.nav-console-link.active .nav-console-link__arrow { color: #075cff; }
.nav-console-link:hover .nav-console-link__arrow { transform: translate(2px,-2px); }
.mobile-menu-actions { display: none; }
.site-header .nav-actions > .button.primary { inline-size: 156px; min-height: 44px; padding: 0 12px; border-radius: 8px; color: #fff; background: #075cff; box-shadow: 0 11px 27px rgba(7,92,255,.19); font-size: 14px; font-weight: 700; white-space: nowrap; }
.site-header .nav-actions > .button.primary:hover { background: #0052ef; box-shadow: 0 18px 42px rgba(7,92,255,.3); }
.menu-button { display: none; width: 42px; height: 42px; border: 0; border-radius: 8px; background: #eef3f7; cursor: pointer; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1px solid transparent; border-radius: 8px; font-weight: 700; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: white; background: var(--blue); box-shadow: 0 14px 34px rgba(7,92,255,.22); }
.button.primary:hover { background: #0052ef; box-shadow: 0 18px 42px rgba(7,92,255,.3); }
.button.secondary { border-color: #cbd6df; background: white; }
.button.dark { color: white; background: var(--night); }
.button.light { color: var(--blue); background: white; }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-weight: 700; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px,-3px); }

.page-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 35%, #dbe9ff 0, #f4f8ff 25%, transparent 52%); }
.page-hero::after { content: ""; position: absolute; width: 560px; height: 560px; right: -180px; bottom: -330px; border: 1px solid rgba(7,92,255,.18); border-radius: 50%; box-shadow: 0 0 0 88px rgba(7,92,255,.045), 0 0 0 176px rgba(7,92,255,.025); }
.hero-grid { position: relative; z-index: 1; min-height: 640px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 74px; align-items: center; padding: 78px 0 84px; }
.kicker { display: inline-flex; align-items: center; gap: 11px; color: #263c4d; font: 600 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.kicker::before { content: ""; width: 27px; height: 1px; background: currentColor; }
.kicker.cyan { color: var(--cyan); }
.hero-title { max-width: 800px; margin: 20px 0 25px; font-size: clamp(52px, 6vw, 82px); line-height: 1.03; letter-spacing: -.06em; }
.hero-title span { color: var(--blue); }
.hero-lead { max-width: 680px; margin: 0; color: #586b7a; font-size: 18px; line-height: 1.95; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.breadcrumb { margin-bottom: 30px; color: #7c8a96; font: 500 10px var(--mono); letter-spacing: .06em; }
.breadcrumb a:hover { color: var(--blue); }

.hero-panel { position: relative; min-height: 450px; padding: 28px; border: 1px solid rgba(7,92,255,.14); border-radius: 20px; background: rgba(255,255,255,.76); box-shadow: var(--shadow); backdrop-filter: blur(15px); }
.panel-label { display: flex; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid #dce5ed; color: #657786; font: 600 9px var(--mono); letter-spacing: .09em; }
.panel-label span:last-child { color: var(--blue); }
.ability-stack { display: grid; gap: 10px; margin-top: 24px; }
.ability-node { display: grid; grid-template-columns: 42px 1fr auto; gap: 14px; align-items: center; min-height: 65px; padding: 13px 15px; border: 1px solid #dce5ed; border-radius: 10px; background: white; transition: transform .2s ease, border-color .2s ease; }
.ability-node:hover { border-color: #9dc0ff; transform: translateX(5px); }
.ability-node b { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: #e9f1ff; font: 600 10px var(--mono); }
.ability-node strong { display: block; font-size: 15px; }
.ability-node small { display: block; margin-top: 4px; color: #7e8b96; font-size: 11px; }
.ability-node i { color: #91a1ae; font-style: normal; }

.signal-board { position: relative; min-height: 450px; overflow: hidden; border-radius: 20px; color: white; background: var(--night); box-shadow: 0 30px 90px rgba(7,21,33,.25); }
.signal-board::before { content: ""; position: absolute; inset: 0; opacity: .35; background-image: radial-gradient(#27506a 1px, transparent 1px); background-size: 24px 24px; }
.signal-head { position: relative; display: flex; justify-content: space-between; padding: 20px 23px; border-bottom: 1px solid #233b4d; font: 500 9px var(--mono); }
.signal-head span:last-child { color: var(--cyan); }
.signal-core { position: absolute; inset: 50% auto auto 50%; width: 118px; height: 118px; display: grid; place-items: center; border: 1px solid #3ad0d6; border-radius: 50%; color: white; background: #075cff; transform: translate(-50%,-45%); text-align: center; font: 600 11px/1.6 var(--mono); box-shadow: 0 0 0 52px rgba(56,214,220,.08), 0 0 0 105px rgba(7,92,255,.08); }
.signal-node { position: absolute; min-width: 130px; padding: 12px 14px; border: 1px solid #294b61; border-radius: 9px; color: #adc1cf; background: rgba(9,31,47,.9); font-size: 12px; }
.signal-node b { display: block; margin-bottom: 5px; color: var(--cyan); font: 600 9px var(--mono); }
.signal-node.n1 { top: 26%; left: 7%; }
.signal-node.n2 { top: 26%; right: 7%; }
.signal-node.n3 { bottom: 15%; left: 10%; }
.signal-node.n4 { right: 10%; bottom: 15%; }

.section { padding: 110px 0; }
.section.soft { background: var(--paper); }
.section.dark { color: white; background: var(--night); }
.section.blue { color: white; background: var(--blue); }
.section-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: end; margin-bottom: 56px; }
.section-title { margin: 15px 0 0; font-size: clamp(40px, 5vw, 66px); line-height: 1.06; letter-spacing: -.05em; }
.section-copy { max-width: 640px; margin: 0; color: #687b89; font-size: 16px; line-height: 1.9; }
.dark .section-copy { color: #8ca4b5; }
.section-note { padding-top: 21px; border-top: 1px solid var(--line); color: #7b8a96; font-size: 12px; line-height: 1.8; }
.dark .section-note { border-color: #294052; color: #718b9e; }

.capability-list { border-top: 1px solid var(--ink); }
.capability-row { display: grid; grid-template-columns: 80px .7fr 1.3fr 140px; gap: 35px; align-items: center; min-height: 170px; border-bottom: 1px solid #d7e0e8; transition: padding .25s ease, background .25s ease; }
.capability-row:hover { padding: 0 18px; background: #f6f9fc; }
.capability-row .no { color: var(--blue); font: 600 11px var(--mono); }
.capability-row h2, .capability-row h3 { margin: 0; font-size: 28px; letter-spacing: -.03em; }
.capability-row p { margin: 0; color: #667987; line-height: 1.85; }
.capability-row ul { margin: 0; padding: 0; color: #5f7280; list-style: none; font-size: 12px; line-height: 2; }
.capability-row li::before { content: "·"; margin-right: 8px; color: var(--blue); }

.card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.card { position: relative; min-height: 310px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card:hover { border-color: #aec9f7; transform: translateY(-6px); box-shadow: 0 24px 60px rgba(25,58,90,.11); }
.card .tag { color: var(--blue); font: 600 10px var(--mono); letter-spacing: .08em; }
.card h3 { margin: 74px 0 14px; font-size: 25px; letter-spacing: -.03em; }
.card p { margin: 0; color: #6a7a87; font-size: 14px; line-height: 1.85; }
.card .card-link { position: absolute; right: 27px; bottom: 25px; left: 27px; display: flex; justify-content: space-between; padding-top: 16px; border-top: 1px solid #e1e7ec; color: #486070; font-size: 13px; font-weight: 700; }
.card.featured { color: white; border-color: var(--blue); background: var(--blue); }
.card.featured .tag, .card.featured p { color: rgba(255,255,255,.72); }
.card.featured .card-link { color: white; border-color: rgba(255,255,255,.26); }
.card.featured::before { content: ""; position: absolute; width: 190px; height: 190px; top: -85px; right: -60px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.05); }

.deliverable-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #2a4355; background: #2a4355; gap: 1px; }
.deliverable { min-height: 235px; padding: 26px; background: var(--night); }
.deliverable b { color: var(--cyan); font: 600 10px var(--mono); }
.deliverable h3 { margin: 62px 0 12px; font-size: 21px; }
.deliverable p { margin: 0; color: #8199aa; font-size: 13px; line-height: 1.85; }

.scene { display: grid; grid-template-columns: .72fr 1.28fr; gap: 74px; padding: 88px 0; border-bottom: 1px solid var(--line); }
.scene:first-child { padding-top: 0; }
.scene:last-child { padding-bottom: 0; border-bottom: 0; }
.scene-no { color: var(--blue); font: 600 10px var(--mono); }
.scene h2 { margin: 17px 0 22px; font-size: clamp(34px,4vw,52px); line-height: 1.1; letter-spacing: -.045em; }
.scene > div:first-child p { color: #697b89; line-height: 1.85; }
.scene-panel { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: white; }
.scene-cell { min-height: 175px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.scene-cell:nth-child(2n) { border-right: 0; }
.scene-cell:nth-last-child(-n+2) { border-bottom: 0; }
.scene-cell small { color: #82919d; font: 600 9px var(--mono); }
.scene-cell strong { display: block; margin-top: 38px; font-size: 16px; line-height: 1.6; }

.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.compare { padding: 30px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.compare.positive { color: white; border-color: var(--blue); background: var(--blue); }
.compare small { font: 600 10px var(--mono); }
.compare h3 { margin: 44px 0 22px; font-size: 28px; }
.check-list { margin: 0; padding: 0; list-style: none; }
.check-list li { padding: 13px 0; border-top: 1px solid #e2e8ed; color: #607482; line-height: 1.65; }
.positive .check-list li { color: rgba(255,255,255,.82); border-color: rgba(255,255,255,.24); }
.check-list li::before { content: "→"; margin-right: 10px; color: var(--blue); }
.positive .check-list li::before { color: var(--cyan); }

.timeline { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.timeline::before { content: ""; position: absolute; top: 21px; right: 12%; left: 12%; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--blue)); }
.phase { position: relative; padding-top: 62px; }
.phase::before { content: attr(data-step); position: absolute; z-index: 1; top: 0; left: 0; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #35566c; border-radius: 50%; color: var(--cyan); background: var(--night); font: 600 10px var(--mono); }
.phase h3 { margin: 0 0 20px; font-size: 25px; }
.phase ul { margin: 0; padding: 0; color: #88a0b1; list-style: none; line-height: 2.1; }
.phase li::before { content: "✓"; margin-right: 9px; color: var(--cyan); }

.evidence-table { border-top: 1px solid #294255; }
.evidence-row { display: grid; grid-template-columns: 80px .7fr 1fr 1fr; gap: 28px; align-items: center; min-height: 125px; border-bottom: 1px solid #294255; }
.evidence-row .no { color: #5e798c; font: 500 10px var(--mono); }
.evidence-row strong { font-size: 18px; }
.evidence-row span { color: #87a0b2; font-size: 13px; line-height: 1.7; }
.evidence-status { justify-self: start; padding: 8px 11px; border: 1px solid #2d6873; border-radius: 99px; color: var(--cyan) !important; font: 600 9px var(--mono) !important; }

.case-list { display: grid; gap: 18px; }
.case-sheet { display: grid; grid-template-columns: 180px 1fr; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: white; }
.case-aside { padding: 28px; color: white; background: var(--night); }
.case-aside b { color: var(--cyan); font: 600 10px var(--mono); }
.case-aside span { display: block; margin-top: 88px; color: #8199aa; font-size: 12px; line-height: 1.7; }
.case-body { padding: 30px; }
.case-body h2 { margin: 0 0 26px; font-size: 28px; }
.case-meta { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.case-meta div { min-height: 115px; padding: 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-meta small { color: #82919d; font: 600 9px var(--mono); }
.case-meta strong { display: block; margin-top: 23px; font-size: 13px; line-height: 1.65; }

.method-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.method { min-height: 250px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.method b { color: var(--blue); font: 600 10px var(--mono); }
.method h3 { margin: 70px 0 13px; font-size: 20px; }
.method p { margin: 0; color: #6e7f8c; font-size: 13px; line-height: 1.8; }

.article-feature { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 430px; overflow: hidden; border-radius: 18px; color: white; background: var(--night); }
.article-feature-copy { padding: 52px; }
.article-feature h2 { margin: 68px 0 20px; max-width: 700px; font-size: clamp(36px,4vw,55px); line-height: 1.1; letter-spacing: -.045em; }
.article-feature p { max-width: 650px; color: #8da4b4; line-height: 1.85; }
.article-visual { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(7,92,255,.75),transparent 44%), linear-gradient(145deg,#0c2740,#071521); }
.article-visual::before, .article-visual::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 280px; height: 280px; border: 1px solid rgba(56,214,220,.45); border-radius: 50%; transform: translate(-50%,-50%); }
.article-visual::after { width: 150px; height: 150px; box-shadow: 0 0 0 50px rgba(7,92,255,.09); }
.article-visual span { position: absolute; z-index: 1; inset: 50% auto auto 50%; transform: translate(-50%,-50%); color: var(--cyan); font: 600 12px/1.7 var(--mono); text-align: center; }
.filter-row { display: flex; flex-wrap: wrap; gap: 9px; margin: 42px 0 28px; }
.filter { padding: 9px 14px; border: 1px solid #cfd9e2; border-radius: 99px; color: #617381; background: white; font-size: 12px; }
.filter.active { color: white; border-color: var(--blue); background: var(--blue); }
.article-list { border-top: 1px solid var(--ink); }
.article-row { display: grid; grid-template-columns: 160px 1fr 180px 35px; gap: 28px; align-items: center; min-height: 105px; border-bottom: 1px solid var(--line); transition: padding .2s ease, color .2s ease; }
.article-row:hover { padding-left: 12px; color: var(--blue); }
.article-row small { color: #7d8c98; font: 500 10px var(--mono); }
.article-row strong { font-size: 19px; }
.article-row span { color: #7a8b98; font-size: 12px; }

.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.principle { min-height: 330px; padding: 29px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.principle b { color: var(--blue); font: 600 10px var(--mono); }
.principle h3 { margin: 100px 0 15px; font-size: 27px; }
.principle p { color: #687b89; line-height: 1.85; }

.article-layout { display: grid; grid-template-columns: 250px minmax(0,760px); gap: 70px; align-items: start; }
.article-aside { position: sticky; top: 120px; padding: 22px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); }
.article-aside strong { display: block; margin-bottom: 18px; font: 600 10px var(--mono); }
.article-aside a { display: block; padding: 8px 0; color: #6d7f8c; font-size: 12px; }
.article-aside a:hover { color: var(--blue); }
.prose { font-size: 16px; line-height: 1.9; }
.prose > p:first-child { margin-top: 0; color: #354c5d; font-size: 21px; line-height: 1.8; }
.prose h2 { margin: 70px 0 20px; padding-top: 10px; font-size: 34px; line-height: 1.3; letter-spacing: -.035em; }
.prose h3 { margin: 35px 0 12px; font-size: 22px; }
.prose p, .prose li { color: #5f7381; }
.prose ul, .prose ol { padding-left: 24px; }
.prose li { margin: 10px 0; }
.answer-box { margin: 28px 0; padding: 23px 25px; border-left: 4px solid var(--blue); color: #2b4354; background: #eef4ff; }
.answer-box strong { display: block; margin-bottom: 7px; color: var(--blue); font: 600 10px var(--mono); }
.data-table { width: 100%; margin: 25px 0; border-collapse: collapse; font-size: 14px; }
.data-table th, .data-table td { padding: 15px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.data-table th { color: #314959; background: #eef3f7; }
.data-table td { color: #667986; }
.article-meta-line { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: #7f8e9a; font: 500 10px var(--mono); }

.contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 74px; align-items: start; }
.contact-card { padding: 34px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { display: grid; gap: 8px; }
.field.full { grid-column: 1 / -1; }
.field label { color: #556a79; font-size: 12px; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; padding: 14px 15px; border: 1px solid #cfd9e2; border-radius: 8px; color: var(--ink); outline: none; background: #fbfdff; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,92,255,.1); }
.field textarea { min-height: 132px; resize: vertical; }
.form-grid .button { grid-column: 1 / -1; }
.contact-route { padding: 24px 0; border-bottom: 1px solid var(--line); }
.contact-route:first-of-type { margin-top: 35px; border-top: 1px solid var(--line); }
.contact-route small { color: var(--blue); font: 600 9px var(--mono); }
.contact-route strong { display: block; margin-top: 9px; font-size: 17px; }
.contact-route p { margin: 7px 0 0; color: #748591; font-size: 13px; line-height: 1.7; }

.faq { border-top: 1px solid var(--ink); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { position: relative; padding: 24px 50px 24px 0; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none; }
.faq summary::after { content: "+"; position: absolute; right: 10px; color: var(--blue); font: 500 22px var(--mono); }
.faq details[open] summary::after { content: "−"; }
.faq p { max-width: 850px; margin: 0; padding: 0 0 25px; color: #687b89; line-height: 1.85; }

.cta { overflow: hidden; color: white; background: linear-gradient(135deg,var(--blue),var(--blue-deep)); }
.cta-grid { min-height: 390px; display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; }
.cta h2 { max-width: 800px; margin: 17px 0 18px; font-size: clamp(42px,5vw,67px); line-height: 1.06; letter-spacing: -.055em; }
.cta p { max-width: 690px; color: rgba(255,255,255,.75); line-height: 1.85; }
.cta-actions { display: grid; min-width: 240px; gap: 11px; }
.cta .button.secondary { color: white; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }

.site-footer { padding: 68px 0 28px; color: #b5c4ce; background: #06111a; }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(4,1fr); gap: 40px; }
.footer-brand p { max-width: 310px; color: #718897; font-size: 13px; line-height: 1.8; }
.footer-col strong { display: block; margin-bottom: 18px; color: white; font-size: 13px; }
.footer-col a { display: block; margin: 11px 0; color: #7f95a4; font-size: 12px; }
.footer-col a:hover { color: var(--cyan); }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 54px; padding-top: 22px; border-top: 1px solid #20303b; color: #607786; font-size: 11px; }
.toast { position: fixed; z-index: 100; top: 92px; right: 22px; max-width: 360px; padding: 15px 18px; border-radius: 9px; color: white; background: var(--night); box-shadow: 0 18px 55px rgba(0,0,0,.22); transform: translateY(-140px); opacity: 0; transition: .28s ease; }
.toast.show { transform: translateY(0); opacity: 1; }

@media (max-width: 980px) {
  .main-nav { display: none; }
  .menu-button { display: block; }
  .nav-shell.menu-open .main-nav { position: absolute; top: 68px; right: 18px; left: 18px; display: grid; gap: 0; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); }
  .nav-shell.menu-open .main-nav a { padding: 13px; border-bottom: 1px solid #edf1f4; }
  .nav-shell.menu-open .main-nav a::after { display: none; }
  .hero-grid, .section-head, .scene, .contact-layout { grid-template-columns: 1fr; }
  .hero-grid { padding-top: 62px; }
  .section-head { gap: 24px; }
  .capability-row { grid-template-columns: 60px .8fr 1.2fr; }
  .capability-row ul { grid-column: 2 / -1; padding-bottom: 25px; }
  .card-grid { grid-template-columns: 1fr 1fr; }
  .deliverable-grid { grid-template-columns: 1fr 1fr; }
  .scene { gap: 40px; }
  .case-meta { grid-template-columns: 1fr 1fr; }
  .method-grid { grid-template-columns: 1fr 1fr; }
  .article-feature { grid-template-columns: 1fr; }
  .article-visual { min-height: 300px; }
  .article-row { grid-template-columns: 130px 1fr 35px; }
  .article-row > span { display: none; }
  .principle-grid { grid-template-columns: 1fr 1fr; }
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; display: none; }
  .footer-grid { grid-template-columns: 1.3fr repeat(2,1fr); }
}

@media (max-width: 620px) {
  .container { width: min(100% - 30px, 560px); }
  .nav-shell { height: 66px; }
  .nav-actions .button { display: none; }
  .page-hero::after { display: none; }
  .hero-grid { min-height: auto; padding: 52px 0 66px; gap: 42px; }
  .hero-title { font-size: 42px; }
  .hero-lead { font-size: 16px; }
  .hero-panel, .signal-board { min-height: 405px; padding: 18px; }
  .signal-node { min-width: 110px; font-size: 10px; }
  .signal-node.n1, .signal-node.n3 { left: 3%; }
  .signal-node.n2, .signal-node.n4 { right: 3%; }
  .section { padding: 76px 0; }
  .section-title { font-size: 38px; }
  .capability-row { grid-template-columns: 40px 1fr; gap: 14px; padding: 28px 0; }
  .capability-row:hover { padding: 28px 0; }
  .capability-row p, .capability-row ul { grid-column: 2; }
  .card-grid, .deliverable-grid, .scene-panel, .compare-grid, .timeline, .principle-grid { grid-template-columns: 1fr; }
  .scene-cell, .scene-cell:nth-child(2n), .scene-cell:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .scene-cell:last-child { border-bottom: 0; }
  .timeline { gap: 40px; }
  .timeline::before { display: none; }
  .evidence-row { grid-template-columns: 38px 1fr; gap: 13px; padding: 22px 0; }
  .evidence-row span, .evidence-status { grid-column: 2; }
  .case-sheet { grid-template-columns: 1fr; }
  .case-aside span { margin-top: 24px; }
  .case-meta, .method-grid, .form-grid { grid-template-columns: 1fr; }
  .case-meta div { min-height: 95px; }
  .article-feature-copy { padding: 28px; }
  .article-feature h2 { margin-top: 52px; }
  .article-row { grid-template-columns: 1fr 30px; gap: 10px; padding: 19px 0; }
  .article-row small { grid-column: 1 / -1; }
  .field.full, .form-grid .button { grid-column: auto; }
  .cta-grid { grid-template-columns: 1fr; padding: 75px 0; }
  .cta-actions { min-width: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* 2026 IA + visual refinement: WanFlow clarity, OSASE depth */
.site-header { background: rgba(255,255,255,.94); }
.nav-shell { position: relative; }
.main-nav { align-self: stretch; gap: 4px; }
.nav-group { position: relative; display: flex; align-items: stretch; }
.nav-primary-row { display: flex; align-items: center; padding: 0 10px; border-radius: 999px; }
.nav-primary { display: flex; align-items: center; height: 100%; padding: 0 !important; white-space: nowrap; }
.nav-primary::after { display: none !important; }
.submenu-toggle { width: 22px; height: 28px; margin-left: 2px; padding: 0; border: 0; color: #82909b; background: transparent; cursor: pointer; transition: transform .2s ease; }
.nav-group:hover .nav-primary-row, .nav-group:focus-within .nav-primary-row, .nav-group.active .nav-primary-row { color: var(--blue); background: #edf4ff; }
.nav-group.open .submenu-toggle { transform: rotate(180deg); }
.nav-dropdown { position: absolute; top: calc(100% - 7px); left: 50%; z-index: 80; width: 310px; padding: 12px; border: 1px solid rgba(208,220,232,.9); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 28px 70px rgba(15,39,66,.16); backdrop-filter: blur(22px); opacity: 0; visibility: hidden; transform: translate(-50%, 9px); transition: .2s ease; }
.nav-group:nth-last-child(-n+2) .nav-dropdown { right: 0; left: auto; transform: translate(0, 9px); }
.nav-group:hover .nav-dropdown, .nav-group:focus-within .nav-dropdown, .nav-group.open .nav-dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-group:nth-last-child(-n+2):hover .nav-dropdown, .nav-group:nth-last-child(-n+2):focus-within .nav-dropdown, .nav-group:nth-last-child(-n+2).open .nav-dropdown { transform: translate(0, 0); }
.nav-dropdown-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; padding: 8px 9px 12px; border-bottom: 1px solid #e3eaf0; }
.nav-dropdown-head small { color: #8795a1; font: 600 9px var(--mono); letter-spacing: .09em; }
.nav-dropdown-head a { padding: 0 !important; color: var(--blue); font-size: 11px; }
.subnav-link { display: flex; justify-content: space-between; align-items: center; min-height: 46px; padding: 0 11px !important; border-radius: 9px; color: #263746; }
.subnav-link::after { display: none !important; }
.subnav-link span { color: #a7b2bb; }
.subnav-link:hover, .subnav-link.active { color: var(--blue); background: #f0f5fd; }
.section-subnav {
  position: sticky;
  z-index: 45;
  top: 72px;
  padding: 24px 0 20px;
  border-bottom: 0;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
}
.section-subnav-inner {
  min-width: 0;
  min-height: 60px;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 4px 14px 0;
  border: 1px solid rgba(7,92,255,.12);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(251,253,255,.98),rgba(247,250,255,.94));
  box-shadow: 0 8px 24px rgba(21,77,154,.045);
}
.section-label {
  min-height: 28px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 0 24px 0 18px;
  border-inline-end: 1px solid rgba(135,158,184,.24);
  color: var(--blue);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}
.section-links {
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  scroll-padding-inline: 16px;
  scrollbar-width: none;
}
.section-links::-webkit-scrollbar { display: none; }
.section-links a {
  position: relative;
  min-height: 55px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 24px;
  border: 0;
  border-radius: 10px;
  color: #263746;
  font-size: 14px;
  transition: color .2s ease;
}
.section-links a > span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 8px;
  transition: background .2s ease;
}
.section-links a + a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  content: "";
  background: rgba(135,158,184,.22);
  transform: translateY(-50%);
}
.section-links a:hover { color: var(--blue); }
.section-links a:hover > span { background: rgba(237,244,255,.5); }
.section-links a.active { color: var(--blue); background: transparent; }
.section-links a.active > span { background: linear-gradient(180deg,rgba(239,245,255,.94),rgba(234,241,255,.76)); }
.section-links a.active::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 3px;
  content: "";
  border-radius: 999px 999px 0 0;
  background: var(--blue);
}
.section-links a:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -4px;
  border-radius: 4px;
}
.section-subnav--live .section-label-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: #1768e9;
}
.section-subnav--live .section-label-icon svg { width: 100%; height: 100%; }

.page-hero { background: linear-gradient(90deg, rgba(7,92,255,.045) 1px, transparent 1px) 0 0/76px 76px, linear-gradient(rgba(7,92,255,.045) 1px, transparent 1px) 0 0/76px 76px, radial-gradient(circle at 78% 30%, #dcecff 0, transparent 35%); }
.page-hero::before { content: ""; position: absolute; top: -180px; right: 10%; width: 300px; height: 900px; background: linear-gradient(180deg,#0a6bff,#0ac7bc); opacity: .96; transform: skewX(-17deg); }
.page-hero .hero-grid { isolation: isolate; }
.page-hero .hero-grid > * { position: relative; z-index: 1; }
.compact-hero .hero-grid { min-height: 610px; }
.reference-visual { min-height: 440px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; color: white; background: rgba(7,18,28,.92); box-shadow: 0 32px 90px rgba(7,21,33,.28); backdrop-filter: blur(18px); }
.reference-visual > span { color: #7f9aae; font: 600 10px var(--mono); letter-spacing: .12em; }
.reference-visual > strong { max-width: 360px; font-size: 36px; line-height: 1.15; letter-spacing: -.04em; }
.reference-lines { display: grid; gap: 1px; border: 1px solid #294052; border-radius: 12px; overflow: hidden; background: #294052; }
.reference-lines i { min-height: 49px; display: flex; align-items: center; gap: 15px; padding: 0 15px; color: #c5d6e2; background: #0d2232; font-style: normal; font-size: 13px; }
.reference-lines b { color: var(--cyan); font: 500 10px var(--mono); }
.boundary-band { padding: 100px 0; color: white; background: radial-gradient(circle at 80% 20%, rgba(7,92,255,.35), transparent 32%), #111014; }
.boundary-band h2 { max-width: 780px; margin: 22px 0 18px; font-size: clamp(40px,5vw,68px); line-height: 1.05; letter-spacing: -.05em; }
.boundary-band p { max-width: 800px; margin: 0; color: #97a8b4; font-size: 17px; line-height: 1.9; }

/* Homepage: four screens, brand-first */
.home-body { background: #fff; }
.home-screen { min-height: 100vh; position: relative; overflow: hidden; }
.home-one { background: linear-gradient(90deg,rgba(7,92,255,.05) 1px,transparent 1px) 0 0/76px 76px,linear-gradient(rgba(7,92,255,.05) 1px,transparent 1px) 0 0/76px 76px,radial-gradient(circle at 78% 60%,#dceaff 0,transparent 34%); }
.home-hero { min-height: calc(100vh - 78px); display: grid; grid-template-columns: .76fr 1.24fr; grid-template-rows: auto 1fr; align-items: end; column-gap: 76px; row-gap: 46px; padding: 86px 0 80px; }
.home-headline { grid-column: 1 / -1; }
.home-hero h1 { margin: 20px 0 0; font-size: clamp(58px,6.6vw,92px); line-height: .98; letter-spacing: -.07em; white-space: nowrap; }
.home-hero h1 span { color: var(--blue); }
.home-copy { align-self: center; padding-bottom: 6px; }
.home-intro { max-width: 510px; margin: 0; color: #647582; font-size: 17px; line-height: 1.9; }
.home-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.home-proof-line { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 36px; color: #7b8994; font-size: 12px; }
.home-proof-line span { display: flex; align-items: center; gap: 7px; }
.home-proof-line span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(7,92,255,.09); }
.network-command { position: relative; min-height: 390px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; color: #ddebfa; background: radial-gradient(circle at 62% 42%,rgba(7,92,255,.29),transparent 34%),linear-gradient(145deg,#071621,#0b2638); box-shadow: 0 35px 100px rgba(7,35,58,.24); }
.network-command::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(85,139,174,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(85,139,174,.18) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom,black,transparent); }
.command-head { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 20px; padding: 19px 22px; border-bottom: 1px solid rgba(121,165,194,.18); font: 600 9px var(--mono); letter-spacing: .1em; }
.command-head span { color: #7694a8; }
.command-head b { color: #79e5ad; font-weight: 500; }
.command-map { position: relative; z-index: 1; height: 270px; }
.command-map svg { width: 100%; height: 100%; }
.map-outline { fill: rgba(12,45,65,.7); stroke: rgba(105,160,193,.22); stroke-width: 1.2; }
.route-line { fill: none; stroke: url(#routeGradient); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 7 8; animation: routeFlow 11s linear infinite; }
.route-line.r2 { opacity: .55; animation-duration: 15s; }
.route-pulse { fill: #071621; stroke: #46dce2; stroke-width: 3; }
.route-pulse.p2 { stroke: #4b87ff; }
.route-pulse.p3 { stroke: #82e9ad; }
@keyframes routeFlow { to { stroke-dashoffset: -160; } }
.command-node { position: absolute; min-width: 92px; padding: 9px 11px; border: 1px solid rgba(101,154,187,.28); border-radius: 9px; background: rgba(6,23,35,.82); box-shadow: 0 12px 32px rgba(0,0,0,.18); backdrop-filter: blur(9px); }
.command-node b { display: block; color: var(--cyan); font: 600 9px var(--mono); }
.command-node span { display: block; margin-top: 4px; color: #b7cad8; font-size: 11px; }
.command-node.node-cn { left: 8%; bottom: 15%; }
.command-node.node-core { left: 47%; top: 24%; transform: translateX(-50%); }
.command-node.node-global { right: 6%; bottom: 26%; }
.command-foot { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(121,165,194,.18); background: rgba(5,20,31,.64); }
.command-foot span { padding: 13px 16px; border-right: 1px solid rgba(121,165,194,.16); color: #a9bdca; font-size: 11px; }
.command-foot span:last-child { border-right: 0; }
.command-foot b { display: block; margin-bottom: 5px; color: #4fdbe1; font: 600 8px var(--mono); letter-spacing: .08em; }
.home-two { padding: 115px 0; background: #f5f7fa; }
.home-diff-head { display: block; }
.home-diff-head h2 { margin: 18px 0 0; font-size: clamp(42px,4vw,58px); line-height: 1.06; letter-spacing: -.05em; }
.home-diff-head p { margin: 24px 0 0; max-width: 460px; color: #62737f; font-size: 17px; line-height: 1.9; }
.difference-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 66px; border: 1px solid #cfd9e2; background: #cfd9e2; }
.difference-card { min-height: 370px; padding: 30px; background: white; }
.difference-card:nth-child(2) { color: white; background: #075cff; }
.difference-card small { font: 600 10px var(--mono); letter-spacing: .1em; color: #7c8c98; }
.difference-card:nth-child(2) small { color: #bcd3ff; }
.difference-card h3 { margin: 92px 0 16px; font-size: 25px; }
.difference-card p { color: #6a7985; line-height: 1.8; }
.difference-card:nth-child(2) p { color: rgba(255,255,255,.76); }
.difference-card span { display: block; margin-top: 28px; color: var(--blue); font: 600 11px var(--mono); }
.difference-card:nth-child(2) span { color: white; }
.home-partners { display: flex; align-items: center; padding: 112px 0; background: linear-gradient(90deg,rgba(7,92,255,.045) 1px,transparent 1px) 0 0/76px 76px,linear-gradient(rgba(7,92,255,.045) 1px,transparent 1px) 0 0/76px 76px,#fff; }
.home-partners::before { content: ""; position: absolute; width: 580px; height: 580px; right: -170px; top: -180px; border-radius: 50%; background: radial-gradient(circle,rgba(44,197,235,.13),rgba(7,92,255,.04) 48%,transparent 70%); }
.partner-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: center; }
.partner-copy h2 { margin: 20px 0 24px; font-size: clamp(46px,4.6vw,68px); line-height: 1.06; letter-spacing: -.055em; }
.partner-copy h2 span { color: var(--blue); }
.partner-copy > p { max-width: 510px; margin: 0; color: #62737f; font-size: 17px; line-height: 1.9; }
.partner-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.partner-tags span { padding: 10px 14px; border: 1px solid #d4e0e9; border-radius: 999px; color: #395064; background: rgba(255,255,255,.76); font-size: 12px; font-weight: 700; }
.partner-disclaimer { display: block; max-width: 520px; margin-top: 25px; color: #98a5af; font-size: 11px; line-height: 1.7; }
.partner-visual { position: relative; padding: 62px 48px 48px; border: 1px solid #d8e3eb; border-radius: 30px; background: rgba(247,250,253,.84); box-shadow: 0 34px 90px rgba(22,65,101,.12); }
.partner-visual::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(7,92,255,.08); border-radius: 22px; pointer-events: none; }
.partner-visual-label { position: absolute; top: 29px; left: 48px; color: #7890a1; font: 600 9px var(--mono); letter-spacing: .12em; }
.partner-logo-crop { position: relative; width: 100%; aspect-ratio: 526 / 296; overflow: hidden; border-radius: 42px; background: linear-gradient(135deg,#5378ef,#31c7e9); box-shadow: 0 27px 65px rgba(31,116,219,.28); }
.partner-logo-crop img { position: absolute; width: 272.81%; max-width: none; height: auto; left: -154.75%; top: -49.32%; }
.home-three { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding-top: 110px; color: white; background: radial-gradient(circle at 18% 16%,rgba(7,92,255,.3),transparent 27%),radial-gradient(circle at 88% 58%,rgba(41,206,220,.11),transparent 25%),#111014; }
.home-contact-layout { display: grid; grid-template-columns: .76fr 1.24fr; gap: 82px; align-items: start; }
.home-contact-copy { position: sticky; top: 115px; }
.home-contact-copy h2 { max-width: 620px; margin: 20px 0; font-size: clamp(44px,4.8vw,68px); line-height: 1.05; letter-spacing: -.055em; }
.home-contact-copy > p { max-width: 540px; margin: 0; color: #91a3af; font-size: 16px; line-height: 1.9; }
.home-contact-details { display: grid; gap: 1px; max-width: 510px; margin-top: 36px; overflow: hidden; border: 1px solid #2a3944; border-radius: 12px; background: #2a3944; }
.home-contact-details a { display: grid; grid-template-columns: 86px 1fr; align-items: center; min-height: 61px; padding: 0 17px; color: white; background: rgba(10,27,40,.86); }
.home-contact-details small { color: #708798; font-size: 11px; }
.home-contact-details strong { font-size: 14px; }
.home-wechat { position: relative; max-width: 510px; display: grid; grid-template-columns: 132px 1fr; gap: 22px; align-items: center; margin-top: 20px; padding: 18px; border: 1px solid #2a3944; border-radius: 14px; background: rgba(10,27,40,.7); }
.home-wechat__direct-link { position: absolute; z-index: 2; inset: 0; border-radius: inherit; }
.home-wechat__direct-link:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.home-wechat img { width: 132px; height: 132px; padding: 5px; border-radius: 9px; background: white; image-rendering: crisp-edges; }
.home-wechat small { display: block; color: var(--cyan); font: 600 9px var(--mono); letter-spacing: .1em; }
.home-wechat strong { display: block; margin-top: 8px; font-size: 20px; }
.home-wechat span { display: block; margin-top: 7px; color: #8da1af; font-size: 12px; line-height: 1.6; }
.home-lead-form { padding: 36px; border: 1px solid rgba(209,224,237,.82); border-radius: 20px; color: var(--ink); background: rgba(255,255,255,.98); box-shadow: 0 34px 100px rgba(0,0,0,.32); }
.home-form-head { grid-column: 1 / -1; display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid #dce5ec; }
.home-form-head small { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .1em; }
.home-form-head strong { font-size: 22px; }
.home-lead-form .field textarea { min-height: 112px; }
.home-form-note { grid-column: 1 / -1; margin: -2px 0 0; color: #81909a; font-size: 10px; line-height: 1.7; }
.home-portals { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 80px; border-top: 1px solid #2a3944; border-bottom: 1px solid #2a3944; }
.home-portals a { min-height: 135px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px 18px; border-right: 1px solid #2a3944; color: #c5d1d9; transition: .2s; }
.home-portals a:last-child { border-right: 0; }
.home-portals a:hover { color: white; background: #075cff; }
.home-portals small { color: #6f8797; font: 500 9px var(--mono); }
.home-portals a:hover small { color: #bfd4ff; }
.home-portals a span { display: block; margin-top: 4px; color: #5a7384; font-size: 10px; }
.home-portals a:hover span { color: #add0f5; }
.home-footer { padding: 27px 0; color: #718593; font-size: 12px; }
.home-footer .container { display: flex; justify-content: space-between; gap: 30px; }

/* Knowledge category pages: a concise directory with category navigation and article links. */
.knowledge-index-page { min-height: 100vh; padding: 42px 0 110px; background: #f7f9fb; }
.knowledge-breadcrumb { margin: 0 0 36px; }
.knowledge-index-layout { display: grid; grid-template-columns: 196px minmax(0,820px); gap: clamp(52px,7vw,112px); align-items: start; }
.knowledge-index-sidebar { position: sticky; top: 108px; padding: 8px 0 13px; border-right: 1px solid #d8e1eb; }
.knowledge-index-sidebar-title { padding: 0 0 25px; }
.knowledge-index-sidebar-title small { display: block; color: #8494a3; font: 600 8px var(--mono); letter-spacing: .12em; }
.knowledge-index-sidebar-title strong { display: block; margin-top: 9px; color: #1d3752; font-size: 20px; letter-spacing: -.04em; }
.knowledge-index-sidebar nav { display: grid; gap: 3px; }
.knowledge-index-sidebar nav a { position: relative; display: flex; align-items: center; min-height: 46px; padding: 0 22px 0 0; color: #64758a; font-size: 14px; transition: color .2s ease, transform .2s ease; }
.knowledge-index-sidebar nav a::before { position: absolute; top: 50%; right: -1px; width: 2px; height: 0; background: var(--blue); content: ''; transform: translateY(-50%); transition: height .2s ease; }
.knowledge-index-sidebar nav a:hover { color: var(--blue); transform: translateX(4px); }
.knowledge-index-sidebar nav a.active { color: var(--blue); font-weight: 700; }
.knowledge-index-sidebar nav a.active::before { height: 26px; }
.knowledge-index-main { min-width: 0; }
.knowledge-index-list-meta { display:flex; align-items:center; justify-content:space-between; padding:7px 0 18px; border-bottom:1px solid #b9c8d7; color:#7a8b9e; font:600 9px var(--mono); letter-spacing:.12em; }
.knowledge-index-list-meta strong { color:#466788; font:600 10px var(--mono); letter-spacing:.04em; }
.knowledge-index-list { border-bottom: 1px solid #d8e1ea; }
.knowledge-index-item { display: grid; grid-template-columns: 44px minmax(0,1fr) 30px; gap: 20px; align-items: center; min-height: 156px; padding: 27px 4px 27px 0; border-top: 1px solid #d8e1ea; color: inherit; transition: padding .24s ease, background .24s ease; }
.knowledge-index-item:first-child { border-top: 0; }
.knowledge-index-item:hover { padding-right: 16px; padding-left: 14px; background: rgba(255,255,255,.68); }
.knowledge-index-item > small { align-self: start; padding-top: 6px; color: var(--blue); font: 600 10px var(--mono); letter-spacing: .08em; }
.knowledge-index-item h2 { margin: 0; color: #263e5d; font-size: 21px; line-height: 1.35; letter-spacing: -.035em; transition: color .2s ease; }
.knowledge-index-item:hover h2 { color: var(--blue); }
.knowledge-index-meta { margin: 10px 0 0; color: #6c8198; font-size: 12px; }
.knowledge-index-meta span { padding: 0 5px; color: #b1c0cf; }
.knowledge-index-summary { margin: 8px 0 0; color: #7b8b9b; font-size: 13px; line-height: 1.75; }
.knowledge-index-arrow { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid #cfdae5; border-radius: 50%; color: #69819a; font-size: 14px; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.knowledge-index-item:hover .knowledge-index-arrow { border-color: var(--blue); color: white; background: var(--blue); transform: translate(2px,-2px); }
.knowledge-index-empty { padding: 52px 0; color: #6e8193; }
.knowledge-index-empty strong { display: block; color: #314a66; font-size: 18px; }
.knowledge-index-empty p { margin: 8px 0 0; font-size: 13px; }

.solution-case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 52px; border: 1px solid #294153; background: #294153; }
.solution-case-grid a { min-height: 300px; display: flex; flex-direction: column; padding: 28px; background: #0a1d2b; transition: background .22s ease, transform .22s ease; }
.solution-case-grid a:hover { background: #0e2940; transform: translateY(-4px); }
.solution-case-grid small { color: var(--cyan); font: 600 9px var(--mono); letter-spacing: .08em; }
.solution-case-grid h3 { margin: 78px 0 13px; color: white; font-size: 25px; }
.solution-case-grid p { margin: 0; color: #8fa5b5; font-size: 14px; line-height: 1.8; }
.solution-case-grid span { margin-top: auto; padding-top: 28px; color: white; font-size: 12px; font-weight: 700; }

@media (max-width: 1120px) {
  .main-nav { gap: 0; }
  .nav-primary-row { padding: 0 5px; }
  .nav-actions .button { display: none; }
}

@media (max-width: 980px) {
  .main-nav { display: none; }
  .nav-shell.menu-open .main-nav, .topbar.menu-open .main-nav { position: absolute; top: 68px; right: 18px; left: 18px; z-index: 90; display: block; max-height: calc(100vh - 95px); padding: 10px; overflow-y: auto; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); }
  .nav-group, .nav-primary-row { display: block; }
  .nav-primary-row { position: relative; padding: 0; }
  .nav-primary { min-height: 48px; padding: 0 44px 0 13px !important; }
  .submenu-toggle { position: absolute; top: 10px; right: 8px; }
  .nav-dropdown { position: static; width: auto; display: none; padding: 0 8px 10px 20px; border: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none !important; }
  .nav-group.open .nav-dropdown { display: block; }
  .nav-dropdown-head { display: none; }
  .subnav-link { min-height: 42px; }
  .section-subnav { top: 66px; padding: 12px 0; }
  .section-subnav-inner { min-height: 52px; gap: 0; padding: 3px 10px 0; border-radius: 10px; }
  .section-label { display: none; }
  .section-links a { min-height: 48px; padding: 0 18px; font-size: 13px; }
  .section-links a.active::after { right: 15px; left: 15px; }
  .page-hero::before { opacity: .55; right: -180px; }
  .home-hero, .home-diff-head, .partner-layout, .home-contact-layout { grid-template-columns: 1fr; }
  .home-hero { grid-template-rows: auto auto auto; gap: 30px; }
  .home-headline { grid-column: 1; }
  .home-hero h1 { white-space: normal; }
  .network-command { min-height: 390px; }
  .difference-grid { grid-template-columns: 1fr; }
  .difference-card { min-height: 270px; }
  .difference-card h3 { margin-top: 55px; }
  .partner-layout { gap: 48px; }
  .partner-copy > p { max-width: 680px; }
  .partner-visual { max-width: 720px; width: 100%; }
  .home-contact-layout { gap: 48px; }
  .home-contact-copy { position: static; }
  .home-contact-details, .home-wechat { max-width: 720px; }
  .home-lead-form { max-width: 760px; }
  .home-portals { grid-template-columns: repeat(3,1fr); }
  .home-portals a:nth-child(3) { border-right: 0; }
  .home-portals a:nth-child(-n+3) { border-bottom: 1px solid #2a3944; }
  .knowledge-index-layout { grid-template-columns: 184px minmax(0,1fr); gap: 40px; }
  .solution-case-grid { grid-template-columns: 1fr; }
  .solution-case-grid a { min-height: 230px; }
  .solution-case-grid h3 { margin-top: 45px; }
  .nav-shell.menu-open .main-nav > .nav-live-zone { min-height: 52px; margin: 7px 3px 4px; padding: 0 12px !important; border: 1px solid #cfe0f2; border-radius: 10px; background: #f4f9ff; }
  .nav-shell.menu-open .main-nav > .nav-live-zone::after { display: none; }
  .mobile-menu-actions { display: none; }
  .nav-shell.menu-open .main-nav .mobile-menu-actions { display: grid; grid-template-columns: .86fr 1.14fr; gap: 9px; margin: 12px 4px 4px; padding-top: 14px; border-top: 1px solid #dce6ee; }
  .nav-shell.menu-open .main-nav .mobile-menu-actions a { min-height: 44px; padding: 0 12px; border: 1px solid #cbd9e5; border-radius: 8px; color: #35536e; background: #f9fbfd; font-size: 13px; }
  .nav-shell.menu-open .main-nav .mobile-menu-actions .mobile-menu-sales { justify-content: center; border-color: #075cff; color: #fff; background: #075cff; box-shadow: none; white-space: nowrap; }
}

@media (max-width: 620px) {
  .nav-shell { gap: 14px; }
  .nav-console-link { width: 38px; min-height: 38px; padding: 0; }
  .nav-console-link__icon { width: 17px; height: 17px; }
  .nav-console-link__label,.nav-console-link__arrow { display: none; }
  .nav-shell.menu-open .main-nav .mobile-menu-actions .nav-console-link { width: auto; }
  .nav-shell.menu-open .main-nav .mobile-menu-actions .nav-console-link__label,
  .nav-shell.menu-open .main-nav .mobile-menu-actions .nav-console-link__arrow { display: inline; }
  .section-subnav { top: 66px; }
  .section-subnav-inner { width: calc(100% - 30px); padding: 3px 10px 0; }
  .reference-visual { min-height: 390px; }
  .home-screen { min-height: auto; }
  .home-hero { min-height: auto; padding: 68px 0 74px; }
  .home-hero h1 { font-size: 48px; line-height: 1.03; }
  .home-hero h1 span { display: block; }
  .network-command { min-height: 355px; }
  .command-map { height: 235px; }
  .command-head { padding: 15px; }
  .command-head span { max-width: 170px; }
  .command-foot span { padding: 11px 9px; font-size: 10px; }
  .command-node { min-width: 78px; padding: 8px; }
  .home-two, .home-partners, .home-three { padding-top: 78px; }
  .home-partners { padding-bottom: 78px; }
  .partner-layout { gap: 35px; }
  .partner-copy h2 { font-size: 43px; }
  .partner-visual { padding: 48px 18px 18px; border-radius: 22px; }
  .partner-visual::before { inset: 10px; border-radius: 17px; }
  .partner-visual-label { top: 21px; left: 19px; }
  .partner-logo-crop { border-radius: 24px; }
  .home-contact-copy h2 { font-size: 43px; }
  .home-contact-details a { grid-template-columns: 74px 1fr; padding: 0 13px; }
  .home-wechat { grid-template-columns: 112px 1fr; gap: 16px; }
  .home-wechat img { width: 112px; height: 112px; }
  .home-lead-form { padding: 24px 18px; border-radius: 15px; }
  .home-form-head { align-items: start; flex-direction: column; gap: 6px; }
  .home-form-note { grid-column: auto; }
  .home-portals { grid-template-columns: 1fr 1fr; }
  .home-portals a, .home-portals a:nth-child(3) { min-height: 110px; border-right: 1px solid #2a3944; border-bottom: 1px solid #2a3944; }
  .home-portals a:nth-child(2n) { border-right: 0; }
  .home-portals a:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .home-footer .container { flex-direction: column; }
  .knowledge-index-page { padding-top: 28px; }
  .knowledge-breadcrumb { margin-bottom: 26px; }
  .knowledge-index-layout { grid-template-columns: 1fr; gap: 28px; }
  .knowledge-index-sidebar { position: static; padding: 0; border-right: 0; border-bottom: 1px solid #d8e1eb; }
  .knowledge-index-sidebar-title { padding-bottom: 17px; }
  .knowledge-index-sidebar nav { grid-template-columns: 1fr 1fr; gap: 0 18px; }
  .knowledge-index-sidebar nav a { min-height: 39px; font-size: 13px; }
  .knowledge-index-sidebar nav a::before { right: auto; left: 0; width: 0; height: 2px; transform: none; transition: width .2s ease; }
  .knowledge-index-sidebar nav a.active::before { width: 20px; height: 2px; }
  .knowledge-index-list-meta { padding:0 0 15px; }
  .knowledge-index-item { grid-template-columns: 34px minmax(0,1fr) 25px; gap: 13px; min-height: 0; padding: 23px 0; }
  .knowledge-index-layout,.knowledge-index-main,.knowledge-index-list,.knowledge-index-item,.knowledge-index-item > div { min-width: 0; max-width: 100%; }
  .knowledge-index-item h2,.knowledge-index-summary { overflow-wrap: anywhere; }
  .knowledge-index-item:hover { padding-right: 6px; padding-left: 6px; }
  .knowledge-index-item h2 { font-size: 18px; }
  .knowledge-index-summary { font-size: 12px; }
}

/* Homepage visual direction: global connection */
.home-body { background: #f9fbff; }
.home-one { isolation: isolate; display: flex; align-items: center; color: #071521; background: radial-gradient(circle at 50% 38%,#fff 0,#f8fbff 45%,#edf4ff 100%); }
.home-one::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .36; background-image: linear-gradient(rgba(7,92,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,92,255,.055) 1px,transparent 1px); background-size: 76px 76px; mask-image: radial-gradient(circle at 50% 45%,black 0,transparent 72%); }
.home-one::after { content: ""; position: absolute; z-index: -1; width: 72%; height: 1px; left: 14%; bottom: 72px; background: linear-gradient(90deg,transparent,rgba(7,92,255,.28),transparent); }
.hero-earth { position: absolute; z-index: -2; inset: 0; overflow: hidden; background: #eff7ff; }
.hero-earth::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(ellipse at 50% 49%,rgba(255,255,255,.72) 0,rgba(255,255,255,.6) 34%,rgba(249,252,255,.3) 68%,rgba(242,247,252,.18) 100%); }
.hero-earth::after { content: ""; position: absolute; z-index: 2; inset: 0; box-shadow: inset 0 -100px 150px rgba(235,242,249,.7); pointer-events: none; }
.hero-earth img { width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: .82; filter: grayscale(.16) saturate(.42) contrast(.84) brightness(1.02); }
.hero-network-flow { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; opacity: .78; mask-image: radial-gradient(ellipse 29% 27% at 50% 48%,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 58%,#000 92%); }
.map-flow-route { fill: none; stroke: url(#hero-flow-gradient); stroke-width: 1.15; stroke-linecap: round; vector-effect: non-scaling-stroke; opacity: .58; }
.map-flow-pulse { fill: none; stroke: #168bff; stroke-width: 2.15; stroke-linecap: round; stroke-dasharray: 9 91; vector-effect: non-scaling-stroke; animation: mapRouteFlow 11s linear infinite; }
.map-pulse-b { stroke: #42dce2; animation-duration: 13s; animation-delay: -6s; }
.secondary-map-route { stroke-width: .72; opacity: .34; }
.secondary-map-pulse { stroke-width: 1.15; stroke-dasharray: 5 95; opacity: .72; animation-duration: 16s; }
.map-pulse-d { animation-delay: -7s; }.map-pulse-e { animation-delay: -11s; }.map-pulse-f { animation-delay: -4s; }
.map-node { fill: url(#hero-node-gradient); transform-box: fill-box; transform-origin: center; animation: mapNodePulse 4.2s ease-in-out infinite; }
.map-node-hub { animation-duration: 3.2s; }
.micro-map-node { opacity: .72; }
.map-particle { fill: #168bff; opacity: .9; }
.cyan-particle,.secondary-map-particle { fill: #42dce2; }
.secondary-map-particle { opacity: .66; }
@keyframes mapRouteFlow { to { stroke-dashoffset: -100; } }
@keyframes mapNodePulse { 0%,100% { opacity: .24; transform: scale(.7); } 50% { opacity: .9; transform: scale(1.28); } }
.home-hero { position: relative; z-index: 1; min-height: calc(100vh - 78px); display: flex; align-items: center; justify-content: center; padding: 92px 0 105px; text-align: center; }
.home-headline { width: min(890px,100%); }
.hero-chip { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border: 1px solid rgba(7,92,255,.14); border-radius: 999px; color: #075cff; background: rgba(255,255,255,.72); box-shadow: 0 10px 30px rgba(7,92,255,.08); backdrop-filter: blur(10px); font: 600 9px var(--mono); letter-spacing: .14em; }
.hero-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(59,217,223,.12); }
.home-hero h1 { margin: 24px 0 0; font-size: clamp(64px,7.3vw,108px); line-height: .94; letter-spacing: -.075em; white-space: nowrap; text-shadow: 0 18px 60px rgba(255,255,255,.9); }
.home-hero h1 span { color: var(--blue); }
.home-intro { max-width: 720px; margin: 28px auto 0; color: #586d7d; font-size: 17px; line-height: 1.9; text-shadow: 0 2px 15px #fff; }
.home-actions { justify-content: center; margin-top: 30px; }
.home-actions .button { min-width: 150px; }
.home-proof-line { justify-content: center; gap: 0; margin-top: 38px; color: #31495b; }
.home-proof-line span { min-width: 160px; justify-content: center; padding: 0 28px; border-right: 1px solid rgba(102,129,153,.22); font-size: 12px; font-weight: 700; }
.home-proof-line span:last-child { border-right: 0; }
.home-proof-line span::before { width: 8px; height: 8px; background: #fff; border: 2px solid var(--blue); box-shadow: 0 0 0 5px rgba(7,92,255,.08); }
.hero-coordinate { position: absolute; right: 4%; bottom: 34px; display: flex; align-items: center; gap: 13px; color: #8a9aa8; font: 500 8px var(--mono); letter-spacing: .12em; }
.hero-coordinate i { width: 38px; height: 1px; background: #b8c8d6; }
.hero-scroll { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); width: 22px; height: 36px; border: 1.5px solid rgba(82,112,135,.28); border-radius: 11px; }
.hero-scroll span { display: block; width: 4px; height: 8px; margin: 8px auto 0; border-radius: 2px; background: rgba(23,104,233,.3); animation: heroScroll 2.4s ease-in-out infinite; }
@keyframes heroScroll { 0%,100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(8px); } }
.partner-visual-note { display: block; margin-top: 18px; color: #8b9ca8; font-size: 10px; line-height: 1.6; }
@media (max-width: 620px) { .hero-scroll { bottom: 18px; } }

.home-two { display: flex; align-items: center; padding: 108px 0; color: var(--ink); background: #fff; }
.home-two::before { content: ""; position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(7,92,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,92,255,.05) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,transparent,black 10%,black 88%,transparent); }
.home-two .container { position: relative; z-index: 1; max-width: 1200px; }
.home-two .kicker { color: var(--blue); }
.home-diff-head { display: block; }
.home-diff-head h2 { color: var(--ink); font-size: clamp(44px,4.6vw,66px); }
.home-diff-head p { max-width: 460px; color: #62737f; }
.difference-system { position: relative; min-height: 610px; margin-top: 48px; }
.system-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(65,137,184,.28); border-radius: 50%; transform: translate(-50%,-50%); }
.system-orbit::after { content: ""; position: absolute; width: 9px; height: 9px; left: 11%; top: 17%; border: 2px solid #3bd9df; border-radius: 50%; background: #07131d; box-shadow: 0 0 18px rgba(59,217,223,.7); }
.orbit-one { width: 670px; height: 420px; transform: translate(-50%,-50%) rotate(-9deg); }
.orbit-two { width: 470px; height: 470px; border-style: dashed; animation: orbitRotate 34s linear infinite; }
@keyframes orbitRotate { to { transform: translate(-50%,-50%) rotate(360deg); } }
.system-core { position: absolute; z-index: 2; width: 196px; height: 196px; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(93,230,235,.7); border-radius: 50%; background: radial-gradient(circle at 35% 28%,#1883ff,#075cff 56%,#0340af); box-shadow: 0 0 0 22px rgba(7,92,255,.09),0 0 0 55px rgba(7,92,255,.04),0 30px 80px rgba(0,45,155,.4); transform: translate(-50%,-50%); text-align: center; }
.system-core small { color: #b8eff2; font: 600 8px var(--mono); letter-spacing: .13em; }
.system-core strong { margin: 11px 0; font-size: 28px; line-height: 1.14; }
.system-core span { color: #bbd4ff; font: 500 7px var(--mono); letter-spacing: .09em; }
.system-node { position: absolute; z-index: 3; width: 320px; min-height: 218px; padding: 26px; border: 1px solid rgba(76,117,145,.35); border-radius: 18px; background: linear-gradient(145deg,rgba(15,42,59,.92),rgba(8,29,43,.82)); box-shadow: 0 25px 70px rgba(0,0,0,.22); backdrop-filter: blur(16px); transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.system-node:hover { border-color: rgba(59,217,223,.65); transform: translateY(-6px); box-shadow: 0 30px 75px rgba(0,0,0,.3),0 0 35px rgba(7,92,255,.12); }
.system-node::before { content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid #42dce2; border-radius: 50%; background: #07131d; box-shadow: 0 0 15px rgba(66,220,226,.7); }
.system-node small { color: #59dce2; font: 600 9px var(--mono); letter-spacing: .11em; }
.system-node h3 { margin: 39px 0 10px; font-size: 25px; }
.system-node p { margin: 0; color: #91a7b6; font-size: 13px; line-height: 1.75; }
.system-node > span { display: block; margin-top: 18px; color: #d9ebf7; font: 600 9px var(--mono); }
.resource-node { left: 0; top: 38px; }.resource-node::before { right: -21px; top: 50%; }
.compliance-node { right: 0; top: 38px; }.compliance-node::before { left: -21px; top: 50%; }
.service-node { left: 50%; bottom: 0; transform: translateX(-50%); }.service-node:hover { transform: translate(-50%,-6px); }.service-node::before { left: 50%; top: -21px; }

.home-partners { display: flex; align-items: center; padding: 108px 0; background: radial-gradient(circle at 78% 48%,rgba(7,92,255,.1),transparent 30%),linear-gradient(135deg,#fff,#f2f7ff); }
.home-partners::before { width: 720px; height: 720px; right: -220px; top: -220px; background: repeating-radial-gradient(circle,rgba(7,92,255,.06) 0 1px,transparent 1px 46px); }
.partner-layout { grid-template-columns: .88fr 1.12fr; gap: 60px; }
.partner-copy h2 { font-size: clamp(48px,4.6vw,68px); }
.partner-copy h2 span { white-space: nowrap; }
.partner-copy > p { color: #5d7181; }
.partner-tags span { border-color: rgba(7,92,255,.14); background: rgba(255,255,255,.82); box-shadow: 0 8px 22px rgba(20,58,91,.05); }
.ecosystem-visual { min-height: 610px; overflow: hidden; padding: 0; border: 1px solid rgba(158,187,216,.48); border-radius: 50px 18px 50px 18px; background: radial-gradient(circle at 50% 39%,rgba(7,92,255,.15),transparent 19%),linear-gradient(rgba(7,92,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,92,255,.05) 1px,transparent 1px),rgba(255,255,255,.7); background-size: auto,42px 42px,42px 42px,auto; box-shadow: 0 40px 100px rgba(24,72,115,.15); }
.ecosystem-visual::before { inset: 24px; border-radius: 38px 12px 38px 12px; }
.partner-visual-label { z-index: 4; top: 29px; }
.eco-orbit { position: absolute; left: 50%; top: 45%; border: 1px solid rgba(7,92,255,.17); border-radius: 50%; transform: translate(-50%,-50%) rotate(-13deg); }
.eco-orbit::after { content: ""; position: absolute; width: 8px; height: 8px; top: 15%; left: 12%; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(59,217,223,.12),0 0 20px rgba(59,217,223,.55); }
.eco-orbit-a { width: 84%; height: 55%; }
.eco-orbit-b { width: 61%; height: 61%; border-style: dashed; transform: translate(-50%,-50%) rotate(33deg); }
.eco-core { position: absolute; z-index: 5; width: 154px; height: 154px; left: 50%; top: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: white; background: linear-gradient(145deg,#0b7cff,#075cff 58%,#0641bd); box-shadow: 0 0 0 18px rgba(7,92,255,.08),0 25px 60px rgba(7,92,255,.28); transform: translateX(-50%); }
.eco-core-mark { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 10px; background: rgba(255,255,255,.14); font-weight: 800; }
.eco-core strong { margin-top: 8px; font-size: 17px; }.eco-core small { margin-top: 3px; color: #bed6ff; font: 500 6px var(--mono); letter-spacing: .12em; }
.eco-satellite { position: absolute; z-index: 3; padding: 8px 11px; border: 1px solid rgba(7,92,255,.16); border-radius: 999px; color: #41617b; background: rgba(255,255,255,.88); box-shadow: 0 10px 28px rgba(31,79,118,.1); font: 600 8px var(--mono); letter-spacing: .12em; }
.satellite-cloud { left: 7%; top: 25%; }.satellite-network { right: 5%; top: 37%; }.satellite-service { left: 12%; bottom: 21%; }
.ecosystem-visual .partner-logo-crop { position: absolute; z-index: 4; width: 76%; left: 12%; bottom: 48px; border-radius: 32px; box-shadow: 0 28px 70px rgba(20,101,199,.25); }

.home-three { isolation: isolate; padding-top: 110px; background: radial-gradient(circle at 20% 22%,rgba(7,92,255,.35),transparent 26%),radial-gradient(circle at 85% 55%,rgba(59,217,223,.12),transparent 24%),#071119; }
.home-three::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .22; background-image: linear-gradient(rgba(80,136,171,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(80,136,171,.2) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom,black,transparent 78%); }
.contact-globe { position: absolute; z-index: -1; width: 720px; height: 720px; left: -170px; top: 130px; border: 1px solid rgba(85,164,213,.17); border-radius: 50%; box-shadow: inset 0 0 100px rgba(7,92,255,.08),0 0 0 58px rgba(7,92,255,.025),0 0 0 118px rgba(7,92,255,.015); transform: rotate(-14deg); }
.contact-globe::before,.contact-globe::after { content: ""; position: absolute; inset: 0 26%; border: 1px solid rgba(85,164,213,.15); border-radius: 50%; }
.contact-globe::after { inset: 26% 0; }
.contact-globe i { position: absolute; width: 86%; height: 26%; left: 7%; border: 1px solid rgba(85,164,213,.12); border-radius: 50%; }
.contact-globe i:nth-child(1) { top: 16%; }.contact-globe i:nth-child(2) { top: 37%; }.contact-globe i:nth-child(3) { top: 58%; }
.contact-globe b { position: absolute; width: 8px; height: 8px; border: 2px solid var(--cyan); border-radius: 50%; background: #071119; box-shadow: 0 0 18px rgba(59,217,223,.7); }
.contact-globe b:nth-of-type(1) { left: 22%; top: 35%; }.contact-globe b:nth-of-type(2) { right: 24%; top: 27%; }.contact-globe b:nth-of-type(3) { right: 17%; bottom: 29%; }
.home-contact-layout { position: relative; z-index: 1; }
.home-contact-copy h2 { text-wrap: balance; }
.home-contact-details { border-color: rgba(75,122,151,.3); background: rgba(35,69,91,.5); box-shadow: 0 22px 60px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
.home-contact-details a { background: rgba(7,24,35,.74); }
.home-wechat { border-color: rgba(75,122,151,.3); background: rgba(7,24,35,.72); box-shadow: 0 22px 60px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
.qr-frame { position: relative; width: 132px; height: 132px; overflow: hidden; padding: 5px; border-radius: 10px; background: white; }
.home-wechat .qr-frame img { width: 100%; height: 100%; padding: 0; border-radius: 6px; }
.qr-frame::before,.qr-frame::after { content: ""; position: absolute; z-index: 2; width: 22px; height: 22px; border-color: #075cff; border-style: solid; }
.qr-frame::before { left: 0; top: 0; border-width: 2px 0 0 2px; }.qr-frame::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
.qr-frame i { position: absolute; z-index: 2; right: 7px; left: 7px; top: 14px; height: 1px; background: linear-gradient(90deg,transparent,#075cff,transparent); box-shadow: 0 0 8px rgba(7,92,255,.7); animation: qrScan 3.2s ease-in-out infinite; }
@keyframes qrScan { 0%,100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(96px); opacity: 1; } }
.home-lead-form { border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.96); box-shadow: 0 45px 120px rgba(0,0,0,.38); backdrop-filter: blur(24px); }
.home-lead-form .field input,.home-lead-form .field select,.home-lead-form .field textarea { background: rgba(247,250,253,.9); }
.home-portals { position: relative; z-index: 1; }

@media (max-width: 980px) {
  .home-hero h1 { white-space: normal; }
  .home-diff-head { display: block; }
  .home-diff-head p { margin-top: 18px; }
  .partner-layout { grid-template-columns: 1fr; }
  .difference-system { min-height: auto; display: grid; gap: 13px; padding-top: 330px; }
  .system-core { top: 145px; }
  .system-orbit { top: 145px; }
  .orbit-one { width: 580px; height: 280px; }
  .orbit-two { width: 310px; height: 310px; }
  .system-node { position: relative; width: 100%; left: auto; right: auto; top: auto; bottom: auto; transform: none; }
  .system-node:hover { transform: translateY(-4px); }
  .system-node::before { display: none; }
  .ecosystem-visual { min-height: 610px; }
  .partner-copy h2 span { white-space: normal; }
}

@media (max-width: 620px) {
  .home-one { min-height: 760px; }
  .home-one::after { bottom: 42px; }
  .hero-earth img { object-position: center center; opacity: .72; }
  .hero-earth::before { background: radial-gradient(ellipse at 50% 49%,rgba(255,255,255,.77) 0,rgba(255,255,255,.67) 34%,rgba(247,250,253,.4) 70%,rgba(239,245,251,.26) 100%); }
  .hero-network-flow { opacity: .62; mask-image: radial-gradient(ellipse 42% 35% at 50% 48%,rgba(0,0,0,.08) 0,rgba(0,0,0,.22) 58%,#000 92%); }
  .map-link-d,.map-link-e,.map-link-f { display: none; }
  .home-hero { min-height: 700px; padding: 70px 0 90px; }
  .hero-chip { font-size: 7px; }
  .home-hero h1 { margin-top: 20px; font-size: 51px; line-height: 1.02; }
  .home-hero h1 span { display: block; }
  .home-intro { margin-top: 23px; font-size: 14px; line-height: 1.85; }
  .home-actions { margin-top: 24px; }
  .home-actions .button { min-width: 0; flex: 1; padding: 0 12px; font-size: 13px; }
  .home-proof-line { margin-top: 29px; }
  .home-proof-line span { min-width: 0; flex: 1; padding: 0 7px; font-size: 10px; }
  .home-proof-line span::before { display: none; }
  .hero-coordinate { right: 20px; bottom: 22px; }
  .home-two { padding: 84px 0; }
  .home-diff-head h2 { font-size: 42px; }
  .home-diff-head p { font-size: 14px; }
  .difference-system { margin-top: 28px; padding-top: 255px; }
  .system-core { width: 150px; height: 150px; top: 105px; }
  .system-core strong { font-size: 22px; }
  .system-orbit { top: 105px; }
  .orbit-one { width: 330px; height: 190px; }
  .orbit-two { width: 220px; height: 220px; }
  .system-node { min-height: 205px; padding: 23px; }
  .system-node-body h3 { margin-top: 8px; }
  .home-partners { padding: 82px 0; }
  .partner-copy h2 { font-size: 42px; }
  .ecosystem-visual { min-height: 470px; }
  .eco-core { width: 112px; height: 112px; top: 65px; }
  .eco-core-mark { width: 29px; height: 29px; }
  .eco-core strong { font-size: 14px; }
  .eco-satellite { display: none; }
  .eco-orbit-a { width: 96%; height: 48%; top: 41%; }
  .eco-orbit-b { width: 72%; height: 52%; top: 41%; }
  .ecosystem-visual .partner-logo-crop { width: 90%; left: 5%; bottom: 32px; border-radius: 24px; }
  .contact-globe { width: 560px; height: 560px; left: -260px; top: 120px; }
  .qr-frame { width: 112px; height: 112px; }
  .home-wechat { grid-template-columns: 112px 1fr; }
  .home-three { padding-top: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .map-flow-pulse,.map-node,.orbit-two,.qr-frame i { animation: none; }
  .map-particle { display: none; }
}

/* Homepage: delivery assurance and compliance evidence */
.home-assurance {
  display: flex;
  align-items: center;
  padding: 108px 0;
  background:
    linear-gradient(rgba(7,92,255,.045) 1px,transparent 1px) 0 0/52px 52px,
    linear-gradient(90deg,rgba(7,92,255,.045) 1px,transparent 1px) 0 0/52px 52px,
    radial-gradient(circle at 82% 24%,rgba(59,217,223,.13),transparent 27%),
    #f5f9fd;
}
.home-assurance::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -270px;
  bottom: -280px;
  border: 1px solid rgba(7,92,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(7,92,255,.025),0 0 0 118px rgba(7,92,255,.018);
}
.assurance-home-layout { position: relative; z-index: 1; }
.assurance-home-layout {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 52px;
  align-items: start;
}
.assurance-home-left h2 {
  margin: 18px 0 0;
  font-size: clamp(46px,4.8vw,70px);
  line-height: 1.02;
  letter-spacing: -.06em;
}
.assurance-home-left h2 span { color: var(--blue); }
.assurance-home-left > p {
  max-width: 520px;
  margin: 22px 0 0;
  color: #5e7281;
  font-size: 16px;
  line-height: 1.9;
}
.assurance-home-bottom {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid #dce4eb;
  gap: 0;
}
.assurance-home-bottom span {
  padding: 0 18px;
  border-right: 1px solid #dce4eb;
}
.assurance-home-bottom span:first-child { padding-left: 0; }
.assurance-home-bottom span:last-child { border-right: 0; }
.assurance-home-bottom small { display: block; color: #7d8d9a; font-size: 10px; }
.assurance-home-bottom strong { display: block; margin-top: 5px; font-size: 14px; }
.assurance-home-boundary { margin-top: 28px; color: #8b9ba6; font-size: 11px; line-height: 1.7; }
.delivery-track {
  overflow: hidden;
  border: 1px solid #d4e0e9;
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 28px 85px rgba(29,69,103,.1);
}
.delivery-track-head {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 25px;
  border-bottom: 1px solid #dce6ed;
}
.delivery-track-head small { color: #7f92a0; font: 600 9px var(--mono); letter-spacing: .11em; }
.delivery-track-head strong { font-size: 17px; }
.delivery-track article {
  min-height: 104px;
  display: grid;
  grid-template-columns: 45px minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 25px;
  border-bottom: 1px solid #e1e8ee;
  transition: background .22s ease,transform .22s ease;
}
.delivery-track article:last-child { border-bottom: 0; }
.delivery-track article:hover { background: #f1f6fd; transform: translateX(4px); }
.delivery-track article > b {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(7,92,255,.22);
  border-radius: 50%;
  color: var(--blue);
  background: #f4f8ff;
  font: 600 10px var(--mono);
}
.delivery-track h3 { margin: 0 0 7px; font-size: 17px; }
.delivery-track p { margin: 0; color: #6b7d89; font-size: 12px; line-height: 1.7; }
.delivery-track article > span { color: #91a1ac; font: 600 8px var(--mono); letter-spacing: .1em; }
.response-panel {
  min-height: 488px;
  display: flex;
  flex-direction: column;
  padding: 0 28px 28px;
  overflow: hidden;
  border: 1px solid #153750;
  border-radius: 20px;
  color: white;
  background:
    radial-gradient(circle at 73% 35%,rgba(7,92,255,.32),transparent 28%),
    linear-gradient(rgba(93,155,194,.08) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(93,155,194,.08) 1px,transparent 1px) 0 0/28px 28px,
    #071723;
  box-shadow: 0 32px 90px rgba(7,23,35,.24);
}
.response-panel-head {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0 -28px;
  padding: 0 28px;
  border-bottom: 1px solid rgba(91,137,168,.22);
  font: 600 8px var(--mono);
  letter-spacing: .11em;
}
.response-panel-head small { color: #7692a5; }
.response-panel-head i { color: var(--cyan); font-style: normal; }
.response-title { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 30px 0 22px; }
.response-title > span { max-width: 470px; font-size: clamp(30px,3vw,43px); font-weight: 800; line-height: 1.08; letter-spacing: -.05em; }
.response-title > small { max-width: 460px; margin-top: 17px; color: #8ea7b8; font-size: 12px; line-height: 1.75; }
.response-route {
  display: grid;
  grid-template-columns: repeat(7,auto);
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 20px 0;
  border-top: 1px solid rgba(91,137,168,.22);
  border-bottom: 1px solid rgba(91,137,168,.22);
}
.response-route > div { display: grid; gap: 7px; text-align: center; }
.response-route b { color: var(--cyan); font: 600 9px var(--mono); }
.response-route span { color: #d9e7ef; font-size: 11px; white-space: nowrap; }
.response-route > i {
  position: relative;
  width: 20px;
  height: 1px;
  overflow: hidden;
  background: #345166;
}
.response-route > i::after {
  content: "";
  position: absolute;
  width: 55%;
  height: 100%;
  background: linear-gradient(90deg,transparent,var(--cyan));
  animation: responseFlow 2.8s linear infinite;
}
@keyframes responseFlow { from { transform: translateX(-120%); } to { transform: translateX(230%); } }
.response-proof { display: grid; grid-template-columns: repeat(3,1fr); }
.response-proof span { padding: 18px 0 0; }
.response-proof span + span { padding-left: 22px; border-left: 1px solid rgba(91,137,168,.22); }
.response-proof small { display: block; color: #6f8b9e; font-size: 9px; }
.response-proof strong { display: block; margin-top: 6px; font-size: 13px; }
.assurance-home-boundary {
  margin: 21px 0 0;
  color: #8b9ba6;
  font-size: 11px;
  line-height: 1.7;
}

.home-compliance {
  isolation: isolate;
  display: flex;
  align-items: center;
  padding: 108px 0;
  color: white;
  background:
    radial-gradient(circle at 78% 25%,rgba(7,92,255,.28),transparent 26%),
    radial-gradient(circle at 17% 81%,rgba(59,217,223,.1),transparent 24%),
    #07131d;
}
.home-compliance::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .34;
  background-image: radial-gradient(rgba(103,160,195,.48) 1px,transparent 1px);
  background-size: 25px 25px;
  mask-image: linear-gradient(90deg,transparent,black 28%,black 86%,transparent);
}
.compliance-watermark {
  position: absolute;
  z-index: -1;
  right: -36px;
  bottom: -22px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(108,158,190,.09);
  font: 800 clamp(120px,16vw,250px)/.8 var(--sans);
  letter-spacing: -.07em;
  user-select: none;
}
.compliance-home-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .76fr 1.24fr;
  gap: 82px;
  align-items: center;
}
.compliance-home-copy h2 {
  margin: 21px 0 25px;
  font-size: clamp(46px,4.7vw,68px);
  line-height: 1.04;
  letter-spacing: -.06em;
}
.compliance-home-copy h2 span { color: #77c9ff; }
.compliance-home-copy > p { max-width: 520px; margin: 0; color: #91a7b7; font-size: 15px; line-height: 1.9; }
.compliance-rule {
  max-width: 520px;
  margin-top: 38px;
  padding: 21px 23px;
  border-left: 2px solid var(--cyan);
  background: rgba(14,39,56,.72);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.compliance-rule small { display: block; color: var(--cyan); font: 600 8px var(--mono); letter-spacing: .1em; }
.compliance-rule strong { display: block; margin-top: 10px; color: #d9e6ee; font-size: 13px; line-height: 1.75; }
.credential-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  perspective: 1000px;
}
.credential-grid article {
  position: relative;
  min-height: 278px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  overflow: hidden;
  border: 1px solid rgba(85,133,164,.35);
  border-radius: 16px;
  background: linear-gradient(145deg,rgba(16,45,63,.94),rgba(8,28,42,.86));
  box-shadow: 0 24px 65px rgba(0,0,0,.2);
  transition: transform .25s ease,border-color .25s ease,background .25s ease;
}
.credential-grid article::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -75px;
  bottom: -75px;
  border: 1px solid rgba(59,217,223,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgba(59,217,223,.025);
}
.credential-grid article:hover { transform: translateY(-6px); border-color: rgba(59,217,223,.62); background: linear-gradient(145deg,rgba(18,54,75,.98),rgba(8,31,47,.92)); }
.credential-grid article > small { color: #65dbe1; font: 600 8px var(--mono); letter-spacing: .1em; }
.credential-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-top: 27px;
  border: 1px solid rgba(119,201,255,.34);
  border-radius: 12px;
  color: #8bd8ff;
  background: rgba(7,92,255,.12);
  font-size: 18px;
  font-weight: 800;
}
.credential-grid h3 { margin: 23px 0 10px; font-size: 21px; }
.credential-grid p { margin: 0; color: #8fa6b6; font-size: 12px; line-height: 1.75; }
.credential-grid article > b { margin-top: auto; padding-top: 18px; color: #d5e5ee; font: 600 9px var(--mono); letter-spacing: .08em; }
.home-portals { grid-template-columns: repeat(4,1fr); }

@media (max-width: 980px) {
  .assurance-home-layout,.compliance-home-layout { grid-template-columns: 1fr; gap: 28px; }
  .compliance-home-layout { gap: 48px; }
  .home-portals { grid-template-columns: 1fr 1fr; }
  .home-portals a:nth-child(2) { border-right: 0; }
  .home-portals a:nth-child(-n+2) { border-bottom: 1px solid #2a3944; }
}

@media (max-width: 620px) {
  .home-assurance,.home-compliance { padding: 82px 0; }
  .assurance-home-left h2,.compliance-home-copy h2 { font-size: 42px; }
  .assurance-home-left > p,.compliance-home-copy > p { font-size: 14px; }
  .assurance-home-layout { margin-top: 32px; }
  .delivery-track article { grid-template-columns: 40px 1fr; gap: 13px; padding: 17px; }
  .delivery-track article > span { display: none; }
  .delivery-track-head { padding: 0 18px; }
  .response-panel { min-height: 470px; padding: 0 20px 22px; }
  .response-panel-head { margin: 0 -20px; padding: 0 20px; }
  .response-title > span { font-size: 34px; }
  .response-route { grid-template-columns: 1fr 1fr; gap: 12px; }
  .response-route > i { display: none; }
  .response-route > div { padding: 12px 8px; border: 1px solid rgba(91,137,168,.2); border-radius: 9px; }
  .credential-grid { grid-template-columns: 1fr; }
  .credential-grid article { min-height: 245px; }
  .compliance-watermark { bottom: 0; font-size: 110px; }
  .home-portals a:last-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .response-route > i::after { animation: none; }
}

/* Intelligent WAN — customer-language product pages */
.wan-overview-hero { background: radial-gradient(circle at 78% 36%,rgba(59,217,223,.15),transparent 28%),linear-gradient(135deg,#f8fbff 0,#eef5ff 58%,#f7fbff 100%); }
.wan-overview-hero::before { top: 0; right: 0; width: 46%; height: 100%; opacity: .12; background: repeating-linear-gradient(135deg,rgba(7,92,255,.42) 0 1px,transparent 1px 28px); transform: none; }
.wan-overview-hero::after { right: -230px; bottom: -300px; }
.wan-overview-visual { position: relative; min-height: 480px; overflow: hidden; border: 1px solid rgba(46,100,137,.36); border-radius: 26px; color: white; background: radial-gradient(circle at 50% 50%,rgba(7,92,255,.28),transparent 30%),radial-gradient(circle at 12% 10%,rgba(59,217,223,.15),transparent 28%),#07131d; box-shadow: 0 38px 100px rgba(4,23,38,.28); }
.wan-overview-visual::before { content: ""; position: absolute; inset: 0; opacity: .3; background-image: radial-gradient(rgba(105,171,206,.65) 1px,transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(circle at 50% 50%,black,transparent 78%); }
.wan-visual-head { position: relative; z-index: 3; display: flex; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid rgba(91,135,163,.3); color: #7793a6; font: 600 8px var(--mono); letter-spacing: .11em; }
.wan-visual-head span:last-child { color: var(--cyan); }
.wan-visual-orbit { position: absolute; left: 50%; top: 54%; border: 1px solid rgba(82,168,215,.3); border-radius: 50%; transform: translate(-50%,-50%) rotate(-12deg); }
.wan-visual-orbit::after { content: ""; position: absolute; width: 7px; height: 7px; right: 11%; top: 20%; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
.wan-visual-orbit.orbit-a { width: 82%; height: 47%; }
.wan-visual-orbit.orbit-b { width: 54%; height: 62%; border-style: dashed; transform: translate(-50%,-50%) rotate(22deg); }
.wan-visual-core { position: absolute; z-index: 2; left: 50%; top: 54%; width: 138px; height: 138px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(155,239,243,.7); border-radius: 50%; background: linear-gradient(145deg,#1683ff,#075cff 62%,#053896); box-shadow: 0 0 0 24px rgba(7,92,255,.08),0 25px 60px rgba(0,37,116,.35); transform: translate(-50%,-50%); text-align: center; }
.wan-visual-core small { color: #bfeef1; font: 600 7px var(--mono); letter-spacing: .12em; }
.wan-visual-core strong { margin-top: 8px; font-size: 22px; line-height: 1.15; }
.wan-visual-node { position: absolute; z-index: 2; min-width: 116px; padding: 12px 14px; border: 1px solid rgba(77,130,164,.5); border-radius: 10px; background: rgba(8,33,50,.9); box-shadow: 0 14px 30px rgba(0,0,0,.16); }
.wan-visual-node::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.wan-visual-node small { display: block; margin-bottom: 5px; color: #6edfe3; font: 600 7px var(--mono); letter-spacing: .1em; }
.wan-visual-node b { font-size: 12px; }
.node-hq { left: 7%; top: 29%; }.node-hq::after { right: -4px; bottom: 18px; }
.node-branch { right: 6%; top: 25%; }.node-branch::after { left: -4px; bottom: 18px; }
.node-cloud { right: 10%; bottom: 16%; }.node-cloud::after { left: -4px; top: 18px; }
.node-remote { left: 10%; bottom: 13%; }.node-remote::after { right: -4px; top: 18px; }

.wan-outcome-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.wan-outcome-grid article { min-height: 270px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.84); }
.wan-outcome-grid b { color: var(--blue); font: 600 10px var(--mono); }
.wan-outcome-grid h3 { margin: 72px 0 13px; font-size: 27px; }
.wan-outcome-grid p { margin: 0; color: #657887; font-size: 13px; line-height: 1.85; }
.wan-product-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: center; }
.wan-product-layout h2 { margin: 20px 0; font-size: clamp(48px,6vw,78px); letter-spacing: -.06em; }
.wan-product-layout > div:first-child p { margin: 0 0 30px; color: #8fa6b6; line-height: 1.9; }
.wan-product-list { border-top: 1px solid #2a4659; }
.wan-product-list div { display: grid; grid-template-columns: 125px 1fr; gap: 28px; align-items: center; min-height: 102px; border-bottom: 1px solid #2a4659; }
.wan-product-list small { color: var(--cyan); font: 600 8px var(--mono); letter-spacing: .08em; }
.wan-product-list strong { font-size: 16px; line-height: 1.7; }
.wan-start-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #cbd8e3; border-left: 1px solid #cbd8e3; }
.wan-start-list span { min-height: 110px; display: flex; align-items: center; padding: 22px 26px; border-right: 1px solid #cbd8e3; border-bottom: 1px solid #cbd8e3; color: #3d5364; font-weight: 700; }
.wan-start-list span::before { content: "→"; margin-right: 16px; color: var(--blue); }

.wan-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 74% 40%,rgba(7,92,255,.15),transparent 30%),linear-gradient(135deg,#f9fcff,#eef5ff 62%,#f7fbff); }
.wan-hero::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(7,92,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,92,255,.05) 1px,transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 70% 48%,black,transparent 74%); }
.wan-hero-grid { position: relative; min-height: 720px; display: grid; grid-template-columns: 1.03fr .97fr; gap: 72px; align-items: center; padding: 84px 0 90px; }
.wan-hero h1 { max-width: 790px; margin: 21px 0 25px; font-size: clamp(52px,5.6vw,80px); line-height: 1.04; letter-spacing: -.06em; }
.wan-hero h1 span { color: var(--blue); }
.wan-hero-grid > div:first-child > p { max-width: 680px; margin: 0; color: #546b7b; font-size: 17px; line-height: 1.95; }
.wan-hero-proof { display: flex; flex-wrap: wrap; margin-top: 36px; }
.wan-hero-proof span { display: flex; align-items: center; gap: 9px; padding: 0 20px; border-right: 1px solid #cbd8e2; color: #42596a; font-size: 11px; font-weight: 700; }
.wan-hero-proof span:first-child { padding-left: 0; }
.wan-hero-proof span:last-child { border-right: 0; }
.wan-hero-proof span::before { content: ""; width: 7px; height: 7px; border: 2px solid var(--blue); border-radius: 50%; }
.wan-hero-visual { position: relative; margin: 0; padding: 18px; border: 1px solid #d7e4f4; border-radius: 24px; background: rgba(255,255,255,.76); box-shadow: 0 30px 72px rgba(25,74,128,.13); }
.wan-hero-visual::before { content: "NETWORK ARCHITECTURE / ILLUSTRATION"; position: absolute; z-index: 1; top: 31px; left: 34px; color: #5881b8; font: 600 8px var(--mono); letter-spacing: .12em; }
.wan-hero-visual img { display: block; width: 100%; border-radius: 13px; }
.wan-hero-visual figcaption { padding: 14px 6px 0; color: #647e9d; font-size: 11px; line-height: 1.6; }

.wan-console { overflow: hidden; border: 1px solid #28495f; border-radius: 24px; color: white; background: #07131d; box-shadow: 0 36px 100px rgba(8,31,48,.28); }
.wan-console-head { display: flex; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid #21394a; color: #718da0; font: 600 8px var(--mono); letter-spacing: .1em; }
.wan-console-head b { color: var(--cyan); font-weight: 600; }
.wan-console-map { position: relative; min-height: 365px; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(7,92,255,.32),transparent 30%); }
.wan-console-map::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: radial-gradient(#2b5772 1px,transparent 1px); background-size: 23px 23px; }
.console-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 122px; height: 122px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #6ce2e6; border-radius: 50%; background: linear-gradient(145deg,#1683ff,#075cff); box-shadow: 0 0 0 24px rgba(7,92,255,.09),0 0 0 52px rgba(59,217,223,.04); transform: translate(-50%,-50%); }
.console-core span { color: #c1eef0; font-size: 9px; }.console-core strong { margin-top: 5px; font: 600 11px var(--mono); }
.console-node { position: absolute; z-index: 3; min-width: 90px; padding: 10px 12px; border: 1px solid #2a4a5f; border-radius: 9px; background: rgba(8,31,47,.94); }
.console-node::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }
.console-node small { display: block; color: #71dfe3; font: 600 7px var(--mono); }.console-node strong { font-size: 11px; }
.console-hq { left: 7%; top: 24%; }.console-hq::after { right: -4px; bottom: 15px; }
.console-branch { right: 6%; top: 20%; }.console-branch::after { left: -4px; bottom: 15px; }
.console-cloud { right: 8%; bottom: 15%; }.console-cloud::after { left: -4px; top: 15px; }
.console-remote { left: 8%; bottom: 12%; }.console-remote::after { right: -4px; top: 15px; }
.console-link { position: absolute; z-index: 1; left: 50%; top: 50%; width: 40%; height: 1px; overflow: hidden; background: linear-gradient(90deg,rgba(59,217,223,.08),rgba(59,217,223,.78),rgba(7,92,255,.18)); transform-origin: left center; }
.console-link::after { content: ""; position: absolute; width: 30%; height: 100%; background: linear-gradient(90deg,transparent,#fff,transparent); animation: consoleFlow 3.8s linear infinite; }
.console-link.link-1 { transform: rotate(-151deg); }.console-link.link-2 { transform: rotate(-30deg); }.console-link.link-3 { transform: rotate(28deg); }.console-link.link-4 { transform: rotate(151deg); }
.console-link.link-2::after { animation-delay: -1.5s; }.console-link.link-3::after { animation-delay: -2.6s; }.console-link.link-4::after { animation-delay: -.8s; }
@keyframes consoleFlow { from { left: -30%; } to { left: 110%; } }
.wan-console-status { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #21394a; }
.wan-console-status div { padding: 17px 18px; border-right: 1px solid #21394a; }.wan-console-status div:last-child { border-right: 0; }
.wan-console-status small { display: block; color: #688395; font-size: 9px; }.wan-console-status strong { display: block; margin-top: 5px; font-size: 11px; }

.wan-pain-section { position: relative; overflow: hidden; color: #fff; background: #08172a; }
.wan-pain-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 72%,rgba(18,85,151,.16),transparent 42%); }
.wan-pain-section .container { position: relative; }
.wan-challenge-heading { max-width: 960px; margin: 0 auto 48px; text-align: center; }
.wan-challenge-heading .kicker { display: inline-flex; padding: 8px 14px; border: 1px solid rgba(71,160,255,.48); border-radius: 999px; color: #72c6ff; }
.wan-challenge-heading .section-title { margin: 22px 0 16px; color: #fff; font-size: clamp(38px,4.5vw,64px); line-height: 1.12; letter-spacing: -.055em; }
.wan-challenge-heading p { max-width: 620px; margin: 0 auto; color: #9bb0c2; font-size: 15px; line-height: 1.8; }
.wan-challenge-tabs { max-width: 1120px; margin: 0 auto; }
.wan-challenge-panel { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 54px; min-height: 350px; align-items: center; }
.wan-challenge-panel[hidden] { display: none; }
.wan-challenge-panel figure { margin: 0; }.wan-challenge-panel img { display: block; width: 100%; height: auto; }
.wan-challenge-panel > div { max-width: 390px; padding-bottom: 8px; }.wan-challenge-panel > div > span { color: #6cc8ff; font: 600 9px var(--mono); letter-spacing: .12em; }
.wan-challenge-panel h3 { margin: 18px 0 15px; color: #fff; font-size: clamp(29px,3vw,42px); line-height: 1.16; letter-spacing: -.055em; }
.wan-challenge-panel p { margin: 0; color: #a8bac9; font-size: 15px; line-height: 1.85; }
.wan-challenge-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) 52px; gap: 22px; align-items: end; margin-top: 32px; }
.wan-challenge-nav button { position: relative; min-height: 54px; padding: 0 0 14px; border: 0; border-bottom: 2px solid rgba(183,205,223,.26); color: #90a4b7; background: transparent; font: 600 12px/1.35 var(--sans); text-align: left; cursor: pointer; transition: color .2s ease,border-color .2s ease; }
.wan-challenge-nav button small { display: block; margin-bottom: 6px; color: #63809c; font: 600 8px var(--mono); letter-spacing: .12em; }.wan-challenge-nav button:hover,.wan-challenge-nav button.is-active { border-color: #2d8dff; color: #fff; }.wan-challenge-nav button.is-active small { color: #6bcaff; }
.wan-challenge-nav button:focus-visible { outline: 2px solid #74caff; outline-offset: 5px; }.wan-challenge-nav .wan-challenge-next { display: grid; width: 48px; min-height: 48px; place-items: center; padding: 0; border: 1px solid rgba(198,219,235,.45); border-radius: 50%; color: #fff; font: 300 24px/1 var(--sans); text-align: center; }.wan-challenge-nav .wan-challenge-next:hover { border-color: #2d8dff; background: rgba(45,141,255,.12); }
.wan-value-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #284255; border-left: 1px solid #284255; }
.wan-value-grid article { min-height: 280px; padding: 30px; border-right: 1px solid #284255; border-bottom: 1px solid #284255; background: rgba(8,28,42,.45); }
.wan-value-grid b { color: var(--cyan); font: 600 9px var(--mono); }.wan-value-grid h3 { margin: 70px 0 14px; font-size: 28px; }.wan-value-grid p { margin: 0; color: #8ca3b3; line-height: 1.85; }
.wan-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.wan-flow article { position: relative; min-height: 310px; padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.wan-flow article::after { content: "→"; position: absolute; right: -14px; top: 46px; z-index: 2; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #c4d4e1; border-radius: 50%; color: var(--blue); background: white; }
.wan-flow article:last-child::after { display: none; }
.wan-flow b { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: white; background: var(--blue); font: 600 10px var(--mono); }
.wan-flow small { display: block; margin-top: 54px; color: var(--blue); font: 600 8px var(--mono); letter-spacing: .1em; }
.wan-flow h3 { margin: 10px 0 13px; font-size: 24px; }.wan-flow p { margin: 0; color: #667987; font-size: 13px; line-height: 1.8; }
.wan-scene-list { border-top: 1px solid #cbd8e2; }
.wan-scene-list article { display: grid; grid-template-columns: 100px 1fr 80px; gap: 32px; align-items: center; min-height: 150px; border-bottom: 1px solid #cbd8e2; }
.wan-scene-list article::after { content: "↗"; justify-self: end; color: #95a7b4; font-size: 22px; }
.wan-scene-list span { color: var(--blue); font: 600 10px var(--mono); }.wan-scene-list h3 { margin: 0 0 9px; font-size: 25px; }.wan-scene-list p { margin: 0; color: #657887; line-height: 1.8; }
.wan-delivery-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #284255; border-left: 1px solid #284255; }
.wan-delivery-grid article { min-height: 230px; padding: 26px; border-right: 1px solid #284255; border-bottom: 1px solid #284255; }
.wan-delivery-grid b { color: var(--cyan); font: 600 10px var(--mono); }.wan-delivery-grid h3 { margin: 62px 0 12px; font-size: 21px; }.wan-delivery-grid p { margin: 0; color: #829bab; font-size: 13px; line-height: 1.8; }
.wan-assurance { padding: 100px 0; background: #f3f7fa; }
.wan-assurance-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }
.wan-assurance h2 { max-width: 600px; margin: 20px 0 0; font-size: clamp(42px,5vw,66px); line-height: 1.08; letter-spacing: -.05em; }
.wan-assurance-grid > div:last-child { padding-top: 28px; border-top: 1px solid #bfcfdb; }
.wan-assurance p { margin: 0 0 18px; color: #5f7483; line-height: 1.9; }
.wan-anchor-nav { position: relative; z-index: 3; border-bottom: 1px solid #d8e3ec; background: rgba(255,255,255,.94); }
.wan-anchor-nav .container { display: flex; overflow-x: auto; }
.wan-anchor-nav a { flex: 0 0 auto; padding: 20px 22px; border-right: 1px solid #d8e3ec; color: #506779; font: 600 10px var(--mono); letter-spacing: .08em; text-decoration: none; }
.wan-anchor-nav a:first-child { border-left: 1px solid #d8e3ec; }.wan-anchor-nav a:hover { color: var(--blue); background: #f5f9ff; }
.wan-approach-section { background: #f8fbff; }
.wan-approach-section .section-head { display: block; max-width: 1080px; margin: 0 auto 44px; text-align: center; }
.wan-approach-section .section-head .section-title { max-width: 960px; margin: 20px auto 16px; color: #18365a; font-size: clamp(38px,4.5vw,64px); line-height: 1.12; letter-spacing: -.055em; }
.wan-approach-section .section-head .section-copy { max-width: 730px; margin: 0 auto; color: #5c7387; }
.wan-method-overview { overflow: hidden; border: 1px solid #ccdce9; border-radius: 22px; background: #fff; box-shadow: 0 20px 54px rgba(24,68,106,.07); }
.wan-method-overview-main { display: grid; grid-template-columns: minmax(300px,.86fr) minmax(0,1.14fr); gap: 36px; align-items: center; padding: 46px 46px 38px; }
.wan-method-overview-copy > span { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .1em; }.wan-method-overview-copy h3 { max-width: 410px; margin: 18px 0 18px; color: #193a61; font-size: clamp(29px,3.15vw,42px); line-height: 1.16; letter-spacing: -.055em; }.wan-method-overview-copy p { max-width: 470px; margin: 0 0 25px; color: #5f778d; font-size: 14px; line-height: 1.9; }
.wan-method-architecture { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; max-width: 520px; margin: -6px 0 25px; color: #47708e; font-size: 11px; line-height: 1.5; }.wan-method-architecture span { flex: 1 1 98px; min-width: 98px; padding: 8px; border: 1px solid #d2e1ed; border-radius: 5px; background: #f6faff; }.wan-method-architecture b,.wan-method-architecture small { display: block; }.wan-method-architecture b { color: #234b76; font-size: 10px; }.wan-method-architecture small { margin-top: 4px; color: #658099; font-size: 9px; line-height: 1.45; }.wan-method-architecture i { color: var(--blue); font-style: normal; }
.wan-method-overview-main figure { margin: 0; }.wan-method-overview-main img { display: block; width: 100%; }
.wan-method-pillars { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #d9e4ed; }.wan-method-pillars article { min-height: 195px; padding: 28px 30px 31px; border-right: 1px solid #d9e4ed; }.wan-method-pillars article:last-child { border-right: 0; }.wan-method-pillars b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--blue); background: #e8f2ff; font: 600 9px var(--mono); }.wan-method-pillars h3 { margin: 18px 0 8px; color: #1c3a60; font-size: 18px; letter-spacing: -.035em; }.wan-method-pillars p { margin: 0; color: #647d91; font-size: 13px; line-height: 1.75; }
.wan-method-boundary { max-width: 850px; margin: 18px auto 0; color: #6c8294; font-size: 12px; line-height: 1.75; text-align: center; }
.wan-product-feature-section { margin-top: 86px; }.wan-product-feature-heading { max-width: 760px; margin: 0 auto 30px; text-align: center; }.wan-product-feature-heading .kicker { color: var(--blue); }.wan-product-feature-heading h3 { margin: 16px 0 10px; color: #18365a; font-size: clamp(30px,3.4vw,43px); letter-spacing: -.055em; }.wan-product-feature-heading p { margin: 0; color: #61798e; font-size: 14px; line-height: 1.8; }
.wan-product-tabs { margin-top: 36px; }.wan-product-tablist { display: flex; width: fit-content; max-width: 100%; margin: 0 auto 14px; padding: 5px; border: 1px solid #bed5ed; border-radius: 999px; background: #edf6ff; }.wan-product-tablist button { min-height: 44px; padding: 0 28px; border: 0; border-radius: 999px; color: #5f7890; background: transparent; font: 700 14px var(--sans); letter-spacing: -.025em; cursor: pointer; transition: color .2s ease,background .2s ease,box-shadow .2s ease; }.wan-product-tablist button small { display: none; }.wan-product-tablist button.is-active,.wan-product-tablist button:hover { color: #fff; background: var(--blue); box-shadow: 0 8px 18px rgba(27,103,206,.18); }.wan-product-tablist button:focus-visible { outline: 2px solid #2379e5; outline-offset: 3px; }
.wan-product-tabpanels { border-top: 1px solid #d5e2ed; }.wan-product-tabpanel { display: block; }.wan-product-tabpanel[hidden] { display: none; }.wan-product-feature-list { display: grid; }.wan-product-feature-row { display: grid; grid-template-columns: minmax(0,.9fr) minmax(380px,1.1fr); gap: clamp(42px,6vw,96px); align-items: center; padding: 72px 20px; border-bottom: 1px solid #d5e2ed; }.wan-product-feature-row:last-child { border-bottom: 0; }.wan-product-feature-row--reverse .wan-product-feature-copy { order: 2; }.wan-product-feature-row--reverse .wan-product-feature-visual { order: 1; }
.wan-product-feature-row .wan-product-feature-copy > span { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .12em; }.wan-product-feature-row .wan-product-feature-copy h4 { max-width: 570px; margin: 18px 0 16px; color: #193a61; font-size: clamp(30px,3.25vw,46px); line-height: 1.14; letter-spacing: -.055em; }.wan-product-feature-row .wan-product-feature-copy > p { max-width: 560px; margin: 0 0 23px; color: #5e778c; font-size: 15px; line-height: 1.9; }.wan-product-feature-row .wan-product-feature-copy ul { display: grid; gap: 11px; max-width: 530px; margin: 0; padding: 0; list-style: none; }.wan-product-feature-row .wan-product-feature-copy li { position: relative; padding-left: 30px; color: #355775; font-size: 14px; line-height: 1.7; }.wan-product-feature-row .wan-product-feature-copy li::before { content: "✓"; position: absolute; top: .14em; left: 0; display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #1567cb; background: #e2f0ff; font-size: 11px; font-weight: 900; }
.wan-product-feature-visual { overflow: hidden; margin: 0; border: 1px solid #cbdceb; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(30,75,112,.08); }.wan-product-feature-visual img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }.wan-product-feature-visual figcaption { padding: 10px 16px 12px; color: #6c8499; font-size: 11px; line-height: 1.65; text-align: center; }
.wan-product-feature-section .wan-product-support { grid-template-columns: 180px minmax(0,1fr); margin-top: 32px; }.wan-product-support ol { display: flex; flex-wrap: wrap; gap: 8px 0; grid-column: 2; margin: 4px 0 0; padding: 0; list-style: none; }.wan-product-support li { display: flex; align-items: center; color: #577188; font-size: 12px; }.wan-product-support li:not(:last-child)::after { content: "→"; margin: 0 11px; color: var(--blue); }
.wan-product-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; margin-top: 22px; padding: 24px 0 0; }.wan-product-cta p { max-width: 680px; margin: 0; color: #6d8394; font-size: 12px; line-height: 1.75; }.wan-product-cta div { display: flex; flex-wrap: wrap; gap: 10px; }.wan-product-cta .button { min-height: 44px; padding: 0 17px; font-size: 12px; }
.wan-approach-detail-head { max-width: 760px; margin: 76px auto 30px; text-align: center; }.wan-approach-detail-head .kicker { color: var(--blue); }.wan-approach-detail-head h3 { margin: 16px 0 10px; color: #18365a; font-size: clamp(28px,3.2vw,40px); letter-spacing: -.05em; }.wan-approach-detail-head p { margin: 0; color: #61798e; font-size: 14px; line-height: 1.8; }
.wan-approach-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #cddce8; border-left: 1px solid #cddce8; }
.wan-approach-grid article { min-height: 270px; padding: 30px; border-right: 1px solid #cddce8; border-bottom: 1px solid #cddce8; background: #fff; }
.wan-approach-grid b,.wan-capability-grid b,.wan-customer-proof b { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .08em; }
.wan-approach-grid h3 { margin: 62px 0 14px; color: #1c3a60; font-size: 25px; letter-spacing: -.045em; }.wan-approach-grid p { margin: 0; color: #60788d; font-size: 13px; line-height: 1.9; }
.wan-product-feature-list { display: grid; border-top: 1px solid #d4e0ea; }
.wan-product-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.92fr); gap: 70px; align-items: center; padding: 66px 0; border-bottom: 1px solid #d4e0ea; }.wan-product-feature--reverse .wan-product-feature-copy { order: 2; }.wan-product-feature--reverse .wan-product-proof-slot { order: 1; }
.wan-product-feature-copy > span { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .1em; }.wan-product-feature-copy h3 { max-width: 580px; margin: 18px 0 16px; color: #193a61; font-size: clamp(30px,3.3vw,45px); line-height: 1.14; letter-spacing: -.055em; }.wan-product-feature-copy > p { max-width: 590px; margin: 0 0 22px; color: #5e778c; font-size: 15px; line-height: 1.9; }
.wan-product-feature-copy ul { display: grid; gap: 12px; max-width: 620px; margin: 0; padding: 0; list-style: none; }.wan-product-feature-copy li { position: relative; padding-left: 16px; color: #5d7487; font-size: 14px; line-height: 1.8; }.wan-product-feature-copy li::before { content: ""; position: absolute; top: .66em; left: 0; width: 6px; height: 6px; border: 1px solid var(--blue); border-radius: 50%; }.wan-product-feature-copy strong { color: #214a76; }
.wan-product-proof-slot { display: grid; min-height: 320px; place-content: center; padding: 34px; border: 1px solid #c9d9e8; border-radius: 16px; color: #4f7094; background: linear-gradient(rgba(31,107,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,107,204,.045) 1px,transparent 1px),#fafdff; background-size: 28px 28px; text-align: center; }.wan-product-proof-slot span { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .11em; }.wan-product-proof-slot strong { max-width: 300px; margin: 18px auto 9px; color: #204b79; font-size: 22px; line-height: 1.3; letter-spacing: -.035em; }.wan-product-proof-slot small { max-width: 280px; color: #70869b; font-size: 12px; line-height: 1.75; }
.wan-product-support { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 34px; align-items: start; margin-top: 48px; padding: 34px 36px; border: 1px solid #c8d9e8; border-radius: 16px; background: #eef6ff; }.wan-product-support > span { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .1em; }.wan-product-support h3 { margin: 0 0 10px; color: #1d426c; font-size: 25px; letter-spacing: -.04em; }.wan-product-support p { grid-column: 2; margin: 0; color: #577188; font-size: 14px; line-height: 1.85; }
.wan-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.wan-capability-grid article { min-height: 350px; padding: 30px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 18px 44px rgba(26,58,88,.05); }
.wan-capability-grid h3 { margin: 74px 0 18px; color: #19355a; font-size: 26px; letter-spacing: -.045em; }
.wan-capability-grid ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.wan-capability-grid li { position: relative; padding-left: 17px; color: #607789; font-size: 13px; line-height: 1.75; }.wan-capability-grid li::before { content: ""; position: absolute; top: .67em; left: 0; width: 6px; height: 6px; border: 1px solid var(--blue); border-radius: 50%; }
.wan-demo-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 72px; align-items: center; }
.wan-demo-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid #cbd8e2; }.wan-demo-steps li { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 23px 0; border-bottom: 1px solid #cbd8e2; }.wan-demo-steps b { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font: 600 9px var(--mono); }.wan-demo-steps strong { color: #1d3c63; font-size: 17px; }.wan-demo-steps p { margin: 7px 0 0; color: #667e90; font-size: 13px; line-height: 1.8; }
.wan-demo-visual { display: grid; grid-template-columns: 1fr 26px 1fr 26px 1fr; gap: 10px; align-items: center; min-height: 305px; padding: 28px; border: 1px solid #cbdaf0; border-radius: 18px; color: #174d93; background: radial-gradient(circle at 50% 50%,rgba(57,127,239,.12),transparent 31%),linear-gradient(rgba(42,108,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(42,108,213,.045) 1px,transparent 1px),#fff; background-size: auto,24px 24px,24px 24px; box-shadow: 0 18px 38px rgba(28,79,142,.08); }.wan-demo-visual small { grid-column: 1 / -1; color: #6f8cb4; font: 600 8px var(--mono); letter-spacing: .12em; }.wan-demo-visual span { display: grid; min-height: 84px; place-items: center; padding: 12px; border: 1px solid #bcd2f3; border-radius: 10px; color: #1c58a7; background: rgba(255,255,255,.92); font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; }.wan-demo-visual i { color: #2270e8; font-size: 23px; font-style: normal; text-align: center; }.wan-demo-visual em { grid-column: 1 / -1; padding-top: 6px; color: #667f9e; font-size: 11px; font-style: normal; line-height: 1.7; text-align: center; }
.wan-customer-proof { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #284255; border-left: 1px solid #284255; }.wan-customer-proof article { min-height: 248px; padding: 28px; border-right: 1px solid #284255; border-bottom: 1px solid #284255; }.wan-customer-proof h3 { margin: 70px 0 13px; color: #fff; font-size: 23px; letter-spacing: -.045em; }.wan-customer-proof p { margin: 0; color: #8ca3b3; font-size: 13px; line-height: 1.85; }

@media (max-width: 980px) {
  .wan-product-layout,.wan-hero-grid,.wan-assurance-grid,.wan-demo-grid { grid-template-columns: 1fr; }
  .wan-overview-visual { min-height: 500px; }
  .wan-outcome-grid,.wan-pain-grid,.wan-flow,.wan-approach-grid,.wan-capability-grid,.wan-customer-proof { grid-template-columns: 1fr 1fr; }
  .wan-flow article::after { display: none; }
  .wan-product-layout { gap: 52px; }
  .wan-console { max-width: 620px; width: 100%; justify-self: center; }
  .wan-hero-visual { max-width: 620px; width: 100%; justify-self: center; }
  .wan-challenge-panel { grid-template-columns: 1fr; gap: 22px; min-height: 0; }.wan-challenge-panel > div { max-width: 600px; }
  .wan-challenge-nav { grid-template-columns: 1fr 1fr; gap: 16px; }.wan-challenge-nav .wan-challenge-next { grid-column: 2; justify-self: end; }
  .wan-method-overview-main { grid-template-columns: 1fr; gap: 24px; }.wan-method-overview-copy { max-width: 620px; }.wan-method-overview-main figure { max-width: 680px; width: 100%; }
  .wan-product-feature { grid-template-columns: 1fr; gap: 32px; }.wan-product-feature--reverse .wan-product-feature-copy,.wan-product-feature--reverse .wan-product-proof-slot { order: 0; }.wan-product-proof-slot { max-width: 680px; width: 100%; }.wan-product-support { grid-template-columns: 1fr; gap: 16px; }.wan-product-support p { grid-column: auto; }
  .wan-product-feature-row { grid-template-columns: 1fr; gap: 30px; padding: 58px 0; }.wan-product-feature-row--reverse .wan-product-feature-copy,.wan-product-feature-row--reverse .wan-product-feature-visual { order: 0; }.wan-product-feature-visual { max-width: 680px; width: 100%; }.wan-product-cta { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 620px) {
  .wan-overview-hero::before { display: none; }
  .wan-overview-visual { min-height: 430px; }
  .wan-visual-node { min-width: 96px; padding: 9px 10px; }
  .wan-visual-core { width: 112px; height: 112px; }
  .wan-outcome-grid,.wan-pain-grid,.wan-value-grid,.wan-flow,.wan-delivery-grid,.wan-start-list,.wan-approach-grid,.wan-capability-grid,.wan-customer-proof { grid-template-columns: 1fr; }
  .wan-outcome-grid article,.wan-pain-grid article { min-height: 235px; }
  .wan-product-list div { grid-template-columns: 1fr; gap: 7px; padding: 22px 0; }
  .wan-hero-grid { min-height: auto; padding: 60px 0 72px; gap: 48px; }
  .wan-hero h1 { font-size: 43px; }
  .wan-hero-grid > div:first-child > p { font-size: 15px; }
  .wan-hero-proof { gap: 12px; }
  .wan-hero-proof span { padding: 0; border: 0; font-size: 10px; }
  .wan-hero-visual { padding: 12px; border-radius: 18px; }.wan-hero-visual::before { top: 23px; left: 25px; font-size: 7px; }.wan-hero-visual figcaption { padding: 10px 2px 0; font-size: 10px; }
  .wan-challenge-heading { margin-bottom: 30px; text-align: left; }.wan-challenge-heading .section-title { font-size: 36px; }.wan-challenge-heading p { font-size: 14px; }
  .wan-challenge-panel h3 { font-size: 30px; }.wan-challenge-panel p { font-size: 14px; }.wan-challenge-nav { margin-top: 22px; gap: 12px; }.wan-challenge-nav button { min-height: 48px; font-size: 11px; }.wan-challenge-nav .wan-challenge-next { width: 44px; min-height: 44px; }
  .wan-approach-section .section-head { margin-bottom: 30px; text-align: left; }.wan-approach-section .section-head .section-title { margin: 16px 0 14px; font-size: 36px; }.wan-approach-section .section-head .section-copy { margin: 0; font-size: 14px; }
  .wan-method-overview { border-radius: 16px; }.wan-method-overview-main { padding: 28px 24px 24px; }.wan-method-overview-copy h3 { font-size: 30px; }.wan-method-overview-copy p { font-size: 14px; }.wan-method-pillars { grid-template-columns: 1fr; }.wan-method-pillars article { min-height: 0; padding: 24px; border-right: 0; border-bottom: 1px solid #d9e4ed; }.wan-method-pillars article:last-child { border-bottom: 0; }.wan-approach-detail-head { margin-top: 54px; text-align: left; }.wan-approach-detail-head h3 { font-size: 29px; }
  .wan-method-architecture { flex-direction: column; align-items: stretch; gap: 4px; font-size: 10px; }.wan-method-architecture span { flex: 0 0 auto; min-width: 0; padding: 7px 9px; }.wan-method-architecture i { display: grid; height: 10px; place-items: center; transform: rotate(90deg); }.wan-product-feature { padding: 48px 0; }.wan-product-feature-copy h3 { font-size: 31px; }.wan-product-feature-copy > p,.wan-product-feature-copy li { font-size: 14px; }.wan-product-proof-slot { min-height: 235px; padding: 24px; border-radius: 12px; }.wan-product-proof-slot strong { font-size: 19px; }.wan-product-support { margin-top: 34px; padding: 26px 24px; border-radius: 12px; }.wan-product-support h3 { font-size: 23px; }.wan-product-support p { font-size: 14px; }
  .wan-method-boundary { margin-top: 14px; font-size: 11px; text-align: left; }.wan-product-feature-section { margin-top: 58px; }.wan-product-feature-heading { margin-bottom: 22px; text-align: left; }.wan-product-feature-heading h3 { font-size: 30px; }.wan-product-feature-heading p { font-size: 14px; }.wan-product-tabs { border-radius: 12px; }.wan-product-tablist { display: flex; overflow-x: auto; padding: 0 18px; }.wan-product-tablist button { flex: 0 0 166px; min-height: 58px; padding: 12px 0; font-size: 13px; white-space: normal; }.wan-product-tabpanels { padding: 0 20px; }.wan-product-tabpanel { padding: 28px 0 32px; }.wan-product-tabcopy h4 { font-size: 29px; }.wan-product-tabcopy > p { font-size: 14px; }.wan-product-tabcopy dl { grid-template-columns: 1fr; }.wan-product-tabcopy dl div { min-height: 0; padding: 16px; }.wan-product-structure { min-height: 250px; padding: 22px; border-radius: 11px; }.wan-product-structure-flow { margin: 25px 0; }.wan-product-policy { margin: 24px 0; padding: 16px; }.wan-product-feature-section .wan-product-support { grid-template-columns: 1fr; margin-top: 24px; }.wan-product-support ol { grid-column: auto; }.wan-product-cta { margin-top: 16px; }.wan-product-cta div { display: grid; grid-template-columns: 1fr; }.wan-product-cta .button { width: 100%; }
  .wan-product-tabs { margin-top: 26px; }.wan-product-tablist { max-width: calc(100vw - 32px); margin-left: 0; padding: 4px; border-radius: 999px; }.wan-product-tablist button { flex-basis: 142px; min-height: 44px; padding: 0 17px; white-space: nowrap; }.wan-product-tabpanels { padding: 0; }.wan-product-tabpanel { padding: 0; }.wan-product-feature-row { gap: 24px; padding: 44px 0; }.wan-product-feature-row .wan-product-feature-copy h4 { font-size: 30px; }.wan-product-feature-row .wan-product-feature-copy > p,.wan-product-feature-row .wan-product-feature-copy li { font-size: 14px; }.wan-product-feature-visual { border-radius: 12px; }.wan-product-feature-visual figcaption { padding: 9px 12px 10px; font-size: 10px; }
  .wan-console-map { min-height: 330px; }
  .console-node { min-width: 76px; padding: 8px; }
  .console-core { width: 100px; height: 100px; }
  .wan-console-status { grid-template-columns: 1fr; }
  .wan-console-status div { border-right: 0; border-bottom: 1px solid #21394a; }.wan-console-status div:last-child { border-bottom: 0; }
  .wan-value-grid article { min-height: 245px; }
  .wan-scene-list article { grid-template-columns: 42px 1fr; gap: 14px; padding: 25px 0; }
  .wan-scene-list article::after { display: none; }
  .wan-scene-list h3 { font-size: 21px; }
  .wan-delivery-grid article { min-height: 205px; }
  .wan-assurance { padding: 76px 0; }
  .wan-assurance-grid { gap: 42px; }
  .wan-anchor-nav .container { padding: 0; }.wan-anchor-nav a { padding: 17px 16px; font-size: 9px; }
  .wan-approach-grid article,.wan-capability-grid article { min-height: 0; padding: 26px; }.wan-approach-grid h3,.wan-capability-grid h3 { margin-top: 48px; font-size: 23px; }
  .wan-demo-grid { gap: 38px; }.wan-demo-visual { grid-template-columns: 1fr; min-height: 0; }.wan-demo-visual i { transform: rotate(90deg); }.wan-demo-visual span { min-height: 66px; }
  .wan-customer-proof article { min-height: 0; padding: 26px; }.wan-customer-proof h3 { margin-top: 48px; font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .console-link::after { animation: none; }
}

/* Intelligent WAN — reduced-copy editorial refinement */
.wan-page .wan-hero { background: radial-gradient(ellipse 58% 44% at 77% 100%,rgba(218,235,251,.72),rgba(233,244,253,.5) 47%,transparent 76%),radial-gradient(ellipse 68% 92% at 77% 54%,rgba(255,255,255,.6),rgba(248,252,255,.18) 58%,transparent 78%),linear-gradient(135deg,#fbfdff 0%,#f7fbff 56%,#f2f8fe 100%); }
.wan-page .wan-hero-grid { min-height: 650px; grid-template-columns: .9fr 1.1fr; gap: 92px; padding: 76px 0 78px; }
.wan-overline { display: inline-flex; align-items: center; gap: 9px; color: #376283; font: 600 10px var(--mono); letter-spacing: .12em; }
.wan-overline::before { content: ""; width: 28px; height: 1px; background: var(--blue); }
.wan-page .wan-hero h1 { max-width: 680px; margin: 24px 0 22px; font-size: clamp(52px,5.15vw,76px); letter-spacing: -.065em; }
.wan-page .wan-hero h1 span { display: block; }
.wan-page .wan-hero h1.wan-hero-statement { max-width: 720px; font-size: clamp(36px,3.35vw,50px); line-height: 1.12; }
.wan-page .wan-hero-statement em { display: block; font-style: italic; }
.wan-page .wan-hero-grid > div:first-child > p { max-width: 490px; color: #506778; font-size: 16px; line-height: 1.8; }
.wan-page .wan-hero-proof { gap: 0; margin-top: 32px; }
.wan-page .wan-hero-proof span { padding: 0 16px; color: #536a7b; font-size: 11px; }
.wan-page .wan-hero-visual { padding: 14px; border-radius: 8px; background: rgba(255,255,255,.74); box-shadow: none; }
.wan-page .wan-hero-visual::before { content: "连接关系"; top: 25px; left: 29px; }
.wan-page .wan-hero-visual img { border-radius: 3px; }
.wan-page .wan-hero-visual figcaption { padding: 12px 4px 0; letter-spacing: .08em; }

.wan-page .wan-anchor-nav { background: rgba(255,255,255,.97); }
.wan-page .wan-anchor-nav a { min-width: 138px; padding: 18px 22px; color: #536b7d; font-size: 10px; text-align: center; }
.wan-page .wan-pain-section { background: #09182a; }
.wan-page .wan-challenge-heading { max-width: 820px; margin: 0 0 40px; text-align: left; }
.wan-page .wan-challenge-heading h2,.wan-page .wan-section-intro h2 { margin: 0; font-size: clamp(38px,4.25vw,60px); line-height: 1.12; letter-spacing: -.06em; }
.wan-page .wan-challenge-heading h2 { color: #fff; }
.wan-page .wan-challenge-heading p { max-width: 560px; margin: 16px 0 0; color: #a8bac9; font-size: 15px; line-height: 1.8; }
.wan-page .wan-challenge-panel { grid-template-columns: minmax(0,1.15fr) minmax(280px,.72fr); gap: 70px; min-height: 306px; }
.wan-page .wan-challenge-panel > div > span { color: #70c7ff; font-size: 10px; }
.wan-page .wan-challenge-panel h3 { max-width: 350px; margin: 14px 0 13px; font-size: clamp(29px,3vw,39px); }
.wan-page .wan-challenge-panel p { max-width: 320px; color: #a8bac9; line-height: 1.75; }
.wan-page .wan-challenge-nav { margin-top: 26px; }
.wan-page .wan-challenge-nav button { min-height: 48px; padding-bottom: 12px; }

.wan-page .wan-approach-section { background: #f7f9fb; }
.wan-page .wan-section-intro { max-width: 790px; margin: 0 0 42px; }
.wan-page .wan-section-intro h2 { color: #153454; }
.wan-page .wan-section-intro p { max-width: 500px; margin: 16px 0 0; color: #5f778b; font-size: 15px; line-height: 1.8; }
.wan-page .wan-method-overview { border-radius: 8px; box-shadow: none; }
.wan-page .wan-method-overview-main { grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 54px; padding: 42px; }
.wan-page .wan-method-overview-copy h3 { max-width: 390px; margin: 14px 0; font-size: clamp(29px,3vw,39px); }
.wan-page .wan-method-overview-copy p { max-width: 420px; margin-bottom: 22px; line-height: 1.8; }
.wan-page .wan-method-architecture { margin-bottom: 0; }
.wan-page .wan-method-pillars article { min-height: 166px; padding: 25px 28px; }
.wan-page .wan-method-pillars h3 { margin: 14px 0 7px; }
.wan-page .wan-method-pillars strong { display: block; color: #315776; font-size: 14px; font-weight: 700; line-height: 1.55; }
.wan-page .wan-method-pillars strong + p { margin-top: 8px; }
.wan-page .wan-method-boundary { max-width: 680px; margin-top: 14px; font-size: 11px; }

.wan-page .wan-product-feature-section { margin-top: 96px; }
.wan-page .wan-product-intro { margin-bottom: 24px; }
.wan-page .wan-product-tabs { margin-top: 0; }
.wan-page .wan-product-tablist { display: grid; grid-template-columns: repeat(3,1fr); width: 100%; margin: 0; padding: 0; border: 0; border-top: 1px solid #cad9e5; border-bottom: 1px solid #cad9e5; border-radius: 0; background: transparent; }
.wan-page .wan-product-tablist button { min-height: 62px; padding: 0 20px; border-radius: 0; color: #60798f; background: transparent; font-size: 14px; }
.wan-page .wan-product-tablist button + button { border-left: 1px solid #cad9e5; }
.wan-page .wan-product-tablist button.is-active,.wan-page .wan-product-tablist button:hover { color: #145ebc; background: #eff6ff; box-shadow: inset 0 -2px 0 #1768e9; }
.wan-page .wan-product-tabpanels { border-top: 0; }
.wan-page .wan-product-feature-list { border-top: 0; }
.wan-page .wan-product-feature-row { grid-template-columns: 64px minmax(0,.78fr) minmax(360px,1fr); gap: clamp(28px,3vw,44px); justify-content: start; padding: 46px 0; }
.wan-page .wan-product-feature-index { color: #a9c2d8; font: 500 34px/1 var(--mono); letter-spacing: -.08em; }
.wan-page .wan-product-feature-row .wan-product-feature-copy h3 { max-width: 560px; margin: 0 0 11px; color: #193a61; font-size: clamp(27px,2.8vw,38px); line-height: 1.15; letter-spacing: -.055em; }
.wan-page .wan-product-feature-row .wan-product-feature-copy > p { max-width: 520px; margin: 0 0 17px; color: #5e778c; font-size: 15px; line-height: 1.8; }
.wan-page .wan-product-feature-row .wan-product-feature-copy ul { display: flex; flex-wrap: wrap; gap: 8px 24px; max-width: none; }
.wan-page .wan-product-feature-row .wan-product-feature-copy li { padding-left: 16px; color: #466780; font-size: 13px; }
.wan-page .wan-product-feature-row .wan-product-feature-copy li::before { content: "—"; top: 0; display: block; width: auto; height: auto; border: 0; border-radius: 0; color: #1768e9; background: transparent; font-size: inherit; font-weight: 600; }
.wan-page .wan-product-feature-visual { width: 100%; margin: 0; border-radius: 8px; box-shadow: 0 14px 30px rgba(25,58,97,.1); }
.wan-page .cta-grid { min-height: 332px; }
.wan-page .cta h2 { max-width: 620px; }
.wan-page .cta .text-link { justify-content: center; min-height: 44px; color: #fff; font-size: 13px; }
.wan-page .cta .text-link span { color: #9ed1ff; }

@media (max-width: 980px) {
  .wan-page .wan-hero-grid { grid-template-columns: 1fr; gap: 46px; }
  .wan-page .wan-hero-visual { max-width: 680px; }
  .wan-page .wan-product-feature-row { grid-template-columns: 52px minmax(0,1fr); gap: 28px; }
  .wan-page .wan-product-feature-visual { grid-column: 2; }
}

@media (max-width: 620px) {
  .wan-page .wan-hero-grid { min-height: auto; padding: 58px 0 64px; gap: 38px; }
  .wan-page .wan-hero h1 { margin-top: 18px; font-size: 43px; }
  .wan-page .wan-hero h1.wan-hero-statement { font-size: 38px; }
  .wan-page .wan-hero-grid > div:first-child > p { font-size: 15px; }
  .wan-page .wan-hero-proof { gap: 12px; }
  .wan-page .wan-hero-proof span { padding: 0; font-size: 10px; }
  .wan-page .wan-hero-visual { padding: 10px; border-radius: 6px; }
  .wan-page .wan-hero-visual::before { top: 18px; left: 21px; }
  .wan-page .wan-challenge-heading { margin-bottom: 30px; }
  .wan-page .wan-challenge-heading h2,.wan-page .wan-section-intro h2 { font-size: 34px; }
  .wan-page .wan-challenge-panel { gap: 24px; }
  .wan-page .wan-challenge-panel h3 { font-size: 29px; }
  .wan-page .wan-section-intro { margin-bottom: 30px; }
  .wan-page .wan-section-intro p { margin-top: 12px; font-size: 14px; }
  .wan-page .wan-method-overview-main { gap: 24px; padding: 28px 24px 24px; }
  .wan-page .wan-method-overview-copy h3 { font-size: 29px; }
  .wan-page .wan-method-pillars article { min-height: 0; padding: 23px 24px; }
  .wan-page .wan-method-pillars strong { font-size: 13px; }
  .wan-page .wan-product-feature-section { margin-top: 62px; }
  .wan-page .wan-product-intro { margin-bottom: 20px; }
  .wan-page .wan-product-tablist { display: grid; max-width: 100%; overflow: visible; }
  .wan-page .wan-product-tablist button { min-height: 56px; flex: auto; padding: 8px 5px; font-size: 13px; white-space: normal; }
  .wan-page .wan-product-feature-row { grid-template-columns: 38px minmax(0,1fr); gap: 16px; padding: 32px 0; }
  .wan-page .wan-product-feature-index { font-size: 20px; }
  .wan-page .wan-product-feature-row .wan-product-feature-copy h3 { font-size: 27px; }
  .wan-page .wan-product-feature-row .wan-product-feature-copy > p { font-size: 14px; }
  .wan-page .wan-product-feature-row .wan-product-feature-copy ul { display: grid; gap: 6px; }
  .wan-page .cta-grid { min-height: 0; padding: 70px 0; }
}

/* Intelligent WAN hardware delivery */
.wan-hardware-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  scroll-margin-top: 124px;
  padding: 104px 0 110px;
  border-top: 1px solid #d4e0ea;
  background:
    radial-gradient(circle at 82% 48%,rgba(72,137,225,.13),transparent 31%),
    linear-gradient(180deg,#f4f8fc,#edf3f9);
}
.wan-hardware-section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .45;
  background-image:
    linear-gradient(rgba(43,94,149,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(43,94,149,.055) 1px,transparent 1px);
  background-size: 66px 66px;
  mask-image: linear-gradient(90deg,transparent,#000 28%,#000 92%);
}
.wan-hardware-layout {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(480px,1.18fr);
  gap: clamp(58px,7vw,104px);
  align-items: center;
}
.wan-hardware-copy { max-width: 560px; }
.wan-hardware-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #2364c7;
  font: 700 9px var(--mono);
  letter-spacing: .14em;
}
.wan-hardware-kicker::before {
  width: 30px;
  height: 1px;
  background: #236cd4;
  content: "";
}
.wan-hardware-copy h2 {
  margin: 22px 0 0;
  color: #102b49;
  font-size: clamp(42px,4.4vw,62px);
  line-height: 1.04;
  letter-spacing: -.065em;
}
.wan-hardware-tag {
  display: inline-flex;
  margin-top: 24px;
  padding: 8px 13px;
  border: 1px solid #bed4ec;
  border-radius: 999px;
  color: #1d61bc;
  background: rgba(255,255,255,.62);
  font-size: 11px;
  letter-spacing: .02em;
}
.wan-hardware-copy > p {
  max-width: 530px;
  margin: 25px 0 0;
  color: #526d84;
  font-size: 15px;
  line-height: 1.9;
}
.wan-hardware-steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: 34px 0 0;
  padding: 0;
  border-top: 1px solid #c9d8e5;
  border-bottom: 1px solid #c9d8e5;
  list-style: none;
}
.wan-hardware-steps li {
  min-width: 0;
  padding: 16px 14px 17px 0;
}
.wan-hardware-steps li + li {
  padding-left: 16px;
  border-left: 1px solid #c9d8e5;
}
.wan-hardware-steps b {
  display: block;
  color: #7f9bb5;
  font: 600 8px var(--mono);
  letter-spacing: .1em;
}
.wan-hardware-steps span {
  display: block;
  margin-top: 7px;
  color: #294d70;
  font-size: 12px;
  font-weight: 700;
}
.wan-hardware-visual {
  position: relative;
  min-width: 0;
  margin: 0;
}
.wan-hardware-visual::after {
  position: absolute;
  right: 8%;
  bottom: 3%;
  z-index: -1;
  width: 82%;
  height: 28%;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(35,82,139,.18),rgba(35,82,139,0) 68%);
  filter: blur(9px);
  content: "";
}
.wan-hardware-visual img {
  display: block;
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 25px 28px rgba(20,45,72,.13));
}
@media (max-width: 980px) {
  .wan-hardware-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .wan-hardware-copy { max-width: 680px; }
  .wan-hardware-visual {
    width: min(100%,720px);
    justify-self: center;
  }
}
@media (max-width: 620px) {
  .wan-hardware-section { padding: 76px 0 80px; }
  .wan-hardware-layout { gap: 34px; }
  .wan-hardware-copy h2 { font-size: 38px; }
  .wan-hardware-copy > p { font-size: 14px; }
  .wan-hardware-steps {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }
  .wan-hardware-steps li { padding: 13px 0; }
  .wan-hardware-steps li + li {
    padding-left: 0;
    border-top: 1px solid #c9d8e5;
    border-left: 0;
  }
  .wan-hardware-steps b,
  .wan-hardware-steps span {
    display: inline;
  }
  .wan-hardware-steps span { margin-left: 12px; }
  .wan-hardware-visual img { max-height: 340px; }
}

/* Cross-border live streaming acceleration */
.live-accel-page { background: #fff; }
.live-accel-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(59,217,223,.15),transparent 25%),
    linear-gradient(rgba(7,92,255,.045) 1px,transparent 1px) 0 0/54px 54px,
    linear-gradient(90deg,rgba(7,92,255,.045) 1px,transparent 1px) 0 0/54px 54px,
    linear-gradient(135deg,#f8fbff,#eef6ff);
}
.live-accel-hero::after {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  right: -300px;
  bottom: -330px;
  border: 1px solid rgba(7,92,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(7,92,255,.025),0 0 0 140px rgba(7,92,255,.015);
}
.live-hero-grid {
  position: relative;
  z-index: 1;
  min-height: 760px;
  display: grid;
  grid-template-columns: .96fr 1.04fr;
  gap: 74px;
  align-items: center;
  padding: 72px 0 80px;
}
.live-hero-copy h1 {
  max-width: 690px;
  margin: 24px 0 23px;
  font-size: clamp(54px,5.7vw,82px);
  line-height: .99;
  letter-spacing: -.07em;
}
.live-hero-copy h1 span { color: var(--blue); }
.live-hero-copy > p { max-width: 650px; margin: 0; color: #5c7180; font-size: 16px; line-height: 1.9; }
.live-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 35px; }
.live-hero-tags span { padding: 9px 12px; border: 1px solid rgba(7,92,255,.16); border-radius: 999px; color: #496173; background: rgba(255,255,255,.78); font-size: 11px; font-weight: 700; }
.live-route-console {
  position: relative;
  overflow: hidden;
  border: 1px solid #18394f;
  border-radius: 24px;
  color: white;
  background: radial-gradient(circle at 50% 48%,rgba(7,92,255,.26),transparent 31%),#071722;
  box-shadow: 0 38px 110px rgba(9,35,54,.28);
}
.live-route-console::before { content: ""; position: absolute; inset: 0; opacity: .3; background-image: radial-gradient(rgba(92,157,195,.6) 1px,transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(circle at 50% 48%,black,transparent 78%); }
.live-console-head {
  position: relative;
  z-index: 2;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 23px;
  border-bottom: 1px solid #19374a;
  font: 600 8px var(--mono);
  letter-spacing: .11em;
}
.live-console-head span { color: #7793a5; }
.live-console-head b { color: #ff6d75; font-weight: 600; }
.live-route-stage { position: relative; min-height: 410px; }
.live-route-core {
  position: absolute;
  z-index: 3;
  width: 150px;
  height: 150px;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(91,225,231,.75);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%,#258cff,#075cff 58%,#0641b9);
  box-shadow: 0 0 0 20px rgba(7,92,255,.09),0 0 0 48px rgba(7,92,255,.035),0 25px 60px rgba(0,52,171,.34);
  transform: translate(-50%,-50%);
  text-align: center;
}
.live-route-core small { color: #c0edf0; font: 600 7px var(--mono); letter-spacing: .12em; }
.live-route-core strong { margin: 9px 0 7px; font-size: 23px; }
.live-route-core span { color: #c0d7ff; font-size: 9px; }
.live-endpoint {
  position: absolute;
  z-index: 4;
  min-width: 135px;
  padding: 15px;
  border: 1px solid rgba(84,139,174,.38);
  border-radius: 12px;
  background: rgba(8,31,46,.88);
  box-shadow: 0 16px 42px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
}
.live-endpoint small { display: block; color: var(--cyan); font: 600 7px var(--mono); letter-spacing: .11em; }
.live-endpoint strong { display: block; margin-top: 7px; font-size: 15px; }
.live-endpoint span { display: block; margin-top: 5px; color: #7794a7; font-size: 9px; }
.local-endpoint { left: 6%; top: 40%; }
.target-endpoint { right: 6%; top: 40%; }
.live-route-line { position: absolute; z-index: 1; width: 34%; height: 1px; top: 50%; overflow: hidden; background: linear-gradient(90deg,rgba(59,217,223,.08),rgba(59,217,223,.8),rgba(7,92,255,.18)); }
.route-line-left { left: 17%; }.route-line-right { right: 17%; }
.live-flow-dot {
  position: absolute;
  z-index: 2;
  width: 7px;
  height: 7px;
  top: calc(50% - 3px);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px #fff,0 0 18px var(--cyan);
}
.flow-dot-one { animation: liveFlowLeft 3.6s linear infinite; }
.flow-dot-two { animation: liveFlowRight 3.6s linear infinite .9s; }
@keyframes liveFlowLeft { from { left: 20%; } to { left: 49%; } }
@keyframes liveFlowRight { from { left: 51%; } to { left: 80%; } }
.live-console-foot { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #19374a; background: rgba(5,21,31,.74); }
.live-console-foot span { padding: 17px; border-right: 1px solid #19374a; }
.live-console-foot span:last-child { border-right: 0; }
.live-console-foot small { display: block; color: #688395; font-size: 8px; }
.live-console-foot strong { display: block; margin-top: 5px; font-size: 10px; }

.live-problem-section { background: #f7f9fb; }
.live-problem-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.live-problem-grid article { min-height: 330px; display: flex; flex-direction: column; padding: 27px; border: 1px solid #dbe4eb; border-radius: 15px; background: white; box-shadow: 0 18px 55px rgba(22,58,87,.05); transition: transform .22s ease,border-color .22s ease; }
.live-problem-grid article:hover { transform: translateY(-5px); border-color: rgba(7,92,255,.35); }
.live-problem-grid b { color: var(--blue); font: 600 10px var(--mono); }
.live-problem-grid h3 { margin: 76px 0 14px; font-size: 22px; }
.live-problem-grid p { margin: 0; color: #687b88; font-size: 13px; line-height: 1.82; }
.live-problem-grid span { margin-top: auto; padding-top: 20px; color: #2f4b60; font-size: 11px; font-weight: 700; }

.live-value-section { color: white; background: radial-gradient(circle at 80% 18%,rgba(7,92,255,.26),transparent 27%),#07131d; }
.live-value-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #294356; border-left: 1px solid #294356; }
.live-value-grid article { min-height: 280px; padding: 31px; border-right: 1px solid #294356; border-bottom: 1px solid #294356; background: rgba(8,29,43,.5); }
.live-value-grid small { color: var(--cyan); font: 600 9px var(--mono); letter-spacing: .1em; }
.live-value-grid h3 { margin: 74px 0 14px; font-size: 27px; }
.live-value-grid p { max-width: 520px; margin: 0; color: #8ca3b3; font-size: 14px; line-height: 1.85; }

.live-metrics-section { background: linear-gradient(135deg,#fff,#f2f7fc); }
.live-metrics-layout { display: grid; grid-template-columns: .74fr 1.26fr; gap: 85px; align-items: start; }
.live-metrics-copy { position: sticky; top: 120px; }
.live-metrics-copy h2 { margin: 20px 0; font-size: clamp(44px,4.5vw,66px); line-height: 1.05; letter-spacing: -.055em; }
.live-metrics-copy p { max-width: 500px; margin: 0; color: #657887; line-height: 1.9; }
.live-metric-list { border-top: 1px solid #cbd8e1; }
.live-metric-list article { min-height: 145px; display: grid; grid-template-columns: 62px 1fr auto; gap: 22px; align-items: center; border-bottom: 1px solid #cbd8e1; }
.live-metric-list article > b { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--blue); font: 600 8px var(--mono); }
.live-metric-list h3 { margin: 0 0 8px; font-size: 21px; }
.live-metric-list p { margin: 0; color: #687b88; font-size: 13px; line-height: 1.75; }
.live-metric-list article > span { color: var(--blue); font-size: 12px; font-weight: 800; }

.live-access-section { background: #f4f7fa; }
.live-access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.access-card { position: relative; min-height: 430px; padding: 34px; overflow: hidden; border: 1px solid #d4e0e8; border-radius: 18px; background: white; box-shadow: 0 25px 70px rgba(25,60,91,.08); }
.access-card::after { content: ""; position: absolute; width: 240px; height: 240px; right: -100px; bottom: -120px; border: 1px solid rgba(7,92,255,.13); border-radius: 50%; box-shadow: 0 0 0 35px rgba(7,92,255,.025); }
.access-card > small { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .1em; }
.access-card h3 { max-width: 430px; margin: 82px 0 16px; font-size: 31px; }
.access-card p { max-width: 540px; margin: 0; color: #657887; line-height: 1.85; }
.access-card ul { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.access-card li { color: #345064; font-size: 12px; }
.access-card li::before { content: "✓"; margin-right: 9px; color: var(--blue); font-weight: 800; }
.access-enterprise { color: white; border-color: #1a3b52; background: radial-gradient(circle at 78% 25%,rgba(7,92,255,.32),transparent 30%),#081b29; }
.access-enterprise > small { color: var(--cyan); }
.access-enterprise p { color: #8da4b4; }
.access-enterprise li { color: #d0dee7; }
.access-enterprise li::before { color: var(--cyan); }

.live-process-section { color: white; background: #0a1a26; }
.live-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.live-process article { position: relative; min-height: 320px; padding: 27px; border: 1px solid #294254; border-radius: 15px; background: rgba(8,29,43,.7); }
.live-process article::after { content: "→"; position: absolute; z-index: 2; width: 28px; height: 28px; right: -21px; top: 42px; display: grid; place-items: center; border: 1px solid #41647d; border-radius: 50%; color: var(--cyan); background: #0a1a26; }
.live-process article:last-child::after { display: none; }
.live-process b { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 50%; color: white; background: var(--blue); font: 600 10px var(--mono); }
.live-process small { display: block; margin-top: 58px; color: var(--cyan); font: 600 8px var(--mono); letter-spacing: .1em; }
.live-process h3 { margin: 10px 0 13px; font-size: 22px; }
.live-process p { margin: 0; color: #8fa5b4; font-size: 13px; line-height: 1.8; }

.live-plan-section { background: #f5f8fb; }
.live-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.live-plan-grid article { position: relative; min-height: 350px; display: flex; flex-direction: column; padding: 29px; border: 1px solid #d5e0e8; border-radius: 16px; background: white; box-shadow: 0 20px 60px rgba(21,57,88,.06); }
.live-plan-grid article > span { position: absolute; right: 18px; top: 18px; padding: 7px 9px; border-radius: 999px; color: white; background: #ff5263; font: 600 7px var(--mono); letter-spacing: .1em; }
.live-plan-grid small { color: var(--blue); font: 600 9px var(--mono); letter-spacing: .08em; }
.live-plan-grid h3 { margin: 78px 0 14px; font-size: 29px; }
.live-plan-grid p { margin: 0; color: #687b88; font-size: 13px; line-height: 1.82; }
.live-plan-grid b { margin-top: auto; padding-top: 22px; color: #27465c; font-size: 11px; }
.live-plan-grid .recommended { color: white; border-color: #075cff; background: linear-gradient(145deg,#0b72ff,#075cff 62%,#0642bd); box-shadow: 0 30px 80px rgba(7,92,255,.24); transform: translateY(-8px); }
.live-plan-grid .recommended small,.live-plan-grid .recommended p,.live-plan-grid .recommended b { color: white; }
.live-plan-grid .recommended p { opacity: .78; }

.live-delivery-section { color: white; background: radial-gradient(circle at 15% 15%,rgba(59,217,223,.1),transparent 24%),#07131d; }
.live-delivery-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #294356; border-left: 1px solid #294356; }
.live-delivery-grid article { min-height: 225px; padding: 27px; border-right: 1px solid #294356; border-bottom: 1px solid #294356; }
.live-delivery-grid b { color: var(--cyan); font: 600 9px var(--mono); }
.live-delivery-grid h3 { margin: 62px 0 12px; font-size: 21px; }
.live-delivery-grid p { margin: 0; color: #8ca2b1; font-size: 13px; line-height: 1.8; }

.live-boundary { padding: 105px 0; background: #eef3f7; }
.live-boundary-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }
.live-boundary h2 { margin: 20px 0 0; font-size: clamp(43px,4.8vw,66px); line-height: 1.06; letter-spacing: -.055em; }
.live-boundary-grid > div:last-child { padding-top: 28px; border-top: 1px solid #bcccd8; }
.live-boundary p { margin: 0 0 18px; color: #5f7483; line-height: 1.9; }

@media (max-width: 980px) {
  .live-hero-grid,.live-metrics-layout,.live-boundary-grid { grid-template-columns: 1fr; }
  .live-hero-grid { gap: 58px; }
  .live-route-console { width: min(680px,100%); justify-self: center; }
  .live-problem-grid,.live-process { grid-template-columns: 1fr 1fr; }
  .live-process article::after { display: none; }
  .live-metrics-copy { position: static; }
  .live-plan-grid { grid-template-columns: 1fr; }
  .live-plan-grid .recommended { transform: none; }
}

@media (max-width: 620px) {
  .live-hero-grid { min-height: auto; padding: 58px 0 72px; }
  .live-hero-copy h1 { font-size: 45px; }
  .live-hero-copy > p { font-size: 14px; }
  .live-hero-tags { gap: 7px; }
  .live-route-stage { min-height: 380px; }
  .live-route-core { width: 112px; height: 112px; }
  .live-route-core strong { font-size: 18px; }
  .live-endpoint { min-width: 105px; padding: 11px; }
  .local-endpoint { left: 3%; }.target-endpoint { right: 3%; }
  .live-route-line { width: 32%; }.route-line-left { left: 18%; }.route-line-right { right: 18%; }
  .live-console-foot { grid-template-columns: 1fr; }
  .live-console-foot span { border-right: 0; border-bottom: 1px solid #19374a; }
  .live-console-foot span:last-child { border-bottom: 0; }
  .live-problem-grid,.live-value-grid,.live-access-grid,.live-process,.live-delivery-grid { grid-template-columns: 1fr; }
  .live-problem-grid article { min-height: 275px; }
  .live-value-grid article { min-height: 250px; }
  .live-metrics-layout { gap: 42px; }
  .live-metrics-copy h2 { font-size: 43px; }
  .live-metric-list article { grid-template-columns: 52px 1fr; gap: 14px; padding: 20px 0; }
  .live-metric-list article > span { display: none; }
  .access-card { min-height: 390px; padding: 27px; }
  .access-card h3 { margin-top: 60px; font-size: 27px; }
  .live-process article { min-height: 285px; }
  .live-plan-grid article { min-height: 315px; }
  .live-delivery-grid article { min-height: 205px; }
  .live-boundary { padding: 78px 0; }
  .live-boundary-grid { gap: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-flow-dot { animation: none; }
}

/* Refined visual system — homepage and live acceleration */
.home-body,
.live-accel-page {
  --refined-border: rgba(115,145,167,.24);
  --refined-copy: #647987;
}

.home-body .home-screen { min-height: auto; }
.home-body .home-one { min-height: calc(100vh - 78px); }
.home-body .home-hero { min-height: calc(100vh - 78px); padding: 84px 0 96px; }
.home-body .home-headline { width: min(760px,100%); }
.home-body .home-hero h1 {
  margin-top: 21px;
  font-size: clamp(58px,5.5vw,78px);
  line-height: .98;
  letter-spacing: -.065em;
}
.home-body .home-intro { max-width: 650px; margin-top: 24px; font-size: 15px; line-height: 1.82; }
.home-body .home-actions { margin-top: 27px; }
.home-body .home-proof-line { margin-top: 31px; }
.home-body .home-proof-line span { min-width: 142px; padding: 0 23px; font-size: 11px; }

.home-body .home-two,
.home-body .home-assurance,
.home-body .home-compliance,
.home-body .home-partners { padding: 96px 0; }
.home-body .home-two::before,
.home-body .home-compliance::before { opacity: .15; }
.home-two-layout {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 74px;
  align-items: center;
}
.home-two-layout .home-diff-head { align-self: center; }
.diff-cap-tags {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-top: 28px;
}
.diff-cap-tags > span {
  padding: 16px;
  border: 1px solid rgba(108,153,181,.22);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
}
.diff-cap-tags small { display: block; color: #1768e9; font-size: 10px; font-weight: 700; }
.diff-cap-tags { margin-top: 0; }
.home-two-layout .delivery-track { margin-top: 48px; }

/* Industry scenarios */
.home-industries {
  isolation: isolate;
  padding: 104px 0;
  background:
    radial-gradient(circle at 82% 20%,rgba(28,92,177,.11),transparent 28%),
    linear-gradient(rgba(55,110,155,.04) 1px,transparent 1px) 0 0/52px 52px,
    linear-gradient(90deg,rgba(55,110,155,.04) 1px,transparent 1px) 0 0/52px 52px,
    #071722;
  color: #fff;
}
.industry-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 72px;
  align-items: start;
}
.industry-left h2 {
  margin: 18px 0 16px;
  color: #fff;
  font-size: clamp(38px,3.5vw,50px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.industry-left h2 span { color: #55c9d3; }
.industry-left > p {
  max-width: 420px;
  color: #91a7b7;
  font-size: 14px;
  line-height: 1.85;
}
.industry-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(108,153,181,.28);
}
.industry-tab {
  padding: 10px 20px;
  border: 1px solid rgba(108,153,181,.28);
  border-radius: 999px;
  color: #91a7b7;
  background: transparent;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .22s ease, color .22s ease, background .22s ease;
}
.industry-tab:hover { border-color: rgba(108,153,181,.55); color: #d4e1ea; }
.industry-tab.active { color: #071722; border-color: #55c9d3; background: #55c9d3; }
.industry-card { display: none; }
.industry-card.active { display: block; padding-top: 20px; }
.industry-card-glass {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 28px;
  align-items: start;
  padding: 32px;
  border: 1px solid rgba(108,153,181,.2);
  border-radius: 16px;
  background: linear-gradient(145deg,rgba(15,42,59,.65),rgba(8,29,43,.5));
  box-shadow: 0 22px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(12px);
}
.industry-scene-icon { width: 72px; height: 72px; }
.industry-scene-icon svg { width: 100%; height: 100%; }
.industry-card-body { max-width: none; }
.industry-card-body small { display: block; color: #55c9d3; font: 600 9px var(--mono); letter-spacing: .1em; }
.industry-card-body h3 { margin: 10px 0 20px; font-size: 26px; font-weight: 700; }
.industry-challenge {
  margin-bottom: 18px;
  padding: 18px 20px;
  border-left: 2px solid rgba(85,201,211,.4);
  border-radius: 0 8px 8px 0;
  background: rgba(85,201,211,.06);
}
.industry-challenge span { display: block; margin-bottom: 6px; color: #55c9d3; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.industry-challenge p { margin: 0; color: #97afbf; font-size: 13px; line-height: 1.8; }
.industry-needs { margin-bottom: 18px; }
.industry-needs > span { display: block; margin-bottom: 10px; color: #6cb9ca; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.need-tags { display: flex; flex-wrap: wrap; gap: 14px; }
.need-tags i { color: #55c9d3; font-style: normal; font-size: 10px; }
.need-tags span { color: #b4c9d7; font-size: 12px; }
.industry-scene-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(108,153,181,.16);
}
.industry-scene-tags span {
  padding: 9px 14px;
  border: 1px solid rgba(108,153,181,.24);
  border-radius: 6px;
  color: #b4c9d7;
  font-size: 11px;
}

.diff-cap-tags > span {
  background: #fff;
  border-color: #dbe3e9;
}
.home-two-layout .delivery-track { margin-top: 48px; }
@media (max-width: 980px) {
  .home-two-layout { grid-template-columns: 1fr; gap: 38px; }
  .industry-layout { grid-template-columns: 1fr; gap: 32px; }
  .industry-card-glass { grid-template-columns: 56px 1fr; gap: 20px; padding: 24px; }
  .industry-scene-icon { width: 56px; height: 56px; }
}
@media (max-width: 620px) {
  .home-industries { padding: 78px 0; }
  .industry-card-glass { grid-template-columns: 1fr; gap: 18px; padding: 22px; }
  .industry-scene-icon { width: 52px; height: 52px; }
  .industry-tab { font-size: 11px; padding: 8px 14px; }
  .industry-card-body h3 { font-size: 22px; }
  .need-tags { gap: 10px; }
}
@media (max-width: 620px) {
  .home-industries { padding: 78px 0; }
  .industry-card.active { grid-template-columns: 1fr; gap: 20px; }
  .industry-visual { min-height: 120px; flex-direction: row; gap: 18px; padding: 18px; }
  .industry-visual-lines { display: none; }
  .industry-tab { font-size: 11px; padding: 8px 14px; }
  .industry-meta { grid-template-columns: 1fr; }
  .industry-card-body h3 { font-size: 22px; }
}
.home-body .compliance-home-copy h2,
.home-body .partner-copy h2 {
  font-size: clamp(38px,3.5vw,50px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.home-body .home-diff-head p,
.home-body .compliance-home-copy > p,
.home-body .partner-copy > p {
  font-size: 14px;
  line-height: 1.85;
}

.home-body .difference-system {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 0;
  border: 0;
  min-height: 0;
}
.system-connector { display: none; }
.home-body .system-node {
  position: relative;
  width: auto;
  min-height: 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid rgba(108,153,181,.2);
  border-right: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 16px;
  align-items: center;
}
.home-body .system-node:last-child { border-bottom: 0; }
.home-body .system-node:hover,
.home-body .service-node:hover {
  border-color: rgba(108,153,181,.35);
  background: rgba(255,255,255,.02);
  box-shadow: none;
}
.home-body .system-node::before { display: none; }
.home-body .system-node small { color: #6cb9ca; font-size: 8px; letter-spacing: .14em; }
.home-body .system-node-body { display: grid; gap: 8px; }
.home-body .system-node-body h3 { margin: 0; font-size: 18px; font-weight: 600; }
.home-body .system-node-body strong { display: block; color: #d4e4ef; font-size: 12px; font-weight: 600; }
.home-body .system-node-body p { max-width: 380px; margin: 0; color: #8199aa; font-size: 12px; line-height: 1.75; }

.home-body .assurance-home-layout {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 52px;
  align-items: start;
}
.home-body .delivery-track { border-radius: 14px; box-shadow: 0 18px 54px rgba(21,55,80,.07); }

.home-body .compliance-home-layout {
  grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);
  gap: 62px;
}
.home-body .compliance-rule { margin-top: 28px; padding: 17px 19px; box-shadow: none; }
.home-body .credential-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.home-body .credential-grid article {
  min-height: 302px;
  padding: 23px;
  border-radius: 12px;
  box-shadow: none;
}
.home-body .credential-grid article:hover { transform: translateY(-3px); }
.home-body .credential-icon { width: 40px; height: 40px; margin-top: 30px; border-radius: 10px; font-size: 16px; }
.home-body .credential-grid h3 { margin-top: 29px; font-size: 18px; }
.home-body .credential-grid p { font-size: 11px; }

.home-body .partner-layout { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 72px; }
.home-body .partner-tags { margin-top: 27px; }
.home-body .partner-tags span { padding: 8px 11px; box-shadow: none; font-size: 10px; }
.home-body .ecosystem-visual {
  min-height: 360px;
  display: flex;
  align-items: center;
  padding: 66px 42px 38px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 72% 18%,rgba(7,92,255,.1),transparent 30%),
    rgba(255,255,255,.72);
  box-shadow: 0 24px 70px rgba(24,72,115,.1);
}
.home-body .ecosystem-visual::before { inset: 18px; border-radius: 12px; opacity: .55; }
.home-body .partner-visual-label { top: 25px; left: 28px; }
.home-body .ecosystem-visual .partner-logo-crop {
  position: relative;
  width: 100%;
  left: auto;
  bottom: auto;
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(20,101,199,.13);
}

.home-body .home-three { padding-top: 96px; }
.home-body .contact-globe { opacity: .55; }
.home-body .home-contact-layout { grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 68px; }
.home-body .home-contact-copy h2 { font-size: clamp(38px,3.8vw,52px); }
.home-body .home-contact-copy > p { font-size: 14px; line-height: 1.85; }
.home-body .home-contact-details,
.home-body .home-wechat { box-shadow: none; }
.home-body .home-lead-form {
  padding: 28px;
  border-radius: 14px;
  box-shadow: 0 26px 80px rgba(0,0,0,.24);
}
.home-body .home-form-head { margin-bottom: 5px; }
.home-body .home-lead-form .field input,
.home-body .home-lead-form .field select { min-height: 50px; }
.home-body .home-lead-form .field textarea { min-height: 104px; }
.home-body .home-portals { margin-top: 72px; }
.home-body .home-portals a { min-height: 116px; }

.live-accel-page .section { padding: 94px 0; }
.live-accel-page .section-head { margin-bottom: 42px; }
.live-accel-page .section-title {
  font-size: clamp(36px,3.5vw,48px);
  line-height: 1.1;
  letter-spacing: -.045em;
}
.live-accel-page .section-copy { max-width: 550px; font-size: 14px; line-height: 1.85; }
.live-accel-page .live-hero-grid { min-height: 680px; gap: 66px; padding: 64px 0 72px; }
.live-accel-page .live-hero-copy h1 {
  margin: 21px 0 20px;
  font-size: clamp(50px,4.7vw,66px);
  line-height: 1.02;
  letter-spacing: -.06em;
}
.live-accel-page .live-hero-copy > p { max-width: 610px; font-size: 15px; line-height: 1.8; }
.live-accel-page .live-hero-tags { margin-top: 28px; }
.live-accel-page .live-hero-tags span { padding: 7px 10px; font-size: 10px; }
.live-accel-page .live-route-console { border-radius: 18px; box-shadow: 0 28px 82px rgba(9,35,54,.22); }
.live-accel-page .live-route-stage { min-height: 350px; }
.live-accel-page .live-route-core { width: 132px; height: 132px; }

.live-accel-page .live-problem-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.live-accel-page .live-problem-grid article {
  min-height: 238px;
  padding: 24px;
  border-radius: 12px;
  box-shadow: none;
}
.live-accel-page .live-problem-grid article:hover { transform: translateY(-3px); }
.live-accel-page .live-problem-grid h3 { margin: 46px 0 12px; font-size: 20px; }
.live-accel-page .live-problem-grid p { font-size: 12px; line-height: 1.75; }
.live-accel-page .live-problem-grid span { font-size: 10px; }
.live-signal-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-top: 34px;
  border-top: 1px solid #d4e0e8;
  border-bottom: 1px solid #d4e0e8;
}
.live-signal-strip span { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 19px 22px; border-right: 1px solid #d4e0e8; }
.live-signal-strip span:last-child { border-right: 0; }
.live-signal-strip b { font-size: 14px; }
.live-signal-strip small { color: var(--refined-copy); font-size: 10px; }

.live-accel-page .live-value-section {
  background: radial-gradient(circle at 84% 15%,rgba(7,92,255,.2),transparent 27%),#07131d;
}
.live-accel-page .live-value-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.live-accel-page .live-value-grid article { min-height: 248px; padding: 25px; }
.live-accel-page .live-value-grid h3 { margin: 62px 0 12px; font-size: 21px; }
.live-accel-page .live-value-grid p { font-size: 12px; line-height: 1.75; }

.live-accel-page .live-process { gap: 10px; }
.live-accel-page .live-process article {
  min-height: 246px;
  padding: 23px;
  border-radius: 12px;
  background: rgba(8,29,43,.48);
}
.live-accel-page .live-process b { width: 38px; height: 38px; }
.live-accel-page .live-process small { margin-top: 36px; }
.live-accel-page .live-process h3 { font-size: 18px; }
.live-accel-page .live-process p { font-size: 11px; line-height: 1.75; }
.live-scale-strip {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 38px;
  border-top: 1px solid #294254;
  border-bottom: 1px solid #294254;
}
.live-scale-strip article { display: grid; gap: 7px; padding: 23px 25px; border-right: 1px solid #294254; }
.live-scale-strip article:last-child { border-right: 0; }
.live-scale-strip small { color: #6f8ca0; font-size: 9px; }
.live-scale-strip strong { font-size: 18px; }
.live-scale-strip span { color: #8fa5b4; font-size: 11px; }
.live-delivery-line {
  display: grid;
  grid-template-columns: .42fr 1.58fr;
  gap: 30px;
  margin-top: 32px;
  padding-top: 25px;
  border-top: 1px solid #294254;
}
.live-delivery-line small { color: var(--cyan); font: 600 8px var(--mono); letter-spacing: .1em; }
.live-delivery-line p { margin: 0; color: #a4b7c3; font-size: 12px; line-height: 1.75; }

.live-accel-page .live-boundary { padding: 86px 0; }
.live-accel-page .live-boundary-grid { gap: 72px; }
.live-accel-page .live-boundary h2 {
  font-size: clamp(36px,3.6vw,50px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.live-accel-page .live-boundary p { font-size: 13px; line-height: 1.8; }

@media (max-width: 1100px) {
  .home-body .credential-grid { grid-template-columns: 1fr; }
  .home-body .credential-grid article { min-height: 205px; }
  .home-body .credential-icon { margin-top: 20px; }
  .home-body .credential-grid h3 { margin-top: 18px; }
  .live-accel-page .live-value-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 980px) {
  .home-body .home-diff-head,
  .home-body .compliance-home-layout,
  .home-body .partner-layout,
  .home-body .home-contact-layout { grid-template-columns: 1fr; gap: 38px; }
  .home-two-layout { grid-template-columns: 1fr; gap: 38px; }
  .home-body .difference-system { grid-template-columns: 1fr; padding-top: 0; }
  .home-body .system-node {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(108,153,181,.25);
  }
  .home-body .system-node:last-child { border-bottom: 0; }
  .home-body .ecosystem-visual { min-height: 320px; }
  .home-body .home-lead-form { max-width: none; }
  .live-accel-page .live-problem-grid { grid-template-columns: 1fr; }
  .live-accel-page .live-process { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .home-body .home-one { min-height: 700px; }
  .home-body .home-hero { min-height: 640px; padding: 66px 0 82px; }
  .home-body .home-hero h1 { font-size: 43px; line-height: 1.03; }
  .home-body .home-two,
  .home-body .home-assurance,
  .home-body .home-compliance,
  .home-body .home-partners { padding: 72px 0; }
  .home-body .home-diff-head h2,
  .home-body .compliance-home-copy h2,
  .home-body .partner-copy h2,
  .home-body .home-contact-copy h2 { font-size: 35px; }
  .home-body .difference-system { margin-top: 28px; }
  .home-body .system-node { min-height: 0; padding: 20px 0; }
  .home-body .system-node-body h3 { margin: 0; font-size: 16px; }
  .home-body .credential-grid article { min-height: 210px; }
  .home-body .ecosystem-visual { min-height: 240px; padding: 54px 17px 22px; }
  .home-body .partner-visual-label { left: 19px; top: 20px; }
  .home-body .home-three { padding-top: 72px; }
  .home-body .home-lead-form { padding: 21px 17px; }
  .home-body .home-portals { margin-top: 54px; }

  .live-accel-page .section { padding: 72px 0; }
  .live-accel-page .section-head { margin-bottom: 32px; }
  .live-accel-page .section-title { font-size: 34px; }
  .live-accel-page .live-hero-grid { padding: 52px 0 66px; }
  .live-accel-page .live-hero-copy h1 { font-size: 40px; }
  .live-accel-page .live-problem-grid article { min-height: 205px; }
  .live-signal-strip { grid-template-columns: 1fr 1fr; }
  .live-signal-strip span:nth-child(2) { border-right: 0; }
  .live-signal-strip span:nth-child(-n+2) { border-bottom: 1px solid #d4e0e8; }
  .live-accel-page .live-value-grid,
  .live-accel-page .live-process,
  .live-scale-strip { grid-template-columns: 1fr; }
  .live-accel-page .live-value-grid article { min-height: 210px; }
  .live-accel-page .live-process article { min-height: 220px; }
  .live-scale-strip article { border-right: 0; border-bottom: 1px solid #294254; }
  .live-scale-strip article:last-child { border-bottom: 0; }
  .live-delivery-line { grid-template-columns: 1fr; gap: 12px; }
  .live-accel-page .live-boundary { padding: 70px 0; }
}

/* Precision refinement — quiet enterprise technology */
.home-body,
.live-accel-page {
  --blue: #1768e9;
  --blue-deep: #0b4fb8;
  --cyan: #55c9d3;
  --ink: #0b1826;
  --night: #071722;
  color: var(--ink);
  letter-spacing: -.01em;
}
.home-body::before,
.live-accel-page::before { display: none; }
.home-body .site-header,
.live-accel-page .site-header {
  border-bottom-color: rgba(137,157,175,.22);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(24px) saturate(1.2);
}
.home-body .nav-shell,
.live-accel-page .nav-shell { height: 72px; }
.home-body .brand,
.live-accel-page .brand { gap: 10px; font-size: 16px; }
.home-body .brand-mark,
.live-accel-page .brand-mark {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: #1464e5;
  box-shadow: none;
}
.home-body .main-nav,
.live-accel-page .main-nav { gap: 8px; color: #384957; font-size: 13px; }
.home-body .nav-primary-row,
.live-accel-page .nav-primary-row { padding: 0 12px; border-radius: 6px; }
.home-body .nav-group:hover .nav-primary-row,
.home-body .nav-group:focus-within .nav-primary-row,
.home-body .nav-group.active .nav-primary-row,
.live-accel-page .nav-group:hover .nav-primary-row,
.live-accel-page .nav-group:focus-within .nav-primary-row,
.live-accel-page .nav-group.active .nav-primary-row {
  background: rgba(23,104,233,.065);
}
.home-body .button,
.live-accel-page .button {
  min-height: 47px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
}
.home-body .button.primary,
.live-accel-page .button.primary {
  background: #1464e5;
  box-shadow: 0 10px 30px rgba(20,100,229,.15);
}
.home-body .nav-actions .button,
.live-accel-page .nav-actions .button {
  min-height: 42px;
  padding: 0 18px;
  box-shadow: none;
}

.home-body .home-one {
  min-height: calc(100vh - 72px);
  background: #f7fafc;
}
.home-body .home-one::before { opacity: .11; }
.home-body .home-one::after { bottom: 38px; opacity: .65; }
.home-body .hero-earth { background: #f5f8fb; }
.home-body .hero-earth::before {
  background:
    linear-gradient(90deg,rgba(248,251,253,.99) 0%,rgba(248,251,253,.96) 26%,rgba(248,251,253,.72) 54%,rgba(248,251,253,.18) 100%),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(239,245,250,.5));
}
.home-body .hero-earth::after { box-shadow: inset 0 -90px 130px rgba(235,242,247,.76); }
.home-body .hero-earth img {
  object-position: 68% center;
  opacity: .7;
  filter: grayscale(.28) saturate(.48) contrast(.9) brightness(.98);
}
.home-body .hero-network-flow {
  opacity: .56;
  mask-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 28%,black 58%,black 100%);
}
.home-body .home-hero {
  min-height: calc(100vh - 72px);
  justify-content: flex-start;
  padding: 90px 0 104px;
  text-align: left;
}
.home-body .home-headline { width: min(780px,68%); }
.home-body .hero-chip {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #365269;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  font-size: 8px;
  letter-spacing: .18em;
}
.home-body .hero-chip::before {
  width: 30px;
  height: 1px;
  border-radius: 0;
  background: #1768e9;
  box-shadow: none;
}
.home-body .home-hero h1 {
  margin-top: 27px;
  color: #0a1724;
  font-size: clamp(56px,5.2vw,72px);
  line-height: 1;
  letter-spacing: -.06em;
}
.home-body .home-intro {
  max-width: 620px;
  margin: 25px 0 0;
  color: #536a7b;
  font-size: 15px;
  line-height: 1.9;
  text-shadow: none;
}
.home-body .home-actions {
  justify-content: flex-start;
  gap: 20px;
  margin-top: 31px;
}
.home-body .home-actions .button { min-width: 145px; }
.home-body .home-actions .button.secondary {
  min-width: auto;
  padding: 0 2px;
  border: 0;
  color: #21384a;
  background: transparent;
}
.home-body .home-actions .button.secondary::after {
  content: "↗";
  margin-left: 3px;
  color: #1768e9;
}
.home-body .home-proof-line {
  width: min(620px,100%);
  display: grid;
  grid-template-columns: repeat(3,1fr);
  justify-content: start;
  margin-top: 46px;
  padding-top: 18px;
  border-top: 1px solid rgba(82,112,135,.24);
}
.home-body .home-proof-line span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: start;
  gap: 9px;
  padding: 0 20px;
  border-right: 1px solid rgba(82,112,135,.18);
  color: #405a6e;
  font-size: 11px;
  font-weight: 600;
}
.home-body .home-proof-line span:first-child { padding-left: 0; }
.home-body .home-proof-line span::before {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: #1768e9;
  background: transparent;
  box-shadow: none;
  font: 500 8px var(--mono);
}
.home-body .home-proof-line span:nth-child(1)::before { content: "01"; }
.home-body .home-proof-line span:nth-child(2)::before { content: "02"; }
.home-body .home-proof-line span:nth-child(3)::before { content: "03"; }
.home-body .hero-coordinate { right: 3.3%; bottom: 24px; opacity: .72; }

.home-body .home-two {
  padding-top: 104px;
  padding-bottom: 104px;
  color: var(--ink);
  background: #fff;
}
.home-body .home-two::before { display: none; }
.home-body .home-diff-head h2 { color: #0a1724; }
.home-body .home-diff-head p { color: #62737f; }
.diff-cap-tags { margin-top: 0; }
.diff-cap-tags > span { background: #fff; border-color: #dbe3e9; }
.diff-cap-tags small { color: #1768e9; }
.diff-cap-tags strong { color: #3a4e5e; }
.home-two-layout .delivery-track { margin-top: 0; }

.home-body .home-assurance {
  background:
    radial-gradient(circle at 82% 18%,rgba(68,152,201,.08),transparent 28%),
    #f4f7fa;
}
.home-body .home-assurance::before { display: none; }
.home-body .delivery-track,
.home-body .response-panel {
  border-radius: 8px;
  box-shadow: none;
}
.home-body .delivery-track { border-color: #d7e0e7; }
.home-body .delivery-track article > b {
  border: 0;
  border-radius: 0;
  color: #1768e9;
  background: transparent;
}
.home-body .delivery-track article:hover { background: #f7f9fb; transform: none; }
.home-body .response-panel {
  border-color: #163447;
  background:
    radial-gradient(circle at 78% 28%,rgba(23,104,233,.22),transparent 27%),
    #081b27;
}

.home-body .home-compliance {
  background:
    linear-gradient(125deg,rgba(23,104,233,.08),transparent 34%),
    #071722;
}
.home-body .home-compliance::before,
.home-body .compliance-watermark { display: none; }
.home-body .credential-grid { gap: 1px; background: rgba(95,138,164,.25); }
.home-body .credential-grid article {
  min-height: 270px;
  border: 0;
  border-radius: 0;
  background: #0a1e2b;
}
.home-body .credential-grid article::after { display: none; }
.home-body .credential-grid article:hover {
  border-color: transparent;
  background: #0d2433;
  transform: none;
}
.home-body .credential-icon {
  border-radius: 50%;
  background: rgba(23,104,233,.11);
}

.home-body .home-partners {
  background:
    linear-gradient(90deg,#fff 0,#fff 58%,#f5f8fb 58%,#f5f8fb 100%);
}
.home-body .home-partners::before { display: none; }
.home-body .partner-tags { gap: 0; border-top: 1px solid #dce4ea; border-bottom: 1px solid #dce4ea; }
.home-body .partner-tags span {
  flex: 1;
  padding: 13px 8px;
  border: 0;
  border-right: 1px solid #dce4ea;
  border-radius: 0;
  background: transparent;
  text-align: center;
}
.home-body .partner-tags span:last-child { border-right: 0; }
.home-body .ecosystem-visual {
  min-height: 330px;
  padding: 58px 36px 34px;
  border-color: #dbe3e9;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: none;
}
.home-body .ecosystem-visual::before { display: none; }
.home-body .ecosystem-visual .partner-logo-crop {
  border-radius: 6px;
  box-shadow: 0 18px 48px rgba(28,74,112,.1);
}

.home-body .home-three {
  background:
    radial-gradient(circle at 8% 18%,rgba(23,104,233,.16),transparent 27%),
    #06141e;
}
.home-body .home-three::before { opacity: .1; }
.home-body .contact-globe { opacity: .27; }
.home-body .home-contact-details,
.home-body .home-wechat,
.home-body .home-lead-form { border-radius: 7px; }
.home-body .home-lead-form {
  border-color: rgba(217,226,233,.9);
  box-shadow: 0 22px 65px rgba(0,0,0,.18);
}
.home-body .home-lead-form .field input,
.home-body .home-lead-form .field select,
.home-body .home-lead-form .field textarea {
  border-radius: 4px;
  background: #f8fafb;
}

.live-accel-page .section-subnav { top: 72px; }
.live-accel-page .live-accel-hero {
  background:
    radial-gradient(circle at 82% 17%,rgba(73,187,203,.1),transparent 24%),
    linear-gradient(135deg,#f8fafc,#edf4f8);
}
.live-accel-page .live-accel-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image:
    linear-gradient(rgba(53,95,126,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,95,126,.055) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg,transparent 4%,black 42%,black 100%);
}
.live-accel-page .live-accel-hero::after { opacity: .42; }
.live-accel-page .live-hero-grid { min-height: 650px; gap: 72px; }
.live-accel-page .live-hero-copy h1 {
  max-width: 620px;
  color: #0a1724;
  font-size: clamp(48px,4.2vw,60px);
  line-height: 1.04;
  letter-spacing: -.055em;
}
.live-accel-page .live-hero-copy h1 span { color: #1768e9; }
.live-accel-page .live-hero-copy > p { color: #536b7b; }
.live-accel-page .live-hero-tags {
  gap: 0;
  margin-top: 34px;
  padding-top: 17px;
  border-top: 1px solid rgba(95,127,149,.23);
}
.live-accel-page .live-hero-tags span {
  padding: 0 14px;
  border: 0;
  border-right: 1px solid rgba(95,127,149,.2);
  border-radius: 0;
  color: #456174;
  background: transparent;
  font-size: 10px;
  font-weight: 600;
}
.live-accel-page .live-hero-tags span:first-child { padding-left: 0; }
.live-accel-page .live-hero-tags span:last-child { border-right: 0; }
.live-accel-page .live-route-console {
  border-color: #16384c;
  border-radius: 9px;
  background:
    radial-gradient(circle at 50% 48%,rgba(23,104,233,.22),transparent 31%),
    #071823;
  box-shadow: 0 25px 68px rgba(9,35,54,.18);
}
.live-accel-page .live-route-console::before { opacity: .18; }
.live-accel-page .live-route-core {
  border-color: rgba(112,209,218,.62);
  background: radial-gradient(circle at 35% 25%,#317ee9,#1768e9 58%,#0c4cae);
  box-shadow: 0 0 0 18px rgba(23,104,233,.07),0 0 0 44px rgba(23,104,233,.025);
}
.live-accel-page .live-problem-section { background: #f5f7f9; }
.live-accel-page .live-problem-grid { gap: 1px; background: #d9e1e7; }
.live-accel-page .live-problem-grid article {
  border: 0;
  border-radius: 0;
  background: #fff;
}
.live-accel-page .live-problem-grid article:hover {
  background: #fbfcfd;
  transform: none;
}
.live-accel-page .live-value-section {
  background:
    radial-gradient(circle at 85% 14%,rgba(23,104,233,.17),transparent 26%),
    #071722;
}
.live-accel-page .live-value-grid { border-color: #244052; }
.live-accel-page .live-value-grid article { background: transparent; }
.live-accel-page .live-process-section { background: #081925; }
.live-accel-page .live-process { gap: 1px; background: #294254; }
.live-accel-page .live-process article {
  border: 0;
  border-radius: 0;
  background: #0b202e;
}
.live-accel-page .live-process article::after { display: none; }
.live-accel-page .live-process b {
  border: 1px solid rgba(90,152,190,.38);
  border-radius: 50%;
  color: #67c8d1;
  background: transparent;
}
.live-accel-page .live-boundary { background: #f1f4f6; }

@media (max-width: 980px) {
  .home-body .home-headline { width: min(760px,82%); }
  .home-body .home-partners { background: #fff; }
}

@media (max-width: 620px) {
  .home-body .nav-shell,
  .live-accel-page .nav-shell { height: 66px; }
  .home-body .home-one { min-height: 680px; }
  .home-body .home-hero {
    min-height: 614px;
    justify-content: flex-start;
    padding: 84px 0 68px;
    text-align: left;
  }
  .home-body .home-headline { width: 100%; }
  .home-body .hero-earth img { object-position: 64% center; opacity: .62; }
  .home-body .hero-earth::before {
    background: linear-gradient(90deg,rgba(248,251,253,.9),rgba(248,251,253,.54));
  }
  .home-body .hero-network-flow { opacity: .38; }
  .home-body .home-hero h1 { font-size: 41px; line-height: 1.05; }
  .home-body .home-hero h1 span { display: block; }
  .home-body .home-intro { font-size: 14px; }
  .home-body .home-actions .button { flex: 0 0 auto; }
  .home-body .home-proof-line { margin-top: 37px; }
  .home-body .home-proof-line span {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 0 9px;
    font-size: 9px;
  }
  .home-body .home-proof-line span:first-child { padding-left: 0; }
  .home-body .home-proof-line span::before { display: block; }
  .home-body .hero-coordinate { display: none; }
  .home-body .partner-tags { display: grid; grid-template-columns: 1fr; }
  .home-body .partner-tags span { border-right: 0; border-bottom: 1px solid #dce4ea; }
  .home-body .partner-tags span:last-child { border-bottom: 0; }
  .live-accel-page .section-subnav { top: 66px; }
  .live-accel-page .live-hero-copy h1 { font-size: 38px; }
  .live-accel-page .live-hero-tags { row-gap: 10px; }
  .live-accel-page .live-hero-tags span { padding: 0 9px; font-size: 9px; }
  .live-accel-page .live-hero-tags span:nth-child(3) { padding-left: 0; }
}

/* Homepage readability pass: calmer hierarchy and lower information density */
.home-body .home-two,
.home-body .home-assurance,
.home-body .home-compliance,
.home-body .home-three {
  overflow: hidden;
}

.home-body .home-two,
.home-body .home-assurance,
.home-body .home-compliance {
  padding: 104px 0;
}

.home-body .home-diff-head,
.home-body .compliance-home-layout,
.home-body .home-contact-layout {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.home-body .home-diff-head {
  grid-template-columns: minmax(320px,.78fr) minmax(420px,1fr);
  gap: 88px;
  align-items: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.home-body .home-diff-head h2,
.home-body .compliance-home-copy h2,
.home-body .home-contact-copy h2 {
  max-width: 620px;
  font-size: clamp(34px,3.1vw,46px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.home-body .home-diff-head p,
.home-body .compliance-home-copy > p,
.home-body .home-contact-copy > p {
  max-width: 560px;
  color: inherit;
  font-size: 15px;
  line-height: 1.9;
}

.home-body .home-diff-head p strong,
.home-body .compliance-home-copy > p strong,
.home-body .home-contact-copy > p strong {
  display: block;
  margin-bottom: 10px;
  color: currentColor;
  font-size: 20px;
  line-height: 1.45;
}

.home-body .home-diff-head p span,
.home-body .compliance-home-copy > p span,
.home-body .home-contact-copy > p span {
  display: block;
}

.home-body .home-two {
  padding-top: 104px;
  padding-bottom: 104px;
  color: var(--ink);
  background: #fff;
}

.home-body .home-diff-head p { color: #91a6b5; }
.home-body .home-diff-head p strong { color: #f7fbff; }
.home-body .assurance-home-layout {
  grid-template-columns: minmax(320px,.78fr) minmax(420px,1fr);
  gap: 52px;
}
.home-body .assurance-home-left h2 {
  max-width: 620px;
  font-size: clamp(34px,3.1vw,46px);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.home-body .assurance-home-left h2 span { color: #1768e9; }
.home-body .assurance-home-left > p { color: #637886; font-size: 14px; line-height: 1.85; }
.home-body .assurance-home-left > p strong { color: #0a1724; }
.home-body .assurance-home-bottom { margin-top: 24px; }
.home-body .assurance-home-bottom span { border-color: #d9e2e8; }

.home-body .delivery-track {
  border-radius: 10px;
  background: #fff;
  margin-top: 0;
  align-self: start;
}
.home-body .delivery-track article > b {
  border: 0;
  border-radius: 0;
  color: #1768e9;
  background: transparent;
}
.home-body .delivery-track article:hover { background: #f7f9fb; transform: none; }

.home-body .delivery-track-head {
  min-height: 56px;
  padding: 0 22px;
}

.home-body .delivery-track article {
  min-height: 74px;
  padding: 14px 22px;
}

.home-body .delivery-track h3 { font-size: 15px; }
.home-body .delivery-track p { max-width: 520px; font-size: 11px; }
.home-body .assurance-home-boundary { margin-top: 16px; }

.home-body .home-compliance {
  color: #0a1724;
  background:
    linear-gradient(90deg,#fff 0%,#fff 50%,#f4f7fa 50%,#f4f7fa 100%);
}

.home-body .compliance-home-layout {
  grid-template-columns: minmax(320px,.78fr) minmax(520px,1.22fr);
  gap: 72px;
}

.home-body .compliance-home-copy h2 span { color: #1768e9; }
.home-body .compliance-home-copy > p { color: #637886; }
.home-body .compliance-home-copy > p strong { color: #0a1724; }
.home-body .compliance-rule {
  max-width: 480px;
  margin-top: 28px;
  border-left-color: #1768e9;
  background: #f4f7fa;
}

.home-body .compliance-rule small { color: #1768e9; }
.home-body .compliance-rule strong { color: #233544; }
.home-body .credential-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  background: transparent;
}

.home-body .credential-grid article {
  min-height: 224px;
  padding: 24px;
  border: 1px solid #dce5ec;
  border-radius: 8px;
  color: #0a1724;
  background: #fff;
}

.home-body .credential-grid article:hover {
  background: #fff;
  transform: translateY(-2px);
}

.home-body .credential-grid article > small { color: #1768e9; }
.home-body .credential-icon {
  width: 38px;
  height: 38px;
  margin-top: 24px;
  border-color: #d5e7ff;
  border-radius: 8px;
  color: #1768e9;
  background: #f2f7ff;
}

.home-body .credential-grid h3 { margin-top: 24px; font-size: 17px; }
.home-body .credential-grid p { color: #667b8a; font-size: 11px; }
.home-body .credential-grid article > b { color: #496171; }

.home-body .home-three {
  padding-top: 96px;
  background:
    radial-gradient(circle at 8% 18%,rgba(23,104,233,.1),transparent 26%),
    #06141e;
}

.home-body .home-contact-layout {
  grid-template-columns: minmax(320px,.68fr) minmax(500px,1fr);
  gap: 88px;
}

.home-body .home-contact-copy h2 { max-width: 460px; }
.home-body .home-contact-copy > p { color: #8fa5b4; }
.home-body .home-contact-copy > p strong { color: #fff; }
.home-body .home-contact-details {
  max-width: 450px;
  margin-top: 32px;
  border-radius: 8px;
}

.home-body .home-contact-details a {
  min-height: 56px;
  grid-template-columns: 78px 1fr;
}

.home-body .home-wechat {
  max-width: 450px;
  grid-template-columns: 112px 1fr;
  padding: 14px;
  border-radius: 8px;
}

.home-body .home-wechat img {
  width: 112px;
  height: 112px;
}

.home-body .home-lead-form {
  padding: 26px;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.home-body .home-form-head {
  align-items: start;
  padding-bottom: 18px;
  border-bottom: 1px solid #dfe7ee;
}

.home-body .home-form-head strong { font-size: 23px; }
.home-body .home-lead-form .field label { margin-bottom: 8px; }
.home-body .home-lead-form .field input,
.home-body .home-lead-form .field select {
  min-height: 48px;
}

.home-body .home-lead-form .field textarea { min-height: 96px; }
.home-body .home-portals {
  max-width: 1320px;
  margin: 56px auto 0;
}

.home-body .home-portals a { min-height: 96px; }

@media (max-width: 980px) {
  .home-body .home-diff-head,
  .home-body .compliance-home-layout,
  .home-body .home-contact-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .home-body .assurance-home-board,
  .home-body .credential-grid,
  .home-body .difference-system {
    grid-template-columns: 1fr;
  }

  .home-body .home-compliance {
    background: #fff;
  }
}

@media (max-width: 620px) {
  .home-body .home-two,
  .home-body .home-assurance,
  .home-body .home-compliance,
  .home-body .home-three {
    padding-top: 76px;
  }

  .home-body .home-diff-head h2,
  .home-body .compliance-home-copy h2,
  .home-body .home-contact-copy h2 {
    font-size: 34px;
  }

  .home-body .home-diff-head p strong,
  .home-body .assurance-home-head > p strong,
  .home-body .compliance-home-copy > p strong,
  .home-body .home-contact-copy > p strong {
    font-size: 17px;
  }

  .home-body .system-node,
  .home-body .credential-grid article {
    min-height: 0;
  }

  .home-body .response-route {
    grid-template-columns: repeat(4,1fr);
  }

  .home-body .response-route > i { display: none; }
  .home-body .home-contact-details a { grid-template-columns: 1fr; gap: 4px; padding: 12px 14px; }
  .home-body .home-wechat { grid-template-columns: 96px 1fr; }
  .home-body .home-wechat img { width: 96px; height: 96px; }
}

/* Homepage scenario entry: editorial photography, deliberately light on detail */
.home-body .home-scene-gallery {
  position: relative;
  padding: 106px 0 118px;
  color: #fff;
  background:
    radial-gradient(circle at 10% 30%,rgba(28,113,166,.16),transparent 26%),
    linear-gradient(rgba(89,154,190,.045) 1px,transparent 1px) 0 0/60px 60px,
    linear-gradient(90deg,rgba(89,154,190,.045) 1px,transparent 1px) 0 0/60px 60px,
    #061720;
}

.home-scene-gallery::before {
  content: "";
  position: absolute;
  width: 46%;
  height: 1px;
  top: 82px;
  right: 0;
  background: linear-gradient(90deg,transparent,rgba(82,211,220,.45),transparent);
}

.home-scene-gallery .container { position: relative; z-index: 1; }
.home-scene-intro { display: grid; grid-template-columns: 1.08fr .72fr; gap: 100px; align-items: end; margin-bottom: 52px; }
.home-scene-intro h2 { margin: 18px 0 0; color: #fff; font-size: clamp(40px,4.25vw,62px); line-height: 1.04; letter-spacing: -.055em; }
.home-scene-intro h2 span { color: #55c9d3; }
.home-scene-intro-copy { max-width: 390px; padding-bottom: 4px; }
.home-scene-intro-copy p { margin: 0; color: #9db4c2; font-size: 15px; line-height: 1.85; }
.home-scene-more { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; padding-bottom: 7px; border-bottom: 1px solid rgba(105,193,204,.5); color: #fff; font-size: 13px; font-weight: 700; }
.home-scene-more b { color: #55c9d3; font-size: 15px; font-weight: 400; transition: transform .2s ease; }
.home-scene-more:hover { color: #55c9d3; }
.home-scene-more:hover b { transform: translate(3px,-3px); }

.home-scene-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; border-top: 1px solid rgba(124,185,211,.25); border-bottom: 1px solid rgba(124,185,211,.25); }
.home-scene-card {
  position: relative;
  min-height: 392px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 26px;
  color: #fff;
  background-image:
    linear-gradient(180deg,rgba(2,14,23,.03) 12%,rgba(2,14,23,.18) 46%,rgba(2,14,23,.92) 100%),
    url("assets/solution-scenarios-editorial-v1.png");
  background-repeat: no-repeat;
  /* The source is a three-panel photograph. Preserve its aspect ratio, then crop each panel. */
  background-size: cover,300% auto;
  transition: transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease;
}

.home-scene-card::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(85,210,220,.6); opacity: 0; transition: opacity .28s ease; pointer-events: none; }
.home-scene-card:hover { color: #fff; z-index: 1; transform: translateY(-8px); filter: saturate(1.08); }
.home-scene-card:hover::after { opacity: 1; }
.home-scene-card.scene-live { background-position: center,0 center; }
.home-scene-card.scene-ecommerce { background-position: center,50% center; }
.home-scene-card.scene-office { background-position: center,100% center; }
.home-scene-number { position: absolute; top: 22px; left: 25px; color: rgba(238,249,252,.86); font: 500 9px var(--mono); letter-spacing: .12em; }
.home-scene-card > div { position: relative; z-index: 1; }
.home-scene-card small { display: block; color: #70dce2; font-size: 12px; font-weight: 700; }
.home-scene-card strong { display: block; margin-top: 10px; color: #fff; font-size: clamp(24px,2.05vw,31px); line-height: 1.14; letter-spacing: -.035em; }
.home-scene-card div > span { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: rgba(237,247,250,.78); font-size: 12px; font-weight: 700; }
.home-scene-card div > span b { color: #55c9d3; font-size: 15px; font-weight: 400; transition: transform .2s ease; }
.home-scene-card:hover div > span b { transform: translate(3px,-3px); }

@media (max-width: 820px) {
  .home-scene-intro { grid-template-columns: 1fr; gap: 22px; }
  .home-scene-intro-copy { max-width: 600px; }
  .home-scene-card { min-height: 330px; padding: 22px; }
}

@media (max-width: 620px) {
  .home-body .home-scene-gallery { padding: 78px 0; }
  .home-scene-gallery::before { top: 48px; width: 60%; }
  .home-scene-intro { gap: 18px; margin-bottom: 34px; }
  .home-scene-intro h2 { font-size: 40px; }
  .home-scene-intro-copy p { font-size: 14px; }
  .home-scene-grid { grid-template-columns: 1fr; gap: 10px; border: 0; }
  .home-scene-card { min-height: 248px; padding: 21px; }
  .home-scene-number { top: 18px; left: 20px; }
  .home-scene-card strong { font-size: 27px; }
}

/* Homepage correction: keep trust and primary contact visually clear. */
.home-body .home-compliance {
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(25,109,220,.2),transparent 28%),
    radial-gradient(circle at 12% 84%,rgba(74,211,220,.09),transparent 25%),
    #061720;
}
.home-body .home-compliance::before { display: block; opacity: .13; }
.home-body .compliance-watermark { display: block; opacity: .045; }
.home-body .compliance-home-copy h2 span { color: #63d8e1; }
.home-body .compliance-home-copy > p { color: #a5bac5; }
.home-body .compliance-rule {
  border-left-color: #55d0d9;
  background: rgba(16,52,71,.7);
}
.home-body .compliance-rule small { color: #65dbe1; }
.home-body .compliance-rule strong { color: #d6e5eb; }
.home-body .credential-grid { gap: 1px; background: rgba(106,170,195,.25); }
.home-body .credential-grid article {
  border: 0;
  border-radius: 0;
  color: #fff;
  background: rgba(9,31,44,.92);
}
.home-body .credential-grid article:hover { background: rgba(13,43,59,.98); transform: none; }
.home-body .credential-grid article > small { color: #65dbe1; }
.home-body .credential-grid p { color: #9eb3c0; }
.home-body .credential-grid article > b { color: #d9eaf0; }

.home-body .home-contact-layout {
  grid-template-columns: minmax(420px,1fr) minmax(420px,.8fr);
  gap: 78px;
}
.home-body .home-wechat {
  max-width: 500px;
  grid-template-columns: 132px 1fr;
  min-height: 164px;
  margin-top: 30px;
  padding: 15px;
  border-color: rgba(82,211,220,.56);
  background: linear-gradient(120deg,rgba(13,52,71,.94),rgba(7,25,37,.78));
  box-shadow: 0 22px 54px rgba(0,0,0,.2);
}
.home-body .qr-frame { width: 132px; height: 132px; flex: none; }
.home-body .home-wechat .qr-frame img { width: 100%; height: 100%; }
.home-body .home-wechat strong { font-size: 22px; }
.home-body .home-contact-details { max-width: 500px; margin-top: 14px; opacity: .82; }
.home-body .home-lead-form {
  width: 100%;
  max-width: 560px;
  justify-self: end;
  padding: 22px;
}
.home-body .home-form-head { padding-bottom: 15px; }
.home-body .home-form-head strong { font-size: 20px; }
.home-body .home-lead-form .field input,
.home-body .home-lead-form .field select { min-height: 44px; padding: 11px 13px; }
.home-body .home-lead-form .field textarea { min-height: 82px; padding: 11px 13px; }

@media (max-width: 980px) {
  .home-body .home-compliance { background: #061720; }
  .home-body .home-contact-layout { grid-template-columns: 1fr; }
  .home-body .home-lead-form { max-width: 600px; justify-self: start; }
}

@media (max-width: 620px) {
  .home-body .home-wechat { grid-template-columns: 104px 1fr; min-height: 136px; margin-top: 24px; }
  .home-body .qr-frame { width: 104px; height: 104px; }
  .home-body .home-wechat strong { font-size: 19px; }
}

/* Cross-border SaaS application acceleration: an application-path editorial system. */
.solution-directory-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.solution-directory-grid .card { min-height: 332px; }
.solution-directory-grid .card h3 { font-size: 23px; line-height: 1.13; }

.saas-solution-page {
  --saas-blue: #1768e9;
  --saas-cyan: #5ad1d7;
  --saas-ink: #102238;
  --saas-night: #061925;
  color: var(--saas-ink);
  background: #fff;
}
.saas-solution-page .site-header { border-bottom-color: #dce5ec; background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.saas-solution-page .nav-shell { height: 72px; }
.saas-solution-page .nav-group:hover .nav-primary-row,
.saas-solution-page .nav-group:focus-within .nav-primary-row,
.saas-solution-page .nav-group.active .nav-primary-row { background: rgba(23,104,233,.06); }
.saas-solution-page .nav-primary,
.saas-solution-page .submenu-toggle { color: #354b5d; }
.saas-solution-page .nav-group:hover .nav-primary,
.saas-solution-page .nav-group:focus-within .nav-primary,
.saas-solution-page .nav-group.active .nav-primary,
.saas-solution-page .nav-group:hover .submenu-toggle,
.saas-solution-page .nav-group:focus-within .submenu-toggle,
.saas-solution-page .nav-group.active .submenu-toggle { color: var(--saas-blue); }
.saas-solution-page .button.primary { background: var(--saas-blue); box-shadow: 0 12px 28px rgba(23,104,233,.16); }

.saas-hero { position: relative; overflow: hidden; background: #f6f9fb; }
.saas-hero::before { content: ""; position: absolute; inset: 0; opacity: .62; background-image: linear-gradient(rgba(77,121,152,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(77,121,152,.06) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,black 0,rgba(0,0,0,.7) 50%,transparent 100%); }
.saas-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -240px; top: -260px; border: 1px solid rgba(23,104,233,.18); border-radius: 50%; box-shadow: 0 0 0 78px rgba(23,104,233,.025),0 0 0 156px rgba(23,104,233,.018); }
.saas-hero-grid { position: relative; z-index: 1; min-height: 650px; display: grid; grid-template-columns: minmax(0,.84fr) minmax(570px,1.16fr); gap: 82px; align-items: center; padding: 72px 0 82px; }
.saas-hero-copy .breadcrumb { margin-bottom: 27px; }
.saas-hero-copy h1 { max-width: 610px; margin: 23px 0 20px; font-size: clamp(50px,4.65vw,72px); line-height: 1.03; letter-spacing: -.07em; }
.saas-hero-copy h1 span { color: var(--saas-blue); }
.saas-hero-copy > p { max-width: 535px; margin: 0; color: #5d7588; font-size: 16px; line-height: 1.92; }
.saas-hero-ledger { display: flex; flex-wrap: wrap; gap: 13px 0; margin-top: 40px; padding-top: 18px; border-top: 1px solid #cedae3; }
.saas-hero-ledger span { padding: 0 18px; border-right: 1px solid #cedae3; color: #496276; font-size: 11px; font-weight: 600; }
.saas-hero-ledger span:first-child { padding-left: 0; }
.saas-hero-ledger span:last-child { border: 0; }
.saas-hero-ledger b { margin-right: 7px; color: var(--saas-blue); font: 600 8px var(--mono); }

.saas-route-atlas { position: relative; overflow: hidden; min-height: 462px; border: 1px solid #163e55; border-radius: 11px; color: #fff; background: radial-gradient(circle at 50% 53%,rgba(26,105,233,.27),transparent 26%),linear-gradient(128deg,#071d2c,#071620); box-shadow: 0 30px 70px rgba(10,34,54,.17); }
.saas-route-atlas::before { content: ""; position: absolute; inset: 0; opacity: .23; background-image: radial-gradient(rgba(110,185,217,.72) 1px,transparent 1px); background-size: 20px 20px; mask-image: linear-gradient(90deg,transparent,black 19%,black 86%,transparent); }
.saas-atlas-head { position: relative; z-index: 3; display: flex; justify-content: space-between; padding: 18px 21px; border-bottom: 1px solid rgba(92,148,181,.25); color: #9bb8c9; font: 600 8px var(--mono); letter-spacing: .11em; }
.saas-atlas-head b { color: #5ce0d6; font: 600 8px var(--mono); }
.saas-atlas-head i { display: inline-block; width: 6px; height: 6px; margin: 0 5px 1px 0; border-radius: 50%; background: #5ce0d6; box-shadow: 0 0 12px rgba(92,224,214,.8); animation: saas-ready 1.8s ease-in-out infinite; }
.saas-atlas-stage { position: relative; min-height: 353px; }
.saas-atlas-ruler { position: absolute; inset: 22px 26px auto; display: flex; justify-content: space-between; color: #63859b; font: 600 7px var(--mono); letter-spacing: .13em; }
.saas-atlas-ruler span:nth-child(2) { padding-left: 19px; }
.saas-atlas-source,.saas-atlas-target { position: absolute; z-index: 3; width: 148px; min-height: 76px; padding: 13px 14px; border: 1px solid rgba(90,157,190,.44); border-radius: 7px; background: rgba(7,29,44,.94); box-shadow: 0 10px 28px rgba(0,0,0,.16); }
.saas-atlas-source small,.saas-atlas-target small { display: block; color: #5ad1d7; font: 600 7px var(--mono); letter-spacing: .11em; }
.saas-atlas-source strong,.saas-atlas-target strong { display: block; margin: 8px 0 4px; color: #fff; font-size: 14px; }
.saas-atlas-source em,.saas-atlas-target em { color: #8eabba; font-size: 10px; font-style: normal; }
.saas-atlas-source::after,.saas-atlas-target::before { content: ""; position: absolute; top: 50%; width: 7px; height: 7px; border: 2px solid #77e2dc; border-radius: 50%; background: #0d2d42; box-shadow: 0 0 0 5px rgba(90,209,215,.08); transform: translateY(-50%); }
.saas-atlas-source::after { right: -5px; }
.saas-atlas-target::before { left: -5px; }
.source-one { top: 84px; left: 8%; }
.source-two { bottom: 44px; left: 17%; }
.target-one { top: 82px; right: 7%; }
.target-two { right: 16%; bottom: 43px; }
.saas-atlas-core { position: absolute; z-index: 4; top: 50%; left: 50%; width: 150px; height: 150px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid rgba(144,244,239,.85); border-radius: 50%; background: radial-gradient(circle at 34% 24%,#438ff2,#1768e9 67%,#0d4cac); box-shadow: 0 0 0 18px rgba(23,104,233,.08),0 0 0 47px rgba(23,104,233,.035),0 22px 46px rgba(2,42,104,.5); transform: translate(-50%,-42%); text-align: center; }
.saas-atlas-core::before { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(221,250,255,.35); border-radius: inherit; animation: saas-spin 20s linear infinite; }
.saas-atlas-core small,.saas-atlas-core span { color: #c9fbf7; font: 600 7px var(--mono); letter-spacing: .1em; }
.saas-atlas-core strong { color: #fff; font-size: 18px; line-height: 1.15; }
.saas-atlas-core span { font-size: 6px; opacity: .9; }
.saas-route { position: absolute; z-index: 1; height: 1px; transform-origin: left center; background: linear-gradient(90deg,rgba(80,219,216,.7),rgba(54,134,239,.35)); }
.route-one { top: 126px; left: 27%; width: 25%; transform: rotate(18deg); }
.route-two { bottom: 95px; left: 39%; width: 16%; transform: rotate(-27deg); }
.route-three { top: 140px; left: 59%; width: 24%; transform: rotate(-20deg); }
.route-four { bottom: 90px; left: 55%; width: 20%; transform: rotate(21deg); }
.saas-route-pulse { position: absolute; z-index: 2; width: 5px; height: 5px; border-radius: 50%; background: #aaf8f2; box-shadow: 0 0 14px #aaf8f2; animation: saas-data-move 2.8s linear infinite; }
.pulse-one { top: 123px; left: 27%; animation-delay: -.2s; }
.pulse-two { bottom: 92px; left: 39%; animation-delay: -1.1s; }
.pulse-three { top: 139px; left: 59%; animation-delay: -2s; }
.saas-atlas-foot { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr auto; gap: 10px; align-items: center; min-height: 57px; padding: 0 21px; border-top: 1px solid rgba(92,148,181,.24); color: #708d9f; font-size: 10px; }
.saas-atlas-foot strong { color: #d6e6ec; font: 600 10px var(--mono); }

.saas-friction-section { padding: 126px 0; background: #fff; }
.saas-friction-layout { display: grid; grid-template-columns: minmax(0,.77fr) minmax(550px,1.23fr); gap: 104px; align-items: center; }
.saas-friction-copy h2 { max-width: 440px; margin: 18px 0; font-size: clamp(39px,3.65vw,58px); line-height: 1.08; letter-spacing: -.06em; }
.saas-friction-copy p { max-width: 440px; margin: 0; color: #637b8e; font-size: 14px; line-height: 1.95; }
.saas-friction-list { border-top: 1px solid #cbd8e1; }
.saas-friction-list article { display: grid; grid-template-columns: 48px 1fr 28px; gap: 16px; min-height: 148px; align-items: center; border-bottom: 1px solid #cbd8e1; transition: padding .25s ease,background .25s ease; }
.saas-friction-list article:hover { padding: 0 16px; background: #f5f8fb; }
.saas-friction-list b { color: var(--saas-blue); font: 600 10px var(--mono); }
.saas-friction-list small { color: #668298; font: 600 8px var(--mono); letter-spacing: .12em; }
.saas-friction-list h3 { margin: 9px 0 7px; font-size: 20px; letter-spacing: -.035em; }
.saas-friction-list p { max-width: 550px; margin: 0; color: #6a8294; font-size: 12px; line-height: 1.8; }
.saas-friction-list > article > span { color: #9aabb7; font-size: 18px; }

.saas-path-section { position: relative; overflow: hidden; padding: 124px 0 116px; color: #fff; background: radial-gradient(circle at 80% 11%,rgba(28,110,235,.3),transparent 26%),#061824; }
.saas-path-section::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(103,172,203,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(103,172,203,.18) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,transparent,black 18%,black 88%,transparent); }
.saas-path-section .container { position: relative; z-index: 1; }
.saas-path-heading { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: end; margin-bottom: 60px; }
.saas-path-heading h2 { margin: 17px 0 0; color: #fff; font-size: clamp(39px,4vw,60px); line-height: 1.06; letter-spacing: -.06em; }
.saas-path-heading p { max-width: 540px; margin: 0; color: #9db4c3; font-size: 14px; line-height: 1.95; }
.saas-path-board { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #29495d; background: #29495d; }
.saas-path-board article { position: relative; min-height: 300px; padding: 28px; background: rgba(6,29,44,.95); }
.saas-path-board article:not(:last-child) { border-right: 1px solid #29495d; }
.saas-path-board article:not(:last-child)::after { content: ""; position: absolute; z-index: 3; top: 50px; right: -11px; width: 21px; height: 21px; border: 1px solid #42778f; border-radius: 50%; background: #061824; }
.saas-path-board article:not(:last-child)::before { content: "→"; position: absolute; z-index: 4; top: 51px; right: -6px; color: #5ad1d7; font-size: 11px; }
.saas-path-board article > span { color: #5ad1d7; font: 600 8px var(--mono); letter-spacing: .11em; }
.saas-step-icon { position: relative; width: 38px; height: 38px; margin-top: 44px; border: 1px solid rgba(91,209,215,.52); border-radius: 50%; }
.saas-step-icon::before,.saas-step-icon::after { content: ""; position: absolute; }
.icon-search::before { inset: 10px; border: 1px solid #7ee7e2; border-radius: 50%; }.icon-search::after { width: 8px; height: 1px; right: 6px; bottom: 9px; background: #7ee7e2; transform: rotate(45deg); }
.icon-route::before { top: 10px; left: 8px; width: 6px; height: 6px; border-radius: 50%; background: #7ee7e2; box-shadow: 15px 11px 0 #7ee7e2; }.icon-route::after { top: 15px; left: 13px; width: 15px; height: 10px; border-top: 1px dashed #7ee7e2; transform: rotate(28deg); }
.icon-check::before { top: 10px; left: 10px; width: 16px; height: 9px; border-bottom: 2px solid #7ee7e2; border-left: 2px solid #7ee7e2; transform: rotate(-45deg); }.icon-pulse::before { top: 18px; left: 7px; width: 22px; height: 1px; background: #7ee7e2; box-shadow: 5px -6px 0 -0.1px #7ee7e2,11px 5px 0 -0.1px #7ee7e2; transform: skewX(-30deg); }
.saas-path-board h3 { margin: 22px 0 10px; color: #fff; font-size: 20px; line-height: 1.25; }
.saas-path-board p { min-height: 67px; margin: 0; color: #9cb4c2; font-size: 12px; line-height: 1.8; }
.saas-path-board small { position: absolute; right: 27px; bottom: 26px; left: 27px; padding-top: 15px; border-top: 1px solid rgba(96,144,170,.28); color: #6e8c9f; font-size: 9px; line-height: 1.65; }

.saas-fit-section { padding: 120px 0 126px; background: #f4f7f9; }
.saas-fit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.saas-fit-grid article { position: relative; min-height: 302px; overflow: hidden; padding: 28px; border: 1px solid #dbe4eb; background: #fff; transition: transform .25s ease,box-shadow .25s ease; }
.saas-fit-grid article::before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: var(--saas-blue); }
.saas-fit-grid article:hover { transform: translateY(-6px); box-shadow: 0 22px 42px rgba(22,57,87,.09); }
.saas-fit-grid small { color: var(--saas-blue); font: 600 9px var(--mono); letter-spacing: .1em; }
.saas-fit-grid h3 { max-width: 300px; margin: 72px 0 13px; color: #183148; font-size: 23px; line-height: 1.24; letter-spacing: -.04em; }
.saas-fit-grid p { max-width: 330px; margin: 0; color: #698094; font-size: 13px; line-height: 1.85; }
.saas-fit-grid span { position: absolute; right: 28px; bottom: 25px; left: 28px; padding-top: 14px; border-top: 1px solid #dce5eb; color: #4d6679; font-size: 11px; font-weight: 700; }

.saas-deliverables-section { padding: 126px 0; color: #fff; background: linear-gradient(118deg,#071d2c 0%,#092236 61%,#0a2941 100%); }
.saas-deliverables-layout { display: grid; grid-template-columns: minmax(0,.76fr) minmax(600px,1.24fr); gap: 108px; align-items: center; }
.saas-deliverables-copy h2 { max-width: 460px; margin: 19px 0 18px; font-size: clamp(39px,3.55vw,57px); line-height: 1.08; letter-spacing: -.06em; }
.saas-deliverables-copy p { max-width: 420px; margin: 0 0 29px; color: #a2b9c8; font-size: 14px; line-height: 1.9; }
.saas-deliverables-copy .text-link { color: #fff; border-bottom-color: rgba(93,215,218,.5); }
.saas-deliverables-list { border-top: 1px solid #385970; }
.saas-deliverables-list article { display: grid; grid-template-columns: 58px 1fr; gap: 20px; min-height: 106px; align-items: center; border-bottom: 1px solid #385970; }
.saas-deliverables-list b { color: #5dd7da; font: 500 22px var(--mono); }
.saas-deliverables-list h3 { margin: 0 0 5px; color: #fff; font-size: 17px; }
.saas-deliverables-list p { margin: 0; color: #9ab1c0; font-size: 12px; line-height: 1.75; }

.saas-boundary-section { background: #edf3f7; }
.saas-boundary-grid { display: grid; grid-template-columns: 200px 1fr auto; gap: 52px; align-items: center; min-height: 178px; }
.saas-boundary-grid .kicker { margin: 0; }
.saas-boundary-grid p { max-width: 800px; margin: 0; color: #526e82; font-size: 13px; line-height: 1.9; }
.saas-boundary-grid a { padding-bottom: 7px; border-bottom: 1px solid #7292a9; color: #18354c; font-size: 12px; font-weight: 700; white-space: nowrap; }
.saas-boundary-grid a b { color: var(--saas-blue); font-size: 15px; font-weight: 400; }

@keyframes saas-ready { 50% { opacity: .3; transform: scale(.72); } }
@keyframes saas-spin { to { transform: rotate(360deg); } }
@keyframes saas-data-move { 0% { opacity: 0; transform: translate(0,0); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translate(96px,14px); } }

@media (max-width: 1100px) {
  .solution-directory-grid { grid-template-columns: 1fr 1fr; }
  .saas-hero-grid { grid-template-columns: 1fr; gap: 44px; min-height: auto; }
  .saas-hero-copy { padding-top: 12px; }
  .saas-friction-layout,.saas-deliverables-layout { grid-template-columns: 1fr; gap: 48px; }
  .saas-friction-copy p,.saas-deliverables-copy p { max-width: 620px; }
  .saas-path-heading { grid-template-columns: 1fr; gap: 23px; }
  .saas-path-board { grid-template-columns: 1fr 1fr; }
  .saas-path-board article:nth-child(2) { border-right: 0; }
  .saas-path-board article:nth-child(-n+2) { border-bottom: 1px solid #29495d; }
  .saas-path-board article:nth-child(2)::after,.saas-path-board article:nth-child(2)::before { display: none; }
  .saas-fit-grid { grid-template-columns: 1fr; }
  .saas-fit-grid article { min-height: 248px; }
  .saas-fit-grid h3 { margin-top: 49px; }
  .saas-boundary-grid { grid-template-columns: 1fr; gap: 16px; padding: 42px 0; }
}

@media (max-width: 620px) {
  .saas-solution-page .nav-shell { height: 66px; }
  .saas-hero-grid { padding: 52px 0 64px; }
  .saas-hero-copy .breadcrumb { margin-bottom: 20px; }
  .saas-hero-copy h1 { font-size: 42px; }
  .saas-hero-copy > p { font-size: 14px; }
  .saas-hero-ledger { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .saas-hero-ledger span { padding: 0; border: 0; }
  .saas-route-atlas { min-height: 434px; }
  .saas-atlas-head { padding: 16px; font-size: 7px; }
  .saas-atlas-stage { min-height: 329px; }
  .saas-atlas-ruler { inset: 18px 15px auto; font-size: 6px; }
  .saas-atlas-source,.saas-atlas-target { width: 112px; min-height: 65px; padding: 10px; }
  .saas-atlas-source strong,.saas-atlas-target strong { margin: 6px 0 3px; font-size: 11px; }
  .saas-atlas-source em,.saas-atlas-target em { font-size: 8px; }
  .source-one { top: 68px; left: 4%; }.source-two { bottom: 40px; left: 8%; }.target-one { top: 68px; right: 4%; }.target-two { right: 7%; bottom: 40px; }
  .saas-atlas-core { width: 112px; height: 112px; transform: translate(-50%,-41%); }
  .saas-atlas-core strong { font-size: 14px; }
  .route-one { top: 105px; left: 27%; width: 25%; }.route-two { bottom: 84px; left: 36%; width: 18%; }.route-three { top: 117px; left: 58%; width: 24%; }.route-four { bottom: 81px; left: 54%; width: 20%; }
  .saas-atlas-foot { min-height: 51px; padding: 0 15px; font-size: 8px; }.saas-atlas-foot strong { font-size: 8px; }
  .saas-friction-section,.saas-fit-section,.saas-deliverables-section { padding: 76px 0; }
  .saas-friction-copy h2,.saas-deliverables-copy h2 { font-size: 36px; }
  .saas-friction-list article { grid-template-columns: 31px 1fr; gap: 12px; min-height: 0; padding: 25px 0; }
  .saas-friction-list article:hover { padding: 25px 0; background: transparent; }
  .saas-friction-list > article > span { display: none; }
  .saas-friction-list h3 { font-size: 17px; }
  .saas-path-section { padding: 76px 0; }
  .saas-path-heading h2 { font-size: 37px; }
  .saas-path-board { grid-template-columns: 1fr; }
  .saas-path-board article,.saas-path-board article:nth-child(2) { min-height: 244px; border-right: 0; border-bottom: 1px solid #29495d; }
  .saas-path-board article:last-child { border-bottom: 0; }
  .saas-path-board article::after,.saas-path-board article::before { display: none; }
  .saas-step-icon { margin-top: 28px; }
  .saas-path-board p { min-height: 0; }
  .saas-path-board small { position: static; display: block; margin-top: 17px; }
  .saas-fit-grid article { min-height: 250px; }
  .saas-deliverables-list article { grid-template-columns: 40px 1fr; gap: 12px; padding: 20px 0; }
  .saas-deliverables-list b { font-size: 18px; }
  .solution-directory-grid { grid-template-columns: 1fr; }
}

/* Homepage service journey: less SOP, more visible operating loop. */
.home-body .home-two {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 14%,rgba(39,145,213,.1),transparent 24%),
    linear-gradient(90deg,rgba(82,151,186,.045) 1px,transparent 1px) 0 0/72px 72px,
    #f6f8fa;
}
.home-body .home-two-layout {
  grid-template-columns: minmax(300px,.72fr) minmax(620px,1.28fr);
  gap: 78px;
  align-items: center;
}
.home-body .home-diff-head { max-width: 455px; }
.home-body .home-diff-head h2 { max-width: 450px; }
.home-body .diff-cap-tags {
  display: flex;
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid #d8e2e8;
}
.home-body .diff-cap-tags > span {
  flex: 1;
  min-width: 0;
  padding: 15px 12px 0;
  border: 0;
  border-left: 1px solid #d8e2e8;
  border-radius: 0;
  background: transparent;
}
.home-body .diff-cap-tags > span:first-child { padding-left: 0; border-left: 0; }
.home-body .diff-cap-tags small { color: #1768e9; font-size: 9px; }
.home-body .diff-cap-tags strong { display: block; margin-top: 7px; color: #405767; font-size: 12px; line-height: 1.55; }

.service-journey {
  overflow: hidden;
  border: 1px solid #14384d;
  border-radius: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 14%,rgba(24,110,223,.34),transparent 26%),
    linear-gradient(rgba(113,172,204,.075) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(113,172,204,.075) 1px,transparent 1px) 0 0/28px 28px,
    #071a25;
  box-shadow: 0 30px 75px rgba(10,43,65,.16);
}
.service-journey-head {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 27px;
  border-bottom: 1px solid rgba(123,181,211,.2);
}
.service-journey-head small { color: #8ea8ba; font: 600 9px var(--mono); letter-spacing: .12em; }
.service-journey-head strong { color: #f5fbff; font-size: 15px; }
.journey-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  padding: 18px;
  background: rgba(125,179,207,.16);
}
.journey-step {
  position: relative;
  z-index: 1;
  min-height: 205px;
  padding: 23px 20px 21px;
  background: rgba(8,31,45,.94);
}
.journey-step:not(.journey-operate)::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 52px;
  right: -12px;
  width: 23px;
  height: 1px;
  background: linear-gradient(90deg,transparent 0%,rgba(85,211,220,.2) 24%,#e8feff 50%,#55d3dc 62%,transparent 100%);
  background-size: 220% 100%;
  animation: journeyFlowAcross 2.8s linear infinite;
  box-shadow: 0 0 12px rgba(85,211,220,.7);
}
.journey-step:nth-child(2)::after { animation-delay: -1.4s; }
.journey-step:not(.journey-operate)::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 48px;
  right: -12px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #55d3dc;
  border-right: 1px solid #55d3dc;
  transform: rotate(45deg);
}
.journey-step:nth-child(3)::after,
.journey-step:nth-child(3)::before { display: none; }
.journey-icon {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(96,213,222,.42);
  border-radius: 50%;
  color: #66dbe3;
  background: rgba(66,204,214,.06);
}
.journey-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.journey-step small { display: block; margin-top: 21px; color: #70dbe1; font: 600 9px var(--mono); letter-spacing: .09em; }
.journey-step h3 { margin: 10px 0 8px; color: #fff; font-size: 17px; line-height: 1.3; }
.journey-step p { margin: 0; color: #9fb6c5; font-size: 12px; line-height: 1.75; }
.journey-operate {
  grid-column: 1 / -1;
  min-height: 134px;
  display: grid;
  grid-template-columns: 55px minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 10px;
  padding: 19px 22px;
  border: 1px solid rgba(89,216,225,.34);
  background:
    linear-gradient(90deg,rgba(12,64,88,.95),rgba(8,38,55,.96)),
    #092536;
}
.journey-operate::after {
  content: "";
  position: absolute;
  top: -13px;
  right: 16.5%;
  width: 1px;
  height: 13px;
  background: linear-gradient(180deg,transparent 0%,#e8feff 50%,#55d3dc 65%,transparent 100%);
  background-size: 100% 220%;
  animation: journeyFlowDown 2.4s linear infinite;
  box-shadow: 0 0 12px rgba(85,211,220,.8);
}
.journey-operate .journey-icon { width: 48px; height: 48px; color: #e7fdff; background: rgba(83,215,223,.16); box-shadow: 0 0 0 9px rgba(83,215,223,.045); }
.journey-pulse::after {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(113,231,235,.72);
  border-radius: 50%;
  animation: journeyRipple 2.4s ease-out infinite;
}
.journey-pulse svg { animation: journeyIconBreathe 2.4s ease-in-out infinite; }
.journey-operate small { margin-top: 0; }
.journey-operate h3 { margin: 7px 0 5px; font-size: 20px; }
.journey-operate p { max-width: 460px; }
.journey-live { display: inline-flex; align-items: center; gap: 8px; align-self: start; padding-top: 4px; color: #9fdfe4; font: 600 8px var(--mono); letter-spacing: .1em; white-space: nowrap; }
.journey-live i { width: 6px; height: 6px; border-radius: 50%; background: #5ce0df; box-shadow: 0 0 0 4px rgba(92,224,223,.11),0 0 15px rgba(92,224,223,.85); animation: journeyPulse 2.4s ease-in-out infinite; }
@keyframes journeyPulse { 0%,100% { transform: scale(.85); opacity: .65; } 50% { transform: scale(1.15); opacity: 1; } }
@keyframes journeyFlowAcross { from { background-position: 200% 0; } to { background-position: -20% 0; } }
@keyframes journeyFlowDown { from { background-position: 0 -20%; } to { background-position: 0 200%; } }
@keyframes journeyRipple { 0% { transform: scale(.6); opacity: 0; } 24% { opacity: .8; } 72%,100% { transform: scale(1.18); opacity: 0; } }
@keyframes journeyIconBreathe { 0%,100% { transform: scale(.94); opacity: .76; } 50% { transform: scale(1.06); opacity: 1; } }

@media (max-width: 1100px) {
  .home-body .home-two-layout { grid-template-columns: 1fr; gap: 42px; }
  .home-body .home-diff-head { max-width: 620px; }
  .service-journey { max-width: 800px; }
}
@media (max-width: 620px) {
  .home-body .diff-cap-tags { display: grid; grid-template-columns: 1fr; gap: 0; }
  .home-body .diff-cap-tags > span,
  .home-body .diff-cap-tags > span:first-child { padding: 11px 0; border-left: 0; border-bottom: 1px solid #d8e2e8; }
  .home-body .diff-cap-tags > span:last-child { border-bottom: 0; }
  .service-journey-head { min-height: 54px; padding: 0 18px; }
  .service-journey-head strong { font-size: 13px; }
  .journey-steps { grid-template-columns: 1fr; padding: 10px; }
  .journey-step { min-height: 0; display: grid; grid-template-columns: 43px minmax(0,1fr); gap: 14px; padding: 18px; }
  .journey-step:not(.journey-operate)::after,
  .journey-step:not(.journey-operate)::before { display: none; }
  .journey-step small { margin-top: 1px; }
  .journey-step h3 { margin-top: 7px; }
  .journey-operate { grid-column: auto; grid-template-columns: 43px minmax(0,1fr); margin-top: 0; padding: 18px; }
  .journey-operate::after { display: none; }
  .journey-operate .journey-icon { width: 43px; height: 43px; }
  .journey-operate h3 { font-size: 18px; }
  .journey-live { grid-column: 2; padding-top: 1px; }
}
@media (prefers-reduced-motion: reduce) {
  .journey-step:not(.journey-operate)::after,
  .journey-operate::after,
  .journey-pulse::after,
  .journey-pulse svg,
  .journey-live i { animation: none; }
}

/* Homepage uses the supplied official brand mark. */
.home-body .brand { gap: 0; }
.home-body .brand-logo { display: block; width: 88px; height: 36px; object-fit: contain; object-position: left center; }
@media (max-width: 620px) {
  .home-body .brand-logo { width: 78px; height: 32px; }
}

/* Homepage dual-color system: green for the brand and conversion, blue for network technology. */
.home-body {
  --brand-green: #21663c;
  --brand-green-deep: #174a2c;
  --brand-mint: #edf6ee;
}
.home-body .site-header { border-bottom-color: rgba(33,102,60,.14); }
.home-body .nav-group:hover .nav-primary-row,
.home-body .nav-group:focus-within .nav-primary-row,
.home-body .nav-group.active .nav-primary-row { background: var(--brand-mint); }
.home-body .nav-group:hover .nav-primary,
.home-body .nav-group:focus-within .nav-primary,
.home-body .nav-group.active .nav-primary,
.home-body .nav-group:hover .submenu-toggle,
.home-body .nav-group:focus-within .submenu-toggle,
.home-body .nav-group.active .submenu-toggle { color: var(--brand-green); }
.home-body .button.primary { background: var(--brand-green); box-shadow: 0 12px 30px rgba(33,102,60,.18); }
.home-body .button.primary:hover { background: var(--brand-green-deep); box-shadow: 0 16px 38px rgba(23,74,44,.26); }
.home-body .home-one { background: #f8fbf8; }
.home-body .hero-chip { color: var(--brand-green); }
.home-body .hero-chip::before { background: var(--brand-green); }
.home-body .home-actions .button.secondary::after { color: var(--brand-green); }
.home-body .home-proof-line { border-top-color: rgba(33,102,60,.2); }
.home-body .home-proof-line span::before { color: var(--brand-green); }
.home-body .home-two {
  background:
    radial-gradient(circle at 8% 82%,rgba(63,145,84,.08),transparent 25%),
    radial-gradient(circle at 86% 14%,rgba(39,145,213,.1),transparent 24%),
    linear-gradient(90deg,rgba(82,151,186,.045) 1px,transparent 1px) 0 0/72px 72px,
    #f6f9f7;
}
.home-body .journey-live { color: #a7e3b7; }
.home-body .journey-live i { background: #63d083; box-shadow: 0 0 0 4px rgba(99,208,131,.11),0 0 15px rgba(99,208,131,.8); }

/* Homepage type color roles: title, body, brand, technology, and dark-surface equivalents. */
.home-body {
  --home-title: #0a1724;
  --home-body-copy: #607887;
  --home-meta: #7a909c;
  --home-tech: #1768e9;
  --home-dark-copy: #a5bac5;
  --home-dark-accent: #a7e3b7;
}
.home-body .home-hero h1,
.home-body .home-diff-head h2,
.home-body .partner-copy h2 { color: var(--home-title); }
.home-body .home-hero h1 span { color: var(--home-tech); }
.home-body .home-intro,
.home-body .home-diff-head p,
.home-body .partner-copy > p { color: var(--home-body-copy); }
.home-body .home-proof-line { color: var(--home-body-copy); }
.home-body .home-two .kicker,
.home-body .home-partners .kicker,
.home-body .partner-copy h2 span { color: var(--brand-green); }
.home-body .partner-tags span { color: var(--home-body-copy); border-color: rgba(33,102,60,.18); }
.home-body .partner-visual-label,
.home-body .partner-disclaimer { color: var(--home-meta); }

.home-body .home-scene-gallery .kicker,
.home-body .home-scene-intro h2 span,
.home-body .home-scene-more b,
.home-body .home-scene-more:hover,
.home-body .home-scene-card small,
.home-body .home-scene-card div > span b { color: var(--home-dark-accent); }
.home-body .home-scene-intro-copy p,
.home-body .home-scene-card div > span { color: var(--home-dark-copy); }

.home-body .home-compliance .kicker,
.home-body .compliance-home-copy h2 span,
.home-body .compliance-rule small,
.home-body .credential-grid article > small { color: var(--home-dark-accent); }
.home-body .compliance-home-copy > p,
.home-body .credential-grid p { color: var(--home-dark-copy); }
.home-body .compliance-rule strong,
.home-body .credential-grid article > b { color: #e0eaee; }

.home-body .journey-icon,
.home-body .journey-step small { color: var(--home-dark-accent); }
.home-body .journey-step p { color: var(--home-dark-copy); }
.home-body .journey-live { color: var(--home-dark-accent); }

.home-body .home-three .kicker,
.home-body .home-wechat small,
.home-body .home-form-head small { color: var(--home-dark-accent); }
.home-body .home-contact-copy > p,
.home-body .home-wechat span { color: var(--home-dark-copy); }
.home-body .home-contact-details small,
.home-body .home-form-note { color: var(--home-meta); }
.home-body .home-portals small { color: var(--home-dark-accent); }
.home-body .home-portals a span,
.home-body .home-footer { color: #9aafba; }
.home-body .home-portals a:hover { background: var(--brand-green); }
.home-body .home-portals a:hover small { color: #d5efdb; }
.home-body .home-portals a:hover span { color: #c3e2ca; }

/* Homepage monochrome brand reset: forest green is the only accent. */
.home-body {
  --brand-green: #1d633a;
  --brand-green-deep: #123c27;
  --brand-mint: #eaf1e9;
  --home-title: #101c16;
  --home-body-copy: #65736a;
  --home-meta: #819086;
  --home-tech: #1d633a;
  --home-dark-copy: #bdc8be;
  --home-dark-accent: #b7d9ba;
}

.home-body .home-one {
  background:
    radial-gradient(circle at 76% 56%, rgba(183,217,186,.19), transparent 35%),
    #f8f8f4;
}
.home-body .site-header { border-bottom-color: rgba(29,99,58,.14); color: #17241b; }
.home-body .nav-group.active .nav-primary-row { background: var(--brand-mint); }
.home-body .nav-group.active .nav-primary,
.home-body .nav-group.active .submenu-toggle { color: var(--brand-green) !important; }
.home-body .home-one::before {
  background-image:
    linear-gradient(rgba(43,88,60,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43,88,60,.05) 1px, transparent 1px);
}
.home-body .home-one::after { background: linear-gradient(90deg, transparent, rgba(29,99,58,.28), transparent); }
.home-body .hero-earth { filter: grayscale(.42) sepia(.18) hue-rotate(58deg) saturate(.76); }
.home-body .hero-earth { background: #f5f8f1; }
.home-body .home-one { color: #17241b; }
.home-body .home-hero h1 span { color: var(--brand-green); }
.home-body .home-proof-line span::before { color: var(--brand-green); }
.home-body .hero-scroll span { background: rgba(29,99,58,.3); }

.home-body .home-two {
  background:
    radial-gradient(circle at 8% 82%, rgba(81,132,95,.09), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(183,217,186,.24), transparent 25%),
    linear-gradient(90deg, rgba(48,87,62,.045) 1px, transparent 1px) 0 0 / 72px 72px,
    #f6f7f3;
}
.home-body .home-two { color: #17241b; }
.service-journey {
  border-color: #244e36;
  background:
    radial-gradient(circle at 78% 14%, rgba(71,145,91,.25), transparent 29%),
    linear-gradient(rgba(154,198,163,.07) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(90deg, rgba(154,198,163,.07) 1px, transparent 1px) 0 0 / 28px 28px,
    #0b1d15;
  box-shadow: 0 30px 75px rgba(18,60,39,.16);
}
.service-journey-head { border-bottom-color: rgba(174,211,181,.18); }
.service-journey-head small { color: #99ad9d; }
.service-journey-head strong { color: #f5f7f2; }
.journey-steps { background: rgba(131,178,142,.13); }
.journey-step { background: rgba(13,33,24,.95); }
.journey-step:not(.journey-operate)::after {
  background: linear-gradient(90deg, transparent 0%, rgba(169,210,176,.2) 24%, #f2f8f0 50%, #9acaa3 62%, transparent 100%);
  box-shadow: 0 0 12px rgba(169,210,176,.58);
}
.journey-step:not(.journey-operate)::before { border-color: #9acaa3; }
.journey-icon { border-color: rgba(169,210,176,.42); color: #b7d9ba; background: rgba(116,184,132,.08); }
.journey-step h3 { color: #f4f7f1; }
.journey-operate {
  border-color: rgba(169,210,176,.34);
  background: linear-gradient(90deg, rgba(21,67,40,.96), rgba(12,37,25,.98)), #10281c;
}
.journey-operate::after {
  background: linear-gradient(180deg, transparent 0%, #f2f8f0 50%, #9acaa3 65%, transparent 100%);
  box-shadow: 0 0 12px rgba(169,210,176,.62);
}
.journey-operate .journey-icon { color: #eff7ef; background: rgba(150,204,160,.16); box-shadow: 0 0 0 9px rgba(150,204,160,.045); }
.journey-pulse::after { border-color: rgba(183,217,186,.65); }
.journey-live i { background: #86c895; box-shadow: 0 0 0 4px rgba(134,200,149,.12), 0 0 15px rgba(134,200,149,.7); }

.home-body .home-scene-gallery { background: #0b1d15; }
.home-scene-gallery::before { background: radial-gradient(circle, rgba(86,161,106,.2), transparent 69%); }
.home-scene-more { border-bottom-color: rgba(169,210,176,.45); }
.home-scene-grid { border-color: rgba(174,211,181,.22); }
.home-scene-card::after { border-color: rgba(183,217,186,.54); }

.home-body .home-compliance { background: #0b1d15; }
.home-body .credential-grid { background: rgba(174,211,181,.2); }
.home-body .credential-grid article { background: #10271b; }
.home-body .credential-grid article:hover { background: #143221; }
.home-body .compliance-rule { background: rgba(43,88,60,.28); }

.home-body .home-partners {
  background: linear-gradient(90deg, #fafaf6 0, #fafaf6 58%, #f0f3ec 58%, #f0f3ec 100%);
}
.home-body .partner-tags { border-color: #d8e0d4; }
.home-body .partner-tags span { border-color: #d8e0d4; }
.home-body .ecosystem-visual { border-color: #d9e1d6; background: rgba(252,252,248,.94); }
.home-body .ecosystem-visual .partner-logo-crop {
  background: linear-gradient(135deg, #143d27, #2b7042);
  box-shadow: 0 18px 48px rgba(32,75,47,.16);
}
.home-body .ecosystem-visual .partner-logo-crop img {
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: screen;
  opacity: .9;
}

.home-body .home-three {
  background:
    radial-gradient(circle at 8% 18%, rgba(57,117,76,.2), transparent 29%),
    #0a1912;
}
.home-body .home-three::before {
  background-image:
    linear-gradient(rgba(144,183,152,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(144,183,152,.14) 1px, transparent 1px);
}
.home-body .contact-globe {
  border-color: rgba(147,194,158,.17);
  box-shadow: inset 0 0 100px rgba(51,118,71,.11), 0 0 0 58px rgba(51,118,71,.03), 0 0 0 118px rgba(51,118,71,.02);
}
.home-body .contact-globe::before,
.home-body .contact-globe::after,
.home-body .contact-globe i { border-color: rgba(147,194,158,.14); }
.home-body .contact-globe b { border-color: #b7d9ba; background: #0a1912; box-shadow: 0 0 18px rgba(183,217,186,.55); }
.home-body .home-contact-details { border-color: rgba(107,157,119,.3); background: rgba(40,84,54,.44); }
.home-body .home-contact-details a { background: rgba(10,31,20,.74); }
.home-body .home-portals { border-color: rgba(107,157,119,.3); }
.home-body .home-portals a { border-color: rgba(107,157,119,.3); color: #d2ddd3; }
.home-body .home-portals a:hover { background: var(--brand-green); }
.home-body .home-portals a span,
.home-body .home-footer { color: #9eb2a2; }

/* Homepage ocean-blue brand reset: blue applies to both mark and interface. */
.home-body {
  --brand-green: #1b5fd6;
  --brand-green-deep: #1147ad;
  --brand-mint: #eaf1ff;
  --home-title: #0b1b2a;
  --home-body-copy: #62778b;
  --home-meta: #8495a7;
  --home-tech: #1b5fd6;
  --home-dark-copy: #b8c7d8;
  --home-dark-accent: #a9c4ff;
}
.home-body .site-header { border-bottom-color: rgba(27,95,214,.14); color: #0b1b2a; }
.home-body .brand-logo {
  filter: brightness(0) saturate(100%) invert(35%) sepia(86%) saturate(2226%) hue-rotate(205deg) brightness(90%) contrast(91%);
}
.home-body .nav-group.active .nav-primary-row { background: var(--brand-mint); }
.home-body .nav-group.active .nav-primary,
.home-body .nav-group.active .submenu-toggle { color: var(--brand-green) !important; }
.home-body .button.primary { background: var(--brand-green); box-shadow: 0 12px 30px rgba(27,95,214,.18); }
.home-body .button.primary:hover { background: var(--brand-green-deep); box-shadow: 0 16px 38px rgba(17,71,173,.26); }

.home-body .home-one {
  color: #0b1b2a;
  background:
    radial-gradient(circle at 76% 56%, rgba(169,196,255,.2), transparent 35%),
    #f8faff;
}
.home-body .home-one::before {
  background-image:
    linear-gradient(rgba(50,101,175,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(50,101,175,.05) 1px, transparent 1px);
}
.home-body .home-one::after { background: linear-gradient(90deg, transparent, rgba(27,95,214,.28), transparent); }
.home-body .hero-earth { filter: none; background: #f5f8ff; }
.home-body .home-hero h1 span { color: var(--brand-green); }
.home-body .home-proof-line span::before { color: var(--brand-green); }
.home-body .hero-scroll span { background: rgba(27,95,214,.3); }

.home-body .home-two {
  color: #0b1b2a;
  background:
    radial-gradient(circle at 8% 82%, rgba(91,142,218,.08), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(169,196,255,.25), transparent 25%),
    linear-gradient(90deg, rgba(50,101,175,.045) 1px, transparent 1px) 0 0 / 72px 72px,
    #f5f8fc;
}
.service-journey {
  border-color: #1b426d;
  background:
    radial-gradient(circle at 78% 14%, rgba(47,107,206,.3), transparent 29%),
    linear-gradient(rgba(156,191,244,.075) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(90deg, rgba(156,191,244,.075) 1px, transparent 1px) 0 0 / 28px 28px,
    #071827;
  box-shadow: 0 30px 75px rgba(12,48,86,.16);
}
.service-journey-head { border-bottom-color: rgba(170,201,250,.18); }
.service-journey-head small { color: #94a9c1; }
.service-journey-head strong { color: #f5f8ff; }
.journey-steps { background: rgba(133,173,235,.14); }
.journey-step { background: rgba(8,29,48,.95); }
.journey-step:not(.journey-operate)::after {
  background: linear-gradient(90deg, transparent 0%, rgba(169,196,255,.2) 24%, #f2f7ff 50%, #a9c4ff 62%, transparent 100%);
  box-shadow: 0 0 12px rgba(169,196,255,.62);
}
.journey-step:not(.journey-operate)::before { border-color: #a9c4ff; }
.journey-icon { border-color: rgba(169,196,255,.42); color: #a9c4ff; background: rgba(96,151,238,.08); }
.journey-step h3 { color: #f5f8ff; }
.journey-operate {
  border-color: rgba(169,196,255,.34);
  background: linear-gradient(90deg, rgba(13,63,117,.96), rgba(7,35,63,.98)), #08223d;
}
.journey-operate::after {
  background: linear-gradient(180deg, transparent 0%, #f2f7ff 50%, #a9c4ff 65%, transparent 100%);
  box-shadow: 0 0 12px rgba(169,196,255,.66);
}
.journey-operate .journey-icon { color: #eef5ff; background: rgba(139,182,255,.16); box-shadow: 0 0 0 9px rgba(139,182,255,.045); }
.journey-pulse::after { border-color: rgba(169,196,255,.68); }
.home-body .journey-live i { background: #8db6ff; box-shadow: 0 0 0 4px rgba(141,182,255,.12), 0 0 15px rgba(141,182,255,.72); }

/* CMS-driven knowledge articles: compact reading header keeps the body above the fold. */
.knowledge-reader-intro { padding:42px 0 0; background:#fff; }
.knowledge-reader-header, .knowledge-reader-body { max-width:820px; }
.knowledge-reader-header { padding-bottom:28px; border-bottom:1px solid #d9e2eb; }
.knowledge-reader-header .breadcrumb { margin-bottom:20px; }
.knowledge-reader-category { margin:0; color:#1768e9; font:600 9px var(--mono); letter-spacing:.14em; }
.knowledge-reader-header h1 { max-width:760px; margin:13px 0 12px; color:#1d3552; font-size:clamp(32px,3.5vw,46px); line-height:1.22; letter-spacing:-.055em; }
.knowledge-reader-summary { max-width:720px; margin:0; color:#63778b; font-size:15px; line-height:1.8; }
.knowledge-reader-header .article-meta-line { margin-top:19px; }
.knowledge-reader-content { padding:30px 0 100px; background:#fff; }
.knowledge-reader-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; }
.knowledge-reader-tags span { padding:7px 10px; border:1px solid #dbe4ee; border-radius:999px; color:#55708c; background:#f8fafc; font-size:11px; font-weight:700; }
.knowledge-reader-body .prose table {
  width:100%;
  margin:32px 0;
  overflow:hidden;
  border:1px solid #d5e1ec;
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
  box-shadow:0 12px 30px rgba(28,67,105,.06);
  font-size:13px;
  line-height:1.65;
}
.knowledge-reader-body .prose th {
  padding:14px 15px;
  color:#23415f;
  background:#f1f6fc;
  font-weight:700;
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
}
.knowledge-reader-body .prose td {
  padding:14px 15px;
  border-top:1px solid #dfe8f0;
  color:#536a7f;
  vertical-align:top;
  overflow-wrap:anywhere;
}
.knowledge-reader-body .prose th + th,
.knowledge-reader-body .prose td + td { border-left:1px solid #dfe8f0; }
.knowledge-reader-body .prose tbody tr:nth-child(even) td { background:#f9fbfd; }
.knowledge-reader-body .prose table strong { color:#294a69; }
.knowledge-reader-body > p { margin:0 0 22px; color:#3d5266; font-size:17px; line-height:2; }
.knowledge-reader-boundary { margin-top:45px; padding:22px 24px; border-left:3px solid #1768e9; background:#f2f6fa; }
.knowledge-reader-boundary small { color:#1768e9; font:600 9px var(--mono); letter-spacing:.1em; }
.knowledge-reader-boundary p { margin:9px 0 0; color:#536b80; font-size:13px; line-height:1.8; }
.knowledge-reader-empty { min-height:420px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.knowledge-reader-empty h1 { margin:12px 0; font-size:38px; letter-spacing:-.05em; }.knowledge-reader-empty p { max-width:440px; margin:0 0 23px; color:#63798e; line-height:1.8; }
@media (max-width:620px) {
  .knowledge-reader-intro { padding-top:29px; }
  .knowledge-reader-header { padding-bottom:23px; }
  .knowledge-reader-header h1 { margin-top:11px; font-size:31px; line-height:1.28; }
  .knowledge-reader-summary { font-size:14px; }
  .knowledge-reader-content { padding:25px 0 70px; }
  .knowledge-reader-body > p { font-size:16px; line-height:1.9; }
  .knowledge-reader-body .prose table {
    display:block;
    max-width:100%;
    overflow-x:auto;
    border-radius:10px;
    table-layout:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-color:#9bb9d8 #edf3f8;
    scrollbar-width:thin;
  }
  .knowledge-reader-body .prose th,
  .knowledge-reader-body .prose td { min-width:156px; padding:12px 13px; font-size:12px; }
  .knowledge-reader-body .prose th:first-child,
  .knowledge-reader-body .prose td:first-child { min-width:116px; }
}

.home-body .home-scene-gallery { background: #071827; }
.home-scene-gallery::before { background: radial-gradient(circle, rgba(72,135,225,.2), transparent 69%); }
.home-scene-more { border-bottom-color: rgba(169,196,255,.46); }
.home-scene-grid { border-color: rgba(170,201,250,.22); }
.home-scene-card::after { border-color: rgba(169,196,255,.56); }

.home-body .home-compliance { background: #071827; }
.home-body .credential-grid { background: rgba(170,201,250,.2); }
.home-body .credential-grid article { background: #0b2137; }
.home-body .credential-grid article:hover { background: #102b47; }
.home-body .compliance-rule { background: rgba(32,75,119,.34); }

.home-body .home-partners {
  background: linear-gradient(90deg, #fbfcff 0, #fbfcff 58%, #f1f5fb 58%, #f1f5fb 100%);
}
.home-body .partner-tags { border-color: #d9e2ee; }
.home-body .partner-tags span { border-color: #d9e2ee; }
.home-body .ecosystem-visual { border-color: #dbe4ef; background: rgba(253,254,255,.94); }
.home-body .ecosystem-visual .partner-logo-crop {
  background: linear-gradient(135deg, #5276e6, #31bfe2);
  box-shadow: 0 18px 48px rgba(25,83,166,.15);
}
.home-body .ecosystem-visual .partner-logo-crop img { filter: none; mix-blend-mode: normal; opacity: 1; }

.home-body .home-three {
  background:
    radial-gradient(circle at 8% 18%, rgba(29,93,205,.23), transparent 29%),
    #061522;
}
.home-body .home-three::before {
  background-image:
    linear-gradient(rgba(129,174,232,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(129,174,232,.15) 1px, transparent 1px);
}
.home-body .contact-globe {
  border-color: rgba(137,182,245,.18);
  box-shadow: inset 0 0 100px rgba(36,98,205,.12), 0 0 0 58px rgba(36,98,205,.03), 0 0 0 118px rgba(36,98,205,.02);
}
.home-body .contact-globe::before,
.home-body .contact-globe::after,
.home-body .contact-globe i { border-color: rgba(137,182,245,.15); }
.home-body .contact-globe b { border-color: #a9c4ff; background: #061522; box-shadow: 0 0 18px rgba(169,196,255,.6); }
.home-body .home-contact-details { border-color: rgba(103,151,216,.32); background: rgba(28,70,120,.42); }
.home-body .home-contact-details a { background: rgba(6,25,43,.76); }
.home-body .home-portals { border-color: rgba(103,151,216,.32); }
.home-body .home-portals a { border-color: rgba(103,151,216,.32); color: #d3e0f1; }
.home-body .home-portals a:hover { background: var(--brand-green); }
.home-body .home-portals a span,
.home-body .home-footer { color: #9ab1ca; }

/* Restore the original brighter technology blue; keep green exclusively in the official logo. */
.home-body {
  --brand-green: #1768e9;
  --brand-green-deep: #075cff;
  --brand-mint: #edf3ff;
  --home-tech: #1768e9;
  --home-dark-accent: #77a8ff;
}
.home-body .brand-logo { filter: none; }
.home-body .home-hero h1 span { color: #1768e9; }
.home-body .home-two .kicker,
.home-body .home-partners .kicker,
.home-body .partner-copy h2 span { color: #1768e9; }
.home-body .nav-group.active .nav-primary,
.home-body .nav-group.active .submenu-toggle { color: #1768e9 !important; }
.home-body .button.primary { background: #1768e9; box-shadow: 0 12px 30px rgba(23,104,233,.2); }
.home-body .button.primary:hover { background: #075cff; box-shadow: 0 16px 38px rgba(7,92,255,.28); }
.home-body .home-proof-line span::before { color: #1768e9; }
.home-body .hero-scroll span { background: rgba(7,92,255,.3); }
.home-body .journey-icon,
.home-body .journey-step small,
.home-body .journey-live,
.home-body .home-scene-gallery .kicker,
.home-body .home-scene-intro h2 span,
.home-body .home-scene-more b,
.home-body .home-scene-more:hover,
.home-body .home-scene-card small,
.home-body .home-scene-card div > span b,
.home-body .home-compliance .kicker,
.home-body .compliance-home-copy h2 span,
.home-body .compliance-rule small,
.home-body .credential-grid article > small,
.home-body .home-three .kicker,
.home-body .home-wechat small,
.home-body .home-form-head small,
.home-body .home-portals small { color: #77a8ff; }

/* Full-width desktop mega menu: restrained header, editorial submenu layout. */
@media (min-width: 981px) {
  .site-header .nav-shell {
    position: static;
  }

  .site-header .nav-group {
    position: static;
  }

  .site-header .nav-primary-row {
    position: relative;
    border-radius: 0;
    background: transparent !important;
  }

  .site-header .nav-primary-row::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -12px;
    left: 10px;
    height: 2px;
    background: var(--blue);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
  }

  .site-header .nav-group:hover .nav-primary-row::after,
  .site-header .nav-group:focus-within .nav-primary-row::after,
  .site-header .nav-group.active .nav-primary-row::after {
    transform: scaleX(1);
  }

  .site-header .nav-group:hover .nav-primary,
  .site-header .nav-group:focus-within .nav-primary,
  .site-header .nav-group.active .nav-primary,
  .site-header .nav-group:hover .submenu-toggle,
  .site-header .nav-group:focus-within .submenu-toggle,
  .site-header .nav-group.active .submenu-toggle {
    color: var(--blue);
  }

  .site-header .nav-dropdown,
  .site-header .nav-group:nth-last-child(-n+2) .nav-dropdown {
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-top: 1px solid rgba(135, 158, 184, .18);
    border-bottom: 1px solid rgba(135, 158, 184, .14);
    border-radius: 0;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 46px rgba(19, 44, 75, .12);
    backdrop-filter: blur(20px) saturate(1.1);
    transform: translateY(-8px);
    transform-origin: 50% 0;
  }

  .site-header .nav-group:hover .nav-dropdown,
  .site-header .nav-group:focus-within .nav-dropdown,
  .site-header .nav-group.open .nav-dropdown,
  .site-header .nav-group:nth-last-child(-n+2):hover .nav-dropdown,
  .site-header .nav-group:nth-last-child(-n+2):focus-within .nav-dropdown,
  .site-header .nav-group:nth-last-child(-n+2).open .nav-dropdown {
    transform: translateY(0);
  }

  .site-header .nav-mega-inner {
    width: min(1200px, calc(100vw - 48px));
    margin-right: auto;
    margin-left: auto;
    min-height: 205px;
    display: grid;
    grid-template-columns: 272px minmax(0, 1fr);
    gap: 44px;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 28px;
  }

  .site-header .nav-dropdown-head {
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 0 36px 0 0;
    border: 0;
    border-right: 1px solid #e6edf5;
  }

  .site-header .nav-dropdown-head small {
    color: var(--blue);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
  }

  .site-header .nav-dropdown-head strong {
    color: #102238;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.035em;
  }

  .site-header .nav-dropdown-head p {
    max-width: 205px;
    margin: 0;
    color: #74869a;
    font-size: 12px;
    line-height: 1.75;
  }

  .site-header .nav-mega-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: stretch;
    gap: 8px;
    min-width: 0;
  }

  .site-header .subnav-link {
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 20px;
    padding: 17px 16px !important;
    border: 1px solid transparent;
    border-radius: 0;
    color: #1d3248;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    background: linear-gradient(145deg, rgba(245, 249, 255, .82), rgba(255, 255, 255, .2));
  }

  .site-header .subnav-link::before {
    content: "";
    width: 28px;
    height: 2px;
    display: block;
    background: #b9c9da;
    transition: width .2s ease, background .2s ease;
  }

  .site-header .subnav-link span {
    align-self: flex-end;
    margin-top: -28px;
    color: #90a1b5;
  }

  .site-header .subnav-link:hover,
  .site-header .subnav-link.active {
    border-color: rgba(23, 104, 233, .16);
    color: var(--blue);
    background: #eef4ff;
    transform: none;
  }

  .site-header .subnav-link:hover::before,
  .site-header .subnav-link.active::before {
    width: 42px;
    background: var(--blue);
  }

}

/* Main navigation polish: optical alignment and a compact floating submenu. */
@media (min-width: 981px) {
  .site-header .main-nav {
    align-items: center;
    gap: 8px;
  }

  .site-header .nav-group {
    align-items: center;
  }

  .site-header .nav-primary-row {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    padding: 0 5px 0 10px;
    border-radius: 8px;
    transition: background .2s ease, color .2s ease;
  }

  .site-header .nav-primary {
    min-height: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    line-height: 1;
  }

  .site-header .submenu-toggle {
    width: 20px;
    height: 34px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    border-radius: 6px;
    color: #718399;
    font-size: 0;
    line-height: 1;
    transform: none;
    transition: color .2s ease, background .2s ease;
  }

  .site-header .submenu-toggle::before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translate(-1px, -1px);
    transform-origin: center;
    transition: transform .2s ease;
  }

  .site-header .submenu-toggle:hover,
  .site-header .submenu-toggle:focus-visible {
    color: var(--blue);
    background: rgba(23, 104, 233, .08);
    outline: 0;
  }

  .site-header .nav-group.open .submenu-toggle::before {
    transform: rotate(225deg) translate(-1px, -1px);
  }

}

/* Desktop top-level navigation stays text-only; submenu opens on the whole label. */
@media (min-width: 981px) {
  .site-header .submenu-toggle {
    display: none;
  }

  .site-header .nav-primary-row {
    padding-right: 10px;
  }

  .site-header .nav-primary-row::after {
    right: 10px;
  }
}

/* Homepage refinement: evidence-led editorial rhythm, not dashboard decoration. */
.home-body {
  --home-accent: #1768e9;
  --home-ink: #0b1b2a;
  --home-copy: #61758a;
  --home-line: #dce5ee;
  --home-paper: #f6f8fb;
}

.home-body::before {
  opacity: .09;
  background-size: 112px 112px;
}

.home-body .home-one {
  overflow: hidden;
  background: #f8fbff;
}

.home-body .hero-earth::before {
  background: linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(248,251,255,.88) 36%,rgba(248,251,255,.28) 72%,rgba(248,251,255,.08) 100%);
}

.home-body .hero-earth::after { box-shadow: inset 0 -80px 100px rgba(240,246,252,.55); }
.home-body .hero-earth img { opacity: .76; filter: grayscale(.16) saturate(.35) contrast(.88) brightness(1.03); }
.home-body .hero-network-flow { opacity: .48; }
.home-body .cyan-particle,
.home-body .secondary-map-particle { fill: #6f9cff; }

.home-body .home-hero {
  align-items: center;
  justify-content: flex-start;
  padding: 88px 0 96px;
  text-align: left;
}

.home-body .home-headline { width: min(690px,100%); }
.home-body .hero-scale-headline { width: min(880px,100%); }
.home-body .hero-chip {
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #416787;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  font-size: 10px;
  letter-spacing: .1em;
}

.home-body .hero-chip::before {
  width: 26px;
  height: 1px;
  border-radius: 0;
  background: var(--home-accent);
  box-shadow: none;
}

.home-body .home-hero h1 {
  max-width: 680px;
  margin-top: 25px;
  color: var(--home-ink);
  font-size: clamp(48px,4.75vw,70px);
  line-height: 1.04;
  letter-spacing: -.06em;
  white-space: normal;
  text-shadow: none;
}

.home-body .hero-scale-headline h1 {
  max-width: 880px;
  font-size: clamp(42px,3.5vw,56px);
  line-height: 1.14;
  letter-spacing: -.052em;
}

.home-body .home-hero h1 span { color: var(--home-accent); }
.home-body .home-intro { max-width: 570px; margin: 22px 0 0; color: var(--home-copy); font-size: 16px; line-height: 1.9; text-shadow: none; }
.home-body .home-actions { justify-content: flex-start; margin-top: 29px; }
.home-body .home-actions .button { min-width: 144px; }

.home-body .home-proof-line {
  justify-content: flex-start;
  width: min(570px,100%);
  margin-top: 38px;
  padding-top: 17px;
  border-top: 1px solid var(--home-line);
  color: #455f77;
}

.home-body .home-proof-line span {
  min-width: 0;
  justify-content: flex-start;
  padding: 0 22px 0 0;
  border: 0;
  font-size: 12px;
  font-weight: 600;
}

.home-body .home-proof-line span::before {
  width: 5px;
  height: 5px;
  border: 0;
  border-radius: 50%;
  background: var(--home-accent);
  box-shadow: none;
}

.home-body .hero-coordinate { color: #93a5b7; }
.home-body .hero-coordinate i { background: #c5d3df; }
.home-body .hero-scroll { opacity: .52; }

/* One dark visual chapter for business context, led by imagery rather than cards. */
.home-body .home-scene-gallery {
  padding: 118px 0 126px;
  background: #071827;
}

.home-body .home-scene-gallery::before {
  top: 76px;
  width: 34%;
  background: linear-gradient(90deg,transparent,rgba(87,133,232,.65),transparent);
}

.home-body .home-scene-intro { grid-template-columns: minmax(0,1.08fr) minmax(280px,.62fr); gap: 72px; margin-bottom: 47px; }
.home-body .home-scene-intro h2 { font-size: clamp(38px,3.65vw,54px); line-height: 1.1; letter-spacing: -.05em; }
.home-body .home-scene-intro h2 span,
.home-body .home-scene-gallery .kicker,
.home-body .home-scene-more b,
.home-body .home-scene-more:hover,
.home-body .home-scene-card small,
.home-body .home-scene-card div > span b { color: #88adff; }
.home-body .home-scene-intro-copy p { color: #aabbd0; font-size: 14px; }
.home-body .home-scene-more { border-bottom-color: rgba(136,173,255,.5); }

.home-body .home-scene-grid { gap: 14px; border: 0; }
.home-body .home-scene-card {
  min-height: 356px;
  padding: 25px;
  border: 1px solid rgba(157,186,229,.2);
  border-radius: 10px;
  background-image: linear-gradient(180deg,rgba(2,14,23,.02) 8%,rgba(2,14,23,.24) 48%,rgba(2,14,23,.93) 100%),url("assets/solution-scenarios-editorial-v1.png");
}

.home-body .home-scene-card:hover { transform: translateY(-4px); filter: none; }
.home-body .home-scene-card::after { border-color: rgba(136,173,255,.7); border-radius: 10px; }
.home-body .home-scene-number { color: rgba(221,233,253,.78); }
.home-body .home-scene-card strong { font-size: clamp(23px,1.9vw,29px); }

/* The service chapter reads as a controlled record, with one operational flow. */
.home-body .home-two {
  padding: 124px 0;
  background: #fff;
}

.home-body .home-two::before { display: none; }
.home-body .home-two-layout { grid-template-columns: minmax(280px,.72fr) minmax(610px,1.28fr); gap: 82px; }
.home-body .home-diff-head { max-width: 430px; }
.home-body .home-diff-head h2 { max-width: 430px; color: var(--home-ink); font-size: clamp(38px,3.55vw,52px); line-height: 1.12; letter-spacing: -.05em; }
.home-body .home-diff-head p { margin-top: 21px; color: var(--home-copy); font-size: 15px; line-height: 1.9; }
.home-body .home-two .kicker { color: var(--home-accent); }

.home-body .service-journey {
  border-color: #1c354c;
  border-radius: 10px;
  background: #0b1b2a;
  box-shadow: none;
}

.home-body .service-journey-head {
  min-height: 66px;
  padding: 0 28px;
  border-bottom-color: rgba(165,189,215,.18);
}

.home-body .service-journey-head small { color: #91a5bc; }
.home-body .service-journey-head strong { font-size: 15px; }
.home-body .journey-steps { gap: 0; padding: 0; background: transparent; }

.home-body .journey-step {
  min-height: 238px;
  padding: 30px 23px 25px;
  background: transparent;
}

.home-body .journey-step + .journey-step:not(.journey-operate) { border-left: 1px solid rgba(165,189,215,.16); }
.home-body .journey-step:not(.journey-operate)::after { top: 50px; right: -12px; background: linear-gradient(90deg,transparent,rgba(136,173,255,.28) 30%,#dce8ff 50%,#88adff 66%,transparent); box-shadow: none; }
.home-body .journey-step:not(.journey-operate)::before { border-color: #88adff; }
.home-body .journey-icon { width: 40px; height: 40px; border-color: rgba(136,173,255,.55); color: #9abaff; background: rgba(69,112,186,.12); }
.home-body .journey-icon svg { width: 20px; height: 20px; }
.home-body .journey-step small { margin-top: 28px; color: #90aff0; }
.home-body .journey-step h3 { margin-top: 9px; color: #f5f8ff; font-size: 17px; }
.home-body .journey-step p { color: #9fb2c8; font-size: 12px; line-height: 1.8; }

.home-body .journey-operate {
  min-height: 136px;
  margin: 0;
  padding: 22px 23px;
  border: 0;
  border-top: 1px solid rgba(165,189,215,.16);
  background: #10263a;
}

.home-body .journey-operate::after { right: 16.5%; background: linear-gradient(180deg,transparent,#dce8ff 50%,#88adff 66%,transparent); box-shadow: none; }
.home-body .journey-operate .journey-icon { width: 46px; height: 46px; color: #eff5ff; background: rgba(94,140,221,.18); box-shadow: 0 0 0 7px rgba(94,140,221,.045); }
.home-body .journey-pulse::after { border-color: rgba(146,180,246,.6); }
.home-body .journey-live { color: #b4cbff; }
.home-body .journey-live i { background: #82aaff; box-shadow: 0 0 0 4px rgba(130,170,255,.1); }

/* Credentials use a proof index instead of decorative feature cards. */
.home-body .home-compliance {
  padding: 122px 0;
  background: #081a2a;
}

.home-body .home-compliance::before,
.home-body .compliance-watermark { display: none; }
.home-body .compliance-home-layout { grid-template-columns: minmax(260px,.67fr) minmax(640px,1.33fr); gap: 82px; }
.home-body .compliance-home-copy h2 { color: #fff; font-size: clamp(38px,3.55vw,52px); line-height: 1.12; letter-spacing: -.05em; }
.home-body .compliance-home-copy h2 span,
.home-body .home-compliance .kicker,
.home-body .compliance-rule small,
.home-body .credential-grid article > small { color: #8fb3ff; }
.home-body .compliance-home-copy > p { color: #aebed0; font-size: 14px; }
.home-body .compliance-rule { margin-top: 30px; padding: 17px 0 0 18px; border-left-color: var(--home-accent); background: transparent; box-shadow: none; }
.home-body .compliance-rule strong { color: #e1e9f3; font-size: 13px; }

.home-body .credential-grid { gap: 0; background: transparent; border-top: 1px solid rgba(158,184,214,.22); border-bottom: 1px solid rgba(158,184,214,.22); }
.home-body .credential-grid article { min-height: 262px; padding: 28px 24px; border: 0; border-left: 1px solid rgba(158,184,214,.22); border-radius: 0; background: transparent; box-shadow: none; }
.home-body .credential-grid article:first-child { border-left: 0; }
.home-body .credential-grid article::after { display: none; }
.home-body .credential-grid article:hover { background: rgba(255,255,255,.035); transform: none; }
.home-body .credential-grid h3 { margin: 52px 0 11px; color: #fff; font-size: 18px; }
.home-body .credential-grid p { color: #9fb2c8; font-size: 12px; }
.home-body .credential-grid article > b { color: #dce7f7; }

/* Partners stay deliberately quiet: a single statement and the actual ecosystem. */
.home-body .home-partners { padding: 116px 0; background: #f7f9fc; }
.home-body .partner-layout { grid-template-columns: minmax(280px,.74fr) minmax(540px,1.26fr); gap: 88px; }
.home-body .partner-copy h2 { color: var(--home-ink); font-size: clamp(38px,3.55vw,52px); line-height: 1.12; letter-spacing: -.05em; }
.home-body .partner-copy h2 span,
.home-body .home-partners .kicker { color: var(--home-accent); }
.home-body .partner-copy > p { color: var(--home-copy); font-size: 14px; line-height: 1.9; }
.home-body .partner-visual { padding: 27px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-body .partner-visual::before { display: none; }
.home-body .partner-visual-label { position: static; display: block; margin-bottom: 13px; color: #72869c; font-size: 9px; }
.home-body .ecosystem-visual { min-height: 0; display: block; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-body .ecosystem-visual .partner-logo-crop { position: relative; width: 100%; left: auto; bottom: auto; border-radius: 8px; box-shadow: none; }

/* The final contact chapter makes WeChat primary and leaves the form secondary. */
.home-body .home-three { min-height: 0; padding-top: 116px; background: #071827; }
.home-body .home-three::before { opacity: .08; background-size: 96px 96px; }
.home-body .contact-globe { opacity: .26; }
.home-body .home-contact-layout { grid-template-columns: minmax(330px,1.08fr) minmax(420px,.72fr); gap: 94px; }
.home-body .home-contact-copy { position: static; }
.home-body .home-contact-copy h2 { max-width: 430px; font-size: clamp(38px,3.55vw,52px); line-height: 1.12; letter-spacing: -.05em; }
.home-body .home-contact-copy > p { color: #aabbd0; font-size: 14px; }
.home-body .home-three .kicker,
.home-body .home-wechat small,
.home-body .home-form-head small,
.home-body .home-portals small { color: #8fb3ff; }
.home-body .home-wechat { max-width: 460px; grid-template-columns: 122px 1fr; min-height: 152px; margin-top: 28px; padding: 14px; border-color: rgba(143,179,255,.48); border-radius: 8px; background: rgba(17,44,70,.54); box-shadow: none; }
.home-body .qr-frame { width: 122px; height: 122px; }
.home-body .home-wechat strong { margin-top: 7px; font-size: 20px; }
.home-body .home-wechat span { color: #aabbd0; }
.home-body .home-contact-details { max-width: 460px; margin-top: 12px; border-color: rgba(143,179,255,.25); background: rgba(17,44,70,.42); box-shadow: none; }
.home-body .home-contact-details a { min-height: 53px; background: rgba(6,25,43,.46); }

.home-body .home-lead-form { max-width: 465px; justify-self: end; padding: 24px; border-radius: 9px; box-shadow: 0 22px 60px rgba(0,0,0,.16); }
.home-body .home-form-head { padding-bottom: 17px; }
.home-body .home-form-head strong { font-size: 20px; }
.home-body .home-lead-form .field input,
.home-body .home-lead-form .field select { min-height: 45px; }
.home-body .home-lead-form .field textarea { min-height: 88px; }
.home-body .home-portals { margin-top: 76px; }
.home-body .home-portals a { min-height: 102px; padding: 18px; }

@media (max-width: 1100px) {
  .home-body .home-two-layout,
  .home-body .compliance-home-layout,
  .home-body .partner-layout,
  .home-body .home-contact-layout { grid-template-columns: 1fr; gap: 48px; }
  .home-body .home-diff-head { max-width: 620px; }
  .home-body .service-journey { max-width: 820px; }
  .home-body .home-lead-form { justify-self: start; }
}

@media (max-width: 820px) {
  .home-body .home-scene-intro { grid-template-columns: 1fr; gap: 22px; }
  .home-body .home-scene-grid { grid-template-columns: 1fr; }
  .home-body .home-scene-card { min-height: 280px; }
  .home-body .credential-grid { grid-template-columns: 1fr; }
  .home-body .credential-grid article,
  .home-body .credential-grid article:first-child { min-height: 0; padding: 24px 0; border-top: 1px solid rgba(158,184,214,.22); border-left: 0; }
  .home-body .credential-grid article:first-child { border-top: 0; }
  .home-body .credential-grid h3 { margin-top: 25px; }
}

@media (max-width: 620px) {
  .home-body .home-hero { min-height: 690px; padding: 72px 0 76px; }
  .home-body .home-hero h1 { font-size: 44px; line-height: 1.08; }
  .home-body .home-intro { font-size: 14px; }
  .home-body .home-actions { gap: 10px; }
  .home-body .home-actions .button { min-width: 0; flex: 1; padding: 0 10px; }
  .home-body .home-proof-line { gap: 10px; }
  .home-body .home-proof-line span { padding-right: 10px; font-size: 10px; }
  .home-body .hero-coordinate { display: none; }
  .home-body .home-scene-gallery,
  .home-body .home-two,
  .home-body .home-compliance,
  .home-body .home-partners,
  .home-body .home-three { padding-top: 80px; padding-bottom: 80px; }
  .home-body .home-scene-intro h2,
  .home-body .home-diff-head h2,
  .home-body .compliance-home-copy h2,
  .home-body .partner-copy h2,
  .home-body .home-contact-copy h2 { font-size: 34px; }
  .home-body .home-scene-card { min-height: 250px; }
  .home-body .home-two-layout { gap: 35px; }
  .home-body .service-journey-head { padding: 0 18px; }
  .home-body .journey-step { padding: 18px; }
  .home-body .journey-step + .journey-step:not(.journey-operate) { border-top: 1px solid rgba(165,189,215,.16); border-left: 0; }
  .home-body .journey-step small { margin-top: 1px; }
  .home-body .journey-operate { padding: 18px; }
  .home-body .home-wechat { grid-template-columns: 102px 1fr; min-height: 132px; }
  .home-body .qr-frame { width: 102px; height: 102px; }
  .home-body .home-lead-form { max-width: 100%; }
  .home-body .home-portals { margin-top: 54px; }
}

/* Structural homepage reset: asymmetric editorial composition. */
.home-editorial { background: #fff; }
.home-editorial::before { display: none; }

.home-editorial .home-one {
  min-height: calc(100vh - 78px);
  display: block;
  background: #f8fafc;
}

.home-editorial .home-one::before { display: none; }
.home-editorial .home-one::after {
  z-index: 1;
  width: 1px;
  height: calc(100% - 160px);
  right: 52%;
  bottom: 80px;
  left: auto;
  background: linear-gradient(180deg,transparent,rgba(23,104,233,.42) 20%,rgba(23,104,233,.12) 84%,transparent);
}

.home-editorial .hero-earth {
  z-index: 0;
  inset: 0 0 0 47.5%;
  clip-path: polygon(11% 0,100% 0,100% 100%,0 100%);
  background: #eaf1f8;
}

.home-editorial .hero-earth::before {
  background: linear-gradient(90deg,rgba(248,250,252,.98) 0,rgba(248,250,252,.64) 16%,rgba(248,250,252,.05) 56%,rgba(248,250,252,.02) 100%);
}

.home-editorial .hero-earth::after { box-shadow: inset 0 0 110px rgba(204,218,233,.2); }
.home-editorial .hero-earth img { opacity: .98; filter: grayscale(.18) saturate(.44) contrast(.94) brightness(1.02); object-position: 59% center; }
.home-editorial .hero-network-flow { inset: -8%; width: 116%; height: 116%; opacity: .5; mask-image: none; }

.home-editorial .home-hero {
  z-index: 2;
  min-height: calc(100vh - 78px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 84px 0 92px;
  text-align: left;
}

.home-editorial .home-headline { width: 670px; max-width: 60%; }
.home-editorial .hero-chip { color: #60768b; }
.home-editorial .home-hero h1 {
  max-width: none;
  font-size: clamp(48px,4.1vw,64px);
  line-height: 1.02;
  letter-spacing: -.065em;
  white-space: nowrap;
}

.home-editorial .home-intro { max-width: 505px; font-size: 15px; line-height: 1.9; }
.home-editorial .home-proof-line { width: 100%; max-width: 505px; }
.home-editorial .hero-scroll,
.home-editorial .hero-coordinate { display: none; }

/* Scenario content becomes an image-led spread instead of a uniform card grid. */
.home-editorial .home-scene-gallery {
  padding: 132px 0;
  background: #0a1725;
}

.home-editorial .home-scene-gallery::before {
  top: 70px;
  width: 420px;
  background: linear-gradient(90deg,transparent,rgba(95,142,235,.48));
}

.home-editorial .home-scene-intro {
  grid-template-columns: minmax(370px,.82fr) minmax(350px,1.18fr);
  gap: 92px;
  align-items: end;
  margin-bottom: 56px;
}

.home-editorial .home-scene-intro h2 { max-width: 560px; font-size: clamp(40px,3.9vw,58px); }
.home-editorial .home-scene-intro-copy { max-width: 490px; padding-bottom: 9px; }
.home-editorial .home-scene-intro-copy p { font-size: 15px; }
.home-editorial .home-scene-grid { grid-template-columns: 1.24fr .88fr .88fr; gap: 16px; }
.home-editorial .home-scene-card { min-height: 420px; padding: 27px; border-color: rgba(173,197,231,.19); border-radius: 5px; }
.home-editorial .home-scene-card:first-child { min-height: 454px; }
.home-editorial .home-scene-card::after { border-radius: 5px; }
.home-editorial .home-scene-number { top: 25px; left: 26px; font-size: 9px; }
.home-editorial .home-scene-card strong { font-size: clamp(24px,2.05vw,32px); }

/* One continuous service timeline replaces a dark dashboard. */
.home-editorial .home-two { padding: 136px 0; background: #f3f6fa; }
.home-editorial .home-two-layout { display: block; }
.home-editorial .home-diff-head {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(360px,.86fr) minmax(360px,.72fr);
  gap: 116px;
  align-items: end;
}

.home-editorial .home-diff-head h2 { max-width: 590px; margin-top: 18px; font-size: clamp(42px,3.95vw,60px); }
.home-editorial .home-diff-head p { max-width: 440px; margin: 0 0 5px; font-size: 15px; }
.home-editorial .service-journey {
  max-width: none;
  margin-top: 68px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: #11273c;
  background: transparent;
  box-shadow: none;
}

.home-editorial .service-journey-head {
  min-height: 54px;
  padding: 0;
  border-top: 1px solid #cbd8e5;
  border-bottom: 1px solid #cbd8e5;
}

.home-editorial .service-journey-head small { color: #6a8197; }
.home-editorial .service-journey-head strong { color: #1b3147; font-size: 14px; }
.home-editorial .journey-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; padding: 0; background: transparent; }
.home-editorial .journey-step,
.home-editorial .journey-operate {
  grid-column: auto;
  min-height: 236px;
  display: block;
  margin: 0;
  padding: 30px 25px 25px;
  border: 0;
  border-left: 1px solid #cbd8e5;
  background: transparent;
}

.home-editorial .journey-step:first-child { border-left: 0; }
.home-editorial .journey-step:not(.journey-operate)::after { top: 49px; right: -12px; z-index: 4; background: linear-gradient(90deg,transparent,rgba(23,104,233,.23) 26%,#1768e9 50%,rgba(23,104,233,.23) 72%,transparent); }
.home-editorial .journey-step:not(.journey-operate)::before { top: 45px; right: -11px; z-index: 5; border-color: #1768e9; }
.home-editorial .journey-icon { width: 40px; height: 40px; border-color: #a9c5ea; color: #1768e9; background: #e9f1ff; }
.home-editorial .journey-step small { margin-top: 27px; color: #1768e9; }
.home-editorial .journey-step h3 { color: #152c43; }
.home-editorial .journey-step p { color: #698097; }
.home-editorial .journey-operate::after { display: none; }
.home-editorial .journey-operate .journey-icon { color: #fff; background: #1768e9; box-shadow: 0 0 0 8px rgba(23,104,233,.07); }
.home-editorial .journey-pulse::after { border-color: rgba(23,104,233,.5); }
.home-editorial .journey-live { display: inline-flex; margin-top: 17px; padding: 0; color: #1768e9; font-size: 8px; }
.home-editorial .journey-live i { background: #1768e9; box-shadow: 0 0 0 4px rgba(23,104,233,.1); }

/* Trust material is presented as a verifiable index, not feature cards. */
.home-editorial .home-compliance { padding: 136px 0; background: #0a1725; }
.home-editorial .compliance-home-layout { grid-template-columns: minmax(320px,.74fr) minmax(620px,1.26fr); gap: 98px; }
.home-editorial .compliance-home-copy h2 { font-size: clamp(42px,3.9vw,58px); }
.home-editorial .credential-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(171,195,226,.27);
  border-bottom: 1px solid rgba(171,195,226,.27);
  background: transparent;
}

.home-editorial .credential-grid article,
.home-editorial .credential-grid article:first-child {
  min-height: 108px;
  display: grid;
  grid-template-columns: 76px minmax(145px,.7fr) minmax(220px,1.55fr) auto;
  gap: 22px;
  align-items: center;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(171,195,226,.19);
  background: transparent;
}

.home-editorial .credential-grid article:first-child { border-top: 0; }
.home-editorial .credential-grid article > small { align-self: center; color: #8fb3ff; }
.home-editorial .credential-grid h3 { margin: 0; color: #fff; font-size: 18px; }
.home-editorial .credential-grid p { margin: 0; color: #a8b9cf; font-size: 12px; line-height: 1.75; }
.home-editorial .credential-grid article > b { margin: 0; padding: 0; color: #dce8fa; font-size: 9px; white-space: nowrap; }
.home-editorial .credential-grid article:hover { background: rgba(255,255,255,.03); }

/* Partner and contact modules use flat, print-like composition. */
.home-editorial .home-partners { padding: 136px 0; background: #fff; }
.home-editorial .partner-layout { grid-template-columns: minmax(330px,.72fr) minmax(560px,1.28fr); gap: 112px; }
.home-editorial .partner-copy h2 { font-size: clamp(42px,3.9vw,58px); }
.home-editorial .ecosystem-visual .partner-logo-crop { border-radius: 4px; }

.home-editorial .home-three { padding-top: 132px; background: #0a1725; }
.home-editorial .home-three::before { display: none; }
.home-editorial .contact-globe { opacity: .15; }
.home-editorial .home-contact-layout { grid-template-columns: minmax(340px,1fr) minmax(390px,.7fr); gap: 126px; }
.home-editorial .home-contact-copy h2 { font-size: clamp(42px,3.9vw,58px); }
.home-editorial .home-wechat { border-radius: 4px; }
.home-editorial .home-lead-form { border-radius: 4px; box-shadow: none; }
.home-editorial .home-portals { margin-top: 90px; }
.home-editorial .home-portals a { min-height: 94px; border-radius: 0; }

@media (max-width: 1100px) {
  .home-editorial .home-headline { width: min(55%,600px); }
  .home-editorial .home-scene-intro,
  .home-editorial .compliance-home-layout,
  .home-editorial .partner-layout,
  .home-editorial .home-contact-layout { grid-template-columns: 1fr; gap: 44px; }
  .home-editorial .home-diff-head { grid-template-columns: 1fr; gap: 24px; }
  .home-editorial .home-diff-head p { max-width: 620px; }
}

@media (max-width: 820px) {
  .home-editorial .home-one::after { display: none; }
  .home-editorial .hero-earth { left: 26%; clip-path: polygon(24% 0,100% 0,100% 100%,0 100%); }
  .home-editorial .home-headline { width: min(72%,600px); }
  .home-editorial .home-scene-grid { grid-template-columns: 1fr; }
  .home-editorial .home-scene-card,
  .home-editorial .home-scene-card:first-child { min-height: 285px; }
  .home-editorial .journey-steps { grid-template-columns: 1fr 1fr; }
  .home-editorial .journey-step:nth-child(odd) { border-left: 0; }
  .home-editorial .journey-step:nth-child(n+3) { border-top: 1px solid #cbd8e5; }
  .home-editorial .journey-step:nth-child(2)::after { display: none; }
  .home-editorial .credential-grid article,
  .home-editorial .credential-grid article:first-child { grid-template-columns: 64px minmax(150px,.65fr) 1.35fr auto; }
}

@media (max-width: 620px) {
  .home-editorial .home-one { min-height: 690px; }
  .home-editorial .hero-earth { left: 0; clip-path: none; opacity: .42; }
  .home-editorial .hero-earth::before { background: rgba(248,250,252,.78); }
  .home-editorial .home-hero { min-height: 690px; padding: 72px 0; }
  .home-editorial .home-headline { width: 100%; }
  .home-editorial .home-hero h1 { max-width: 420px; font-size: 44px; }
  .home-editorial .home-scene-gallery,
  .home-editorial .home-two,
  .home-editorial .home-compliance,
  .home-editorial .home-partners,
  .home-editorial .home-three { padding: 82px 0; }
  .home-editorial .home-scene-intro h2,
  .home-editorial .home-diff-head h2,
  .home-editorial .compliance-home-copy h2,
  .home-editorial .partner-copy h2,
  .home-editorial .home-contact-copy h2 { font-size: 36px; }
  .home-editorial .service-journey { margin-top: 42px; }
  .home-editorial .journey-steps { grid-template-columns: 1fr; }
  .home-editorial .journey-step,
  .home-editorial .journey-step:nth-child(odd),
  .home-editorial .journey-step:nth-child(n+3) { min-height: 0; padding: 24px 0; border-top: 1px solid #cbd8e5; border-left: 0; }
  .home-editorial .journey-step:first-child { border-top: 0; }
  .home-editorial .journey-step:not(.journey-operate)::after,
  .home-editorial .journey-step:not(.journey-operate)::before { display: none; }
  .home-editorial .credential-grid article,
  .home-editorial .credential-grid article:first-child { grid-template-columns: 1fr; gap: 10px; min-height: 0; padding: 24px 0; }
  .home-editorial .credential-grid article > b { margin-top: 5px; }
}

/* Homepage visual calibration: earth alignment, native-ratio crop, compact partner mark. */
.home-body .hero-earth img {
  width: 115%;
  height: 115%;
  max-width: none;
  transform: translate(-13%, -7.5%);
  transform-origin: center;
  object-fit: cover;
  object-position: center center;
}

.home-body .hero-network-flow {
  inset: -7.5% auto auto -13%;
  width: 115%;
  height: 115%;
  transform: none;
}

.home-body .ecosystem-visual {
  padding: 18px;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: rgba(255,255,255,.74);
}

.home-body .ecosystem-visual .partner-logo-crop {
  width: min(76%, 540px);
  margin: 8px auto 0;
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(24,82,148,.12);
}

.home-body .partner-visual-label { margin-left: 4px; }

@media (max-width: 620px) {
  .home-body .hero-earth img {
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    object-position: 58% center;
  }

  .home-body .hero-network-flow {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .home-body .ecosystem-visual { padding: 13px; }
  .home-body .ecosystem-visual .partner-logo-crop { width: min(86%, 420px); margin-top: 5px; }
}

/* Local Live: customer-first scenario, delivery and evidence structure. */
.live-accel-page .local-live-scene-section { background: #f4f7fa; }
.live-accel-page .local-live-scene-section .section-head { align-items: end; }
.local-live-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; padding: 5px; border: 1px solid #d8e2ea; border-radius: 9px; background: #fff; }
.local-live-tabs button { min-height: 48px; border: 0; border-radius: 5px; color: #546b7f; background: transparent; font: 600 13px var(--sans); cursor: pointer; transition: color .2s ease,background .2s ease; }
.local-live-tabs button:hover { color: #1768e9; background: #f1f5fb; }
.local-live-tabs button.active { color: #fff; background: #1768e9; box-shadow: 0 7px 18px rgba(23,104,233,.16); }
.local-live-scene-panels { margin-top: 18px; }
.local-live-scene-panel { display: grid; grid-template-columns: minmax(0,.84fr) minmax(430px,1.16fr); gap: 54px; min-height: 510px; padding: 54px; border: 1px solid #d9e3eb; border-radius: 10px; background: #fff; }
.local-live-scene-panel[hidden] { display: none; }
.local-live-scene-copy { display: flex; flex-direction: column; align-items: flex-start; }
.scene-label { color: #1768e9; font: 600 10px var(--mono); letter-spacing: .11em; }
.local-live-scene-copy h3 { max-width: 420px; margin: 15px 0 30px; color: #102238; font-size: 30px; line-height: 1.22; letter-spacing: -.04em; }
.scene-copy-block { margin-bottom: 23px; }
.scene-copy-block strong { display: block; margin-bottom: 10px; color: #21364e; font-size: 15px; }
.scene-copy-block ul { display: grid; gap: 8px; margin: 0; padding: 0; color: #667d90; font-size: 13px; line-height: 1.75; list-style: none; }
.scene-copy-block li { position: relative; padding-left: 16px; }
.scene-copy-block li::before { content: ""; position: absolute; left: 0; top: .67em; width: 5px; height: 5px; border-radius: 50%; background: #246cf2; }
.scene-services { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 19px; border-top: 1px solid #dce5ec; }
.scene-services small { width: 100%; margin-bottom: 2px; color: #7a8b9a; font: 600 9px var(--mono); letter-spacing: .1em; }
.scene-services span { padding: 7px 9px; border: 1px solid #dce5ec; border-radius: 3px; color: #38516a; background: #f8fafc; font-size: 11px; }
.local-live-scene-copy > .button { min-height: 42px; margin-top: 20px; padding: 0 17px; font-size: 12px; }
.local-live-flow { position: relative; align-self: center; min-height: 358px; display: grid; grid-template-columns: minmax(100px,.76fr) 58px minmax(136px,1fr) 58px minmax(100px,.76fr); align-items: center; padding: 35px; overflow: hidden; border-radius: 8px; background: linear-gradient(135deg,#edf3fa,#f8fbfe); }
.local-live-flow::before { content: ""; position: absolute; inset: 24px; border: 1px solid rgba(134,162,191,.17); border-radius: 6px; background: linear-gradient(90deg,rgba(255,255,255,.48),transparent); }
.local-live-flow > * { position: relative; z-index: 1; }
.local-live-flow > i { height: 1px; background: repeating-linear-gradient(90deg,#4d85f0 0 6px,transparent 6px 11px); }
.local-live-flow > i::after { content: "›"; float: right; margin-top: -12px; color: #3975e9; font-size: 20px; }
.flow-endpoint,.flow-core,.flow-stack { display: grid; justify-items: center; gap: 7px; padding: 18px 12px; border: 1px solid #d8e2eb; border-radius: 7px; text-align: center; background: rgba(255,255,255,.9); box-shadow: 0 12px 28px rgba(32,65,99,.05); }
.flow-endpoint small,.flow-core small { color: #6d8296; font: 600 8px var(--mono); letter-spacing: .1em; }
.flow-endpoint strong,.flow-core strong { color: #1e334a; font-size: 16px; }
.flow-endpoint span,.flow-core span { color: #718395; font-size: 10px; }
.flow-core { min-height: 136px; align-content: center; border-color: #2169e7; color: #fff; background: radial-gradient(circle at 40% 26%,#4b91ff,#1768e9 70%); box-shadow: 0 0 0 14px rgba(23,104,233,.06); }
.flow-core small,.flow-core strong,.flow-core span { color: #fff; }
.flow-core span { opacity: .75; }
.flow-stack { gap: 8px; min-height: 158px; padding: 13px; }
.flow-stack span { width: 100%; padding: 10px 6px; border: 1px solid #dbe4ec; border-radius: 4px; color: #4f677d; background: #f7faff; font-size: 11px; }
.live-accel-page .local-live-region-section { background: #fff; }
.local-live-region-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); gap: 100px; align-items: center; }
.local-live-region-layout .section-title { max-width: 470px; margin: 18px 0; }
.local-live-region-layout > div > p { max-width: 510px; margin: 0; color: #63798c; font-size: 14px; line-height: 1.9; }
.local-live-region-card { padding: 32px; border: 1px solid #d9e4ee; border-radius: 8px; background: linear-gradient(145deg,#fbfdff,#f1f6fc); }
.local-live-region-card > small { color: #1768e9; font: 600 9px var(--mono); letter-spacing: .1em; }
.local-live-region-card > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 24px 0; }
.local-live-region-card span { display: grid; min-height: 64px; place-items: center; border: 1px solid #dce6ef; border-radius: 4px; color: #3b536b; background: #fff; font-size: 12px; }
.local-live-region-card p { padding-top: 18px; border-top: 1px solid #dce5ed; }
.live-accel-page .local-live-evidence-section { color: #fff; background: radial-gradient(circle at 84% 12%,rgba(23,104,233,.2),transparent 24%),#071722; }
.local-live-evidence-section .section-copy { color: #a3b5c6; }
.local-live-evidence-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #294458; border-left: 1px solid #294458; }
.local-live-evidence-grid article { min-height: 218px; padding: 26px; border-right: 1px solid #294458; border-bottom: 1px solid #294458; }
.local-live-evidence-grid b { color: #75a6ff; font: 600 10px var(--mono); }
.local-live-evidence-grid h3 { margin: 53px 0 12px; font-size: 20px; }
.local-live-evidence-grid p { margin: 0; color: #9eb0bf; font-size: 12px; line-height: 1.8; }
.live-result-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.live-result-grid article { min-height: 340px; display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(141,180,221,.24); border-radius: 8px; background: linear-gradient(150deg,rgba(37,82,137,.54),rgba(15,44,76,.8)); }
.result-meta { display: flex; align-items: center; gap: 9px; color: #89a6c4; font-size: 11px; }
.result-meta span { padding: 6px 9px; border: 1px solid rgba(167,203,238,.24); border-radius: 20px; color: #e3f0fc; background: rgba(255,255,255,.05); }
.result-meta small { color: #7793af; font-size: 10px; }
.live-result-grid h3 { max-width: 280px; margin: 27px 0 15px; color: #fff; font-size: 23px; line-height: 1.28; letter-spacing: -.035em; }
.live-result-grid p { margin: 0; color: #a9bdd0; font-size: 12px; line-height: 1.85; }
.result-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: auto; padding-top: 22px; border-top: 1px solid rgba(160,194,225,.18); }
.result-stats b { display: grid; gap: 5px; color: #30d2c7; font-size: 20px; line-height: 1; }
.result-stats small { color: #7895b1; font-size: 10px; font-weight: 500; white-space: nowrap; }

@media (max-width: 980px) {
  .local-live-scene-panel,.local-live-region-layout { grid-template-columns: 1fr; gap: 34px; }
  .local-live-scene-panel { min-height: 0; }
  .local-live-flow { max-width: 700px; width: 100%; justify-self: center; }
  .local-live-evidence-grid,.live-result-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .local-live-tabs { grid-template-columns: 1fr; }
  .local-live-tabs button { min-height: 44px; font-size: 12px; }
  .local-live-scene-panel { padding: 26px 20px; }
  .local-live-scene-copy h3 { margin: 13px 0 24px; font-size: 26px; }
  .scene-copy-block { margin-bottom: 20px; }
  .local-live-flow { min-height: 278px; grid-template-columns: 1fr 24px 1fr; gap: 0; padding: 23px; }
  .local-live-flow > :nth-child(5) { display: none; }
  .local-live-flow > :nth-child(4) { display: none; }
  .flow-endpoint,.flow-core { min-height: 105px; padding: 13px 8px; }
  .flow-endpoint strong,.flow-core strong { font-size: 14px; }
  .flow-stack { min-height: 130px; }
  .local-live-region-layout { gap: 30px; }
  .local-live-region-card { padding: 23px 18px; }
  .local-live-region-card > div { grid-template-columns: 1fr 1fr; }
  .local-live-evidence-grid,.live-result-grid { grid-template-columns: 1fr; }
  .local-live-evidence-grid article { min-height: 0; padding: 24px 0; border-right: 0; }
  .local-live-evidence-grid h3 { margin-top: 20px; }
  .live-result-grid article { min-height: 0; padding: 24px; }
}

/* Cloud resource integration and operations. */
.cloud-ops-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 86% 23%,rgba(30,203,199,.14),transparent 23%),linear-gradient(135deg,#f8fbff 0,#eff6ff 56%,#f8fbff 100%); }
.cloud-ops-hero::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(89,132,169,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(89,132,169,.09) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,black 0,rgba(0,0,0,.6) 58%,transparent 100%); }
.cloud-ops-hero-grid { position: relative; z-index: 1; min-height: 680px; display: grid; grid-template-columns: minmax(0,.9fr) minmax(510px,1.1fr); align-items: center; gap: 72px; padding: 70px 0 78px; }
.cloud-ops-copy h1 { max-width: 600px; margin: 24px 0 20px; color: #102238; font-size: clamp(48px,4.35vw,72px); line-height: 1.05; letter-spacing: -.065em; }
.cloud-ops-copy h1 span { color: #1768e9; }
.cloud-ops-copy > p { max-width: 550px; margin: 0; color: #61788c; font-size: 16px; line-height: 1.9; }
.cloud-ops-proof { display: flex; flex-wrap: wrap; gap: 10px 25px; margin-top: 38px; padding-top: 19px; border-top: 1px solid #cfdce8; color: #36546b; font-size: 12px; }
.cloud-ops-proof span::before { content: "●"; margin-right: 7px; color: #1dc7bf; font-size: 9px; }
.cloud-ops-console { position: relative; overflow: hidden; border: 1px solid #1d4a66; border-radius: 18px; color: #fff; background: radial-gradient(circle at 50% 45%,rgba(23,104,233,.3),transparent 24%),radial-gradient(circle at 13% 12%,rgba(29,199,191,.12),transparent 28%),#071a29; box-shadow: 0 36px 90px rgba(7,30,51,.26); }
.cloud-ops-console::before { content: ""; position: absolute; inset: 0; opacity: .2; background-image: radial-gradient(rgba(111,171,211,.8) 1px,transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(circle at 50% 48%,black,transparent 77%); }
.cloud-console-head { position: relative; z-index: 2; display: flex; justify-content: space-between; padding: 20px 23px; border-bottom: 1px solid rgba(110,158,194,.28); color: #8caabf; font: 600 8px var(--mono); letter-spacing: .11em; }
.cloud-console-head b { color: #37d6cf; font-weight: 600; }
.cloud-console-stage { position: relative; min-height: 408px; }
.cloud-console-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(98,184,213,.26); border-radius: 50%; transform: translate(-50%,-50%) rotate(-24deg); }
.cloud-console-orbit::after { content: ""; position: absolute; right: 10%; top: 17%; width: 7px; height: 7px; border-radius: 50%; background: #32d5ce; box-shadow: 0 0 15px #32d5ce; animation: cloudResourcePulse 3.4s ease-in-out infinite; }
.cloud-console-orbit.orbit-one { width: 76%; height: 43%; }
.cloud-console-orbit.orbit-two { width: 50%; height: 70%; border-style: dashed; transform: translate(-50%,-50%) rotate(35deg); }
.cloud-resource-card { position: absolute; z-index: 2; display: grid; gap: 5px; min-width: 137px; padding: 13px 14px; border: 1px solid rgba(97,164,202,.48); border-radius: 8px; background: rgba(7,29,45,.77); box-shadow: 0 13px 30px rgba(0,0,0,.16); }
.cloud-resource-card small { color: #77b8cc; font: 600 7px var(--mono); letter-spacing: .11em; }
.cloud-resource-card strong { color: #fff; font-size: 15px; }
.cloud-resource-card span { color: #a6bdcc; font-size: 10px; }
.resource-system { left: 8%; top: 16%; }
.resource-office { right: 7%; top: 14%; }
.resource-cloud { right: 8%; bottom: 13%; }
.resource-network { left: 8%; bottom: 12%; }
.cloud-ops-core { position: absolute; z-index: 3; left: 50%; top: 51%; width: 150px; height: 150px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid #9bf1ec; border-radius: 50%; background: radial-gradient(circle at 35% 25%,#4d96ff,#1768e9 70%); box-shadow: 0 0 0 22px rgba(30,121,238,.08),0 26px 58px rgba(4,49,121,.38); transform: translate(-50%,-50%); text-align: center; }
.cloud-ops-core small,.cloud-ops-core span { color: #c9f8f5; font: 600 7px var(--mono); letter-spacing: .1em; }
.cloud-ops-core strong { color: #fff; font-size: 24px; line-height: 1.05; }
.cloud-ops-core span { font-size: 6px; opacity: .85; }
.cloud-console-foot { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(85,137,171,.35); }
.cloud-console-foot span { padding: 15px 18px; border-right: 1px solid rgba(85,137,171,.32); }
.cloud-console-foot span:last-child { border-right: 0; }
.cloud-console-foot small { display: block; margin-bottom: 5px; color: #7391a7; font-size: 9px; }
.cloud-console-foot strong { color: #e3eff6; font-size: 12px; }
.cloud-ops-problem-section { background: #fff; }
.cloud-ops-problem-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #d8e3ec; border-left: 1px solid #d8e3ec; }
.cloud-ops-problem-grid article { min-height: 282px; padding: 27px; border-right: 1px solid #d8e3ec; border-bottom: 1px solid #d8e3ec; background: #fff; }
.cloud-ops-problem-grid b { color: #1768e9; font: 600 10px var(--mono); }
.cloud-ops-problem-grid h3 { margin: 58px 0 13px; color: #172d43; font-size: 20px; line-height: 1.3; }
.cloud-ops-problem-grid p { margin: 0; color: #698095; font-size: 12px; line-height: 1.85; }
.cloud-ops-flow-section { background: radial-gradient(circle at 82% 6%,rgba(23,104,233,.22),transparent 27%),#071722; }
.cloud-ops-flow { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #29465b; }
.cloud-ops-flow article { position: relative; min-height: 305px; padding: 28px; border-right: 1px solid #29465b; }
.cloud-ops-flow article:last-child { border-right: 0; }
.cloud-ops-flow article::after { content: "→"; position: absolute; right: -13px; top: 49px; z-index: 2; display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #49708b; border-radius: 50%; color: #44d5cd; background: #071722; font-size: 13px; }
.cloud-ops-flow article:last-child::after { display: none; }
.cloud-ops-flow b { display: block; color: #42d4cb; font: 600 24px var(--mono); }
.cloud-ops-flow small { display: block; margin-top: 42px; color: #78a1b7; font: 600 8px var(--mono); letter-spacing: .11em; }
.cloud-ops-flow h3 { margin: 12px 0 11px; color: #fff; font-size: 21px; }
.cloud-ops-flow p { margin: 0; color: #9eb5c5; font-size: 12px; line-height: 1.85; }
.cloud-ops-service-section { background: #f5f8fb; }
.cloud-ops-service-layout { display: grid; grid-template-columns: minmax(0,.73fr) minmax(600px,1.27fr); gap: 90px; align-items: center; }
.cloud-ops-service-copy .section-title { margin: 17px 0 18px; }
.cloud-ops-service-copy p { max-width: 430px; margin: 0 0 28px; color: #637b8e; font-size: 14px; line-height: 1.9; }
.cloud-ops-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cloud-ops-service-grid article { min-height: 230px; padding: 27px; border: 1px solid #d6e2ec; border-radius: 8px; background: #fff; box-shadow: 0 13px 30px rgba(39,74,104,.04); }
.cloud-ops-service-grid article:nth-child(2) { background: linear-gradient(145deg,#eaf3ff,#fff); }
.cloud-ops-service-grid article:nth-child(3) { color: #fff; border-color: #153e58; background: radial-gradient(circle at 80% 10%,rgba(33,129,255,.42),transparent 36%),#082235; }
.cloud-ops-service-grid article:nth-child(3) p { color: #b4c9d9; }
.cloud-ops-service-grid span { color: #1768e9; font: 600 8px var(--mono); letter-spacing: .1em; }
.cloud-ops-service-grid article:nth-child(3) span { color: #47d8d1; }
.cloud-ops-service-grid h3 { margin: 60px 0 12px; font-size: 20px; line-height: 1.32; }
.cloud-ops-service-grid p { margin: 0; color: #6b8194; font-size: 12px; line-height: 1.8; }
.cloud-ops-scenes-section { background: #fff; }
.cloud-ops-scene-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.cloud-ops-scene-grid article { min-height: 272px; padding: 28px; border-top: 2px solid #1768e9; background: linear-gradient(145deg,#f4f8fd,#fff); }
.cloud-ops-scene-grid small { color: #1768e9; font: 600 9px var(--mono); letter-spacing: .1em; }
.cloud-ops-scene-grid h3 { margin: 61px 0 14px; color: #173047; font-size: 22px; line-height: 1.32; }
.cloud-ops-scene-grid p { margin: 0; color: #667e91; font-size: 13px; line-height: 1.85; }
.cloud-ops-delivery-section { padding: 126px 0; color: #fff; background: radial-gradient(circle at 92% 12%,rgba(26,120,239,.28),transparent 22%),#081d2c; }
.cloud-ops-delivery-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(560px,1.2fr); gap: 96px; align-items: start; }
.cloud-ops-delivery-grid h2 { margin: 19px 0 0; font-size: clamp(37px,3.35vw,57px); line-height: 1.08; letter-spacing: -.055em; }
.cloud-ops-delivery-list { border-top: 1px solid #34526a; }
.cloud-ops-delivery-list > div { display: grid; grid-template-columns: 48px 1fr; gap: 19px; padding: 20px 0; border-bottom: 1px solid #34526a; }
.cloud-ops-delivery-list b { color: #3ed7cf; font: 600 10px var(--mono); }
.cloud-ops-delivery-list strong { display: block; margin-bottom: 7px; color: #fff; font-size: 17px; }
.cloud-ops-delivery-list small { color: #a8bdcb; font-size: 12px; line-height: 1.75; }
@keyframes cloudResourcePulse { 0%,100% { transform: scale(.8); opacity: .55; } 50% { transform: scale(1.35); opacity: 1; } }
@media (max-width: 980px) {
  .cloud-ops-hero-grid,.cloud-ops-service-layout,.cloud-ops-delivery-grid { grid-template-columns: 1fr; gap: 52px; }
  .cloud-ops-hero-grid { padding: 66px 0 74px; }
  .cloud-ops-console { max-width: 650px; width: 100%; justify-self: center; }
  .cloud-ops-problem-grid,.cloud-ops-flow { grid-template-columns: 1fr 1fr; }
  .cloud-ops-problem-grid article:nth-child(2),.cloud-ops-flow article:nth-child(2) { border-right: 0; }
  .cloud-ops-flow article:nth-child(2)::after { display: none; }
}
@media (max-width: 620px) {
  .cloud-ops-hero-grid { min-height: 0; padding: 55px 0 60px; }
  .cloud-ops-copy h1 { font-size: 45px; }
  .cloud-ops-copy > p { font-size: 15px; }
  .cloud-ops-console { border-radius: 12px; }
  .cloud-console-stage { min-height: 376px; }
  .cloud-resource-card { min-width: 106px; padding: 10px; }
  .cloud-resource-card strong { font-size: 13px; }
  .cloud-resource-card span { display: none; }
  .resource-system { left: 5%; top: 13%; }
  .resource-office { right: 5%; top: 13%; }
  .resource-cloud { right: 5%; bottom: 11%; }
  .resource-network { left: 5%; bottom: 11%; }
  .cloud-ops-core { width: 118px; height: 118px; }
  .cloud-ops-core strong { font-size: 20px; }
  .cloud-console-foot { grid-template-columns: 1fr; }
  .cloud-console-foot span { border-right: 0; border-bottom: 1px solid rgba(85,137,171,.32); }
  .cloud-console-foot span:last-child { border-bottom: 0; }
  .cloud-ops-problem-grid,.cloud-ops-flow,.cloud-ops-service-grid,.cloud-ops-scene-grid { grid-template-columns: 1fr; }
  .cloud-ops-problem-grid article,.cloud-ops-flow article { min-height: 0; padding: 25px; border-right: 0; }
  .cloud-ops-problem-grid h3 { margin-top: 25px; }
  .cloud-ops-flow article::after { display: none; }
  .cloud-ops-flow small { margin-top: 24px; }
  .cloud-ops-service-layout,.cloud-ops-delivery-grid { gap: 43px; }
  .cloud-ops-service-grid article { min-height: 0; }
  .cloud-ops-service-grid h3,.cloud-ops-scene-grid h3 { margin-top: 28px; }
  .cloud-ops-delivery-section { padding: 80px 0; }
}

/* Homepage lifecycle and infrastructure — quiet enterprise systems, not product cards. */
.home-lifecycle {
  padding: 94px 0;
  overflow: hidden;
  background:
    linear-gradient(rgba(24,72,112,.04) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(90deg,rgba(24,72,112,.04) 1px,transparent 1px) 0 0/72px 72px,
    #fff;
}
.home-lifecycle .container { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(560px,1.3fr); gap: 74px; align-items: center; }
.lifecycle-heading { position: relative; max-width: 440px; z-index: 1; }
.lifecycle-heading .kicker { color: #1768e9; }
.lifecycle-heading h2 { margin: 17px 0 18px; color: #0b1b2a; font-size: clamp(36px,3.2vw,48px); line-height: 1.11; letter-spacing: -.055em; }
.lifecycle-heading h2 span { color: #1768e9; }
.lifecycle-heading p { max-width: 410px; margin: 0; color: #60778a; font-size: 14px; line-height: 1.85; }
.lifecycle-diagram { position: relative; height: 470px; max-width: none; margin: 0; isolation: isolate; }
.lifecycle-diagram::before { content: ""; position: absolute; inset: 42px 13%; z-index: -2; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(23,104,233,.11),rgba(23,104,233,.025) 44%,transparent 70%); }
.lifecycle-routes { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; overflow: visible; }
.lifecycle-orbit { fill: none; stroke: rgba(35,85,126,.16); stroke-width: 1; }
.lifecycle-orbit-inner { stroke: rgba(23,104,233,.12); stroke-dasharray: 3 9; }
.lifecycle-flow { fill: none; stroke: url(#lifecycle-line); stroke-width: 1.4; stroke-dasharray: 10 22; animation: lifecycleFlow 14s linear infinite; }
.lifecycle-node { position: absolute; width: 180px; min-height: 165px; padding: 15px 17px; border: 1px solid #d8e3ec; border-radius: 8px; background: rgba(255,255,255,.94); box-shadow: 0 15px 36px rgba(20,56,88,.055); transition: border-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.lifecycle-node:hover { border-color: rgba(23,104,233,.5); box-shadow: 0 19px 42px rgba(20,78,143,.1); transform: translateY(-4px); }
.lifecycle-assess { top: 0; left: calc(50% - 90px); }
.lifecycle-deploy { top: 152px; right: 0; }
.lifecycle-verify { bottom: 0; left: calc(50% - 90px); }
.lifecycle-operate { top: 152px; left: 0; }
.lifecycle-icon { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(23,104,233,.35); border-radius: 50%; color: #1768e9; background: #f4f8ff; }
.lifecycle-icon svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.lifecycle-node small { display: block; margin-top: 13px; color: #1768e9; font: 600 7px var(--mono); letter-spacing: .12em; }
.lifecycle-node h3 { margin: 6px 0 6px; color: #14283b; font-size: 15px; letter-spacing: -.025em; }
.lifecycle-node p { margin: 0; color: #6d8393; font-size: 10px; line-height: 1.65; }
.lifecycle-operate-icon { color: #2876ee; background: #edf5ff; animation: lifecycleMonitor 2.8s ease-in-out infinite; }
.lifecycle-core { position: absolute; top: 50%; left: 50%; display: grid; width: 128px; height: 128px; place-content: center; border: 1px solid rgba(117,163,220,.64); border-radius: 50%; color: #fff; background: radial-gradient(circle at 35% 24%,#194f9b,#0b2f62 64%,#09254c); box-shadow: 0 0 0 13px rgba(23,104,233,.06),0 0 0 30px rgba(23,104,233,.025); text-align: center; transform: translate(-50%,-50%); }
.lifecycle-core::before,.lifecycle-core::after { content: ""; position: absolute; border: 1px solid rgba(149,192,242,.25); border-radius: 50%; }
.lifecycle-core::before { inset: 11px; }.lifecycle-core::after { inset: 21px; border-style: dashed; }
.lifecycle-core span,.lifecycle-core strong,.lifecycle-core small { position: relative; z-index: 1; }
.lifecycle-core span { color: #a9caff; font-size: 10px; font-weight: 700; }
.lifecycle-core strong { margin: 4px 0 5px; font: 600 14px/1.12 var(--mono); letter-spacing: -.075em; }
.lifecycle-core small { color: #bed4ee; font-size: 8px; }
.lifecycle-core i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #85c4ff; box-shadow: 0 0 13px rgba(133,196,255,.85); animation: lifecycleNode 3.6s ease-in-out infinite; }
.lifecycle-core i:nth-of-type(1) { top: 18px; left: 34px; }.lifecycle-core i:nth-of-type(2) { top: 43px; right: 17px; animation-delay: -1.2s; }.lifecycle-core i:nth-of-type(3) { bottom: 20px; left: 29px; animation-delay: -2.2s; }
.lifecycle-caption { position: absolute; right: 0; bottom: 3px; display: flex; gap: 12px; color: #8498a8; font: 600 7px var(--mono); letter-spacing: .08em; }
.lifecycle-caption span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 6px 1px 0; border-radius: 50%; background: #1768e9; }

.home-infrastructure { padding: 120px 0 86px; color: #0b1b2a; background: #f8fafc; }
.infrastructure-layout { display: grid; grid-template-columns: minmax(250px,.65fr) minmax(610px,1.35fr); gap: 88px; align-items: center; }
.infrastructure-copy .kicker { color: #1768e9; }.infrastructure-copy h2 { margin: 17px 0 18px; font-size: clamp(42px,3.8vw,58px); line-height: 1.08; letter-spacing: -.055em; }.infrastructure-copy h2 span { color: #1768e9; }
.infrastructure-copy p { max-width: 390px; margin: 0 0 29px; color: #62798c; font-size: 15px; line-height: 1.9; }.infrastructure-copy .text-link { color: #1768e9; }
.infrastructure-map { position: relative; min-height: 408px; overflow: hidden; border: 1px solid #173c5b; border-radius: 10px; color: #dceafb; background: radial-gradient(circle at 68% 38%,rgba(35,112,211,.23),transparent 30%),#071a2a; box-shadow: 0 22px 54px rgba(13,51,82,.12); }
.infrastructure-map::before { content: ""; position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(111,162,210,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(111,162,210,.22) 1px,transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(135deg,black,transparent 90%); }
.infrastructure-map-head { position: absolute; z-index: 2; top: 20px; right: 22px; left: 22px; display: flex; justify-content: space-between; color: #8eafce; font: 600 8px var(--mono); letter-spacing: .12em; }.infrastructure-map-head b { color: #78d5ce; font-weight: 600; }.infrastructure-map-head i { display: inline-block; width: 5px; height: 5px; margin: 0 6px 1px 0; border-radius: 50%; background: #5ed2ca; box-shadow: 0 0 10px rgba(94,210,202,.7); animation: infraNode 2.4s ease-in-out infinite; }
.infrastructure-topology { position: absolute; inset: 42px 20px 28px; z-index: 1; width: calc(100% - 40px); height: calc(100% - 70px); }.world-outline path { fill: rgba(118,166,210,.075); stroke: rgba(148,191,228,.21); stroke-dasharray: 2 5; stroke-width: 1.15; }.topology-routes path { fill: none; stroke: rgba(86,164,255,.74); stroke-width: 1.25; stroke-dasharray: 8 13; animation: infraRoute 13s linear infinite; }.topology-routes path:nth-child(2) { animation-delay: -3s; }.topology-routes path:nth-child(3) { animation-delay: -7s; }.topology-dots circle { fill: #80c4ff; stroke: #d8f2ff; stroke-width: 1.5; filter: drop-shadow(0 0 5px rgba(125,197,255,.7)); animation: infraNode 3.2s ease-in-out infinite; }.topology-dots circle:nth-child(2n) { animation-delay: -1.4s; }
.infrastructure-node { position: absolute; z-index: 3; padding: 5px 8px; border: 1px solid rgba(129,179,229,.29); border-radius: 3px; color: #e4efff; background: rgba(8,34,57,.86); box-shadow: 0 6px 18px rgba(0,0,0,.12); font: 600 9px var(--mono); letter-spacing: .04em; }.infrastructure-node::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #72c4ff; box-shadow: 0 0 10px rgba(114,196,255,.7); }.node-la { top: 43%; left: 10%; }.node-la::before { right: -9px; top: 50%; }.node-frankfurt { top: 30%; left: 47%; }.node-frankfurt::before { bottom: -9px; left: 50%; }.node-singapore { right: 23%; bottom: 24%; }.node-singapore::before { top: -9px; left: 50%; }.node-china { top: 44%; right: 24%; }.node-china::before { left: -9px; top: 50%; }.node-tokyo { top: 33%; right: 10%; }.node-tokyo::before { left: -9px; bottom: -4px; }
.map-scale { position: absolute; right: 22px; bottom: 18px; left: 22px; z-index: 2; display: flex; gap: 18px; padding-top: 12px; border-top: 1px solid rgba(140,181,218,.18); color: #6e91b2; font: 600 8px var(--mono); letter-spacing: .09em; }.map-scale span::before { content: ""; display: inline-block; width: 12px; height: 1px; margin: 0 6px 3px 0; background: #6bb0ff; }.map-scale span:nth-child(2)::before { border-top: 1px dashed #6bb0ff; background: transparent; }.map-scale span:nth-child(3)::before { background: #62d5cd; }
.infrastructure-metrics { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 58px; border-top: 1px solid #d7e1ea; border-bottom: 1px solid #d7e1ea; }.infrastructure-metrics div { display: grid; gap: 7px; padding: 23px 28px; border-right: 1px solid #d7e1ea; }.infrastructure-metrics div:last-child { border-right: 0; }.infrastructure-metrics strong { color: #0d2741; font: 600 clamp(31px,2.6vw,42px)/1 var(--mono); letter-spacing: -.07em; }.infrastructure-metrics span { color: #657d91; font-size: 12px; }.infrastructure-note { margin: 16px 0 0; color: #8496a5; font-size: 10px; line-height: 1.65; }

@keyframes lifecycleFlow { to { stroke-dashoffset: -190; } }
@keyframes lifecycleNode { 0%,100% { opacity: .5; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes lifecycleMonitor { 0%,100% { box-shadow: 0 0 0 0 rgba(23,104,233,.16); } 50% { box-shadow: 0 0 0 7px rgba(23,104,233,0); } }
@keyframes infraRoute { to { stroke-dashoffset: -168; } }
@keyframes infraNode { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@media (max-width: 980px) {
  .home-lifecycle,.home-infrastructure { padding: 88px 0; }
  .home-lifecycle .container { grid-template-columns: 1fr; gap: 40px; }
  .lifecycle-heading { max-width: 610px; }
  .lifecycle-diagram { height: 520px; max-width: 690px; width: 100%; }
  .lifecycle-deploy { right: 0; }.lifecycle-operate { left: 0; }
  .infrastructure-layout { grid-template-columns: 1fr; gap: 42px; }.infrastructure-copy p { max-width: 600px; }.infrastructure-map { max-width: 780px; width: 100%; }
}
@media (max-width: 620px) {
  .home-lifecycle,.home-infrastructure { padding: 76px 0; }
  .lifecycle-heading h2,.infrastructure-copy h2 { font-size: 35px; }
  .lifecycle-diagram { display: grid; height: auto; gap: 10px; margin-top: 38px; }.lifecycle-diagram::before,.lifecycle-routes,.lifecycle-caption { display: none; }
  .lifecycle-core { position: relative; top: auto; left: auto; order: -1; width: 158px; height: 158px; margin: 0 auto 19px; transform: none; }.lifecycle-core strong { font-size: 15px; }.lifecycle-core small { font-size: 9px; }
  .lifecycle-node,.lifecycle-assess,.lifecycle-deploy,.lifecycle-verify,.lifecycle-operate { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; min-height: 0; padding: 19px 20px 18px; }.lifecycle-node { display: grid; grid-template-columns: 39px 1fr; column-gap: 15px; }.lifecycle-node .lifecycle-icon { grid-row: span 3; }.lifecycle-node small { margin-top: 1px; }.lifecycle-node h3 { margin: 5px 0 6px; font-size: 16px; }.lifecycle-node p { font-size: 11px; }
  .infrastructure-layout { gap: 33px; }.infrastructure-map { min-height: 337px; }.infrastructure-map-head { top: 16px; right: 16px; left: 16px; }.infrastructure-map-head b { font-size: 7px; }.infrastructure-topology { inset: 38px 4px 35px; width: calc(100% - 8px); height: calc(100% - 73px); }.infrastructure-node { padding: 4px 5px; font-size: 7px; }.node-la { left: 3%; }.node-frankfurt { left: 40%; }.node-singapore { right: 16%; }.node-china { right: 16%; }.node-tokyo { right: 2%; }.map-scale { right: 16px; bottom: 14px; left: 16px; gap: 10px; font-size: 6px; }.map-scale span::before { width: 7px; margin-right: 3px; }
  .infrastructure-metrics { grid-template-columns: 1fr 1fr; margin-top: 38px; }.infrastructure-metrics div { padding: 18px 14px; }.infrastructure-metrics div:nth-child(2) { border-right: 0; }.infrastructure-metrics div:nth-child(-n+2) { border-bottom: 1px solid #d7e1ea; }.infrastructure-metrics strong { font-size: 30px; }.infrastructure-metrics span { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .lifecycle-flow,.lifecycle-operate-icon,.lifecycle-core i,.topology-routes path,.topology-dots circle,.infrastructure-map-head i { animation: none; }
}

/* Drag-rotatable global network globe.  The section borrows the clarity of an
   infrastructure map, while remaining deliberately within SYY's blue system. */
.home-network-pulse {
  padding: 86px 0 58px;
  color: #08192b;
  overflow: hidden;
  background:
    radial-gradient(ellipse 42% 34% at 50% 47%,rgba(45,127,241,.09),transparent 72%),
    linear-gradient(rgba(48,111,177,.04) 1px,transparent 1px) 0 0/86px 86px,
    linear-gradient(90deg,rgba(48,111,177,.04) 1px,transparent 1px) 0 0/86px 86px,
    #fff;
}
.network-pulse-heading { max-width: 700px; margin: 0 auto -7px; text-align: center; position: relative; z-index: 2; }
.network-pulse-heading .kicker { color: #145fe6; }
.network-pulse-heading h2 { margin: 15px 0 13px; font-size: clamp(38px,3.55vw,56px); line-height: 1.06; letter-spacing: -.055em; }
.network-pulse-heading h2 span { color: #1e68ed; }
.network-pulse-heading p { margin: 0; color: #5b7085; font-size: 15px; line-height: 1.75; }
.cloud-globe-stage { position: relative; height: 558px; max-width: 940px; margin: -12px auto -2px; }
.cloud-globe-stage::before { content: ""; position: absolute; inset: 8% 17% 5%; border-radius: 50%; background: radial-gradient(circle at 50% 46%,rgba(72,142,244,.12),rgba(75,141,230,.035) 51%,transparent 70%); filter: blur(2px); pointer-events: none; }
#network-globe-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; touch-action: none; cursor: grab; }
#network-globe-canvas:active { cursor: grabbing; }
.globe-route-callout { position: absolute; z-index: 2; top: 44%; left: 0; width: 208px; padding: 15px 17px 14px; border: 1px solid #b8d1f0; color: #31516e; background: rgba(255,255,255,.94); box-shadow: 0 13px 30px rgba(41,83,124,.10); clip-path: polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%); transform: translateY(-50%); transition: opacity .18s ease,transform .26s cubic-bezier(.2,.7,.2,1); }
.globe-route-callout.is-switching { opacity: .25; transform: translateY(-50%) translateX(-7px); }
.globe-route-callout > span { display: block; color: #2463cf; font: 700 8px var(--mono); letter-spacing: .13em; }
.globe-route-callout strong { display: flex; align-items: center; gap: 8px; margin-top: 9px; color: #112a43; font-size: 13px; }.globe-route-callout strong i { width: 25px; height: 1px; background: #4f84ce; }
.globe-route-callout p { display: flex; align-items: flex-end; gap: 6px; margin: 8px 0 7px; }.globe-route-callout em { color: #155ee3; font: 600 43px/.85 var(--mono); font-style: normal; letter-spacing: -.09em; }.globe-route-callout p small { padding-bottom: 3px; color: #4d79a4; font: 700 11px var(--mono); }.globe-route-callout p span { padding: 0 0 4px 4px; color: #71869b; font-size: 9px; }
.globe-route-callout footer { padding-top: 9px; border-top: 1px solid #d9e5f1; color: #60758b; font-size: 10px; line-height: 1.55; }
.globe-drag-hint { position: absolute; z-index: 2; right: 5%; bottom: 11%; display: inline-flex; align-items: center; gap: 7px; color: #69809a; font: 600 9px var(--mono); letter-spacing: .04em; pointer-events: none; }.globe-drag-hint i { width: 16px; height: 16px; border: 1px solid #7fa4cb; border-radius: 50%; position: relative; }.globe-drag-hint i::after { content: ""; position: absolute; inset: 4px 7px; border-right: 1px solid #7fa4cb; transform: rotate(45deg); }
.globe-region-controls { display: flex; justify-content: center; gap: 8px; margin: -30px auto 31px; position: relative; z-index: 3; }.globe-region-controls button { min-width: 78px; padding: 8px 12px; border: 1px solid #c8d9eb; border-radius: 99px; color: #5c738a; background: rgba(255,255,255,.84); font: 600 10px var(--mono); cursor: pointer; transition: color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease; }.globe-region-controls button:hover,.globe-region-controls button:focus-visible { border-color: #1f68ed; color: #1b63e7; outline: 0; transform: translateY(-2px); }.globe-region-controls button.is-active { border-color: #1d65ea; color: #fff; background: #1d65ea; box-shadow: 0 8px 18px rgba(29,101,234,.17); }
.globe-outcomes { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1080px; margin: 0 auto; border-top: 1px solid #d7e4f1; border-bottom: 1px solid #d7e4f1; }.globe-outcomes article { min-height: 142px; padding: 27px 31px 24px; border-left: 1px solid #d7e4f1; }.globe-outcomes article:last-child { border-right: 1px solid #d7e4f1; }.globe-outcomes i { display: block; margin-bottom: 13px; color: #1d65ea; font: 700 9px var(--mono); letter-spacing: .12em; font-style: normal; }.globe-outcomes strong { display: block; color: #0e263d; font-size: 17px; letter-spacing: -.025em; }.globe-outcomes p { margin: 8px 0 0; color: #657b91; font-size: 12px; line-height: 1.7; }
.latency-demo-note { max-width: 1080px; margin: 12px auto 0; color: #8498aa; font-size: 10px; line-height: 1.7; }
@media (max-width: 820px) { .home-network-pulse { padding: 77px 0 52px; }.cloud-globe-stage { height: 495px; margin-inline: -10px; }.globe-route-callout { left: 2%; top: 42%; }.globe-outcomes article { min-height: 126px; padding: 22px 18px; } }
@media (max-width: 620px) { .home-network-pulse { padding: 65px 0 46px; }.network-pulse-heading { text-align: left; }.network-pulse-heading h2 { font-size: 38px; }.network-pulse-heading p { font-size: 14px; }.cloud-globe-stage { height: 390px; margin: 5px -16px -8px; }.globe-route-callout { top: 41%; left: 5px; width: 170px; padding: 11px 12px; }.globe-route-callout > span { font-size: 7px; }.globe-route-callout strong { gap: 5px; margin-top: 6px; font-size: 10px; }.globe-route-callout strong i { width: 17px; }.globe-route-callout p { margin: 6px 0; }.globe-route-callout em { font-size: 33px; }.globe-route-callout p span { display: none; }.globe-route-callout footer { padding-top: 6px; font-size: 8px; }.globe-drag-hint { right: 9%; bottom: 12%; font-size: 7px; }.globe-region-controls { justify-content: flex-start; margin: -17px 0 26px; overflow-x: auto; }.globe-region-controls button { flex: 0 0 auto; min-width: 74px; }.globe-outcomes { grid-template-columns: 1fr; }.globe-outcomes article { min-height: 0; padding: 19px 17px; border-right: 1px solid #d7e4f1; border-bottom: 1px solid #d7e4f1; }.globe-outcomes article:last-child { border-bottom: 0; }.globe-outcomes i { margin-bottom: 8px; }.globe-outcomes strong { font-size: 15px; }.globe-outcomes p { margin-top: 5px; font-size: 11px; }.latency-demo-note { font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { .globe-route-callout { transition: none; } }

/* Homepage globe integration: the interactive globe is a proof layer, not a
   separate landing page. The surrounding hierarchy remains native to the site. */
.home-network-pulse { min-height: 0; padding: 124px 0 86px; color: #0b1b2a; background: #fff; }
.network-pulse-heading { display: block; max-width: 1180px; margin: 0 auto; text-align: left; }
.network-pulse-heading h2 { max-width: 760px; margin: 15px 0 0; font-size: clamp(45px,4.4vw,70px); line-height: 1.02; letter-spacing: -.065em; }
.network-pulse-heading h2 span { color: var(--blue); }
.network-pulse-heading p { max-width: 410px; margin: 0 0 6px; color: #657889; font-size: 15px; line-height: 1.85; }
.home-globe-embed { position: relative; height: min(650px,52vw); min-height: 560px; margin: 40px -28px 0; overflow: hidden; border-top: 1px solid #dce7f3; border-bottom: 1px solid #dce7f3; background: radial-gradient(ellipse 48% 44% at 50% 52%,rgba(51,113,234,.075),transparent 72%),#fff; }
.home-globe-embed::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(52,98,155,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,98,155,.1) 1px,transparent 1px); background-size: 66px 66px; mask-image: linear-gradient(to right,rgba(0,0,0,.34),transparent 20%,transparent 80%,rgba(0,0,0,.34)); }
.home-globe-embed iframe { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; }
.home-globe-guide { position: absolute; z-index: 3; right: 34px; bottom: 25px; display: flex; align-items: center; gap: 19px; color: #8495a9; font: 600 8px var(--mono); letter-spacing: .1em; pointer-events: none; }
.home-globe-guide span:first-child { display: flex; align-items: center; gap: 7px; color: #5b7391; }.home-globe-guide i { width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(7,92,255,.1); }
.home-globe-footer { display: flex; justify-content: space-between; gap: 42px; max-width: 1124px; margin: 20px auto 0; padding: 0 8px; }
.home-globe-footer p { max-width: 590px; margin: 0; color: #8798a9; font-size: 10px; line-height: 1.75; }.home-globe-footer > div { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 27px; }.home-globe-footer .text-link { margin: 0; color: #255fd2; font-size: 12px; white-space: nowrap; }
@media (max-width: 920px) { .home-network-pulse { padding: 94px 0 68px; }.network-pulse-heading { gap: 34px; }.home-globe-embed { height: 590px; min-height: 0; margin-inline: -16px; }.home-globe-footer { padding: 0; } }
@media (max-width: 680px) { .home-network-pulse { padding: 74px 0 54px; }.network-pulse-heading { grid-template-columns: 1fr; gap: 16px; }.network-pulse-heading h2 { font-size: 41px; }.network-pulse-heading p { max-width: 510px; font-size: 13px; }.home-globe-embed { height: 410px; margin: 26px -16px 0; }.home-globe-guide { right: 19px; bottom: 15px; font-size: 7px; }.home-globe-guide span:first-child { display: none; }.home-globe-footer { flex-direction: column; gap: 14px; margin-top: 15px; }.home-globe-footer p { font-size: 9px; }.home-globe-footer > div { gap: 18px; }.home-globe-footer .text-link { font-size: 11px; } }

/* The globe now lives in the brand hero. It replaces the former static earth
   image, leaving one global-network visual on the homepage. */
.home-one { background: linear-gradient(90deg,#f8fbff 0%,#fff 46%,#f6faff 100%); }
.hero-interactive-globe { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: #f8fbff; }
.hero-interactive-globe::before { content:""; position:absolute; z-index:0; inset:0; opacity:1; background:var(--hero-globe-poster) center/cover no-repeat; will-change:opacity; transform:translateZ(0); transition:opacity .18s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.hero-interactive-globe iframe { position: absolute; z-index:1; inset: 0; width: 100%; height: 100%; border: 0; opacity:0; background: #f8fbff; will-change:opacity; transform:translateZ(0); transition:opacity .18s cubic-bezier(.2,.7,.2,1); }
.hero-interactive-globe.is-ready iframe { opacity:1; }.hero-interactive-globe.is-ready::before { opacity:0; }
.hero-interactive-globe::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(250,252,255,.97) 0%,rgba(250,252,255,.92) 30%,rgba(250,252,255,.43) 53%,rgba(250,252,255,.08) 76%,rgba(250,252,255,.16) 100%); }
.home-hero { z-index: 2; justify-content: flex-start; padding-top: 104px; padding-bottom: 98px; text-align: left; pointer-events: none; }.home-hero a { pointer-events: auto; }.hero-coordinate { z-index: 3; pointer-events: none; }
.home-headline { width: min(760px,61%); }.home-hero h1 { max-width: 760px; margin-top: 22px; font-size: clamp(59px,5.7vw,88px); line-height: .98; letter-spacing: -.075em; white-space: normal; }
.home-intro { max-width: 590px; margin: 24px 0 0; text-shadow: 0 2px 18px rgba(255,255,255,.96); }.home-actions { justify-content: flex-start; }.home-proof-line { justify-content: flex-start; margin-top: 34px; }.home-proof-line span { min-width: auto; padding: 0 24px; justify-content: flex-start; }.home-proof-line span:first-child { padding-left: 0; }
@media (max-width: 920px) { .home-headline { width: min(690px,68%); }.home-hero h1 { font-size: clamp(55px,6.2vw,75px); }.hero-interactive-globe::after { background: linear-gradient(90deg,rgba(250,252,255,.96) 0%,rgba(250,252,255,.78) 47%,rgba(250,252,255,.12) 100%); } }
@media (max-width: 680px) { .hero-interactive-globe iframe { display:none; }.hero-interactive-globe { background-position: 59% center; }.hero-interactive-globe.is-ready::before { opacity:1; }.hero-interactive-globe::after { background: rgba(250,252,255,.79); }.home-hero { min-height: calc(100vh - 78px); padding-top: 92px; padding-bottom: 84px; align-items: center; }.home-headline { width:100%; }.home-hero h1 { max-width: 500px; font-size: clamp(48px,12vw,61px); line-height: 1.03; }.home-intro { max-width: 490px; font-size: 15px; }.home-proof-line { gap: 13px; }.home-proof-line span { flex: 0 0 auto; padding: 0 14px; border-right: 0; font-size: 10px; }.home-proof-line span:first-child { padding-left: 0; }.hero-coordinate { right: 17px; bottom: 19px; } }

/* Why Shiyuan Cloud — an animated service model, not a dashboard comparison. */
.home-contrast { padding: 110px 0 118px; color: #0b1b2a; background: #fff; }
.contrast-heading { max-width: 760px; margin: 0 auto; text-align: center; }
.contrast-heading .kicker { color: #1768e9; }.contrast-heading .kicker::before { display: none; }
.contrast-heading h2 { margin: 17px 0 0; font-size: clamp(44px,4.65vw,67px); line-height: 1.02; letter-spacing: -.073em; }
.contrast-heading p { max-width: 610px; margin: 18px auto 0; color: #627486; font-size: 15px; line-height: 1.85; }
.contrast-switch { display: flex; align-items: center; justify-content: center; gap: 13px; width: max-content; max-width: 100%; margin: 35px auto 0; padding: 5px; border: 1px solid #d9e3ef; border-radius: 999px; background: #f7faff; }
.contrast-switch-button { min-height: 34px; padding: 0 18px; border: 0; border-radius: 999px; color: #688096; background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; transition: color .25s ease,background .25s ease,box-shadow .25s ease; }.contrast-switch-button.active { color: #fff; background: #0c58e7; box-shadow: 0 7px 18px rgba(12,88,231,.2); }.contrast-switch > span { width: 1px; height: 16px; background: #d7e1eb; }
.contrast-stage { max-width: 1130px; margin: 30px auto 0; overflow: hidden; border: 1px solid #dbe5ee; border-radius: 15px; background: #fff; box-shadow: 0 20px 60px rgba(18,57,95,.08); }
.contrast-stage-head,.contrast-footnote { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 24px; color: #70859a; font: 600 9px var(--mono); letter-spacing: .11em; }.contrast-stage-head { border-bottom: 1px solid #e0e8ef; }.contrast-stage-head > span:last-child { display: flex; align-items: center; gap: 8px; color: #1c78d6; }.contrast-stage-head i { width: 6px; height: 6px; border-radius: 50%; background: #35c9c7; box-shadow: 0 0 0 4px rgba(53,201,199,.12); }
.contrast-visual { position: relative; display: grid; grid-template-columns: 1fr 74px 1fr; min-height: 455px; overflow: hidden; background: radial-gradient(circle at 50% 47%,rgba(17,105,244,.055),transparent 34%),linear-gradient(90deg,rgba(212,223,234,.43) 1px,transparent 1px),linear-gradient(rgba(212,223,234,.43) 1px,transparent 1px); background-size: auto,32px 32px,32px 32px; }
.contrast-visual::before { content:""; position:absolute; inset:0; z-index:0; background: linear-gradient(90deg,rgba(255,255,255,.87) 0%,rgba(255,255,255,.26) 45%,rgba(255,255,255,.1) 57%,rgba(255,255,255,.92) 100%); pointer-events:none; }
.fragmented-model,.unified-model,.model-transition { position: relative; z-index: 1; }.fragmented-model,.unified-model { padding: 45px 42px 34px; }.fragmented-model { border-right: 1px solid rgba(216,226,235,.86); }.unified-model { border-left: 1px solid rgba(216,226,235,.86); }
.fragmented-model header,.unified-model header { max-width: 310px; }.fragmented-model header small,.unified-model header small { color: #6f8091; font: 600 9px var(--mono); letter-spacing: .11em; }.fragmented-model h3,.unified-model h3 { margin: 11px 0 9px; font-size: 28px; line-height: 1.16; letter-spacing: -.055em; }.fragmented-model h3 { color: #4e6171; }.unified-model h3 { color: #0b1b2a; }.fragmented-model p,.unified-model p { margin: 0; color: #728597; font-size: 12px; line-height: 1.7; }
.fragment-stack { position: relative; height: 237px; margin: 22px -6px 0; }.fragment-unit { position:absolute; display:flex; align-items:center; justify-content:space-between; width: 150px; height: 46px; padding:0 12px; border: 1px solid #ccd9e4; border-radius: 7px; color: #607385; background: rgba(255,255,255,.93); box-shadow: 0 7px 15px rgba(35,70,102,.07); font-size: 11px; transition: opacity .65s ease,transform .7s cubic-bezier(.2,.77,.16,1),border-color .45s ease; }.fragment-unit i { width:8px; height:8px; border:1px solid #8ea4b7; border-radius:50%; }.unit-one { top: 5px; left: 2px; }.unit-two { top: 40px; right: 12px; }.unit-three { bottom: 62px; left: 29px; }.unit-four { right: -2px; bottom: 17px; }.fragment-path { position:absolute; height:1px; transform-origin:left center; background: repeating-linear-gradient(90deg,#9bb0c1 0 4px,transparent 4px 8px); transition:opacity .55s ease,transform .65s ease; }.path-one { width:118px; top:53px; left:128px; transform:rotate(-7deg); }.path-two { width:95px; top:143px; left:107px; transform:rotate(-36deg); }.path-three { width:90px; top:164px; left:161px; transform:rotate(26deg); }
.model-transition { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:9px; color:#9aacba; }.model-transition::before,.model-transition::after { content:""; width:1px; height:76px; background:linear-gradient(#d7e3ec,transparent); }.model-transition::after { transform:scaleY(-1); }.model-transition i { width:21px; height:21px; border:1px solid #a7b7c5; border-radius:50%; background:#fff; }.model-transition i:nth-child(2),.model-transition i:nth-child(3) { display:none; }.model-transition span { position:absolute; color:#8094a6; font:600 8px var(--mono); letter-spacing:.08em; writing-mode:vertical-rl; }
.network-system { position:relative; height:237px; margin:22px -6px 0; }.system-node { position:absolute; z-index:2; display:grid; place-items:center; width:112px; min-height:42px; padding:0 9px; border:1px solid #a8c8fa; border-radius:7px; color:#245fae; background:rgba(247,251,255,.96); box-shadow:0 8px 16px rgba(23,98,194,.08); font-size:10px; font-weight:700; transition:opacity .52s ease,transform .72s cubic-bezier(.2,.77,.16,1),border-color .45s ease,background .45s ease; }.node-access { top:12px; left:0; }.node-cloud { right:0; top:48px; }.node-live { left:28px; bottom:11px; }
.system-core { position:absolute; z-index:3; top:81px; left:50%; width:116px; height:116px; display:grid; place-content:center; border:1px solid #3e83ed; border-radius:50%; color:#fff; background:radial-gradient(circle at 36% 28%,#3f8dff,#0759df 69%); transform:translateX(-50%) scale(.82); text-align:center; box-shadow:0 0 0 13px rgba(7,92,255,.06),0 18px 30px rgba(7,92,255,.2); opacity:.2; transition:opacity .5s ease,transform .72s cubic-bezier(.2,.77,.16,1),box-shadow .5s ease; }.system-core small { color:#b7d5ff; font:500 7px var(--mono); letter-spacing:.06em; }.system-core b { margin-top:7px; font-size:15px; line-height:1.18; letter-spacing:-.05em; }.system-core i { position:absolute; inset:10px; border:1px solid rgba(255,255,255,.34); border-radius:50%; }
.system-route { position:absolute; z-index:1; height:1px; transform-origin:left center; background:repeating-linear-gradient(90deg,#55a0ff 0 5px,transparent 5px 10px); opacity:.18; transition:opacity .5s ease,transform .7s cubic-bezier(.2,.77,.16,1); }.route-one { width:89px; top:63px; left:91px; transform:rotate(28deg); }.route-two { width:95px; top:95px; left:142px; transform:rotate(-18deg); }.route-three { width:93px; top:176px; left:84px; transform:rotate(-52deg); }.unified-model footer { display:flex; align-items:center; gap:8px; margin-top:7px; color:#3e75bd; font:600 8px var(--mono); letter-spacing:.04em; }.unified-model footer i { width:13px; height:1px; background:#a8c5e7; }
.contrast-scan { position:absolute; z-index:4; top:0; bottom:0; left:-13%; width:16%; opacity:0; background:linear-gradient(90deg,transparent,rgba(27,112,245,.13),rgba(255,255,255,.8),rgba(27,112,245,.13),transparent); transform:skewX(-17deg); pointer-events:none; }
.contrast-footnote { min-height:56px; border-top:1px solid #e0e8ef; font-size:9px; letter-spacing:.03em; }.contrast-footnote a { color:#0a5ce9; font-size:11px; font-weight:700; letter-spacing:0; }.contrast-footnote a b { display:inline-block; margin-left:5px; transition:transform .2s ease; }.contrast-footnote a:hover b { transform:translate(2px,-2px); }
.contrast-stage[data-contrast-state="fragmented"] .unified-model { opacity:.48; }.contrast-stage[data-contrast-state="fragmented"] .system-node { opacity:.35; }.contrast-stage[data-contrast-state="fragmented"] .system-core { opacity:.14; transform:translateX(-50%) scale(.75); }.contrast-stage[data-contrast-state="fragmented"] .system-route { opacity:.08; }
.contrast-stage[data-contrast-state="unified"] .fragmented-model { opacity:.55; }.contrast-stage[data-contrast-state="unified"] .fragment-unit { opacity:.32; transform:translate(20px,7px) scale(.94); }.contrast-stage[data-contrast-state="unified"] .fragment-path { opacity:.08; transform:translateX(25px) scaleX(.7); }.contrast-stage[data-contrast-state="unified"] .system-node { border-color:#75a8f6; background:#fff; }.contrast-stage[data-contrast-state="unified"] .system-core { opacity:1; transform:translateX(-50%) scale(1); box-shadow:0 0 0 18px rgba(7,92,255,.06),0 18px 30px rgba(7,92,255,.2); }.contrast-stage[data-contrast-state="unified"] .system-route { opacity:1; }.contrast-stage[data-contrast-state="unified"] .contrast-scan { animation:contrastScan 1.05s cubic-bezier(.2,.75,.18,1) both; }
@keyframes contrastScan { 0% { left:-17%; opacity:0; } 18% { opacity:1; } 82% { opacity:1; } 100% { left:105%; opacity:0; } }
@media (max-width: 900px) { .home-contrast { padding:86px 0 92px; }.contrast-visual { grid-template-columns:1fr; }.fragmented-model,.unified-model { min-height:392px; padding:35px clamp(24px,7vw,52px); }.fragmented-model { border-right:0; border-bottom:1px solid #d8e2eb; }.unified-model { border-left:0; }.model-transition { display:none; }.fragment-stack,.network-system { max-width:330px; }.contrast-stage[data-contrast-state="unified"] .fragmented-model { opacity:.65; } }
@media (max-width: 600px) { .home-contrast { padding:70px 0 76px; }.contrast-heading h2 { font-size:42px; }.contrast-heading p { font-size:14px; }.contrast-switch { width:100%; gap:5px; justify-content:space-around; }.contrast-switch-button { padding:0 12px; font-size:11px; }.contrast-stage { margin-top:25px; border-radius:10px; }.contrast-stage-head,.contrast-footnote { min-height:47px; padding:0 15px; font-size:8px; }.contrast-stage-head > span:last-child { display:none; }.fragmented-model,.unified-model { min-height:360px; padding:27px 22px; }.fragmented-model h3,.unified-model h3 { font-size:24px; }.fragment-stack,.network-system { margin-top:17px; transform:scale(.92); transform-origin:left top; }.contrast-footnote > span { max-width:190px; line-height:1.45; }.contrast-footnote a { font-size:10px; white-space:nowrap; } }
@media (prefers-reduced-motion: reduce) { .contrast-scan { display:none; }.fragment-unit,.fragment-path,.system-node,.system-core,.system-route { transition:none; } }

/* Why Shiyuan Cloud — horizontal operating-state animation. */
.home-contrast { padding: 112px 0 122px; background: #fff; }
.contrast-heading { max-width: 820px; }.contrast-heading h2 { font-size: clamp(46px,4.9vw,70px); }.contrast-heading p { max-width: 620px; }
.contrast-story { position: relative; display: grid; grid-template-columns: 1fr 1fr; max-width: 1130px; min-height: 500px; margin: 48px auto 0; overflow: hidden; border: 1px solid #dce6ef; border-radius: 2px; background: #fff; box-shadow: 0 20px 54px rgba(16,55,94,.07); }
.contrast-story::before { content:""; position:absolute; z-index:1; top:0; bottom:0; left:50%; width:1px; background:rgba(255,255,255,.5); pointer-events:none; }
.story-side { position:relative; min-width:0; overflow:hidden; padding:52px 54px 34px; }.story-index { position:relative; z-index:3; display:block; color:#72879a; font:600 9px var(--mono); letter-spacing:.12em; }.story-side h3 { position:relative; z-index:3; max-width:360px; margin:17px 0 10px; font-size:clamp(32px,3vw,45px); line-height:1.05; letter-spacing:-.068em; }.story-side > p { position:relative; z-index:3; max-width:330px; margin:0; font-size:12px; line-height:1.8; }
.story-problem { color:#25333e; background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%); }.story-problem h3 { color:#2a3137; }.story-problem > p { color:#7e8992; }.story-answer { color:#fff; background:linear-gradient(137deg,#0b65f3 0%,#0757db 59%,#0746b6 100%); }.story-answer::before { content:""; position:absolute; inset:0; opacity:.24; background-image:radial-gradient(rgba(255,255,255,.86) .65px,transparent .75px); background-size:8px 8px; mask-image:linear-gradient(140deg,transparent 18%,#000 64%,transparent 95%); }.story-answer .story-index { color:#cce2ff; }.story-answer h3 { color:#fff; }.story-answer > p { color:#d7e7ff; }
.problem-stage,.answer-stage { position:absolute; z-index:2; right:0; bottom:42px; left:0; height:248px; }.problem-route,.answer-route { position:absolute; top:58%; right:-12%; left:-12%; height:1px; background:repeating-linear-gradient(90deg,#c2ced8 0 2px,transparent 2px 7px); }.problem-route::before,.answer-route::before { content:""; position:absolute; top:-4px; left:0; width:8px; height:8px; border:1px solid currentColor; border-radius:50%; background:#fff; }.problem-route::after,.answer-route::after { content:""; position:absolute; top:-3px; right:0; width:6px; height:6px; border-radius:50%; background:currentColor; }
.problem-halo { position:absolute; border:1px solid rgba(155,177,193,.25); border-radius:50%; }.halo-one { width:160px; height:160px; right:-58px; bottom:-72px; }.halo-two { width:280px; height:280px; right:-119px; bottom:-131px; }.pain-message { position:absolute; z-index:2; display:block; width:216px; padding:10px 12px; border:1px solid #e2e9ee; border-radius:5px; color:#6e7c87; background:rgba(255,255,255,.91); box-shadow:0 8px 16px rgba(49,79,104,.06); font-size:10px; line-height:1.48; opacity:0; }.pain-message b { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:15px; margin-right:6px; border-radius:9px; color:#d65a4d; background:#fff0ef; font:600 8px var(--mono); vertical-align:1px; }.pain-one { top:0; left:-42px; }.pain-two { top:56px; left:150px; }.pain-three { bottom:44px; left:84px; }.pain-four { right:-42px; bottom:0; }
.pain-burst { position:absolute; z-index:1; width:7px; height:7px; border-radius:50%; color:#bfccd5; background:currentColor; opacity:0; }.burst-one { top:109px; left:46%; }.burst-two { right:13%; bottom:53px; }.burst-three { top:22px; right:18%; }
.answer-route { color:#fff; background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 2px,transparent 2px 7px); }.answer-route::before { background:#0d5de5; }.answer-route::after { background:#9cd8ff; box-shadow:0 0 0 5px rgba(156,216,255,.14); }.answer-beam { position:absolute; top:calc(58% - 1px); width:80px; height:2px; background:linear-gradient(90deg,transparent,#a9dcff,transparent); opacity:0; }.beam-one { left:8%; }.beam-two { right:9%; }.answer-status { position:absolute; z-index:3; top:calc(58% - 40px); left:50%; display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:center; width:270px; min-height:80px; padding:12px 15px; border:1px solid rgba(255,255,255,.4); border-radius:10px; color:#fff; background:rgba(6,67,173,.3); box-shadow:0 10px 28px rgba(1,35,97,.18); transform:translateX(-50%) scale(.92); opacity:0; }.answer-status i { grid-row:span 2; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:#0a5fe8; background:#fff; font-size:14px; font-style:normal; font-weight:800; }.answer-status span { font-size:12px; font-weight:700; }.answer-status small { margin-top:3px; color:#c9e1ff; font-size:8px; }.answer-pulse { position:absolute; top:calc(58% - 10px); width:20px; height:20px; border:1px solid rgba(255,255,255,.54); border-radius:50%; opacity:0; }.pulse-one { left:18%; }.pulse-two { right:18%; }
.story-side footer { position:absolute; z-index:3; right:54px; bottom:21px; left:54px; display:flex; align-items:center; gap:7px; font:600 8px var(--mono); letter-spacing:.04em; }.story-problem footer { color:#82929f; }.story-answer footer { color:#c8dfff; }.story-side footer i { width:11px; height:1px; background:currentColor; opacity:.5; }
.home-contrast.is-active .pain-one { animation:storyMessageOne 8.4s cubic-bezier(.28,.75,.26,1) infinite; }.home-contrast.is-active .pain-two { animation:storyMessageTwo 8.4s cubic-bezier(.28,.75,.26,1) .38s infinite; }.home-contrast.is-active .pain-three { animation:storyMessageThree 8.4s cubic-bezier(.28,.75,.26,1) .72s infinite; }.home-contrast.is-active .pain-four { animation:storyMessageFour 8.4s cubic-bezier(.28,.75,.26,1) 1.05s infinite; }.home-contrast.is-active .pain-burst { animation:storyBurst 8.4s ease-out infinite; }.home-contrast.is-active .burst-two { animation-delay:.6s; }.home-contrast.is-active .burst-three { animation-delay:1.2s; }.home-contrast.is-active .answer-status { animation:storyAnswer 8.4s cubic-bezier(.18,.8,.2,1) infinite; }.home-contrast.is-active .answer-beam { animation:storyBeam 8.4s ease-in-out infinite; }.home-contrast.is-active .beam-two { animation-delay:.22s; }.home-contrast.is-active .answer-pulse { animation:storyPulse 8.4s ease-out infinite; }.home-contrast.is-active .pulse-two { animation-delay:.35s; }
@keyframes storyMessageOne { 0%,5% { opacity:0; transform:translateX(-34px); } 12%,57% { opacity:1; transform:translateX(52px); } 72%,100% { opacity:0; transform:translateX(126px); } } @keyframes storyMessageTwo { 0%,7% { opacity:0; transform:translateX(38px); } 16%,59% { opacity:1; transform:translateX(-26px); } 73%,100% { opacity:0; transform:translateX(-92px); } } @keyframes storyMessageThree { 0%,10% { opacity:0; transform:translateX(-44px); } 20%,61% { opacity:1; transform:translateX(28px); } 75%,100% { opacity:0; transform:translateX(104px); } } @keyframes storyMessageFour { 0%,13% { opacity:0; transform:translateX(42px); } 23%,63% { opacity:1; transform:translateX(-42px); } 77%,100% { opacity:0; transform:translateX(-116px); } } @keyframes storyBurst { 0%,19% { opacity:0; transform:scale(.3); } 28%,58% { opacity:.7; transform:scale(1); } 74%,100% { opacity:0; transform:scale(2.4); } } @keyframes storyAnswer { 0%,30% { opacity:0; transform:translateX(-50%) scale(.89); } 43%,85% { opacity:1; transform:translateX(-50%) scale(1); } 100% { opacity:0; transform:translateX(-50%) scale(1.02); } } @keyframes storyBeam { 0%,34% { opacity:0; transform:translateX(-22px); } 43%,82% { opacity:1; transform:translateX(58px); } 100% { opacity:0; transform:translateX(108px); } } @keyframes storyPulse { 0%,41% { opacity:0; transform:scale(.4); } 51%,76% { opacity:.72; transform:scale(1.5); } 88%,100% { opacity:0; transform:scale(2.8); } }
@media (max-width: 900px) { .home-contrast { padding:86px 0 94px; }.contrast-story { grid-template-columns:1fr; max-width:640px; }.contrast-story::before { top:50%; right:0; bottom:auto; left:0; width:auto; height:1px; }.story-side { min-height:480px; padding:44px clamp(28px,7vw,54px) 34px; }.story-side footer { right:clamp(28px,7vw,54px); left:clamp(28px,7vw,54px); } }
@media (max-width: 600px) { .home-contrast { padding:70px 0 78px; }.contrast-story { margin-top:34px; }.story-side { min-height:452px; padding:35px 24px 32px; }.story-side h3 { font-size:34px; }.story-side > p { max-width:285px; }.story-side footer { right:24px; left:24px; font-size:7px; }.pain-message { width:190px; font-size:9px; }.pain-one { left:-64px; }.pain-two { left:100px; }.pain-three { left:25px; }.pain-four { right:-75px; }.answer-status { width:240px; }.contrast-story::before { top:50%; } }
@media (prefers-reduced-motion: reduce) { .home-contrast.is-active .pain-message,.home-contrast.is-active .pain-burst,.home-contrast.is-active .answer-status,.home-contrast.is-active .answer-beam,.home-contrast.is-active .answer-pulse { animation:none; }.home-contrast.reduce-motion .pain-message { opacity:.72; }.home-contrast.reduce-motion .answer-status { opacity:1; transform:translateX(-50%) scale(1); }.home-contrast.reduce-motion .answer-beam { opacity:.65; }.home-contrast.reduce-motion .answer-pulse { opacity:.3; } }

/* Denser left-to-right incident stream, deliberately mirroring a real operational backlog. */
.contrast-story { min-height: 532px; margin-top: 52px; }.story-side { padding-top: 48px; }.story-side h3 { margin-top: 16px; font-size: clamp(49px,4.15vw,62px); line-height: .9; }.story-side > p { display:none; }
.problem-stage,.answer-stage { top:164px; bottom:44px; height:auto; }.problem-stage::before,.answer-stage::before { content:""; position:absolute; z-index:0; top:calc(57% - 50px); left:-28%; width:156%; height:100px; opacity:.65; background:radial-gradient(ellipse 52px 18px at 13px 50%,transparent 65%,rgba(147,176,199,.5) 67%,transparent 70%) 0 0/126px 64px repeat-x; animation:networkWaveFlow 2.7s linear infinite; }.answer-stage::before { opacity:.52; background:radial-gradient(ellipse 52px 18px at 13px 50%,transparent 65%,rgba(255,255,255,.68) 67%,transparent 70%) 0 0/126px 64px repeat-x; }
.problem-route,.answer-route { z-index:1; top:57%; background-size:13px 1px; animation:routeCurrent 1.1s linear infinite; }.problem-route::before,.answer-route::before { animation:routeNode 1.9s ease-in-out infinite; }
.pain-message { z-index:3; left:0; width:232px; padding:10px 12px; font-size:10px; opacity:0; transform:translateX(-310px); will-change:transform,opacity; }.pain-one { top:0; }.pain-two { top:38px; }.pain-three { top:78px; }.pain-four { top:122px; }.pain-five { top:164px; }.pain-six { top:204px; }.pain-seven { top:10px; }.pain-eight { top:55px; }.pain-nine { top:145px; }.pain-ten { top:190px; }
.pain-one,.pain-three,.pain-five,.pain-seven,.pain-nine { margin-left:-62px; }.pain-two,.pain-four,.pain-six,.pain-eight,.pain-ten { margin-left:61px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten { width:208px; }
.home-contrast.is-active .pain-one { animation:incidentStream 8.9s linear 0s infinite; }.home-contrast.is-active .pain-two { animation:incidentStream 8.9s linear .74s infinite; }.home-contrast.is-active .pain-three { animation:incidentStream 8.9s linear 1.45s infinite; }.home-contrast.is-active .pain-four { animation:incidentStream 8.9s linear 2.12s infinite; }.home-contrast.is-active .pain-five { animation:incidentStream 8.9s linear 2.82s infinite; }.home-contrast.is-active .pain-six { animation:incidentStream 8.9s linear 3.5s infinite; }.home-contrast.is-active .pain-seven { animation:incidentStreamSoft 8.9s linear .27s infinite; }.home-contrast.is-active .pain-eight { animation:incidentStreamSoft 8.9s linear 1.83s infinite; }.home-contrast.is-active .pain-nine { animation:incidentStreamSoft 8.9s linear 3.14s infinite; }.home-contrast.is-active .pain-ten { animation:incidentStreamSoft 8.9s linear 4.1s infinite; }
.home-contrast.is-active .answer-status { animation:storyAnswer 8.9s cubic-bezier(.18,.8,.2,1) infinite; }.home-contrast.is-active .answer-beam { animation:storyBeam 8.9s ease-in-out infinite; }.home-contrast.is-active .answer-pulse { animation:storyPulse 8.9s ease-out infinite; }
@keyframes incidentStream { 0% { opacity:0; transform:translateX(-310px); } 5% { opacity:.72; } 13%,58% { opacity:1; } 75% { opacity:.7; } 88%,100% { opacity:0; transform:translateX(510px); } } @keyframes incidentStreamSoft { 0% { opacity:0; transform:translateX(-350px) scale(.96); } 8% { opacity:.38; } 21%,58% { opacity:.55; } 82%,100% { opacity:0; transform:translateX(475px) scale(.98); } } @keyframes routeCurrent { to { background-position:13px 0; } } @keyframes routeNode { 0%,100% { transform:scale(.7); opacity:.32; } 50% { transform:scale(1.2); opacity:1; } } @keyframes networkWaveFlow { to { background-position:126px 0; } }
@media (max-width: 900px) { .contrast-story { min-height:0; }.story-side { min-height:482px; }.problem-stage,.answer-stage { top:150px; }.pain-message { width:216px; }.home-contrast.is-active .pain-message { animation-duration:9.6s; } }
@media (max-width: 600px) { .contrast-story { margin-top:34px; }.story-side { min-height:458px; padding-top:34px; }.story-side h3 { font-size:48px; }.problem-stage,.answer-stage { top:137px; bottom:42px; }.pain-message { width:186px; font-size:9px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten { width:176px; }.pain-one,.pain-three,.pain-five,.pain-seven,.pain-nine { margin-left:-52px; }.pain-two,.pain-four,.pain-six,.pain-eight,.pain-ten { margin-left:38px; }.home-contrast.is-active .pain-message { animation-duration:10.2s; } @keyframes incidentStream { 0% { opacity:0; transform:translateX(-245px); } 6% { opacity:.72; } 14%,55% { opacity:1; } 76% { opacity:.7; } 90%,100% { opacity:0; transform:translateX(390px); } } @keyframes incidentStreamSoft { 0% { opacity:0; transform:translateX(-255px) scale(.96); } 8% { opacity:.38; } 19%,55% { opacity:.55; } 84%,100% { opacity:0; transform:translateX(370px) scale(.98); } } }

/* Refined transition: quiet dot field, horizontal current, then a blue operating state. */
.contrast-story { min-height: 570px; background:linear-gradient(90deg,#fff 0%,#fff 42%,#eaf5ff 49%,#147cf3 58%,#0754d4 100%); }.contrast-story::before { z-index:2; left:calc(50% - 90px); width:180px; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(227,244,255,.84) 42%,rgba(69,155,246,.42) 72%,rgba(31,128,239,0)); }.contrast-story::after { content:""; position:absolute; z-index:0; inset:0; opacity:.55; background-image:radial-gradient(#b7c5cf .65px,transparent .78px); background-size:9px 9px; mask-image:linear-gradient(90deg,#000 0%,#000 39%,transparent 60%); pointer-events:none; }
.story-side { min-height:570px; padding:46px 52px 32px; background:transparent; }.story-problem::after { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 66%,rgba(234,245,255,.16)); }.story-answer::before { opacity:.13; background-image:radial-gradient(rgba(255,255,255,.78) .65px,transparent .78px); background-size:9px 9px; mask-image:linear-gradient(140deg,transparent 11%,#000 57%,transparent 94%); }.story-index,.story-side h3,.story-side > p,.story-side footer { display:none; }
.story-state-title { position:relative; z-index:4; display:flex; align-items:flex-start; gap:18px; }.story-state-title small { flex:0 0 auto; padding-top:7px; color:#718496; font:600 9px var(--mono); letter-spacing:.1em; }.story-state-title small::after { content:""; display:block; width:27px; height:1px; margin-top:9px; background:currentColor; }.story-state-title strong { color:#24313b; font-size:29px; line-height:1.12; letter-spacing:-.055em; }.story-answer .story-state-title small { color:#c9e5ff; }.story-answer .story-state-title strong { color:#fff; }
.problem-stage,.answer-stage { z-index:3; top:145px; bottom:42px; }.problem-stage::before,.answer-stage::before { display:none; }.problem-route,.answer-route { top:55%; z-index:1; height:1px; background:repeating-linear-gradient(90deg,#b5c5d0 0 2px,transparent 2px 8px); background-size:16px 1px; animation:routeCurrent 1.25s linear infinite; }.answer-route { background:repeating-linear-gradient(90deg,rgba(255,255,255,.74) 0 2px,transparent 2px 8px); }.problem-route::before,.answer-route::before { box-shadow:none; }
.problem-stage::after,.answer-stage::after { content:""; position:absolute; z-index:0; top:calc(55% - 58px); left:-12%; width:124%; height:116px; opacity:.36; background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(152,182,205,.42) 18px 19px,transparent 19px 37px); transform:skewX(-19deg); mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); animation:fieldDrift 4.5s linear infinite; }.answer-stage::after { opacity:.25; background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,.72) 18px 19px,transparent 19px 37px); }
.pain-message { width:202px; padding:9px 11px; border-color:rgba(220,229,236,.92); border-radius:4px; color:#6e7b85; background:rgba(255,255,255,.9); box-shadow:0 6px 12px rgba(46,75,99,.05); font-size:9px; line-height:1.42; }.pain-message b { min-width:23px; height:14px; margin-right:5px; font-size:7px; }.pain-one { top:0; }.pain-two { top:31px; }.pain-three { top:67px; }.pain-four { top:104px; }.pain-five { top:140px; }.pain-six { top:178px; }.pain-seven { top:8px; }.pain-eight { top:45px; }.pain-nine { top:84px; }.pain-ten { top:122px; }.pain-eleven { top:160px; }.pain-twelve { top:198px; }.pain-thirteen { top:27px; }.pain-fourteen { top:181px; }
.pain-one,.pain-four,.pain-seven,.pain-ten,.pain-thirteen { margin-left:-82px; }.pain-two,.pain-five,.pain-eight,.pain-eleven,.pain-fourteen { margin-left:44px; }.pain-three,.pain-six,.pain-nine,.pain-twelve { margin-left:111px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten,.pain-eleven,.pain-twelve,.pain-thirteen,.pain-fourteen { width:184px; }
.home-contrast.is-active .pain-one { animation:incidentStream 11.2s linear 0s infinite; }.home-contrast.is-active .pain-two { animation:incidentStream 11.2s linear .78s infinite; }.home-contrast.is-active .pain-three { animation:incidentStream 11.2s linear 1.56s infinite; }.home-contrast.is-active .pain-four { animation:incidentStream 11.2s linear 2.32s infinite; }.home-contrast.is-active .pain-five { animation:incidentStream 11.2s linear 3.08s infinite; }.home-contrast.is-active .pain-six { animation:incidentStream 11.2s linear 3.83s infinite; }.home-contrast.is-active .pain-seven { animation:incidentStreamSoft 11.2s linear .2s infinite; }.home-contrast.is-active .pain-eight { animation:incidentStreamSoft 11.2s linear 1.12s infinite; }.home-contrast.is-active .pain-nine { animation:incidentStreamSoft 11.2s linear 2.04s infinite; }.home-contrast.is-active .pain-ten { animation:incidentStreamSoft 11.2s linear 2.96s infinite; }.home-contrast.is-active .pain-eleven { animation:incidentStreamSoft 11.2s linear 3.88s infinite; }.home-contrast.is-active .pain-twelve { animation:incidentStreamSoft 11.2s linear 4.8s infinite; }.home-contrast.is-active .pain-thirteen { animation:incidentStreamSoft 11.2s linear 5.72s infinite; }.home-contrast.is-active .pain-fourteen { animation:incidentStreamSoft 11.2s linear 6.64s infinite; }
.answer-status { top:calc(55% - 40px); background:rgba(5,78,194,.24); }.answer-beam { top:calc(55% - 1px); }.answer-pulse { top:calc(55% - 10px); }
@keyframes fieldDrift { to { background-position:0 74px; } }
@media (max-width: 900px) { .contrast-story { background:linear-gradient(180deg,#fff 0%,#fff 45%,#dceeff 55%,#0754d4 69%,#0754d4 100%); }.contrast-story::before { top:calc(50% - 90px); right:0; bottom:auto; left:0; width:auto; height:180px; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(228,244,255,.85) 42%,rgba(46,139,242,.4) 72%,rgba(31,128,239,0)); }.story-side { min-height:500px; }.story-problem::after { background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.86) 70%,rgba(234,245,255,.14)); }.story-state-title strong { font-size:27px; } }
@media (max-width: 600px) { .story-side { min-height:470px; padding:34px 24px 28px; }.story-state-title { gap:13px; }.story-state-title strong { font-size:24px; }.story-state-title small { padding-top:4px; font-size:8px; }.problem-stage,.answer-stage { top:125px; bottom:38px; }.pain-message { width:175px; font-size:8px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten,.pain-eleven,.pain-twelve,.pain-thirteen,.pain-fourteen { width:162px; }.pain-one,.pain-four,.pain-seven,.pain-ten,.pain-thirteen { margin-left:-70px; }.pain-two,.pain-five,.pain-eight,.pain-eleven,.pain-fourteen { margin-left:22px; }.pain-three,.pain-six,.pain-nine,.pain-twelve { margin-left:66px; }.home-contrast.is-active .pain-message { animation-duration:12.5s; } }

/* A crisp network cut replaces the broad white-to-blue gradient. */
.contrast-story { background:#fff; }.contrast-story::before { z-index:5; left:calc(50% - 1px); width:2px; background:linear-gradient(180deg,transparent 0%,rgba(40,130,239,.2) 16%,rgba(255,255,255,.92) 48%,rgba(40,130,239,.25) 84%,transparent 100%); }.contrast-story::after { z-index:0; opacity:.34; background-image:radial-gradient(#bbc9d2 .65px,transparent .78px); background-size:9px 9px; mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 59%); }
.story-problem { background:#fff; }.story-problem::after { background:linear-gradient(90deg,#fff 0%,#fff 79%,rgba(239,248,255,.9) 100%); }.story-answer { z-index:1; margin-left:-74px; padding-left:126px; background:#0759df; clip-path:polygon(13% 0,100% 0,100% 100%,0 100%); }.story-answer::before { opacity:.16; background-image:radial-gradient(rgba(255,255,255,.78) .65px,transparent .78px); background-size:9px 9px; }
.story-answer::after { content:""; position:absolute; z-index:0; top:0; bottom:0; left:0; width:40%; background:linear-gradient(112deg,rgba(87,173,255,.45),transparent 57%); pointer-events:none; }.story-answer > * { position:relative; z-index:2; }
@media (max-width: 900px) { .contrast-story { background:#fff; }.contrast-story::before { top:calc(50% - 1px); right:0; bottom:auto; left:0; width:auto; height:2px; background:linear-gradient(90deg,transparent 0%,rgba(40,130,239,.2) 16%,rgba(255,255,255,.92) 48%,rgba(40,130,239,.25) 84%,transparent 100%); }.story-answer { margin-left:0; padding-left:clamp(28px,7vw,54px); clip-path:none; background:#0759df; }.story-problem::after { background:linear-gradient(180deg,#fff 0%,#fff 79%,rgba(239,248,255,.9) 100%); } }
@media (max-width: 600px) { .story-answer { padding-left:24px; } }

/* Separate the incident lanes; the blue service plane softly absorbs cards at its edge. */
.problem-stage { -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.82) 83%,transparent 100%); mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.82) 83%,transparent 100%); }.pain-message { width:190px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten,.pain-eleven,.pain-twelve,.pain-thirteen,.pain-fourteen { width:174px; }
.pain-one { top:0; }.pain-two { top:55px; }.pain-three { top:114px; }.pain-four { top:176px; }.pain-five { top:241px; }.pain-six { top:305px; }.pain-seven { top:25px; }.pain-eight { top:81px; }.pain-nine { top:143px; }.pain-ten { top:207px; }.pain-eleven { top:273px; }.pain-twelve { top:331px; }.pain-thirteen { top:42px; }.pain-fourteen { top:226px; }
.pain-one,.pain-four,.pain-seven,.pain-ten,.pain-thirteen { margin-left:-118px; }.pain-two,.pain-five,.pain-eight,.pain-eleven,.pain-fourteen { margin-left:7px; }.pain-three,.pain-six,.pain-nine,.pain-twelve { margin-left:96px; }
.home-contrast.is-active .pain-one { animation:incidentLane 15.8s linear 0s infinite; }.home-contrast.is-active .pain-two { animation:incidentLane 15.8s linear 1.14s infinite; }.home-contrast.is-active .pain-three { animation:incidentLane 15.8s linear 2.28s infinite; }.home-contrast.is-active .pain-four { animation:incidentLane 15.8s linear 3.42s infinite; }.home-contrast.is-active .pain-five { animation:incidentLane 15.8s linear 4.56s infinite; }.home-contrast.is-active .pain-six { animation:incidentLane 15.8s linear 5.7s infinite; }.home-contrast.is-active .pain-seven { animation:incidentLaneSoft 15.8s linear .51s infinite; }.home-contrast.is-active .pain-eight { animation:incidentLaneSoft 15.8s linear 1.65s infinite; }.home-contrast.is-active .pain-nine { animation:incidentLaneSoft 15.8s linear 2.79s infinite; }.home-contrast.is-active .pain-ten { animation:incidentLaneSoft 15.8s linear 3.93s infinite; }.home-contrast.is-active .pain-eleven { animation:incidentLaneSoft 15.8s linear 5.07s infinite; }.home-contrast.is-active .pain-twelve { animation:incidentLaneSoft 15.8s linear 6.21s infinite; }.home-contrast.is-active .pain-thirteen { animation:incidentLaneSoft 15.8s linear 7.35s infinite; }.home-contrast.is-active .pain-fourteen { animation:incidentLaneSoft 15.8s linear 8.49s infinite; }
@keyframes incidentLane { 0%,5% { opacity:0; transform:translateX(-330px); } 13% { opacity:.72; } 22%,48% { opacity:1; } 59% { opacity:.62; } 68%,100% { opacity:0; transform:translateX(600px); } } @keyframes incidentLaneSoft { 0%,7% { opacity:0; transform:translateX(-360px) scale(.96); } 16% { opacity:.34; } 25%,48% { opacity:.54; } 60% { opacity:.3; } 68%,100% { opacity:0; transform:translateX(570px) scale(.98); } }
@media (max-width: 600px) { .problem-stage { -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 69%,rgba(0,0,0,.78) 79%,transparent 100%); mask-image:linear-gradient(90deg,#000 0%,#000 69%,rgba(0,0,0,.78) 79%,transparent 100%); }.pain-message { width:168px; }.pain-seven,.pain-eight,.pain-nine,.pain-ten,.pain-eleven,.pain-twelve,.pain-thirteen,.pain-fourteen { width:154px; }.pain-one,.pain-four,.pain-seven,.pain-ten,.pain-thirteen { margin-left:-90px; }.pain-two,.pain-five,.pain-eight,.pain-eleven,.pain-fourteen { margin-left:-4px; }.pain-three,.pain-six,.pain-nine,.pain-twelve { margin-left:55px; }.home-contrast.is-active .pain-message { animation-duration:17.5s; } @keyframes incidentLane { 0%,5% { opacity:0; transform:translateX(-285px); } 13% { opacity:.72; } 22%,48% { opacity:1; } 59% { opacity:.62; } 68%,100% { opacity:0; transform:translateX(430px); } } @keyframes incidentLaneSoft { 0%,7% { opacity:0; transform:translateX(-300px) scale(.96); } 16% { opacity:.34; } 25%,48% { opacity:.54; } 60% { opacity:.3; } 68%,100% { opacity:0; transform:translateX(415px) scale(.98); } } }

/* Irregular streams: every alert has its own size, lane, tilt and drift. */
.pain-message { width:var(--card-w,190px); }.pain-one { top:-7px; margin-left:-134px; --card-w:204px; --tilt:-1.2deg; --sway:9px; --exit-y:18px; }.pain-two { top:43px; margin-left:18px; --card-w:177px; --tilt:.8deg; --sway:-7px; --exit-y:-11px; }.pain-three { top:113px; margin-left:108px; --card-w:192px; --tilt:-.55deg; --sway:6px; --exit-y:8px; }.pain-four { top:166px; margin-left:-87px; --card-w:183px; --tilt:1.15deg; --sway:-10px; --exit-y:-16px; }.pain-five { top:246px; margin-left:61px; --card-w:201px; --tilt:-.8deg; --sway:8px; --exit-y:13px; }.pain-six { top:300px; margin-left:139px; --card-w:174px; --tilt:.45deg; --sway:-5px; --exit-y:-8px; }.pain-seven { top:19px; margin-left:-18px; --card-w:168px; --tilt:1.25deg; --sway:7px; --exit-y:15px; }.pain-eight { top:76px; margin-left:93px; --card-w:183px; --tilt:-1.05deg; --sway:-8px; --exit-y:-13px; }.pain-nine { top:137px; margin-left:-143px; --card-w:176px; --tilt:.65deg; --sway:10px; --exit-y:10px; }.pain-ten { top:218px; margin-left:32px; --card-w:164px; --tilt:-.4deg; --sway:-6px; --exit-y:-12px; }.pain-eleven { top:264px; margin-left:116px; --card-w:184px; --tilt:1deg; --sway:6px; --exit-y:11px; }.pain-twelve { top:326px; margin-left:-67px; --card-w:171px; --tilt:-1.15deg; --sway:-9px; --exit-y:-15px; }.pain-thirteen { top:60px; margin-left:70px; --card-w:161px; --tilt:.5deg; --sway:8px; --exit-y:12px; }.pain-fourteen { top:194px; margin-left:-111px; --card-w:188px; --tilt:-.75deg; --sway:-7px; --exit-y:-10px; }
.home-contrast.is-active .pain-one { animation:incidentScatter 15.8s linear 0s infinite; }.home-contrast.is-active .pain-two { animation:incidentScatter 15.8s linear 1.14s infinite; }.home-contrast.is-active .pain-three { animation:incidentScatter 15.8s linear 2.28s infinite; }.home-contrast.is-active .pain-four { animation:incidentScatter 15.8s linear 3.42s infinite; }.home-contrast.is-active .pain-five { animation:incidentScatter 15.8s linear 4.56s infinite; }.home-contrast.is-active .pain-six { animation:incidentScatter 15.8s linear 5.7s infinite; }.home-contrast.is-active .pain-seven { animation:incidentScatterSoft 15.8s linear .51s infinite; }.home-contrast.is-active .pain-eight { animation:incidentScatterSoft 15.8s linear 1.65s infinite; }.home-contrast.is-active .pain-nine { animation:incidentScatterSoft 15.8s linear 2.79s infinite; }.home-contrast.is-active .pain-ten { animation:incidentScatterSoft 15.8s linear 3.93s infinite; }.home-contrast.is-active .pain-eleven { animation:incidentScatterSoft 15.8s linear 5.07s infinite; }.home-contrast.is-active .pain-twelve { animation:incidentScatterSoft 15.8s linear 6.21s infinite; }.home-contrast.is-active .pain-thirteen { animation:incidentScatterSoft 15.8s linear 7.35s infinite; }.home-contrast.is-active .pain-fourteen { animation:incidentScatterSoft 15.8s linear 8.49s infinite; }
@keyframes incidentScatter { 0%,5% { opacity:0; transform:translate(-330px,0) rotate(var(--tilt)); } 13% { opacity:.72; } 22% { opacity:1; transform:translate(-150px,var(--sway)) rotate(var(--tilt)); } 48% { opacity:1; transform:translate(142px,0) rotate(var(--tilt)); } 59% { opacity:.58; transform:translate(267px,var(--exit-y)) rotate(var(--tilt)); } 68%,100% { opacity:0; transform:translate(600px,var(--exit-y)) rotate(var(--tilt)); } } @keyframes incidentScatterSoft { 0%,7% { opacity:0; transform:translate(-360px,0) scale(.96) rotate(var(--tilt)); } 16% { opacity:.34; } 25% { opacity:.54; transform:translate(-115px,var(--sway)) scale(.96) rotate(var(--tilt)); } 48% { opacity:.54; transform:translate(138px,0) scale(.98) rotate(var(--tilt)); } 60% { opacity:.28; transform:translate(268px,var(--exit-y)) scale(.98) rotate(var(--tilt)); } 68%,100% { opacity:0; transform:translate(570px,var(--exit-y)) scale(.98) rotate(var(--tilt)); } }
@media (max-width: 600px) { .pain-one { margin-left:-96px; --card-w:181px; }.pain-two { margin-left:4px; --card-w:159px; }.pain-three { margin-left:61px; --card-w:169px; }.pain-four { margin-left:-69px; --card-w:165px; }.pain-five { margin-left:38px; --card-w:177px; }.pain-six { margin-left:78px; --card-w:157px; }.pain-seven { margin-left:-11px; --card-w:152px; }.pain-eight { margin-left:54px; --card-w:164px; }.pain-nine { margin-left:-102px; --card-w:157px; }.pain-ten { margin-left:18px; --card-w:149px; }.pain-eleven { margin-left:68px; --card-w:162px; }.pain-twelve { margin-left:-53px; --card-w:155px; }.pain-thirteen { margin-left:40px; --card-w:148px; }.pain-fourteen { margin-left:-82px; --card-w:171px; }.home-contrast.is-active .pain-message { animation-duration:17.5s; } @keyframes incidentScatter { 0%,5% { opacity:0; transform:translate(-285px,0) rotate(var(--tilt)); } 13% { opacity:.72; } 22% { opacity:1; transform:translate(-125px,var(--sway)) rotate(var(--tilt)); } 48% { opacity:1; transform:translate(93px,0) rotate(var(--tilt)); } 59% { opacity:.58; transform:translate(190px,var(--exit-y)) rotate(var(--tilt)); } 68%,100% { opacity:0; transform:translate(430px,var(--exit-y)) rotate(var(--tilt)); } } @keyframes incidentScatterSoft { 0%,7% { opacity:0; transform:translate(-300px,0) scale(.96) rotate(var(--tilt)); } 16% { opacity:.34; } 25% { opacity:.54; transform:translate(-105px,var(--sway)) scale(.96) rotate(var(--tilt)); } 48% { opacity:.54; transform:translate(94px,0) scale(.98) rotate(var(--tilt)); } 60% { opacity:.28; transform:translate(191px,var(--exit-y)) scale(.98) rotate(var(--tilt)); } 68%,100% { opacity:0; transform:translate(415px,var(--exit-y)) scale(.98) rotate(var(--tilt)); } } }

/* Start the flow in progress so the stage is alive on first reveal. */
.home-contrast.is-active .pain-one { animation-delay:-2.25s; }.home-contrast.is-active .pain-two { animation-delay:-3.6s; }.home-contrast.is-active .pain-three { animation-delay:-5.05s; }.home-contrast.is-active .pain-four { animation-delay:-6.45s; }.home-contrast.is-active .pain-five { animation-delay:-7.8s; }.home-contrast.is-active .pain-six { animation-delay:-9.05s; }.home-contrast.is-active .pain-seven { animation-delay:-4.1s; }.home-contrast.is-active .pain-eight { animation-delay:-5.45s; }.home-contrast.is-active .pain-nine { animation-delay:-6.8s; }.home-contrast.is-active .pain-ten { animation-delay:-8.15s; }.home-contrast.is-active .pain-eleven { animation-delay:-9.5s; }.home-contrast.is-active .pain-twelve { animation-delay:-10.85s; }.home-contrast.is-active .pain-thirteen { animation-delay:-7.35s; }.home-contrast.is-active .pain-fourteen { animation-delay:-11.3s; }

/* Incident cards: quiet operational notices instead of opaque content blocks. */

/* Scenario entry reworked as an editorial, image-led solution spread. */
.home-body .home-scene-gallery { padding:132px 0 138px; color:#111b24; background:#fff; }.home-body .home-scene-gallery::before { display:none; }.home-body .home-scene-intro { grid-template-columns:minmax(0,1.06fr) minmax(300px,.54fr); gap:88px; align-items:start; margin-bottom:104px; }.home-body .home-scene-gallery .kicker { color:#506170; }.home-body .home-scene-intro h2 { max-width:640px; margin:15px 0 0; color:#101820; font-size:clamp(43px,4vw,61px); line-height:1.04; letter-spacing:-.068em; }.home-body .home-scene-intro h2 span { color:#101820; }.home-body .home-scene-intro-copy { max-width:380px; padding-top:7px; }.home-body .home-scene-intro-copy p { color:#475866; font-size:16px; line-height:1.68; }.home-body .home-scene-more { gap:8px; margin-top:31px; min-height:38px; padding:0 14px; border:1px solid #17232e; border-radius:999px; color:#17232e; background:#fff; font-size:12px; font-weight:700; transition:color .2s ease,background .2s ease,transform .2s ease; }.home-body .home-scene-more b { color:inherit; font-size:15px; }.home-body .home-scene-more:hover { color:#fff; border-color:#17232e; background:#17232e; transform:translateY(-2px); }.home-body .home-scene-more:hover b { transform:translateX(2px); }
.home-body .home-scene-grid { gap:26px; border:0; }.home-body .home-scene-card { --scene-image:none; min-height:428px; padding:32px; border:0; border-radius:26px; background-color:#071525; background-image:linear-gradient(180deg,rgba(5,13,20,.04) 3%,rgba(5,13,20,.05) 35%,rgba(3,10,15,.9) 100%),var(--scene-image); box-shadow:none; }.home-body .home-scene-card::after { display:none; }.home-body .home-scene-card:hover { transform:translateY(-7px); filter:saturate(1.04); box-shadow:0 18px 38px rgba(12,28,43,.18); }.home-body .home-scene-number { top:31px; left:32px; padding:5px 9px; border-radius:5px; color:#26333d; background:rgba(255,255,255,.9); font:600 8px var(--mono); letter-spacing:.08em; }.home-body .home-scene-card > div { max-width:285px; }.home-body .home-scene-card small { color:#e6eff7; font-size:12px; font-weight:600; }.home-body .home-scene-card strong { margin-top:9px; font-size:clamp(25px,2.08vw,32px); line-height:1.1; letter-spacing:-.05em; }.home-body .home-scene-card > div > i { display:block; width:100%; height:1px; margin:18px 0; background:rgba(255,255,255,.76); }.home-body .home-scene-card > div > p { margin:0; color:rgba(239,246,252,.86); font-size:12px; line-height:1.68; }.home-body .home-scene-card div > span { min-height:26px; margin-top:17px; padding:0 11px; border-radius:999px; color:#111b24; background:#b9ff00; font-size:10px; }.home-body .home-scene-card div > span b { color:inherit; font-size:14px; }.home-body .home-scene-card:hover div > span b { transform:translateX(3px); }
@media (max-width: 900px) { .home-body .home-scene-gallery { padding:94px 0 100px; }.home-body .home-scene-intro { grid-template-columns:1fr; gap:24px; margin-bottom:58px; }.home-body .home-scene-intro-copy { max-width:540px; padding:0; }.home-body .home-scene-grid { gap:17px; }.home-body .home-scene-card { min-height:390px; } }
@media (max-width: 620px) { .home-body .home-scene-gallery { padding:78px 0 84px; }.home-body .home-scene-intro { margin-bottom:43px; }.home-body .home-scene-intro h2 { font-size:39px; }.home-body .home-scene-intro-copy p { font-size:14px; }.home-body .home-scene-more { margin-top:25px; }.home-body .home-scene-grid { gap:13px; }.home-body .home-scene-card { min-height:350px; padding:24px; border-radius:18px; }.home-body .home-scene-number { top:23px; left:24px; }.home-body .home-scene-card > div { max-width:250px; }.home-body .home-scene-card strong { font-size:28px; }.home-body .home-scene-card > div > p { font-size:11px; }.home-body .home-scene-card > div > i { margin:15px 0; } }
.pain-message { border:1px dashed #c9d3da; border-radius:6px; color:#78828a; background:rgba(247,249,250,.93); box-shadow:0 5px 12px rgba(56,78,94,.035); }.pain-message:hover { border-color:#a9bac5; }.pain-message .incident-icon { position:relative; display:inline-flex; flex:0 0 auto; min-width:0; width:17px; height:17px; align-items:center; justify-content:center; margin:0 6px 0 0; border:0; border-radius:0; color:#ec4e59; background:transparent; font:600 8px var(--mono); vertical-align:-4px; }.pain-message .incident-icon.p0 { min-width:26px; width:auto; height:16px; padding:0 5px; border:1px solid #ffd3d7; border-radius:10px; color:#ed4f5b; background:#fff3f4; vertical-align:-3px; }.pain-message .incident-icon.bell::before { content:""; position:absolute; top:2px; left:4px; width:8px; height:9px; border:1.35px solid currentColor; border-bottom:0; border-radius:6px 6px 3px 3px; }.pain-message .incident-icon.bell::after { content:""; position:absolute; left:3px; bottom:3px; width:11px; height:2px; border-radius:2px; background:currentColor; box-shadow:5px 3px 0 -0.35px currentColor; }.pain-message .incident-icon.person::before { content:""; position:absolute; top:1px; left:6px; width:5px; height:5px; border:1.25px solid currentColor; border-radius:50%; }.pain-message .incident-icon.person::after { content:""; position:absolute; bottom:1px; left:2px; width:12px; height:7px; border:1.25px solid currentColor; border-bottom:0; border-radius:8px 8px 0 0; }.pain-message .incident-icon.notice::before { content:"!"; position:absolute; inset:1px; display:grid; place-items:center; border:1.25px solid currentColor; border-radius:50%; font:700 10px/1 var(--mono); }

/* Scenario actions use the same primary blue as the global CTA. */
.home-body .home-scene-card div > span { color:#fff; background:var(--blue); }.home-body .home-scene-card:hover div > span { background:var(--blue-deep); }

/* Business-aware network operations: a calm operating model, not a dashboard. */
.business-operations { position:relative; overflow:hidden; padding:126px 0 118px; color:#102032; background:#f5f8fc; }.business-operations::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background-image:linear-gradient(rgba(45,94,148,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,94,148,.055) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent); }.business-operations .container { position:relative; z-index:1; }.business-operations__header .kicker { color:#1c65dc; }.business-operations__heading-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:42px; align-items:end; margin-top:16px; }.business-operations h2 { max-width:760px; margin:0; color:#0f1c2b; font-size:clamp(45px,4.6vw,68px); line-height:1.03; letter-spacing:-.07em; }.business-operations h2 span { color:#1767e8; }.business-operations__heading-row p { max-width:700px; margin:19px 0 0; color:#5b6e80; font-size:15px; line-height:1.82; }.business-operations__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:11px; padding-bottom:3px; }.business-operations__actions .button { min-height:42px; padding:0 17px; font-size:12px; white-space:nowrap; }.business-operations__tabs { display:flex; gap:0; width:max-content; max-width:100%; margin-top:52px; border-bottom:1px solid #cfdbe7; }.business-operations__tabs button { position:relative; min-width:124px; min-height:48px; padding:0 22px; border:0; color:#718398; background:transparent; font-size:13px; font-weight:700; cursor:pointer; transition:color .18s ease; }.business-operations__tabs button::after { content:""; position:absolute; right:21px; bottom:-1px; left:21px; height:2px; background:#1767e8; transform:scaleX(0); transform-origin:center; transition:transform .18s ease; }.business-operations__tabs button[aria-selected="true"] { color:#143d79; }.business-operations__tabs button[aria-selected="true"]::after { transform:scaleX(1); }.business-operations__tabs button:focus-visible { z-index:1; outline:2px solid #246dec; outline-offset:-3px; }.business-operations__panel { margin-top:31px; }.business-operations__panel[hidden] { display:none; }.business-operations__panel-grid { display:grid; grid-template-columns:minmax(320px,.87fr) minmax(530px,1.13fr); min-height:458px; border-top:1px solid #d8e3ee; border-bottom:1px solid #d8e3ee; background:rgba(255,255,255,.52); }.operation-scenario { display:flex; flex-direction:column; padding:52px clamp(32px,4vw,66px) 45px 0; }.operation-scenario__label { color:#1c67dc; font:700 9px var(--mono); letter-spacing:.12em; }.operation-scenario h3 { max-width:370px; margin:18px 0 0; color:#142438; font-size:31px; line-height:1.15; letter-spacing:-.055em; }.operation-scenario > p:not(.operation-path) { max-width:390px; margin:15px 0 0; color:#607285; font-size:13px; line-height:1.78; }.operation-path { display:flex; flex-wrap:wrap; gap:7px; align-items:center; max-width:392px; margin:28px 0 0; color:#516b85; font:600 9px/1.45 var(--mono); letter-spacing:.01em; }.operation-path i { color:#1c67dc; font-style:normal; }.operation-detail-list { display:grid; gap:0; margin:31px 0 0; border-top:1px solid #dbe5ee; }.operation-detail-list div { padding:13px 0 12px; border-bottom:1px solid #dbe5ee; }.operation-detail-list dt { color:#1b68dd; font:700 9px var(--mono); letter-spacing:.1em; }.operation-detail-list dd { margin:6px 0 0; color:#4d6275; font-size:12px; line-height:1.58; }.operation-model { position:relative; min-height:458px; padding:27px 31px 20px; border-left:1px solid #d8e3ee; background:rgba(250,252,255,.72); }.operation-model > small { position:relative; z-index:2; color:#637a91; font:700 8px var(--mono); letter-spacing:.13em; }.operation-map { position:relative; height:362px; margin:13px 0 0; overflow:hidden; border:1px solid #d7e4f0; background:linear-gradient(rgba(58,106,166,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,106,166,.055) 1px,transparent 1px),#fbfdff; background-size:26px 26px; }.operation-map::before { content:""; position:absolute; width:220px; height:220px; top:50%; left:50%; border:1px solid rgba(34,104,223,.16); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 34px rgba(34,104,223,.03),0 0 0 67px rgba(34,104,223,.018); }.operation-node { position:absolute; z-index:2; display:grid; grid-template-columns:23px 1fr; column-gap:9px; min-width:160px; padding:12px 13px; border:1px solid #bed2ea; color:#526d85; background:#fff; box-shadow:0 9px 18px rgba(52,84,119,.06); }.operation-node b { grid-row:span 2; display:grid; place-items:center; width:22px; height:22px; border:1px solid #8bb4ed; border-radius:50%; color:#1b67dd; font:700 8px var(--mono); }.operation-node strong { color:#1a334d; font-size:11px; line-height:1.2; }.operation-node span { margin-top:4px; color:#708398; font-size:9px; line-height:1.4; }.node-model { top:42px; left:30px; }.node-experience { top:42px; right:30px; }.node-optimize { bottom:32px; left:50%; transform:translateX(-50%); }.operation-engine { position:absolute; z-index:3; top:50%; left:50%; display:grid; place-content:center; width:136px; height:136px; border:1px solid #1c64d9; border-radius:50%; color:#fff; background:#0b54c6; text-align:center; transform:translate(-50%,-50%); box-shadow:0 0 0 12px rgba(28,100,217,.06),0 13px 26px rgba(26,88,187,.16); }.operation-engine small { color:#b9d4ff; font:600 7px var(--mono); letter-spacing:.09em; }.operation-engine strong { margin-top:7px; font-size:15px; line-height:1.22; letter-spacing:-.04em; }.operation-engine i { position:absolute; inset:12px; border:1px solid rgba(255,255,255,.32); border-radius:50%; }.operation-response { position:absolute; z-index:3; top:51%; left:50%; display:flex; align-items:center; gap:7px; padding:7px 10px; color:#1d4d89; background:#eef6ff; transform:translate(-50%,84px); font-size:9px; }.operation-response b { color:#1b67dd; font:700 8px var(--mono); }.operation-response i { display:inline-flex; align-items:center; gap:4px; color:#47708f; font-style:normal; }.operation-response i::before { content:""; width:5px; height:5px; border-radius:50%; background:#41bfc9; box-shadow:0 0 0 3px rgba(65,191,201,.12); }.operation-flow { position:absolute; z-index:1; height:1px; background:repeating-linear-gradient(90deg,#4d91ed 0 5px,transparent 5px 11px); background-size:28px 1px; opacity:.82; transform-origin:left center; }.flow-one { top:104px; left:184px; width:calc(50% - 184px); transform:rotate(18deg); }.flow-two { top:104px; right:184px; width:calc(50% - 184px); transform:rotate(162deg); }.flow-three { bottom:105px; left:50%; width:104px; transform:rotate(90deg); }.flow-four { top:201px; left:50%; width:85px; transform:rotate(90deg); }.business-operations__panel:not([hidden]) .operation-flow { animation:operationSignal 2.6s linear infinite; }.business-operations__panel:not([hidden]) .operation-engine i { animation:operationPulse 3.2s ease-in-out infinite; }.operation-model footer { display:flex; flex-wrap:wrap; gap:17px; margin-top:13px; color:#718398; font:600 8px var(--mono); letter-spacing:.035em; }.operation-model footer span { display:flex; align-items:center; gap:6px; }.operation-model footer i { width:5px; height:5px; border-radius:50%; background:#55a6f3; }.operation-model footer span:nth-child(2) i { background:#41c2c9; }.operation-model footer span:nth-child(3) i { background:#8da8c6; }.business-operations__boundary { margin:18px 0 0; color:#738497; font-size:11px; line-height:1.6; }
@keyframes operationSignal { to { background-position:28px 0; } } @keyframes operationPulse { 50% { transform:scale(.88); opacity:.54; } }
.business-operations__header { text-align:center; }
.business-operations__heading-row { grid-template-columns:minmax(0,1fr); gap:0; }
.business-operations h2 { margin-right:auto; margin-left:auto; }
.business-operations__heading-row p { margin-right:auto; margin-left:auto; }
@media (max-width:980px) { .business-operations { padding:94px 0 90px; }.business-operations__heading-row { grid-template-columns:1fr; gap:23px; }.business-operations__actions { justify-content:flex-start; }.business-operations__panel-grid { grid-template-columns:1fr; }.operation-scenario { padding:42px 0 37px; }.operation-model { min-height:458px; padding:27px 0 20px; border-top:1px solid #d8e3ee; border-left:0; background:transparent; }.operation-map { max-width:650px; }.business-operations__boundary { margin-top:14px; } }
@media (max-width:620px) { .business-operations { padding:76px 0 72px; }.business-operations h2 { font-size:40px; }.business-operations__heading-row p { font-size:14px; }.business-operations__actions { gap:9px; }.business-operations__actions .button { min-height:43px; padding:0 13px; font-size:11px; }.business-operations__tabs { width:calc(100% + 32px); margin:39px -16px 0; overflow-x:auto; padding:0 16px; }.business-operations__tabs button { flex:0 0 auto; min-width:112px; min-height:48px; padding:0 15px; font-size:12px; }.business-operations__tabs button::after { right:15px; left:15px; }.business-operations__panel { margin-top:24px; }.operation-scenario { padding:31px 0 32px; }.operation-scenario h3 { font-size:28px; }.operation-scenario > p:not(.operation-path) { font-size:12px; }.operation-path { gap:5px; margin-top:23px; font-size:8px; }.operation-detail-list { margin-top:25px; }.operation-model { min-height:405px; padding-top:22px; }.operation-map { height:315px; }.operation-node { min-width:134px; padding:10px 9px; }.operation-node strong { font-size:10px; }.operation-node span { font-size:8px; }.node-model { top:30px; left:12px; }.node-experience { top:30px; right:12px; }.node-optimize { bottom:21px; }.operation-engine { width:112px; height:112px; }.operation-engine strong { font-size:13px; }.operation-response { transform:translate(-50%,70px); font-size:8px; }.flow-one { top:91px; left:146px; width:calc(50% - 146px); }.flow-two { top:91px; right:146px; width:calc(50% - 146px); }.flow-three { bottom:82px; width:86px; }.flow-four { top:171px; width:65px; }.operation-model footer { gap:10px; font-size:7px; }.business-operations__boundary { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .business-operations__panel:not([hidden]) .operation-flow,.business-operations__panel:not([hidden]) .operation-engine i { animation:none; } }

/* The original WeChat route stays primary; the former form becomes a human presales presence. */
.home-body .home-contact-layout { grid-template-columns:minmax(540px,1.14fr) minmax(330px,.86fr); gap:56px; align-items:stretch; }
.home-body .home-contact-copy { display:flex; flex-direction:column; justify-content:center; }
.home-body .home-contact-details { margin-top:8px; }
.home-body .home-contact-details a { min-height:50px; }
.home-body .home-consultant-card { position:relative; isolation:isolate; align-self:stretch; width:100%; min-height:392px; justify-self:start; overflow:hidden; border:0; border-radius:10px; background:#f5f8fb; box-shadow:0 24px 54px rgba(0,0,0,.18); }
.home-body .home-consultant-photo { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:left center; transform:none; }
.home-body .home-consultant-intro { position:absolute; top:50%; right:46px; z-index:2; width:34%; transform:translateY(-50%); color:#4d6178; }
.home-body .home-consultant-intro small { display:block; margin-bottom:10px; color:#1c67dc; font-size:11px; font-weight:700; letter-spacing:.12em; }
.home-body .home-consultant-intro h3 { margin:0; color:#12263d; font-size:30px; letter-spacing:-.05em; line-height:1; }
.home-body .home-consultant-intro strong { display:block; margin-top:8px; color:#38506a; font-size:14px; }
.home-body .home-consultant-intro p { margin:22px 0 0; padding-top:18px; border-top:1px solid rgba(24,63,101,.18); color:#60748a; font-size:13px; line-height:1.75; }
@media (max-width:1100px) { .home-body .home-contact-layout { grid-template-columns:1fr; gap:44px; }.home-body .home-consultant-card { justify-self:start; align-self:auto; } }
@media (max-width:620px) { .home-body .home-contact-copy { display:block; }.home-body .home-contact-details { margin-top:8px; }.home-body .home-consultant-card { width:100%; min-height:0; aspect-ratio:1672 / 941; }.home-body .home-consultant-photo { object-position:left center; }.home-body .home-consultant-intro { right:18px; width:32%; }.home-body .home-consultant-intro small { margin-bottom:5px; font-size:9px; }.home-body .home-consultant-intro h3 { font-size:21px; }.home-body .home-consultant-intro strong { margin-top:4px; font-size:11px; }.home-body .home-consultant-intro p { margin-top:10px; padding-top:9px; font-size:10px; line-height:1.45; } }

/* Global footer: an editorial directory of real site destinations, not a generic link dump. */
.site-footer.global-footer { padding:0; color:#a9bac9; background:#061927; }
.global-footer-inner { display:grid; grid-template-columns:1.38fr repeat(4,.94fr); column-gap:46px; row-gap:42px; padding:72px 0 0; }
.global-footer-brand { min-width:0; }
.global-footer-logo { display:inline-flex; align-items:center; width:150px; }
.global-footer-logo img { display:block; width:100%; height:auto; filter:brightness(0) invert(1); opacity:.95; }
.global-footer-brand > p { max-width:250px; margin:22px 0 26px; color:#8fa4b6; font-size:13px; line-height:1.8; }
.global-footer-wechat { display:flex; align-items:center; gap:13px; max-width:245px; color:#fff; }
.global-footer-wechat img { width:68px; height:68px; padding:4px; border-radius:4px; background:#fff; }
.global-footer-wechat span { display:grid; gap:4px; }
.global-footer-wechat small { color:#59cbe7; font:600 8px var(--mono); letter-spacing:.1em; }
.global-footer-wechat strong { font-size:15px; }
.global-footer-wechat em { color:#8198aa; font-size:11px; font-style:normal; }
.global-footer-social { margin-top:28px; }
.global-footer-social > small { display:block; margin-bottom:10px; color:#6f8ea5; font:600 8px var(--mono); letter-spacing:.12em; }
.global-footer-social > div { display:flex; gap:8px; }
.global-footer-social-link { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(184,208,223,.34); border-radius:7px; background:rgba(255,255,255,.025); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.global-footer-social-link img { display:block; width:17px; height:17px; object-fit:contain; }
a.global-footer-social-link:hover { border-color:rgba(23,114,246,.74); background:rgba(23,114,246,.1); transform:translateY(-2px); }
a.global-footer-social-link:focus-visible { outline:2px solid #81b9ff; outline-offset:3px; }
.global-footer-column { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.global-footer-column > strong { margin:3px 0 18px; color:#f6fbff; font-size:14px; }
.global-footer-column > a { margin:0 0 11px; color:#8fa4b6; font-size:12px; line-height:1.45; transition:color .18s ease, transform .18s ease; }
.global-footer-column > a:hover { color:#fff; transform:translateX(3px); }
.global-footer-column--split > i { width:100%; height:1px; margin:9px 0 16px; background:rgba(184,208,223,.24); }
.global-footer-bottom { grid-column:1 / -1; display:grid; grid-template-columns:1fr auto; gap:12px 40px; align-items:center; margin-top:22px; padding:22px 0 28px; border-top:1px solid rgba(184,208,223,.22); color:#71899c; font-size:11px; }
.global-footer-bottom a { color:#a9bac9; }
.global-footer-bottom a:hover { color:#fff; }
.global-footer-bottom small { grid-column:1 / -1; color:#647d90; font-size:10px; }
@media (max-width:1100px) { .global-footer-inner { grid-template-columns:1.3fr repeat(2,1fr); column-gap:38px; }.global-footer-brand { grid-row:span 2; }.global-footer-column--split { grid-row:span 2; } }
@media (max-width:720px) { .global-footer-inner { grid-template-columns:1fr 1fr; gap:34px 24px; padding-top:54px; }.global-footer-brand { grid-column:1 / -1; grid-row:auto; }.global-footer-brand > p { margin:18px 0 22px; }.global-footer-column--split { grid-row:auto; }.global-footer-bottom { grid-column:1 / -1; grid-template-columns:1fr; gap:10px; margin-top:4px; }.global-footer-bottom small { grid-column:auto; }.global-footer-logo { width:132px; } }

/* SaaS acceleration: a physical network tangle, a quiet value proof, then route comparison. */
.saas-solution-page .saas-friction-section { padding:112px 0 122px; background:#fff; }
.saas-solution-page .saas-friction-layout { grid-template-columns:minmax(420px,.86fr) minmax(0,1.14fr); gap:clamp(48px,6.3vw,104px); align-items:center; }
.saas-solution-page .saas-friction-art { width:100%; max-width:540px; aspect-ratio:1.36; margin:0; overflow:hidden; border-radius:22px; background:#f5f5f4; }
.saas-solution-page .saas-friction-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) contrast(.98); }
.saas-solution-page .saas-friction-copy { max-width:670px; padding:8px 0; }
.saas-solution-page .saas-friction-copy h2 { max-width:640px; margin:17px 0 16px; color:#182b50; font-size:clamp(34px,3.3vw,50px); line-height:1.14; letter-spacing:-.055em; }
.saas-solution-page .saas-friction-copy p { max-width:640px; color:#71829a; font-size:14px; line-height:1.95; }

/* SaaS as a service: one operating plane, with cloud, application and people endpoints. */
.saas-difference-section { position:relative; overflow:hidden; padding:118px 0 122px; color:#102952; background:radial-gradient(circle at 50% 35%,rgba(69,119,255,.11),transparent 35%),#f7f9fc; }
.saas-difference-section::before { display:none; }
.saas-difference-section::after { display:none; }
.saas-difference-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.76fr) minmax(570px,1.24fr); gap:clamp(56px,8vw,128px); align-items:center; }
.saas-difference-copy .kicker { color:#2468dc; }
.saas-difference-copy h2 { margin:18px 0 19px; color:#173564; font-size:clamp(42px,4vw,61px); line-height:1.04; letter-spacing:-.065em; }
.saas-difference-copy p { max-width:445px; margin:0; color:#637b97; font-size:14px; line-height:1.96; }
.saas-difference-visual { position:relative; min-height:0; margin:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.saas-difference-visual::before { display:none; }
.saas-difference-visual img {
  display:block;
  width:100%;
  height:auto;
  mix-blend-mode:normal;
  opacity:.88;
  /* The supplied visual has a pale, opaque canvas. Feather the perimeter into
     the section tone so the artwork reads as part of the background, not a card. */
  -webkit-mask-image:radial-gradient(ellipse 84% 82% at 53% 51%,#000 52%,rgba(0,0,0,.9) 67%,rgba(0,0,0,.48) 82%,transparent 100%);
  mask-image:radial-gradient(ellipse 84% 82% at 53% 51%,#000 52%,rgba(0,0,0,.9) 67%,rgba(0,0,0,.48) 82%,transparent 100%);
}
.saas-difference-visual > small { position:absolute; z-index:4; top:20px; left:23px; color:#7fc9d6; font:600 8px var(--mono); letter-spacing:.12em; }
.difference-orbit { position:absolute; z-index:1; top:50%; left:50%; border:1px solid rgba(88,214,224,.38); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); }
.orbit-a { width:358px; height:208px; box-shadow:0 0 18px rgba(65,190,223,.07); }
.orbit-b { width:254px; height:254px; border-color:rgba(129,177,255,.34); border-style:dashed; transform:translate(-50%,-50%) rotate(28deg); }
.difference-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:145px; height:145px; place-content:center; border:1px solid #65d3df; border-radius:50%; color:#fff; background:radial-gradient(circle at 34% 25%,#357ee5,#123b91 68%); text-align:center; transform:translate(-50%,-50%); box-shadow:0 0 0 12px rgba(74,170,224,.1),0 0 44px rgba(38,120,241,.28); }
.difference-core::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.36); border-radius:50%; }
.difference-core span,.difference-core em { position:relative; z-index:1; color:#c6e3ff; font:600 8px var(--mono); font-style:normal; letter-spacing:.11em; }
.difference-core strong { position:relative; z-index:1; margin:8px 0 7px; font-size:19px; line-height:1.14; letter-spacing:-.05em; }
.difference-node { position:absolute; z-index:3; display:grid; min-width:116px; padding:12px 14px 11px 23px; border:1px solid rgba(117,176,204,.52); border-radius:9px; background:rgba(9,38,57,.82); box-shadow:0 10px 24px rgba(0,0,0,.16); }
.difference-node::before { content:""; position:absolute; top:50%; left:-5px; width:8px; height:8px; border:2px solid #0b2a3d; border-radius:50%; background:#54d7db; box-shadow:0 0 0 2px #54d7db,0 0 14px rgba(84,215,219,.9); transform:translateY(-50%); }
.difference-node i { position:absolute; z-index:-1; top:50%; height:1px; border-top:1px dashed rgba(103,209,220,.65); transform-origin:left center; }
.difference-node b { color:#fff; font-size:13px; letter-spacing:-.03em; }.difference-node span { margin-top:3px; color:#8eacbe; font-size:9px; }
.diff-cloud { top:73px; left:9%; }.diff-cloud i { left:100%; width:110px; transform:rotate(27deg); }
.diff-saas { top:73px; right:9%; }.diff-saas::before { right:-5px; left:auto; }.diff-saas i { right:100%; left:auto; width:108px; transform:rotate(153deg); }
.diff-branch { bottom:71px; left:12%; }.diff-branch i { left:100%; width:102px; transform:rotate(-27deg); }
.diff-remote { right:12%; bottom:71px; }.diff-remote::before { right:-5px; left:auto; }.diff-remote i { right:100%; left:auto; width:100px; transform:rotate(207deg); }

.saas-solution-page .saas-fit-section { padding:122px 0 132px; overflow:hidden; background:radial-gradient(circle at 50% 35%,rgba(69,119,255,.11),transparent 35%),#f7f9fc; }
.saas-solution-page .saas-fit-section .section-head { align-items:center; justify-content:center; margin-bottom:86px; text-align:center; }
.saas-solution-page .saas-fit-section .section-head > div { text-align:center; }
.saas-solution-page .saas-fit-section .section-head .kicker { justify-content:center; }
.saas-solution-page .saas-fit-section .section-title { color:#1a2b52; font-size:clamp(35px,3.3vw,49px); }
.saas-solution-page .saas-fit-section .section-copy { max-width:340px; color:#708198; }
.saas-value-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.saas-value-grid article { position:relative; min-height:176px; padding:74px 19px 23px; border:1px solid rgba(219,227,237,.92); border-radius:16px; color:#334968; background:rgba(255,255,255,.88); text-align:center; box-shadow:0 16px 32px rgba(39,72,123,.055); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.saas-value-grid article:hover { z-index:1; border-color:#aac9ff; box-shadow:0 22px 38px rgba(43,100,183,.13); transform:translateY(-7px); }
.saas-value-grid p { margin:0; color:#3f5270; font-size:13px; font-weight:600; line-height:1.7; }
.saas-value-icon { position:absolute; top:-51px; left:50%; display:grid; width:98px; height:98px; place-items:center; border:4px solid #e6effc; border-radius:50%; color:#1d67e8; background:linear-gradient(145deg,#fff,#eef5ff); box-shadow:0 12px 23px rgba(44,97,178,.13),inset 0 0 0 1px rgba(53,107,243,.2); transform:translateX(-50%); transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,color .3s ease; }
.saas-value-icon svg { width:39px; height:39px; overflow:visible; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; transition:transform .32s cubic-bezier(.2,.8,.2,1); }
.saas-value-grid article:hover .saas-value-icon { color:#0755d9; box-shadow:0 18px 28px rgba(35,104,233,.2),inset 0 0 0 1px rgba(35,104,233,.28); transform:translate(-50%,-7px) scale(1.035); }
.saas-value-grid article:hover .saas-value-icon svg { transform:scale(1.06); }
.saas-value-grid.is-visible article { animation:saas-value-rise .56s cubic-bezier(.2,.8,.25,1) both; }
.saas-value-grid.is-visible article:nth-child(2) { animation-delay:.08s; }.saas-value-grid.is-visible article:nth-child(3) { animation-delay:.16s; }.saas-value-grid.is-visible article:nth-child(4) { animation-delay:.24s; }.saas-value-grid.is-visible article:nth-child(5) { animation-delay:.32s; }
@keyframes saas-value-rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

.saas-solution-section { position:relative; padding:128px 0 132px; overflow:hidden; background:#fff; }
.saas-solution-section::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; background-image:linear-gradient(rgba(33,104,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(33,104,231,.045) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(90deg,transparent,#000 19%,#000 82%,transparent); }
.saas-solution-section .container { position:relative; z-index:1; }
.saas-solution-heading { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(300px,.55fr); justify-content:space-between; gap:75px; align-items:end; margin-bottom:65px; }
.saas-solution-heading h2 { margin:17px 0 0; color:#14284c; font-size:clamp(42px,4vw,58px); line-height:1.06; letter-spacing:-.06em; }
.saas-solution-heading p { max-width:400px; margin:0 0 5px; color:#687d96; font-size:14px; line-height:1.85; }
.saas-solution-heading--single { display:block; }
.saas-solution-list { border-top:1px solid #d5e0ec; }
.saas-solution-item { display:grid; grid-template-columns:minmax(208px,.31fr) minmax(600px,1fr); gap:46px; align-items:center; padding:41px 0; border-bottom:1px solid #d5e0ec; }
.saas-solution-copy > span { color:#1e68e9; font:600 9px var(--mono); letter-spacing:.12em; }
.saas-solution-copy h3 { margin:17px 0 11px; color:#16315d; font-size:27px; letter-spacing:-.05em; }
.saas-solution-copy p { max-width:285px; margin:0; color:#6a7d93; font-size:13px; line-height:1.82; }
.saas-before-after { display:grid; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr); gap:0; align-items:center; min-height:229px; }
.compare-state { min-width:0; overflow:hidden; border:1px solid #d8e2ed; border-radius:13px; background:#fbfcfe; }
.compare-state header { display:flex; justify-content:space-between; gap:12px; align-items:center; min-height:42px; padding:0 16px; border-bottom:1px solid #dce5ed; color:#5a6e83; }
.compare-state header span { color:#7e91a3; font:600 8px var(--mono); letter-spacing:.11em; }
.compare-state header strong { color:#40536a; font-size:11px; }
.compare-canvas { position:relative; height:157px; overflow:hidden; background:linear-gradient(rgba(80,111,153,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(80,111,153,.055) 1px,transparent 1px); background-size:23px 23px; }
.compare-canvas::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 54% 48%,rgba(54,112,238,.11),transparent 31%); }
.compare-line { position:absolute; z-index:1; display:block; height:1px; border-top:1px dashed #b3c1ce; transform-origin:left center; }
.compare-before .line-b1 { top:53px; left:20%; width:40%; transform:rotate(27deg); }.compare-before .line-b2 { top:96px; left:38%; width:36%; transform:rotate(-19deg); }.compare-before .line-b3 { top:121px; left:16%; width:62%; transform:rotate(-47deg); }
.compare-node { position:absolute; z-index:2; display:grid; min-width:56px; min-height:31px; place-items:center; padding:5px 7px; border:1px solid #c4d0dc; border-radius:5px; color:#52647a; background:rgba(255,255,255,.97); box-shadow:0 5px 12px rgba(35,65,92,.06); font-size:9px; line-height:1.3; text-align:center; }
.compare-before .node-user { top:21px; left:9%; }.compare-before .node-dc { right:11%; bottom:23px; }.compare-before .node-app { top:29px; right:9%; }
.compare-arrow { display:grid; width:38px; height:38px; place-items:center; color:#1b67e5; font-size:20px; }
.compare-after { border-color:#0b5bd8; background:#0c61df; box-shadow:0 12px 26px rgba(34,99,218,.18); }
.compare-after header { border-bottom-color:rgba(255,255,255,.23); color:#e9f3ff; }.compare-after header span { color:#bcd9ff; }.compare-after header strong { color:#fff; }
.compare-after .compare-canvas { background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:23px 23px; }.compare-after .compare-canvas::before { background:radial-gradient(circle at 52% 48%,rgba(162,213,255,.48),transparent 32%); }
.compare-after .compare-line { border-top-color:rgba(255,255,255,.88); }.compare-after .line-a1 { top:78px; left:19%; width:34%; transform:rotate(0); }.compare-after .line-a2 { top:78px; left:55%; width:28%; transform:rotate(0); }
.compare-after .compare-node { border-color:rgba(255,255,255,.42); color:#fff; background:rgba(7,65,157,.92); box-shadow:none; }.compare-after .node-user { top:61px; left:6%; }.compare-after .node-syy { top:48px; left:39%; color:#0b5ed8; background:#fff; border-color:#fff; }.compare-after .node-app { top:61px; right:6%; }

@media (max-width:1050px) { .saas-solution-page .saas-friction-layout { grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr); gap:46px; }.saas-difference-grid { grid-template-columns:1fr; gap:48px; }.saas-difference-copy p { max-width:600px; }.saas-difference-visual { max-width:760px; }.saas-value-grid { grid-template-columns:repeat(3,1fr); gap:60px 16px; }.saas-value-grid article:nth-child(n+4) { margin-top:15px; }.saas-solution-item { grid-template-columns:1fr; gap:29px; }.saas-solution-copy p { max-width:500px; }.saas-before-after { max-width:800px; } }
@media (max-width:700px) { .saas-solution-page .saas-friction-section,.saas-difference-section,.saas-solution-page .saas-fit-section,.saas-solution-section { padding:80px 0; }.saas-solution-page .saas-friction-layout { grid-template-columns:1fr; gap:35px; }.saas-solution-page .saas-friction-art { max-width:none; aspect-ratio:1.35; border-radius:15px; }.saas-solution-page .saas-friction-copy h2 { font-size:35px; }.saas-solution-page .saas-friction-copy p { font-size:13px; line-height:1.85; }.saas-difference-copy h2 { font-size:43px; }.saas-difference-copy p { font-size:13px; line-height:1.86; }.saas-difference-visual { min-height:0; border-radius:0; }.saas-difference-visual > small { top:15px; left:16px; font-size:7px; }.orbit-a { width:288px; height:158px; }.orbit-b { width:204px; height:204px; }.difference-core { width:112px; height:112px; }.difference-core strong { margin:6px 0 5px; font-size:15px; }.difference-core span,.difference-core em { font-size:6px; }.difference-node { min-width:86px; padding:9px 8px 8px 14px; border-radius:7px; }.difference-node b { font-size:10px; }.difference-node span { margin-top:2px; font-size:7px; }.difference-node i { display:none; }.diff-cloud { top:58px; left:4%; }.diff-saas { top:58px; right:4%; }.diff-branch { bottom:53px; left:5%; }.diff-remote { right:5%; bottom:53px; }.saas-solution-page .saas-fit-section .section-head { display:grid; gap:19px; margin-bottom:72px; }.saas-solution-page .saas-fit-section .section-copy { max-width:350px; font-size:13px; }.saas-value-grid { grid-template-columns:1fr 1fr; gap:59px 13px; }.saas-value-grid article { min-height:148px; padding:62px 12px 16px; border-radius:12px; }.saas-value-grid article:last-child { grid-column:1 / -1; width:calc(50% - 7px); justify-self:center; }.saas-value-grid p { font-size:12px; line-height:1.6; }.saas-value-icon { top:-43px; width:82px; height:82px; border-width:7px; }.saas-value-icon svg { width:29px; height:29px; }.saas-solution-heading { grid-template-columns:1fr; gap:20px; margin-bottom:46px; }.saas-solution-heading h2 { font-size:40px; }.saas-solution-heading p { font-size:13px; }.saas-solution-item { gap:22px; padding:30px 0; }.saas-solution-copy h3 { margin:12px 0 8px; font-size:24px; }.saas-before-after { grid-template-columns:1fr; gap:9px; min-height:0; }.compare-arrow { width:100%; height:27px; transform:rotate(90deg); }.compare-state { border-radius:10px; }.compare-canvas { height:145px; }.compare-state header { min-height:39px; padding:0 13px; }.compare-state header strong { font-size:10px; }.compare-node { min-width:53px; font-size:8px; } }

/* SaaS page v3: one application network visual, then architectural before/after comparisons. */
.saas-solution-page .saas-hero-grid { grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr); gap:clamp(50px,6vw,96px); min-height:670px; }
.saas-solution-page .saas-hero-copy h1 { max-width:620px; margin:20px 0 18px; font-size:clamp(48px,4.3vw,67px); line-height:1.05; }
.saas-solution-page .saas-hero-copy > p { max-width:550px; color:#5a7186; font-size:15px; line-height:1.92; }
.saas-hero-network { position:relative; min-height:478px; overflow:hidden; border:1px solid #d9e4f0; border-radius:22px; background:radial-gradient(circle at 50% 52%,rgba(90,158,255,.16),transparent 31%),linear-gradient(135deg,#fff 0%,#f4f8fe 100%); box-shadow:0 28px 70px rgba(22,72,126,.12); }
.saas-hero-network::before { content:""; position:absolute; inset:0; opacity:.52; background-image:radial-gradient(rgba(36,102,210,.28) 1px,transparent 1.1px); background-size:19px 19px; mask-image:linear-gradient(135deg,transparent 0%,#000 35%,#000 72%,transparent 100%); }
.saas-network-title { position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center; min-height:52px; padding:0 22px; border-bottom:1px solid #dfe8f1; color:#72859a; font:600 8px var(--mono); letter-spacing:.11em; }
.saas-network-title b { display:flex; align-items:center; gap:7px; color:#2674e7; font:600 8px var(--mono); }.saas-network-title b i { width:6px; height:6px; border-radius:50%; background:#39c9c6; box-shadow:0 0 0 4px rgba(57,201,198,.13); }
.saas-network-stage { position:relative; height:366px; }.saas-network-lines { position:absolute; inset:0; z-index:1; width:100%; height:100%; overflow:visible; }.saas-network-lines path { fill:none; stroke:#4d91ef; stroke-width:1.2; stroke-dasharray:4 7; animation:saasSignal 3.2s linear infinite; }
.saas-network-orbit { position:absolute; z-index:0; top:50%; left:50%; border:1px solid rgba(47,114,223,.18); border-radius:50%; transform:translate(-50%,-50%) rotate(-17deg); }.orbit-outer { width:292px; height:184px; }.orbit-inner { width:196px; height:196px; border-style:dashed; }
.saas-network-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:145px; height:145px; place-content:center; border:1px solid #246de0; border-radius:50%; color:#fff; background:linear-gradient(150deg,#146be8,#2754d6); text-align:center; transform:translate(-50%,-50%); box-shadow:0 0 0 11px rgba(56,121,238,.09),0 17px 35px rgba(23,92,208,.2); }.saas-network-core::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.42); border-radius:50%; }.saas-network-core small { color:#c5ddff; font:600 8px var(--mono); letter-spacing:.11em; }.saas-network-core strong { margin:8px 0 6px; font-size:17px; line-height:1.2; letter-spacing:-.045em; }.saas-network-core em { color:#bcd8ff; font:600 7px var(--mono); font-style:normal; letter-spacing:.07em; }
.saas-network-node { position:absolute; z-index:3; display:grid; min-width:132px; padding:13px 15px 12px 24px; border:1px solid #c6d8ed; border-radius:10px; color:#2c4c71; background:rgba(255,255,255,.92); box-shadow:0 10px 23px rgba(42,83,125,.08); }.saas-network-node i { position:absolute; top:50%; left:-6px; width:10px; height:10px; border:2px solid #fff; border-radius:50%; background:#49c9c7; box-shadow:0 0 0 2px #3a81eb; transform:translateY(-50%); }.saas-network-node small { color:#4980c0; font:600 7px var(--mono); letter-spacing:.1em; }.saas-network-node b { margin:5px 0 2px; color:#1e385c; font-size:14px; }.saas-network-node span { color:#768aa1; font-size:10px; }.node-team { top:51px; left:6.5%; }.node-office { bottom:43px; left:16%; }.node-saas { top:54px; right:5.5%; }.node-cloud { right:8%; bottom:42px; }
.saas-network-foot { position:relative; z-index:3; display:flex; justify-content:center; align-items:center; gap:12px; min-height:58px; border-top:1px solid #dfe8f1; color:#698198; font:600 9px var(--mono); letter-spacing:.03em; }.saas-network-foot i { width:20px; height:1px; background:#7eadea; }
@keyframes saasSignal { to { stroke-dashoffset:-44; } }

.saas-solution-page .saas-solution-section { padding:132px 0; background:#f8fafc; }.saas-solution-page .saas-solution-section::before { opacity:.35; }.saas-solution-page .saas-solution-heading { grid-template-columns:minmax(280px,.7fr) minmax(280px,.6fr); }.saas-solution-page .saas-solution-list { border-top-color:#d7e1eb; }.saas-solution-page .saas-solution-item { grid-template-columns:minmax(225px,.28fr) minmax(700px,.72fr); gap:45px; padding:47px 0; border-bottom-color:#d7e1eb; }.saas-solution-page .saas-solution-copy { align-self:start; padding-top:18px; }.saas-solution-page .saas-solution-copy h3 { color:#122b54; font-size:29px; }.saas-solution-page .saas-solution-copy p { max-width:250px; color:#667c94; }
.saas-solution-page .saas-solution-heading--single { display:block; margin-bottom:48px; }
.saas-solution-page .saas-solution-list { border-top:1px solid #d7e1eb; }
.saas-solution-page .saas-solution-item { grid-template-columns:minmax(230px,.27fr) minmax(0,.73fr); gap:clamp(36px,5.2vw,78px); align-items:start; padding:62px 0; }
.saas-solution-page .saas-solution-copy { padding-top:12px; }
.saas-solution-page .saas-solution-copy h3 { margin:15px 0 13px; }
.saas-solution-page .saas-solution-copy p { max-width:255px; line-height:1.9; }
.saas-solution-media { position:relative; width:100%; margin:0; overflow:hidden; border:1px solid #d9e3ee; border-radius:18px; background:#fff; box-shadow:0 22px 46px rgba(27,73,129,.09); }
.saas-solution-media::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.58); border-radius:inherit; pointer-events:none; }
.saas-solution-media img { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; object-fit:cover; }
.saas-architecture-comparison { display:grid; grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr); align-items:center; }.architecture-card { min-width:0; overflow:hidden; border:1px solid #bfcbd6; border-radius:17px; background:#fff; box-shadow:0 12px 28px rgba(31,61,98,.06); }.architecture-card header { display:grid; align-content:center; min-height:104px; padding:14px 18px; color:#142451; background:#eef1f5; text-align:center; }.architecture-card header small { margin-bottom:3px; color:#65758a; font:600 8px var(--mono); letter-spacing:.11em; }.architecture-card header strong { font-size:17px; letter-spacing:-.04em; }.architecture-card header span { margin-top:3px; color:#66758a; font-size:10px; }.architecture-stage { position:relative; height:258px; overflow:hidden; background:#fff; }.legacy-stage::before { content:""; position:absolute; right:-34px; bottom:-81px; left:-34px; height:161px; border-radius:50% 50% 0 0; background:radial-gradient(ellipse at center bottom,rgba(167,180,194,.24),rgba(227,232,238,.2) 42%,transparent 68%); }.legacy-stage svg { position:absolute; z-index:1; inset:0; width:100%; height:100%; }.legacy-stage svg path { fill:none; stroke:#60718d; stroke-width:1.3; stroke-dasharray:0; }.legacy-symbol { position:absolute; z-index:2; display:grid; min-width:49px; min-height:27px; place-items:center; padding:4px 6px; border:1px solid #bcc7d2; border-radius:15px; color:#31466d; background:#f9fbfc; box-shadow:0 4px 8px rgba(31,50,75,.04); font-size:8px; font-style:normal; }.legacy-symbol::before { content:""; width:11px; height:7px; margin-bottom:2px; border:1px solid currentColor; border-radius:7px 7px 4px 4px; opacity:.72; }.legacy-user { bottom:17px; left:6%; }.legacy-vpn { top:44px; left:22%; }.legacy-internet { top:121px; left:40%; }.legacy-hq { right:10%; bottom:34px; }.legacy-app { top:36px; right:9%; }.legacy-cloud-stage .legacy-vpn,.legacy-cloud-stage .legacy-internet,.legacy-cloud-stage .legacy-app { min-width:61px; border-radius:20px; }.legacy-cloud-stage .legacy-hq { min-width:57px; }
.architecture-arrow { position:relative; z-index:1; display:grid; width:44px; height:44px; place-items:center; justify-self:center; border:1px solid #718197; color:#4f6076; background:#fff; clip-path:polygon(0 38%,61% 38%,61% 0,100% 50%,61% 100%,61% 62%,0 62%); font-size:0; }.architecture-arrow::after { content:""; width:44px; height:44px; border:1px solid #718197; clip-path:inherit; }
.architecture-after { border-color:#1e8a9b; }.architecture-after header { color:#fff; background:linear-gradient(105deg,#3d68df 0%,#4a55db 39%,#26b6b9 100%); }.architecture-after header small,.architecture-after header span { color:#e9ecff; }.connected-stage { background:radial-gradient(circle at 50% 47%,rgba(120,139,245,.13),transparent 32%),#fff; }.connected-stage::before { content:""; position:absolute; top:50%; left:50%; width:198px; height:198px; border:1px solid rgba(72,94,223,.24); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 17px rgba(46,177,184,.07); }.connected-ring { position:absolute; z-index:1; top:50%; left:50%; width:178px; height:178px; border:4px solid transparent; border-radius:50%; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#27b9ba,#3f5bdf 48%,#9854e7) border-box; transform:translate(-50%,-50%); }.connected-ring::before { content:""; position:absolute; inset:9px; border:1px dashed rgba(63,91,223,.38); border-radius:50%; }.connected-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:89px; height:89px; place-items:center; border:4px solid #fff; border-radius:50%; color:#fff; background:linear-gradient(145deg,#4b5ee0,#2aafbb); box-shadow:0 6px 13px rgba(64,87,194,.25); font-size:12px; font-style:normal; font-weight:800; line-height:1.2; text-align:center; transform:translate(-50%,-50%); }.connected-node { position:absolute; z-index:3; display:grid; min-width:55px; min-height:29px; place-items:center; padding:4px 7px; border:1px solid #5b75db; border-radius:7px; color:#2d4588; background:#fff; box-shadow:0 5px 12px rgba(32,72,157,.12); font-size:8px; font-style:normal; }.connected-node::before { content:""; position:absolute; bottom:-10px; left:50%; width:1px; height:10px; background:#2c6bcf; }.connected-user { bottom:17px; left:7%; }.connected-team { top:22px; left:12%; }.connected-app-one { top:21px; right:10%; }.connected-app-two { right:7%; bottom:24px; }.connected-user::before,.connected-app-two::before { top:-10px; bottom:auto; }.cloud-connected-stage .connected-node { min-width:59px; }.cloud-connected-stage .connected-user { bottom:24px; left:7%; }.cloud-connected-stage .connected-team { top:31px; left:8%; }.cloud-connected-stage .connected-app-one { top:28px; right:7%; }.cloud-connected-stage .connected-app-two { right:7%; bottom:29px; }
@media (max-width:1100px) { .saas-solution-page .saas-hero-grid { grid-template-columns:1fr; gap:44px; min-height:0; }.saas-hero-network { max-width:820px; }.saas-solution-page .saas-solution-item { grid-template-columns:1fr; gap:23px; }.saas-solution-page .saas-solution-copy { padding-top:0; }.saas-solution-page .saas-solution-copy p { max-width:530px; }.saas-architecture-comparison { max-width:860px; } }
@media (max-width:620px) { .saas-solution-page .saas-hero-grid { padding:52px 0 64px; }.saas-solution-page .saas-hero-copy h1 { font-size:42px; }.saas-solution-page .saas-hero-copy > p { font-size:14px; line-height:1.85; }.saas-hero-network { min-height:0; border-radius:15px; }.saas-network-title { min-height:45px; padding:0 13px; font-size:7px; }.saas-network-stage { height:305px; }.saas-network-lines { transform:scale(.98); }.saas-network-core { width:103px; height:103px; }.saas-network-core strong { margin:5px 0; font-size:13px; }.saas-network-core small,.saas-network-core em { font-size:6px; }.orbit-outer { width:225px; height:142px; }.orbit-inner { width:145px; height:145px; }.saas-network-node { min-width:92px; padding:9px 8px 8px 14px; border-radius:7px; }.saas-network-node small { font-size:6px; }.saas-network-node b { margin:3px 0 1px; font-size:10px; }.saas-network-node span { font-size:7px; }.saas-network-node i { left:-5px; width:8px; height:8px; }.node-team { top:35px; left:3%; }.node-office { bottom:30px; left:5%; }.node-saas { top:38px; right:3%; }.node-cloud { right:4%; bottom:30px; }.saas-network-foot { gap:7px; min-height:44px; padding:0 9px; font-size:7px; text-align:center; }.saas-network-foot i { width:11px; }.saas-solution-page .saas-solution-section { padding:82px 0; }.saas-solution-page .saas-solution-heading { grid-template-columns:1fr; gap:20px; margin-bottom:46px; justify-content:stretch; }.saas-solution-page .saas-solution-heading h2 { font-size:40px; }.saas-solution-page .saas-solution-heading p { max-width:340px; font-size:13px; }.saas-solution-page .saas-solution-item { padding:33px 0; }.saas-architecture-comparison { grid-template-columns:1fr; gap:12px; }.architecture-arrow { width:39px; height:39px; transform:rotate(90deg); }.architecture-arrow::after { width:39px; height:39px; }.architecture-card { border-radius:13px; }.architecture-card header { min-height:84px; }.architecture-card header strong { font-size:14px; }.architecture-stage { height:220px; }.legacy-symbol { transform:scale(.84); transform-origin:center; }.connected-stage::before { width:166px; height:166px; }.connected-ring { width:147px; height:147px; }.connected-core { width:75px; height:75px; font-size:10px; }.connected-node { transform:scale(.84); }.connected-user { left:4%; }.connected-team { left:6%; }.connected-app-one { right:5%; }.connected-app-two { right:4%; } }
@media (prefers-reduced-motion:reduce) { .saas-network-lines path { animation:none; } }

/* Solution-page opening: one concise proposition, then the page earns it with proof below. */
.solution-centered-hero { position:relative; isolation:isolate; overflow:hidden; min-height:548px; border-bottom:1px solid #dce6ed; background:radial-gradient(circle at 50% 42%,rgba(74,143,244,.14),transparent 26%),linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%); }
.solution-centered-hero::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.5; background-image:linear-gradient(rgba(38,103,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,103,196,.055) 1px,transparent 1px); background-size:68px 68px; mask-image:radial-gradient(ellipse at 50% 48%,#000 0%,rgba(0,0,0,.82) 34%,transparent 70%); }
.solution-centered-hero::after { content:""; position:absolute; z-index:-1; top:50%; left:50%; width:620px; height:300px; border:1px solid rgba(50,113,213,.14); border-radius:50%; box-shadow:0 0 0 62px rgba(50,113,213,.028),0 0 0 124px rgba(50,113,213,.018); transform:translate(-50%,-43%) rotate(-10deg); }
.solution-hero-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:548px; padding:73px 0 80px; text-align:center; }
.solution-hero-inner .breadcrumb { margin:0 0 24px; }
.solution-hero-inner .kicker { color:#2766cc; }
.solution-simple-title { max-width:960px; margin:20px 0 18px; color:#0e1b2d; font-size:clamp(50px,5vw,73px); line-height:1.06; letter-spacing:-.07em; }
.solution-simple-title span { color:#2169e8; white-space:nowrap; }
.solution-simple-lead { max-width:720px; margin:0; color:#60778b; font-size:16px; line-height:1.9; }
.solution-hero-inner .hero-actions { justify-content:center; margin-top:30px; }
.live-accel-page .live-accel-hero.solution-centered-hero,.saas-solution-page .saas-hero.solution-centered-hero,.page-hero.solution-centered-hero { min-height:548px; background:radial-gradient(circle at 50% 42%,rgba(74,143,244,.14),transparent 26%),linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%); }
.live-accel-page .live-accel-hero.solution-centered-hero::before,.saas-solution-page .saas-hero.solution-centered-hero::before,.page-hero.solution-centered-hero::before { inset:0; opacity:.5; background-image:linear-gradient(rgba(38,103,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,103,196,.055) 1px,transparent 1px); background-size:68px 68px; mask-image:radial-gradient(ellipse at 50% 48%,#000 0%,rgba(0,0,0,.82) 34%,transparent 70%); transform:none; }
.live-accel-page .live-accel-hero.solution-centered-hero::after,.saas-solution-page .saas-hero.solution-centered-hero::after,.page-hero.solution-centered-hero::after { top:50%; right:auto; bottom:auto; left:50%; width:620px; height:300px; opacity:1; border:1px solid rgba(50,113,213,.14); border-radius:50%; box-shadow:0 0 0 62px rgba(50,113,213,.028),0 0 0 124px rgba(50,113,213,.018); transform:translate(-50%,-43%) rotate(-10deg); }
@media (max-width:620px) { .solution-centered-hero,.live-accel-page .live-accel-hero.solution-centered-hero,.saas-solution-page .saas-hero.solution-centered-hero,.page-hero.solution-centered-hero { min-height:446px; }.solution-hero-inner { min-height:446px; padding:54px 0 59px; }.solution-hero-inner .breadcrumb { margin-bottom:18px; font-size:8px; }.solution-simple-title { margin:16px 0 15px; font-size:40px; line-height:1.1; }.live-accel-page .solution-simple-title { font-size:32px; }.solution-simple-lead { max-width:345px; font-size:14px; line-height:1.82; }.solution-hero-inner .hero-actions { margin-top:25px; }.solution-centered-hero::after,.live-accel-page .live-accel-hero.solution-centered-hero::after,.saas-solution-page .saas-hero.solution-centered-hero::after,.page-hero.solution-centered-hero::after { width:330px; height:180px; box-shadow:0 0 0 38px rgba(50,113,213,.026),0 0 0 76px rgba(50,113,213,.018); } }

/* Live solution opening: a direct promise framed by two concrete delivery proofs. */
.live-proof-hero {
  position: relative;
  isolation: isolate;
  min-height: 760px;
  overflow: hidden;
  border-bottom: 1px solid #d7e4f2;
  background:
    radial-gradient(circle at 50% -18%, rgba(78,140,244,.2), transparent 42%),
    linear-gradient(180deg, #f4f8ff 0%, #edf5ff 100%);
}
.live-proof-hero::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  opacity: .36;
  background-image:
    linear-gradient(rgba(45,103,193,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45,103,193,.06) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 48%, #000 0%, rgba(0,0,0,.72) 40%, transparent 78%);
}
.live-proof-hero::after {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 150px;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.28));
  pointer-events: none;
}
.live-proof-orbit {
  position: absolute;
  z-index: -1;
  top: 90px;
  left: 50%;
  width: 840px;
  height: 342px;
  border: 1px solid rgba(52,107,203,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(57,119,216,.026), 0 0 0 108px rgba(57,119,216,.018);
  transform: translateX(-50%) rotate(-7deg);
  pointer-events: none;
}
.live-proof-orbit i {
  position: absolute;
  border: 1px solid rgba(54,119,219,.12);
  border-radius: 50%;
}
.live-proof-orbit i:nth-child(1) { inset: 52px 108px; }
.live-proof-orbit i:nth-child(2) { inset: 103px 220px; }
.live-proof-orbit i:nth-child(3) {
  top: 53%;
  left: 2%;
  width: 8px;
  height: 8px;
  border: 0;
  background: #2f6fe8;
  box-shadow: 0 0 0 6px rgba(47,111,232,.1), 0 0 20px rgba(47,111,232,.42);
}
.live-proof-inner {
  position: relative;
  z-index: 1;
  min-height: 760px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 58px 0 48px;
  text-align: center;
}
.live-proof-pill {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid #c9dcf7;
  border-radius: 999px;
  color: #1856bd;
  background: rgba(248,251,255,.8);
  box-shadow: 0 8px 24px rgba(40,95,176,.06);
  font-size: 12px;
  font-weight: 600;
  backdrop-filter: blur(12px);
}
.live-proof-pill svg { width: 14px; height: 14px; color: #1764ef; }
.live-proof-eyebrow {
  max-width: 1100px;
  margin: 0;
  color: #17365f;
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.live-proof-eyebrow strong {
  color: #1764ef;
  font-weight: inherit;
  white-space: nowrap;
  background: linear-gradient(transparent 74%, rgba(23,100,239,.16) 74%);
  text-shadow: 0 10px 28px rgba(23,100,239,.16);
}
.live-proof-title {
  max-width: 1100px;
  margin: 14px 0 0;
  color: #101827;
  font-size: clamp(46px, 4.7vw, 66px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.065em;
}
.live-proof-eyebrow + .live-proof-title { margin-top: 14px; }
.live-proof-title__promise { display: block; }
.live-proof-title__promise em {
  color: #2865e7;
  font-style: normal;
  white-space: nowrap;
}
.live-proof-title__promise b {
  display: inline-block;
  margin: 0 .16em;
  color: #111827;
  font-weight: 850;
}
.live-proof-title > strong {
  display: block;
  margin-top: 12px;
  color: #0d1625;
  font-weight: 850;
}
.live-proof-benefit {
  max-width: 860px;
  margin: 26px 0 0;
  color: #162c4d;
  font-size: clamp(18px, 1.65vw, 23px);
  font-weight: 850;
  line-height: 1.45;
  letter-spacing: -.025em;
}
.live-proof-lead {
  max-width: 900px;
  margin: 13px 0 0;
  color: #526a83;
  font-size: 16px;
  line-height: 1.75;
}
.live-proof-risk {
  max-width: 900px;
  margin: 5px 0 0;
  color: #647a93;
  font-size: 15px;
  line-height: 1.75;
}
.live-proof-actions {
  justify-content: center;
  margin-top: 24px;
}
.live-proof-actions .button { min-width: 168px; }
.live-proof-actions .button.secondary {
  color: #195cc8;
  border-color: #b9cfee;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 26px rgba(39,91,166,.07);
  backdrop-filter: blur(12px);
}
.live-proof-metrics {
  width: min(1120px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 36px 0 0;
  overflow: hidden;
  background: transparent;
}
.live-proof-metrics > div {
  position: relative;
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 12px 16px;
}
.live-proof-metrics dt {
  color: #2865e7;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.045em;
}
.live-proof-metrics dt small {
  margin-left: 2px;
  font-size: .48em;
}
.live-proof-metrics dd {
  margin: 0;
  color: #526a83;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}
.live-proof-purchase {
  width: min(1120px, 100%);
  margin: 12px 0 0;
  padding: 14px 16px 0;
  border-top: 1px solid rgba(79,122,183,.18);
  color: #70839a;
  font-size: 13px;
  line-height: 1.65;
  letter-spacing: .005em;
}

.live-evidence-ref {
  position: relative;
  top: -.25em;
  display: inline-block;
  margin-left: 1px;
  color: currentColor;
  font: 800 7px/1 "JetBrains Mono", var(--mono);
  vertical-align: super;
}
.live-evidence-ref a { color: inherit; text-decoration: none; }
.live-evidence-ref a:hover { text-decoration: underline; text-underline-offset: 2px; }
.live-evidence-ref a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 2px; }
.live-proof-features {
  position: relative;
  width: min(1120px, 100%);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}
.live-proof-features::before {
  position: absolute;
  top: -31px;
  left: 50%;
  width: 94px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(47,111,232,.72), transparent);
  transform: translateX(-50%);
}
.live-proof-features::after {
  position: absolute;
  top: -34px;
  left: 50%;
  width: 7px;
  height: 7px;
  content: "";
  border: 2px solid #f0f6ff;
  border-radius: 50%;
  background: #2f6fe8;
  box-shadow: 0 0 0 4px rgba(47,111,232,.1);
  transform: translateX(-50%);
}
.live-proof-feature {
  --accent: #5556ef;
  --tint: #eef0ff;
  position: relative;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 17px 20px;
  border: 1px solid rgba(195,211,232,.86);
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 13px 30px rgba(44,83,136,.08), inset 0 1px 0 rgba(255,255,255,.9);
  color: inherit;
  text-align: center;
  text-decoration: none;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  backdrop-filter: blur(16px);
}
.live-proof-feature::before {
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  height: 2px;
  content: "";
  opacity: .62;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.live-proof-feature::after {
  position: absolute;
  right: -28px;
  bottom: -44px;
  width: 92px;
  height: 92px;
  content: "";
  border-radius: 50%;
  background: var(--tint);
  opacity: .42;
  pointer-events: none;
}
.live-proof-feature--signal { --accent: #16a579; --tint: #e3fbf2; }
.live-proof-feature--shield { --accent: #1684c9; --tint: #e8f7ff; }
.live-proof-feature:hover {
  border-color: color-mix(in srgb, var(--accent) 34%, #dbe6f2);
  box-shadow: 0 19px 42px rgba(40,80,135,.12), inset 0 1px 0 rgba(255,255,255,.94);
  transform: translateY(-3px);
}
.live-proof-feature:focus-visible {
  outline: 3px solid #1764ef;
  outline-offset: 4px;
}
.live-proof-feature__icon {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 18%, #d9e5f3);
  border-radius: 10px;
  color: var(--accent);
  background: var(--tint);
}
.live-proof-feature__icon svg { width: 18px; height: 18px; }
.live-proof-feature__title {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  color: #162238;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -.02em;
}
.live-proof-feature__title > span:last-child { min-width: 0; }
.live-proof-feature__title em {
  color: var(--accent);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
  .live-proof-orbit { animation: live-proof-orbit-float 8s ease-in-out infinite alternate; }
  .live-proof-orbit i:nth-child(3) { animation: live-proof-node-pulse 2.8s ease-in-out infinite; }
  .live-proof-pill,
  .live-proof-metrics,
  .live-proof-feature { animation: live-proof-enter .62s both; }
  .live-proof-title { animation: live-proof-title-enter .62s both; animation-delay: .07s; }
  .live-proof-metrics { animation-delay: .14s; }
  .live-proof-feature:first-child { animation-delay: .2s; }
  .live-proof-feature:nth-child(2) { animation-delay: .26s; }
  .live-proof-feature:last-child { animation-delay: .32s; }
}
@keyframes live-proof-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes live-proof-title-enter {
  from { transform: translateY(12px); }
  to { transform: translateY(0); }
}
@keyframes live-proof-orbit-float {
  from { transform: translateX(-50%) rotate(-7deg) translateY(-3px); }
  to { transform: translateX(-50%) rotate(-5.5deg) translateY(5px); }
}
@keyframes live-proof-node-pulse {
  0%,100% { box-shadow: 0 0 0 6px rgba(47,111,232,.1), 0 0 20px rgba(47,111,232,.42); }
  50% { box-shadow: 0 0 0 11px rgba(47,111,232,0), 0 0 28px rgba(47,111,232,.52); }
}
@media (max-width: 760px) {
  .live-proof-hero { min-height: auto; }
  .live-proof-inner { min-height: 0; padding: 48px 0 44px; }
  .live-proof-orbit { top: 96px; width: 620px; height: 300px; }
  .live-proof-pill { min-height: 28px; padding: 0 11px; font-size: 10px; }
  .live-proof-title { margin: 14px 0 0; font-size: clamp(34px, 9vw, 49px); line-height: 1.08; }
  .live-proof-title__promise em { white-space: normal; }
  .live-proof-title__promise em:first-child { display: block; }
  .live-proof-title > strong { margin-top: 14px; }
  .live-proof-benefit { margin-top: 24px; }
  .live-proof-metrics { max-width: 540px; grid-template-columns: 1fr 1fr; margin-top: 36px; }
  .live-proof-metrics > div { min-height: 84px; padding: 13px 10px; }
  .live-proof-features { max-width: 540px; grid-template-columns: 1fr; gap: 14px; margin-top: 42px; }
  .live-proof-features::before { top: -25px; width: 68px; }
  .live-proof-features::after { top: -28px; }
}
@media (max-width: 480px) {
  .live-proof-inner { width: calc(100% - 30px); padding: 44px 0 46px; }
  .live-proof-pill { font-size: 9px; }
  .live-proof-pill svg { width: 12px; height: 12px; }
  .live-proof-eyebrow { margin-top: 0; font-size: 27px; line-height: 1.12; }
  .live-proof-eyebrow + .live-proof-title { margin-top: 14px; }
  .live-proof-title { font-size: 34px; letter-spacing: -.055em; }
  .live-proof-title__promise b { margin: 0 .08em 0 0; }
  .live-proof-title > strong { font-size: 32px; }
  .live-proof-benefit { max-width: 340px; margin-top: 22px; font-size: 18px; line-height: 1.55; }
  .live-proof-lead { max-width: 345px; margin-top: 12px; line-height: 1.8; }
  .live-proof-risk { max-width: 345px; margin-top: 7px; font-size: 14px; line-height: 1.8; }
  .live-proof-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
  .live-proof-actions .button { min-width: 0; padding: 0 10px; font-size: 13px; }
  .live-proof-metrics dt { font-size: 26px; }
  .live-proof-metrics dd { font-size: 9px; }
  .live-proof-purchase { margin-top: 12px; padding: 13px 8px 0; font-size: 12px; line-height: 1.8; }
  .live-proof-feature { min-height: 70px; padding: 14px 15px; border-radius: 13px; }
  .live-proof-feature__title { gap: 9px; font-size: 13px; }
  .live-proof-feature__icon { width: 30px; height: 30px; border-radius: 9px; }
  .live-proof-feature__icon svg { width: 17px; height: 17px; }
  .live-proof-feature__title em { font-size: 10px; }
}

/* User-approved live hero rhythm: remove internal CTAs, open the copy, and reveal the next section sooner. */
.scenario-live-page .live-proof-hero { min-height: 0; }
.scenario-live-page .live-proof-inner {
  min-height: 0;
  justify-content: flex-start;
  padding: 128px 0 76px;
}
.scenario-live-page .live-proof-title { margin-top: 26px; }
.scenario-live-page .live-proof-benefit { margin-top: 42px; }
.scenario-live-page .live-proof-metrics { margin-top: 60px; }
.scenario-live-page .live-proof-purchase {
  margin-top: 30px;
  padding-top: 24px;
  font-size: 14px;
  line-height: 2.05;
}
@media (max-width: 760px) {
  .scenario-live-page .live-proof-inner { padding: 64px 0 48px; }
  .scenario-live-page .live-proof-title { margin-top: 22px; }
  .scenario-live-page .live-proof-benefit { margin-top: 34px; }
  .scenario-live-page .live-proof-metrics { margin-top: 50px; }
  .scenario-live-page .live-proof-purchase { margin-top: 24px; padding-top: 20px; line-height: 2; }
}
@media (max-width: 480px) {
  .scenario-live-page .live-proof-inner { padding: 60px 0 44px; }
  .scenario-live-page .live-proof-metrics { margin-top: 48px; }
}

/* Live evidence wall: three related guarantees share one stage and expand into verifiable detail. */
.live-evidence-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 54px 0;
  scroll-margin-top: 103px;
  border-top: 1px solid #d7e5f7;
  border-bottom: 1px solid #cbdcf1;
  background:
    radial-gradient(circle at 15% 8%, rgba(63, 126, 255, .13), transparent 26%),
    radial-gradient(circle at 88% 92%, rgba(22, 176, 180, .1), transparent 24%),
    linear-gradient(180deg, #f7faff 0%, #eaf2ff 100%);
}
.live-evidence-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .42;
  background-image:
    linear-gradient(rgba(98, 135, 185, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98, 135, 185, .12) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.live-evidence-heading {
  max-width: 820px;
  margin: 0 auto 30px;
  text-align: center;
}
.live-evidence-heading h2 {
  margin: 0;
  color: #0c234a;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.03em;
}
.live-evidence-heading p {
  margin: 10px 0 0;
  color: #637798;
  font-size: 15px;
  line-height: 1.7;
}
.live-evidence-wall {
  display: grid;
  grid-template-columns: 1.84fr .58fr .58fr;
  gap: 14px;
  height: 452px;
  transition: grid-template-columns .52s cubic-bezier(.22, .8, .22, 1);
}
.live-evidence-wall[data-active-index="1"] { grid-template-columns: .58fr 1.84fr .58fr; }
.live-evidence-wall[data-active-index="2"] { grid-template-columns: .58fr .58fr 1.84fr; }
.live-evidence-panel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(197, 224, 255, .26);
  border-radius: 24px;
  color: #fff;
  background: #073f9e;
  box-shadow: 0 26px 58px rgba(22, 62, 119, .16);
}
.live-evidence-panel::before,
.live-evidence-panel::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.live-evidence-panel::before {
  top: -110px;
  right: -120px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(255, 255, 255, .025), 0 0 0 116px rgba(255, 255, 255, .018);
}
.live-evidence-panel::after {
  right: 24px;
  bottom: 22px;
  width: 42px;
  height: 1px;
  opacity: .66;
  background: currentColor;
}
.live-evidence-panel--ip {
  background:
    radial-gradient(circle at 92% 7%, rgba(103, 178, 255, .36), transparent 31%),
    linear-gradient(145deg, #075cff, #0643b8 66%, #073780);
}
.live-evidence-panel--network {
  background:
    radial-gradient(circle at 86% 15%, rgba(51, 206, 216, .25), transparent 30%),
    linear-gradient(145deg, #0b416b, #072a4b 68%, #061f38);
}
.live-evidence-panel--compliance,
.live-evidence-panel--performance {
  background:
    radial-gradient(circle at 86% 12%, rgba(115, 235, 209, .22), transparent 30%),
    linear-gradient(145deg, #087985, #075761 68%, #07414c);
}
.live-evidence-panel__trigger {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 29px 25px 25px;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.live-evidence-panel__trigger:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -6px;
}
.live-evidence-panel__number {
  font: 800 15px var(--mono);
  letter-spacing: .09em;
  opacity: .92;
}
.live-evidence-panel__label {
  margin-top: 14px;
  font: 700 9px var(--mono);
  letter-spacing: .13em;
  opacity: .68;
  white-space: nowrap;
}
.live-evidence-panel__tag {
  display: block;
  max-width: 190px;
  margin-top: 13px;
  color: #8ff3e5;
  font: 800 10px var(--mono);
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .03em;
  white-space: normal;
}
.live-evidence-panel__trigger strong {
  max-width: 520px;
  margin-top: 8px;
  font-size: clamp(21px, 1.8vw, 27px);
  line-height: 1.18;
  letter-spacing: -.045em;
  transition: font-size .3s ease;
}
.live-evidence-panel.is-active .live-evidence-panel__trigger {
  inset: 0 0 auto;
  height: 134px;
  padding: 27px 30px 18px;
}
.live-evidence-panel.is-active .live-evidence-panel__tag {
  max-width: 520px;
  margin-top: 8px;
  color: #fff;
  font-size: clamp(21px, 1.75vw, 26px);
  line-height: 1.25;
  letter-spacing: -.035em;
}
.live-evidence-panel.is-active .live-evidence-panel__trigger strong { font-size: clamp(29px, 2.35vw, 36px); }
.live-evidence-panel__trigger small {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  font-size: 11px;
  font-weight: 700;
  opacity: .76;
  transition: opacity .18s ease, transform .18s ease;
}
.live-evidence-panel__trigger small i { font-style: normal; }
.live-evidence-panel.is-active .live-evidence-panel__trigger small {
  opacity: 0;
  transform: translateY(8px);
}
.live-evidence-panel__content {
  position: absolute;
  z-index: 3;
  top: 134px;
  right: 30px;
  bottom: 26px;
  left: 30px;
  display: grid;
  grid-template-columns: minmax(220px, .94fr) minmax(270px, 1.06fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 20px 24px;
  min-width: 530px;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity .2s ease, transform .3s ease;
  pointer-events: none;
}
.live-evidence-panel.is-active .live-evidence-panel__content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .18s;
}
.live-evidence-panel__copy {
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
}
.live-evidence-panel__copy > p {
  margin: 0;
  padding: 15px 16px 16px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .065));
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}
.live-evidence-panel__copy > p + p { margin-top: 0; }
.live-evidence-panel__copy p strong {
  display: block;
  color: #86f1e1;
  font: 800 9px var(--mono);
  letter-spacing: .08em;
}
.live-evidence-panel__copy p span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, .9);
  font-size: 11px;
  line-height: 1.65;
}
.live-evidence-panel__copy .live-evidence-panel__statement {
  align-self: center;
  padding: 20px;
}
.live-evidence-panel__copy .live-evidence-panel__statement span {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.8;
}
.live-evidence-panel__visual { min-width: 0; align-self: stretch; }
.live-evidence-proof {
  height: 100%;
  min-height: 245px;
  display: grid;
  grid-template-rows: auto repeat(4, minmax(42px, 1fr)) auto;
  gap: 5px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(203, 226, 255, .9);
  border-radius: 16px;
  color: #17365e;
  background: linear-gradient(145deg, #fff, #edf5ff);
  box-shadow: 0 18px 38px rgba(1, 30, 75, .26), inset 0 1px #fff;
}
.live-evidence-proof header,
.live-evidence-proof figcaption { display: flex; align-items: center; }
.live-evidence-proof header { justify-content: space-between; padding: 0 2px 5px; }
.live-evidence-proof header span { display: flex; align-items: center; gap: 7px; color: #145cd4; font: 800 9px var(--mono); letter-spacing: .08em; }
.live-evidence-proof header span i { width: 7px; height: 7px; border-radius: 50%; background: #20b978; box-shadow: 0 0 0 4px rgba(32, 185, 120, .12); }
.live-evidence-proof header em { color: #7b8da3; font: 700 8px var(--mono); font-style: normal; letter-spacing: .08em; }
.live-evidence-proof__strip { position: relative; min-height: 0; overflow: hidden; border: 1px solid #d7e3f1; border-radius: 8px; background: #fff; }
.live-evidence-proof__strip img { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: auto; }
.live-evidence-proof__strip--location img { transform: translateY(-31.5%); }
.live-evidence-proof__strip--asn img { transform: translateY(-41.5%); }
.live-evidence-proof__strip--isp img { transform: translateY(-48%); }
.live-evidence-proof__strip--type img { transform: translateY(-70.5%); }
.live-evidence-proof figcaption { gap: 5px; flex-wrap: wrap; padding-top: 2px; }
.live-evidence-proof figcaption span { padding: 3px 6px; border-radius: 999px; color: #1764d8; font-size: 8px; font-weight: 800; background: #e6f0ff; }
.live-evidence-proof figcaption small { margin-left: auto; color: #7b8da3; font-size: 8px; }
.live-evidence-panel__note {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, .2);
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  line-height: 1.6;
}
.live-evidence-ip-card {
  height: 100%;
  min-height: 230px;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 6px;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid rgba(203, 226, 255, .9);
  border-radius: 16px;
  color: #17365e;
  background:
    linear-gradient(rgba(66, 113, 173, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66, 113, 173, .055) 1px, transparent 1px),
    linear-gradient(145deg, #fff, #edf5ff);
  background-size: 20px 20px, 20px 20px, auto;
  box-shadow: 0 18px 38px rgba(1, 30, 75, .26), inset 0 1px #fff;
}
.live-evidence-ip-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cfdef0;
}
.live-evidence-ip-card header span,
.live-evidence-ip-card header em {
  font: 700 8px var(--mono);
  letter-spacing: .1em;
}
.live-evidence-ip-card header span { display: flex; align-items: center; gap: 6px; color: #145cd4; }
.live-evidence-ip-card header span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #20b978;
  box-shadow: 0 0 0 4px rgba(32, 185, 120, .12);
}
.live-evidence-ip-card header em {
  padding: 3px 6px;
  border: 1px solid #d5e2f2;
  border-radius: 999px;
  color: #6f829c;
  font-style: normal;
  background: rgba(255, 255, 255, .72);
}
.live-evidence-ip-card__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.live-evidence-ip-card__summary div > * { display: block; }
.live-evidence-ip-card__summary small { color: #71849d; font: 700 7px var(--mono); letter-spacing: .08em; }
.live-evidence-ip-card__summary strong { margin-top: 2px; color: #0b2f60; font: 800 15px var(--mono); letter-spacing: -.03em; }
.live-evidence-ip-card__summary span { margin-top: 2px; color: #5b7392; font-size: 8px; }
.live-evidence-ip-card__summary > b {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border: 1px solid #b9e4d2;
  border-radius: 9px;
  color: #14764d;
  font-size: 8px;
  background: #e9faf3;
}
.live-evidence-ip-card__summary > b i { width: 6px; height: 6px; border-radius: 50%; background: #20b978; }
.live-evidence-ip-card__purity {
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr);
  gap: 12px;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid #d2e0f1;
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
}
.live-evidence-ip-card__purity span > * { display: block; }
.live-evidence-ip-card__purity small { color: #71849d; font-size: 7px; }
.live-evidence-ip-card__purity strong { margin-top: 2px; color: #138052; font-size: 10px; }
.live-evidence-ip-card__purity div { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; }
.live-evidence-ip-card__purity div i { height: 7px; border-radius: 999px; background: #d6e1ec; }
.live-evidence-ip-card__purity div i:nth-child(-n + 5) { background: linear-gradient(90deg, #28ca84, #13a866); }
.live-evidence-ip-card dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin: 0;
}
.live-evidence-ip-card dl div { min-width: 0; padding: 5px 7px; border: 1px solid #dbe6f2; border-radius: 8px; background: rgba(241, 246, 252, .9); }
.live-evidence-ip-card dt { color: #74879e; font-size: 7px; }
.live-evidence-ip-card dd { margin: 3px 0 0; overflow: hidden; color: #203e64; font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.live-evidence-ip-card footer {
  color: #7b8da3;
  font: 600 7px var(--mono);
  letter-spacing: .02em;
  text-align: right;
}
.live-evidence-route {
  height: 100%;
  min-height: 245px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid rgba(117, 231, 235, .28);
  border-radius: 15px;
  background: rgba(3, 26, 46, .38);
}
.live-evidence-route header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, .6);
  font: 700 8px var(--mono);
  letter-spacing: .08em;
}
.live-evidence-route header span { display: flex; align-items: center; gap: 7px; color: #91f2dc; }
.live-evidence-route header span i { width: 6px; height: 6px; border-radius: 50%; background: #5ee0b9; box-shadow: 0 0 8px rgba(94, 224, 185, .72); }
.live-evidence-route header em { font-style: normal; }
.live-evidence-route > strong { margin-top: 17px; font-size: 14px; line-height: 1.4; }
.live-evidence-route__path { display: flex; align-items: center; margin-top: 18px; }
.live-evidence-route__path > span { min-width: 68px; padding: 8px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 9px; text-align: center; background: rgba(255, 255, 255, .06); }
.live-evidence-route__path > span i {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto 6px;
  border: 3px solid #092f4a;
  border-radius: 50%;
  background: #61e0df;
  box-shadow: 0 0 0 1px #61e0df, 0 0 18px rgba(97, 224, 223, .56);
}
.live-evidence-route__path b { display: block; font-size: 9px; }
.live-evidence-route__path > em {
  position: relative;
  flex: 1;
  height: 1px;
  margin: 0 8px;
  overflow: hidden;
  background: rgba(97, 224, 223, .38);
}
.live-evidence-route__path > em::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -10px;
  width: 10px;
  height: 3px;
  background: #fff;
  box-shadow: 0 0 8px #61e0df;
  animation: live-evidence-route-flow 2.2s linear infinite;
}
.live-evidence-route__signals {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 14px;
}
.live-evidence-route__signals span { padding: 9px 10px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; background: rgba(255, 255, 255, .07); }
.live-evidence-route__signals b { display: block; font-size: 8px; }
.live-evidence-route__signals i {
  display: block;
  height: 12px;
  margin-top: 7px;
  border-bottom: 1px solid rgba(97, 224, 223, .22);
  background: linear-gradient(165deg, transparent 0 27%, #61e0df 28% 34%, transparent 35% 47%, #61e0df 48% 54%, transparent 55% 67%, #61e0df 68% 74%, transparent 75%);
}
.live-evidence-route > small { margin-top: auto; padding-top: 10px; color: #91f2dc; font-size: 8px; font-weight: 800; text-align: right; }
.live-evidence-bandwidth {
  height: 100%;
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px;
  border: 1px solid rgba(124, 240, 214, .28);
  border-radius: 15px;
  background: rgba(3, 41, 48, .38);
}
.live-evidence-bandwidth header,
.live-evidence-bandwidth footer,
.live-evidence-bandwidth__channel,
.live-evidence-bandwidth__levels span { display: flex; align-items: center; }
.live-evidence-bandwidth header { justify-content: space-between; color: rgba(255, 255, 255, .6); font: 700 7px var(--mono); letter-spacing: .08em; }
.live-evidence-bandwidth header span { display: flex; align-items: center; gap: 6px; color: #91f2dc; }
.live-evidence-bandwidth header i { width: 6px; height: 6px; border-radius: 50%; background: #5ee0b9; box-shadow: 0 0 8px rgba(94, 224, 185, .72); }
.live-evidence-bandwidth header em { font-style: normal; }
.live-evidence-bandwidth__channel {
  gap: 10px;
  margin-top: 26px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 10px;
  background: rgba(255, 255, 255, .07);
}
.live-evidence-bandwidth__channel span,
.live-evidence-bandwidth__channel strong { font-size: 8px; white-space: nowrap; }
.live-evidence-bandwidth__channel i {
  position: relative;
  flex: 1;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
}
.live-evidence-bandwidth__channel i b {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #5ee0b9, #9cf5e1);
  box-shadow: 0 0 12px rgba(94, 224, 185, .5);
}
.live-evidence-bandwidth__channel strong { color: #91f2dc; }
.live-evidence-bandwidth__levels { display: grid; gap: 9px; margin-top: 18px; }
.live-evidence-bandwidth__levels span { gap: 10px; }
.live-evidence-bandwidth__levels small { width: 52px; color: rgba(255, 255, 255, .58); font-size: 7px; }
.live-evidence-bandwidth__levels i { flex: 1; height: 8px; padding: 2px; border-radius: 999px; background: rgba(255, 255, 255, .1); }
.live-evidence-bandwidth__levels b { display: block; width: var(--level); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #61e0df, #5ee0b9); }
.live-evidence-bandwidth footer { gap: 6px; flex-wrap: wrap; margin-top: 20px; }
.live-evidence-bandwidth footer span { padding: 4px 7px; border-radius: 999px; color: #a7f4e3; background: rgba(94, 224, 185, .1); font-size: 7px; font-weight: 800; }
.live-evidence-licenses {
  height: 100%;
  min-height: 245px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: center;
}
.live-evidence-license {
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 7px;
  padding: 7px 7px 8px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 12px;
  color: #0c4a54;
  text-decoration: none;
  background: linear-gradient(145deg, #f6fffd, #dff8f4);
  box-shadow: 0 14px 28px rgba(3, 39, 45, .24);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.live-evidence-license:hover {
  border-color: rgba(255, 255, 255, .58);
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(3, 39, 45, .3);
}
.live-evidence-license:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.live-evidence-license img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  border-radius: 7px;
  background: #fff;
}
.live-evidence-license span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0 2px;
  color: #0c4a54;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.3;
}
.live-evidence-license span i {
  color: #4e817c;
  font: 700 7px var(--mono);
  font-style: normal;
}
.live-evidence-license span em {
  margin-left: auto;
  color: #087266;
  font-style: normal;
}
.live-evidence-device {
  height: 100%;
  min-height: 245px;
  display: grid;
  grid-template-rows: 91px minmax(0, 1fr);
  gap: 10px;
}
.live-evidence-device__unit {
  position: relative;
  overflow: hidden;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .19), rgba(255, 255, 255, .07));
  box-shadow: inset 0 1px rgba(255, 255, 255, .2);
}
.live-evidence-device__unit::after {
  content: "";
  position: absolute;
  top: -32px;
  right: -30px;
  width: 98px;
  height: 98px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
}
.live-evidence-device__unit header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.live-evidence-device__unit header span,
.live-evidence-device__unit header em {
  font: 700 7px var(--mono);
  letter-spacing: .1em;
}
.live-evidence-device__unit header em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #96f2d9;
  font-style: normal;
}
.live-evidence-device__unit header em::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #5ee0b9;
  box-shadow: 0 0 8px rgba(94, 224, 185, .72);
  content: "";
}
.live-evidence-device__unit > strong {
  display: block;
  margin-top: 11px;
  font-size: 15px;
  letter-spacing: .02em;
}
.live-evidence-device__unit > small {
  display: block;
  margin-top: 2px;
  font: 600 6px var(--mono);
  letter-spacing: .08em;
  opacity: .56;
}
.live-evidence-device__unit > div {
  position: absolute;
  right: 15px;
  bottom: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.live-evidence-device__unit > div i {
  width: 13px;
  height: 9px;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 2px;
  box-shadow: inset 0 -3px rgba(255, 255, 255, .1);
}
.live-evidence-device__unit > div b {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5ee0b9;
  box-shadow: 0 0 7px rgba(94, 224, 185, .66);
}
.live-evidence-device ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.live-evidence-device li {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 9px;
  background: rgba(4, 18, 43, .25);
}
.live-evidence-device li > i {
  color: #99b9ff;
  font: 800 8px var(--mono);
  font-style: normal;
}
.live-evidence-device li span,
.live-evidence-device li strong,
.live-evidence-device li small { display: block; min-width: 0; }
.live-evidence-device li strong { font-size: 9px; line-height: 1.2; }
.live-evidence-device li small {
  margin-top: 3px;
  color: rgba(255, 255, 255, .56);
  font-size: 7px;
  line-height: 1.35;
}
@keyframes live-evidence-route-flow { to { transform: translateX(48px); } }

@media (max-width: 920px) {
  .live-evidence-section { padding: 74px 0 82px; }
  .live-evidence-wall,
  .live-evidence-wall[data-active-index] {
    grid-template-columns: 1fr;
    height: auto;
  }
  .live-evidence-panel {
    min-height: 96px;
    transition: min-height .42s cubic-bezier(.22, .8, .22, 1);
  }
  .live-evidence-panel.is-active { min-height: 520px; }
  .live-evidence-panel__trigger {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    gap: 4px 12px;
    align-content: start;
    padding: 20px 22px;
  }
  .live-evidence-panel__number { grid-row: 1 / 4; align-self: center; }
  .live-evidence-panel__label { grid-row: 1; grid-column: 2; margin: 0; }
  .live-evidence-panel__tag { grid-row: 2; grid-column: 2; margin: 0; font-size: 9px; }
  .live-evidence-panel__trigger strong { grid-row: 3; grid-column: 2; margin: 0; font-size: 21px; }
  .live-evidence-panel.is-active .live-evidence-panel__trigger {
    inset: 0;
    height: auto;
    padding: 22px;
  }
  .live-evidence-panel.is-active .live-evidence-panel__tag {
    max-width: none;
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
  }
  .live-evidence-panel.is-active .live-evidence-panel__trigger strong { font-size: 28px; }
  .live-evidence-panel__trigger small { grid-column: 3; grid-row: 1 / 4; align-self: center; margin: 0; }
  .live-evidence-panel__content {
    top: 112px;
    right: 22px;
    bottom: 22px;
    left: 22px;
    min-width: 0;
  }
}
@media (max-width: 620px) {
  .live-evidence-section { padding: 64px 0 72px; }
  .live-evidence-heading { margin-bottom: 24px; }
  .live-evidence-heading h2 { font-size: 28px; }
  .live-evidence-heading p { margin-top: 8px; font-size: 14px; line-height: 1.65; }
  .live-evidence-panel { min-height: 126px; }
  .live-evidence-panel.is-active { min-height: 650px; }
  .live-evidence-panel__trigger {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 19px 18px;
  }
  .live-evidence-panel.is-active .live-evidence-panel__trigger { padding: 20px 18px; }
  .live-evidence-panel__trigger strong,
  .live-evidence-panel.is-active .live-evidence-panel__trigger strong { font-size: 21px; }
  .live-evidence-panel__trigger small { display: none; }
  .live-evidence-panel__content {
    top: 108px;
    right: 18px;
    bottom: 18px;
    left: 18px;
    grid-template-columns: 1fr;
    grid-template-rows: auto 270px auto;
    gap: 17px;
  }
  .live-evidence-panel__copy { align-self: start; }
  .live-evidence-panel__copy > p { padding: 13px 14px 14px; }
  .live-evidence-panel__copy p span { font-size: 11px; line-height: 1.6; }
  .live-evidence-panel__visual { grid-row: 2; }
  .live-evidence-panel__note { grid-row: 3; font-size: 9px; }
  .scenario-live-page .live-evidence-wall .live-evidence-panel--compliance.is-active { min-height: 1110px; }
  .live-evidence-panel--compliance .live-evidence-panel__content {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  .live-evidence-panel--compliance .live-evidence-licenses {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .live-evidence-panel--compliance .live-evidence-license {
    width: min(100%, 280px);
    justify-self: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-evidence-wall,
  .live-evidence-panel,
  .live-evidence-panel__content,
  .live-evidence-panel__trigger strong,
  .live-evidence-panel__trigger small { transition: none; }
  .live-evidence-route__path > em::after { animation: none; }
  .live-evidence-license { transition: none; }
}

/* Live hardware delivery: a concrete bridge from assurance to operations. */
.live-device-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 96px 0 104px;
  border-bottom: 1px solid #d8e3ee;
  background:
    radial-gradient(circle at 85% 10%, rgba(61, 124, 236, .11), transparent 28%),
    linear-gradient(180deg, #fbfdff, #f3f7fb);
}
.live-device-section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .36;
  background-image:
    linear-gradient(rgba(72, 119, 178, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 119, 178, .07) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, transparent, #000 25%, #000 86%, transparent);
}
.live-device-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: 72px;
  align-items: center;
}
.live-device-kicker {
  display: block;
  margin-bottom: 18px;
  color: #2364d4;
  font: 800 10px var(--mono);
  letter-spacing: .14em;
}
.live-device-copy h2 {
  max-width: 520px;
  margin: 0;
  color: #11233c;
  font-size: clamp(38px, 3.5vw, 50px);
  line-height: 1.08;
  letter-spacing: -.06em;
}
.live-device-assurance {
  display: grid;
  gap: 20px;
  margin-top: 30px;
}
.live-device-value-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.live-device-value-card > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #bfd4f2;
  border-radius: 10px;
  color: #1764d8;
  background: #edf5ff;
  font: 800 10px var(--mono);
  letter-spacing: .08em;
}
.live-device-value-card h3 {
  margin: 0;
  color: #17304f;
  font-size: 17px;
  line-height: 1.35;
}
.live-device-value-card p {
  margin: 8px 0 0;
  color: #536a82;
  font-size: 14px;
  line-height: 1.72;
}
.live-device-showcase {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 406px;
  padding: 0;
}
.live-device-showcase::before {
  position: absolute;
  z-index: -1;
  right: 5%;
  bottom: 2%;
  width: 88%;
  height: 38%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(44, 95, 169, .16), rgba(44, 95, 169, 0) 68%);
  filter: blur(8px);
  content: "";
}
.live-device-product {
  position: relative;
  width: 100%;
  margin: 0;
}
.live-device-product img {
  display: block;
  width: 100%;
  max-height: 470px;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 24px 25px rgba(26, 48, 79, .14));
}
.live-start-steps {
  margin-top: 76px;
  padding-top: 54px;
  border-top: 1px solid #cddbe9;
}
.live-start-steps header { display: grid; grid-template-columns: minmax(230px, .8fr) 1.2fr; gap: 48px; align-items: end; }
.live-start-steps header span { color: #2364d4; font: 800 10px var(--mono); letter-spacing: .14em; }
.live-start-steps header h2 { margin: 0; color: #11233c; font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing: -.05em; }
.live-start-steps ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 38px 0 0; padding: 0; list-style: none; border-top: 2px solid #2e69d9; }
.live-start-steps li { position: relative; display: grid; grid-template-columns: 46px 1fr; gap: 18px; min-width: 0; padding: 28px 30px 10px 0; }
.live-start-steps li + li { padding-left: 30px; border-left: 1px solid #d5e0eb; }
.live-start-steps li::before { position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border: 3px solid #f6f9fc; border-radius: 50%; background: #2e69d9; box-shadow: 0 0 0 1px #2e69d9; content: ""; }
.live-start-steps li + li::before { left: 30px; }
.live-start-steps li > span { color: #9cafc3; font: 800 13px var(--mono); letter-spacing: .08em; }
.live-start-steps h3 { margin: 0; color: #17304f; font-size: 18px; }
.live-start-steps p { margin: 10px 0 0; color: #5a7087; font-size: 14px; line-height: 1.75; }
@media (max-width: 980px) {
  .live-device-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .live-device-copy { max-width: 680px; }
  .live-device-showcase { width: 100%; }
  .live-start-steps header { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 620px) {
  .live-device-section { padding: 72px 0 78px; }
  .live-device-layout { gap: 32px; }
  .live-device-copy h2 { font-size: 34px; }
  .live-device-assurance { margin-top: 24px; }
  .live-device-value-card { grid-template-columns: 36px minmax(0, 1fr); gap: 13px; padding: 6px 0; }
  .live-device-value-card > span { width: 32px; height: 32px; }
  .live-device-value-card h3 { font-size: 16px; }
  .live-device-value-card p { font-size: 13px; }
  .live-device-showcase {
    min-height: 0;
  }
  .live-device-product img { max-height: 330px; }
  .live-start-steps { margin-top: 48px; padding-top: 38px; }
  .live-start-steps header h2 { font-size: 30px; }
  .live-start-steps ol { grid-template-columns: 1fr; margin-top: 30px; padding-left: 18px; border-top: 0; border-left: 2px solid #2e69d9; }
  .live-start-steps li,
  .live-start-steps li + li { grid-template-columns: 38px 1fr; padding: 0 0 30px 22px; border-left: 0; }
  .live-start-steps li:last-child { padding-bottom: 0; }
  .live-start-steps li::before,
  .live-start-steps li + li::before { top: 2px; left: -25px; }
  .live-start-steps h3 { font-size: 17px; }
  .live-start-steps p { margin-top: 7px; font-size: 14px; }
}

/* Southeast Asia customer cases: regional proof, operational detail, and visible outcomes. */
.live-regional-cases {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 112px 0 124px;
  background:
    radial-gradient(circle at 14% 10%, rgba(38, 105, 235, .1), transparent 25%),
    radial-gradient(circle at 88% 82%, rgba(22, 177, 153, .09), transparent 24%),
    #fbfcfe;
}
.live-regional-cases__grid {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .42;
  background-image:
    linear-gradient(rgba(89, 126, 169, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(89, 126, 169, .08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, transparent, #000 15%, #000 82%, transparent);
}
.live-regional-cases__inner { position: relative; }
.live-regional-cases__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  margin: 0 auto 46px;
  text-align: center;
}
.live-regional-cases__heading > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  color: #1764e8;
  background: #eef4ff;
  box-shadow: 0 8px 22px rgba(39, 103, 215, .08);
  font-size: 12px;
  font-weight: 800;
}
.live-regional-cases__heading h2 {
  margin: 19px 0 12px;
  color: #101e35;
  font-size: clamp(38px, 3.7vw, 54px);
  line-height: 1.08;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.live-regional-cases__heading p {
  margin: 0;
  color: #687b92;
  font-size: 15px;
  line-height: 1.8;
}
.live-regional-cases__metrics {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 40px;
  overflow: hidden;
  border: 1px solid #d6e2f0;
  border-radius: 19px;
  background:
    radial-gradient(circle at 50% -20%, rgba(45, 103, 234, .1), transparent 54%),
    rgba(247, 250, 254, .93);
  box-shadow: 0 18px 48px rgba(30, 71, 115, .06);
}
.live-regional-cases__metrics::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7%;
  width: 86%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #2f66ea 24%, #11b68c 76%, transparent);
}
.live-regional-cases__metrics > div {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 138px;
  padding: 25px 18px 20px;
  text-align: center;
}
.live-regional-cases__metrics > div + div::before {
  content: "";
  position: absolute;
  top: 31px;
  bottom: 31px;
  left: 0;
  width: 1px;
  background: #dbe5ef;
}
.live-regional-cases__metrics dt {
  color: #2d63ec;
  font-size: clamp(32px, 3vw, 43px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.045em;
}
.live-regional-cases__metrics dt small {
  margin-left: 2px;
  font-size: .48em;
  letter-spacing: -.02em;
}
.live-regional-cases__metrics dd {
  margin: 12px 0 0;
  color: #3d5068;
  font-size: 13px;
  font-weight: 700;
}
.live-regional-cases__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.live-regional-case-card {
  --case-accent: #2f6af2;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 470px;
  padding: 30px 28px 25px;
  overflow: hidden;
  border: 1px solid #d5e1ee;
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 20px 56px rgba(23, 64, 108, .07);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.live-regional-case-card:nth-child(2) { --case-accent: #167acb; }
.live-regional-case-card:nth-child(3) { --case-accent: #0d8e80; }
.live-regional-case-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--case-accent), transparent 86%);
}
.live-regional-case-card::after {
  content: "";
  position: absolute;
  top: -88px;
  right: -88px;
  width: 180px;
  height: 180px;
  border: 1px solid color-mix(in srgb, var(--case-accent) 18%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 34px color-mix(in srgb, var(--case-accent) 4%, transparent);
  pointer-events: none;
}
.live-regional-case-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--case-accent) 42%, #d5e1ee);
  box-shadow: 0 28px 68px rgba(23, 64, 108, .12);
}
.live-regional-case-card__index {
  position: absolute;
  top: 17px;
  right: 19px;
  color: #a0b0c1;
  font: 700 8px var(--mono);
  letter-spacing: .11em;
}
.live-regional-case-card__tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-right: 58px;
}
.live-regional-case-card__tags strong,
.live-regional-case-card__tags em {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 11px;
  font-style: normal;
}
.live-regional-case-card__tags strong {
  color: var(--case-accent);
  background: color-mix(in srgb, var(--case-accent) 8%, #fff);
}
.live-regional-case-card__tags em {
  color: #52657b;
  background: #f0f4f8;
  font-weight: 700;
}
.live-regional-case-card h3 {
  position: relative;
  z-index: 1;
  margin: 20px 0 16px;
  color: #122039;
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: -.025em;
}
.live-regional-case-card__pain {
  margin: 0;
  padding: 14px 15px;
  border-radius: 10px;
  color: #42556d;
  background: #f6f8fb;
  font-size: 12px;
  line-height: 1.72;
}
.live-regional-case-card__pain b { color: #ec3d43; }
.live-regional-case-card__section-label {
  margin: 17px 0 0;
  color: #1d3c5d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.live-regional-case-card ul {
  display: grid;
  gap: 10px;
  margin: 8px 0 24px;
  padding: 0;
  list-style: none;
}
.live-regional-case-card li {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 7px;
  color: #334b66;
  font-size: 12px;
  line-height: 1.55;
}
.live-regional-case-card li i {
  color: #2670f2;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
}
.live-regional-case-card__result-block { margin-top: auto; }
.live-regional-case-card__result-block .live-regional-case-card__section-label { margin-top: 0; }
.live-regional-case-card__results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  margin: 8px 0 0;
  padding-top: 20px;
  border-top: 1px solid #dbe4ed;
}
.live-regional-case-card__results div { min-width: 0; }
.live-regional-case-card__results dt {
  color: #0ba358;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.1;
}
.live-regional-case-card__results dd {
  margin: 5px 0 0;
  color: #74869a;
  font-size: 9px;
  line-height: 1.5;
}
@media (max-width: 980px) {
  .live-regional-cases__list { grid-template-columns: 1fr; }
  .live-regional-case-card { min-height: 0; }
}
@media (max-width: 700px) {
  .live-regional-cases { padding: 76px 0 84px; }
  .live-regional-cases__heading { margin-bottom: 34px; }
  .live-regional-cases__heading > span { min-height: 29px; padding: 0 11px; font-size: 10px; }
  .live-regional-cases__heading h2 { margin: 16px 0 12px; font-size: 34px; line-height: 1.13; }
  .live-regional-cases__heading p { max-width: 340px; font-size: 13px; line-height: 1.75; }
  .live-regional-cases__metrics { grid-template-columns: 1fr 1fr; margin-bottom: 25px; border-radius: 15px; }
  .live-regional-cases__metrics > div { min-height: 112px; padding: 21px 12px 17px; }
  .live-regional-cases__metrics > div + div::before { top: 22px; bottom: 22px; }
  .live-regional-cases__metrics > div:nth-child(3)::before { display: none; }
  .live-regional-cases__metrics > div:nth-child(3)::after,
  .live-regional-cases__metrics > div:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 1px;
    background: #dbe5ef;
  }
  .live-regional-cases__metrics dt { font-size: 31px; }
  .live-regional-cases__metrics dd { margin-top: 9px; font-size: 10px; }
  .live-regional-cases__list { gap: 14px; }
  .live-regional-case-card { padding: 26px 21px 22px; border-radius: 15px; }
  .live-regional-case-card__index { top: 14px; right: 15px; }
  .live-regional-case-card__tags { padding-right: 46px; }
  .live-regional-case-card h3 { margin: 17px 0 14px; font-size: 20px; }
  .live-regional-case-card__pain { padding: 13px; font-size: 11px; }
  .live-regional-case-card li { font-size: 11px; }
  .live-regional-case-card__results dt { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-regional-case-card { transition: none; }
}

/* Southeast Asia customer cases: light editorial proof theme. */
.live-regional-cases {
  --sea-blue: #2f6ff0;
  --sea-cyan: #17aa8a;
  --sea-line: rgba(123, 153, 188, .2);
  padding: 96px 0 108px;
  color: #14243a;
  background:
    radial-gradient(circle at 84% 9%, rgba(54, 119, 255, .11), transparent 27%),
    radial-gradient(circle at 11% 91%, rgba(28, 201, 158, .08), transparent 26%),
    linear-gradient(145deg, #fbfdff 0%, #f3f7fc 53%, #f8fbfe 100%);
}
.live-regional-cases::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -405px;
  right: -210px;
  width: 720px;
  height: 720px;
  border: 1px solid rgba(68, 126, 221, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 84px rgba(94, 151, 255, .025),
    0 0 0 168px rgba(94, 151, 255, .014);
}
.live-regional-cases::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 7%;
  bottom: 50px;
  width: 36%;
  height: 1px;
  opacity: .24;
  background: linear-gradient(90deg, transparent, var(--sea-cyan), transparent);
  transform: rotate(-11deg);
  transform-origin: right center;
}
.live-regional-cases__grid {
  opacity: .34;
  background-image:
    linear-gradient(rgba(109, 145, 190, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109, 145, 190, .11) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 86%, transparent);
}
.live-regional-cases__grid::after {
  content: "";
  position: absolute;
  top: 87px;
  right: 13%;
  width: 176px;
  height: 176px;
  border: 1px solid rgba(52, 130, 230, .15);
  border-radius: 50%;
  box-shadow:
    0 0 0 20px rgba(52, 130, 230, .018),
    inset 0 0 38px rgba(52, 130, 230, .025);
  animation: live-sea-radar 5s ease-in-out infinite;
}
.live-regional-cases__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(290px, .7fr);
  grid-template-areas:
    "pill copy"
    "title copy";
  align-items: end;
  max-width: none;
  margin: 0 0 42px;
  gap: 15px 78px;
  text-align: left;
}
.live-regional-cases__heading > span {
  grid-area: pill;
  justify-self: start;
  border-color: #cfe0fb;
  color: #2363cd;
  background: rgba(239, 246, 255, .9);
  box-shadow: 0 8px 24px rgba(38, 91, 166, .06);
  backdrop-filter: blur(10px);
}
.live-regional-cases__heading h2 {
  grid-area: title;
  max-width: 810px;
  margin: 0;
  color: #122139;
  font-size: clamp(38px, 3.4vw, 50px);
  line-height: 1.11;
  letter-spacing: -.05em;
}
.live-regional-cases__heading p {
  grid-area: copy;
  margin: 0 0 4px;
  padding: 8px 0 8px 28px;
  border-left: 2px solid var(--sea-cyan);
  color: #62768d;
  font-size: 14px;
  line-height: 1.85;
}
.live-regional-cases__metrics {
  margin-bottom: 48px;
  border: 0;
  border-top: 1px solid var(--sea-line);
  border-bottom: 1px solid var(--sea-line);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(55, 110, 199, .1), rgba(20, 58, 99, .22), rgba(30, 132, 117, .08));
  box-shadow: none;
  backdrop-filter: blur(12px);
}
.live-regional-cases__metrics::before {
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--sea-blue) 28%, var(--sea-cyan) 72%, transparent);
}
.live-regional-cases__metrics > div {
  min-height: 124px;
  padding: 23px 18px 19px;
}
.live-regional-cases__metrics > div + div::before {
  top: 28px;
  bottom: 28px;
  background: var(--sea-line);
}
.live-regional-cases__metrics dt {
  color: #76a4ff;
  text-shadow: 0 0 28px rgba(76, 134, 255, .18);
}
.live-regional-cases__metrics dd { color: #b7c6d9; }
.live-regional-case-card {
  --case-accent: #3572ee;
  border-color: #d7e2ee;
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow:
    0 20px 52px rgba(26, 66, 110, .075),
    inset 0 1px rgba(255, 255, 255, .9);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.live-regional-case-card:nth-child(2) { --case-accent: #1688bf; }
.live-regional-case-card:nth-child(3) { --case-accent: #10937c; }
.live-regional-case-card::before {
  height: 2px;
  background: linear-gradient(90deg, var(--case-accent), color-mix(in srgb, var(--case-accent) 18%, transparent) 70%, transparent);
}
.live-regional-case-card::after {
  border-color: color-mix(in srgb, var(--case-accent) 24%, transparent);
  box-shadow:
    0 0 0 32px color-mix(in srgb, var(--case-accent) 4%, transparent),
    inset 0 0 32px color-mix(in srgb, var(--case-accent) 5%, transparent);
}
.live-regional-case-card:hover {
  border-color: color-mix(in srgb, var(--case-accent) 42%, #d7e2ee);
  background: #fff;
  box-shadow:
    0 28px 66px rgba(24, 65, 110, .12),
    0 0 32px color-mix(in srgb, var(--case-accent) 6%, transparent);
}
.live-regional-case-card__index { color: #9aaabd; }
.live-regional-case-card__tags strong {
  border: 1px solid color-mix(in srgb, var(--case-accent) 18%, #fff);
  color: var(--case-accent);
  background: color-mix(in srgb, var(--case-accent) 8%, #fff);
}
.live-regional-case-card__tags em {
  color: #53677d;
  background: #eef3f8;
}
.live-regional-case-card h3 { color: #142139; }
.live-regional-case-card__pain {
  border-left: 2px solid #e75e68;
  border-radius: 2px 9px 9px 2px;
  color: #43576e;
  background: #f5f8fb;
}
.live-regional-case-card__pain b { color: #e54a54; }
.live-regional-case-card li { color: #334b66; }
.live-regional-case-card li i { color: var(--case-accent); }
.live-regional-case-card__results { border-top-color: var(--sea-line); }
.live-regional-case-card__results dt { color: #0a9a59; }
.live-regional-case-card__results dd { color: #74869a; }

@media (max-width: 980px) {
  .live-regional-cases__heading {
    grid-template-columns: 1fr;
    grid-template-areas:
      "pill"
      "title"
      "copy";
    gap: 14px;
  }
  .live-regional-cases__heading p {
    max-width: 620px;
    margin-top: 5px;
  }
}
@media (max-width: 700px) {
  .live-regional-cases::before {
    top: -250px;
    right: -230px;
    width: 470px;
    height: 470px;
  }
  .live-regional-cases__grid::after {
    top: 70px;
    right: -38px;
    width: 132px;
    height: 132px;
  }
  .live-regional-cases__heading { text-align: left; }
  .live-regional-cases__heading h2 { margin: 0; }
  .live-regional-cases__heading p {
    padding: 3px 0 3px 17px;
  }
  .live-regional-cases__metrics { border-radius: 0; }
  .live-regional-cases__metrics > div:nth-child(3)::after,
  .live-regional-cases__metrics > div:nth-child(4)::after {
    background: var(--sea-line);
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-regional-cases__grid::after { animation: none; }
}
@keyframes live-sea-radar {
  0%, 100% { opacity: .55; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1); }
}

/* Live buyer FAQ: concise purchase answers before consultation. */
.live-faq {
  --faq-blue: #075cff;
  --faq-ink: #10223e;
  position: relative;
  scroll-margin-top: 132px;
  overflow: hidden;
  padding: 102px 0 112px;
  color: var(--faq-ink);
  background:
    radial-gradient(circle at 7% 18%, rgba(7, 92, 255, .1), transparent 28%),
    linear-gradient(145deg, #f8fbff 0%, #eef5fc 54%, #f9fcff 100%);
}
.live-faq::after {
  position: absolute;
  right: -170px;
  bottom: -330px;
  width: 620px;
  height: 620px;
  content: "";
  border: 1px solid rgba(7, 92, 255, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 76px rgba(7, 92, 255, .018), 0 0 0 152px rgba(7, 92, 255, .012);
  pointer-events: none;
}
.live-faq__grid {
  position: absolute;
  inset: 0;
  opacity: .3;
  background-image:
    linear-gradient(rgba(72, 120, 173, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 120, 173, .09) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, #000, transparent 44%);
  pointer-events: none;
}
.live-faq__layout {
  position: relative;
  z-index: 1;
}
.live-faq__heading {
  max-width: 780px;
  margin: 0 auto 52px;
  padding-top: 5px;
  text-align: center;
}
.live-faq__heading > span {
  color: #3974bf;
  font: 750 9px/1.4 var(--mono);
  letter-spacing: .16em;
}
.live-faq__heading h2 {
  margin: 20px 0 18px;
  font-size: clamp(46px, 5vw, 70px);
  line-height: .98;
  letter-spacing: -.065em;
}
.live-faq__heading p {
  max-width: 680px;
  margin: 0 auto;
  padding-top: 20px;
  border-top: 1px solid #c8d7e7;
  color: #60758c;
  font-size: 14px;
  line-height: 1.85;
}
.live-faq__heading > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  color: var(--faq-blue);
  font-size: 13px;
  font-weight: 750;
}
.live-faq__heading > a b,
.live-faq__answer a b { transition: transform .2s ease; }
.live-faq__heading > a:hover b,
.live-faq__answer a:hover b { transform: translate(2px, -2px); }
.live-faq__groups {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.live-faq__panel {
  overflow: hidden;
  border: 1px solid #b9cce0;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 20px 46px rgba(40, 83, 127, .055);
}
.live-faq__panel > .live-faq__list {
  padding-top: 18px;
  border-top: 0;
}
.live-faq__group {
  overflow: hidden;
  border: 1px solid #b9cce0;
  background: rgba(255, 255, 255, .35);
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.live-faq__group[open] {
  border-color: #9ebee2;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 20px 46px rgba(40, 83, 127, .065);
}
.live-faq__group-summary {
  min-height: 82px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto 28px;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
}
.live-faq__group-summary::-webkit-details-marker { display: none; }
.live-faq__group-summary > span {
  color: #3974bf;
  font: 750 11px/1 var(--mono);
}
.live-faq__group-summary strong {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -.025em;
}
.live-faq__group-summary small {
  color: #7188a0;
  font-size: 12px;
  font-weight: 700;
}
.live-faq__group-summary i {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #9eb8d4;
  border-radius: 50%;
}
.live-faq__group-summary i::before,
.live-faq__group-summary i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  content: "";
  background: #456887;
  transform: translate(-50%, -50%);
  transition: transform .2s ease;
}
.live-faq__group-summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.live-faq__group[open] > .live-faq__group-summary i {
  border-color: var(--faq-blue);
  background: var(--faq-blue);
}
.live-faq__group[open] > .live-faq__group-summary i::before,
.live-faq__group[open] > .live-faq__group-summary i::after { background: #fff; }
.live-faq__group[open] > .live-faq__group-summary i::after { transform: translate(-50%, -50%) rotate(0); }
.live-faq__group-summary:focus-visible {
  outline: 3px solid rgba(7, 92, 255, .28);
  outline-offset: -3px;
}
.live-faq__list {
  margin: 0;
  padding: 0 22px 18px;
  border-top: 1px solid #b9cce0;
}
@media (min-width: 768px) {
  .live-faq__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    align-items: start;
  }
}
.live-faq__item {
  border-bottom: 1px solid #cbd9e7;
  background: rgba(255, 255, 255, .28);
  transition: background .22s ease, box-shadow .22s ease;
}
.live-faq__item[open] {
  background: rgba(255, 255, 255, .78);
  box-shadow: inset 3px 0 var(--faq-blue), 0 18px 40px rgba(40, 83, 127, .055);
}
.live-faq__item summary {
  min-height: 88px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 28px;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
}
.live-faq__item summary::-webkit-details-marker { display: none; }
.live-faq__item summary > span {
  color: #8aa0b7;
  font: 650 11px/1 var(--mono);
}
.live-faq__item summary > span[data-faq-number]::before {
  content: attr(data-faq-number);
}
.live-faq__item summary strong {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -.025em;
}
.live-faq__item summary i {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #b8cbe0;
  border-radius: 50%;
}
.live-faq__item summary i::before,
.live-faq__item summary i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  content: "";
  background: #456887;
  transform: translate(-50%, -50%);
  transition: transform .2s ease;
}
.live-faq__item summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.live-faq__item[open] summary i {
  border-color: var(--faq-blue);
  background: var(--faq-blue);
}
.live-faq__item[open] summary i::before,
.live-faq__item[open] summary i::after { background: #fff; }
.live-faq__item[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.live-faq__item summary:focus-visible {
  outline: 3px solid rgba(7, 92, 255, .28);
  outline-offset: -3px;
}
.live-faq__answer {
  padding: 0 72px 28px 84px;
}
.live-faq__answer p {
  max-width: 900px;
  margin: 0;
  color: #536980;
  font-size: 14px;
  line-height: 1.92;
}
.live-faq__answer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 16px;
}
.live-faq__answer a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--faq-blue);
  font-size: 12px;
  font-weight: 750;
}
.selection-guide-live-faq .live-faq__item summary strong,
.pricing-live-faq .live-faq__item summary strong,
.tiktok-line-live-faq .live-faq__item summary strong {
  font-size: 19px;
}
.selection-guide-live-faq .live-faq__answer p,
.pricing-live-faq .live-faq__answer p,
.tiktok-line-live-faq .live-faq__answer p {
  font-size: 16px;
  line-height: 1.9;
}

@media (max-width: 900px) {
  .live-faq__heading { max-width: 680px; }
}
@media (max-width: 620px) {
  .live-faq { padding: 76px 0 82px; }
  .live-faq__heading { margin-bottom: 34px; text-align: left; }
  .live-faq__heading h2 { margin: 15px 0 15px; font-size: 44px; }
  .live-faq__heading p { margin: 0; padding-top: 15px; font-size: 13px; }
  .live-faq__heading > a { margin-top: 22px; }
  .live-faq__groups { gap: 12px; }
  .live-faq__group-summary {
    min-height: 72px;
    grid-template-columns: 30px minmax(0, 1fr) auto 24px;
    gap: 10px;
    padding: 15px 12px;
  }
  .live-faq__group-summary strong { font-size: 17px; }
  .live-faq__group-summary small { font-size: 11px; }
  .live-faq__group-summary i { width: 22px; height: 22px; }
  .live-faq__list { padding: 0 12px 12px; }
  .live-faq__item summary {
    min-height: 76px;
    grid-template-columns: 30px minmax(0, 1fr) 24px;
    gap: 10px;
    padding: 16px 12px;
  }
  .live-faq__item summary strong { font-size: 15px; }
  .live-faq__item summary i { width: 22px; height: 22px; }
  .live-faq__answer { padding: 0 40px 24px 52px; }
  .live-faq__answer p { font-size: 13px; line-height: 1.84; }
  .live-faq__answer nav { align-items: flex-start; flex-direction: column; gap: 10px; }
  .selection-guide-live-faq .live-faq__item summary strong,
  .pricing-live-faq .live-faq__item summary strong,
  .tiktok-line-live-faq .live-faq__item summary strong {
    font-size: 17px;
  }
  .selection-guide-live-faq .live-faq__answer p,
  .pricing-live-faq .live-faq__answer p,
  .tiktok-line-live-faq .live-faq__answer p {
    font-size: 15px;
    line-height: 1.9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-faq__group,
  .live-faq__group-summary i::before,
  .live-faq__group-summary i::after,
  .live-faq__item,
  .live-faq__item summary i::before,
  .live-faq__item summary i::after,
  .live-faq__heading > a b,
  .live-faq__answer a b { transition: none; }
}

/* Legal documents: editorial, verifiable, and readable across long-form pages. */
.legal-page {
  color: #18314d;
  background: #f3f7fb;
}
.legal-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 86px 0 78px;
  border-bottom: 1px solid #ccdae8;
  background:
    radial-gradient(circle at 82% 18%, rgba(35, 119, 224, .14), transparent 30%),
    linear-gradient(135deg, #f8fbff 0%, #edf4fb 62%, #e8f3f2 100%);
}
.legal-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .42;
  background-image:
    linear-gradient(rgba(78, 116, 156, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 116, 156, .1) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, #000, transparent 74%);
}
.legal-hero--privacy {
  background:
    radial-gradient(circle at 82% 18%, rgba(35, 139, 121, .15), transparent 30%),
    linear-gradient(135deg, #f8fbff 0%, #eef6f6 62%, #e5f1ed 100%);
}
.legal-hero--sla {
  background:
    radial-gradient(circle at 82% 18%, rgba(24, 93, 185, .18), transparent 30%),
    linear-gradient(135deg, #f8fbff 0%, #edf4ff 62%, #e7f0f8 100%);
}
.legal-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 90px;
  align-items: end;
}
.legal-hero .breadcrumb { margin-bottom: 34px; color: #778da3; font-size: 12px; }
.legal-hero .breadcrumb a { color: #486986; }
.legal-eyebrow {
  display: block;
  color: #1764d8;
  font: 700 10px var(--mono);
  letter-spacing: .16em;
}
.legal-hero h1 {
  max-width: 760px;
  margin: 18px 0 20px;
  color: #0c2949;
  font-size: clamp(44px, 5.2vw, 72px);
  line-height: .98;
  letter-spacing: -.065em;
}
.legal-hero-grid > div > p {
  max-width: 720px;
  margin: 0;
  color: #526d88;
  font-size: 16px;
  line-height: 1.9;
}
.legal-document-meta {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(112, 151, 190, .34);
  border-radius: 18px;
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 24px 70px rgba(27, 71, 111, .11);
  backdrop-filter: blur(16px);
}
.legal-document-meta > div {
  display: grid;
  grid-template-columns: 98px 1fr;
  gap: 16px;
  padding: 17px 20px;
  border-bottom: 1px solid rgba(139, 169, 197, .26);
}
.legal-document-meta > div:last-child { border-bottom: 0; }
.legal-document-meta dt { color: #7890a7; font-size: 10px; }
.legal-document-meta dd { margin: 0; color: #173a5c; font-size: 12px; font-weight: 700; }
.legal-document-meta dd span {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  color: #087466;
  background: #dff4ee;
  font-size: 10px;
}
.legal-document-section { padding: 82px 0 120px; }
.legal-document-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 820px);
  gap: 90px;
  justify-content: center;
  align-items: start;
}
.legal-toc {
  position: sticky;
  top: 116px;
  padding: 22px;
  border: 1px solid #d7e2ec;
  border-radius: 15px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 45px rgba(39, 72, 106, .07);
  backdrop-filter: blur(14px);
}
.legal-toc > small {
  display: block;
  color: #2672d8;
  font: 700 8px var(--mono);
  letter-spacing: .14em;
}
.legal-toc > strong {
  display: block;
  margin: 8px 0 17px;
  color: #153858;
  font-size: 18px;
}
.legal-toc nav { display: grid; }
.legal-toc a {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  min-height: 34px;
  border-top: 1px solid #e3ebf2;
  color: #668096;
  font-size: 11px;
  transition: color .18s ease, transform .18s ease;
}
.legal-toc a:hover { color: #1764d8; transform: translateX(3px); }
.legal-toc b { color: #9babb9; font: 600 8px var(--mono); }
.legal-article { min-width: 0; }
.legal-intro {
  margin-bottom: 46px;
  padding: 25px 28px;
  border-left: 4px solid #1764d8;
  border-radius: 0 12px 12px 0;
  background: #e8f1ff;
}
.legal-intro strong { display: block; color: #123a67; font-size: 18px; }
.legal-intro p { margin: 9px 0 0; color: #526f8b; font-size: 14px; line-height: 1.85; }
.legal-article > section {
  scroll-margin-top: 116px;
  padding: 42px 0 44px;
  border-top: 1px solid #d5e0ea;
}
.legal-article > section > span {
  display: block;
  color: #2874d4;
  font: 700 9px var(--mono);
  letter-spacing: .12em;
}
.legal-article h2 {
  margin: 12px 0 24px;
  color: #102e4c;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.legal-article h3 {
  margin: 26px 0 10px;
  color: #244766;
  font-size: 16px;
}
.legal-article p,
.legal-article li {
  color: #526b82;
  font-size: 15px;
  line-height: 2;
}
.legal-article p { margin: 0 0 16px; }
.legal-article ul { margin: 13px 0 20px; padding-left: 21px; }
.legal-article li + li { margin-top: 5px; }
.legal-article a { color: #1764d8; }
.legal-definition-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 22px;
}
.legal-definition-grid > div {
  padding: 19px;
  border: 1px solid #d6e3ef;
  border-radius: 12px;
  background: #fff;
}
.legal-definition-grid dt { color: #1b548d; font-size: 13px; font-weight: 800; }
.legal-definition-grid dd { margin: 8px 0 0; color: #62798e; font-size: 12px; line-height: 1.75; }
.legal-priority-list {
  display: grid;
  gap: 10px;
  margin-bottom: 22px;
}
.legal-priority-list article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid #d5e2ed;
  border-radius: 13px;
  background: #fff;
}
.legal-priority-list article > b {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #1764d8;
  font: 800 13px var(--mono);
}
.legal-priority-list h3 { margin: 0 0 5px; }
.legal-priority-list p { margin: 0; font-size: 13px; line-height: 1.7; }
.legal-contact-list {
  margin: 24px 0 0;
  overflow: hidden;
  border: 1px solid #d4e0ea;
  border-radius: 13px;
  background: #fff;
}
.legal-contact-list > div {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 22px;
  padding: 17px 20px;
  border-bottom: 1px solid #e0e8ef;
}
.legal-contact-list > div:last-child { border-bottom: 0; }
.legal-contact-list dt { color: #7890a6; font-size: 11px; }
.legal-contact-list dd { margin: 0; color: #1d466d; font-size: 13px; font-weight: 700; }
.legal-related {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 44px;
}
.legal-related a {
  display: grid;
  min-height: 138px;
  padding: 22px;
  border: 1px solid #cad9e8;
  border-radius: 14px;
  color: #173b60;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.legal-related a:hover {
  transform: translateY(-3px);
  border-color: #7aa9dd;
  box-shadow: 0 20px 42px rgba(35, 76, 119, .1);
}
.legal-related small { color: #2874d4; font: 700 8px var(--mono); letter-spacing: .12em; }
.legal-related strong { align-self: end; font-size: 21px; }
.legal-related span { margin-top: 7px; color: #71899f; font-size: 11px; }
.legal-consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #66798b;
  font-size: 11px;
  line-height: 1.65;
}
.legal-consent input { flex: 0 0 auto; margin-top: 3px; accent-color: #1764d8; }
.legal-consent a { color: #1764d8; text-decoration: underline; text-underline-offset: 2px; }
.login-legal-links { margin: 11px 0 0; color: #7f91a2; font-size: 10px; text-align: center; }
.login-legal-links a { color: #2d67b1; }

@media (max-width: 980px) {
  .legal-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .legal-document-meta { max-width: 620px; }
  .legal-document-layout { grid-template-columns: 1fr; gap: 34px; }
  .legal-toc { position: static; }
  .legal-toc nav { grid-template-columns: repeat(3, 1fr); column-gap: 18px; }
}
@media (max-width: 620px) {
  .legal-hero { padding: 58px 0 56px; }
  .legal-hero .breadcrumb { margin-bottom: 26px; }
  .legal-hero h1 { margin-top: 14px; font-size: 42px; }
  .legal-hero-grid > div > p { font-size: 14px; line-height: 1.8; }
  .legal-document-meta > div { grid-template-columns: 86px 1fr; padding: 15px 17px; }
  .legal-document-section { padding: 48px 0 82px; }
  .legal-toc { padding: 18px; }
  .legal-toc nav { grid-template-columns: 1fr 1fr; column-gap: 14px; }
  .legal-intro { margin-bottom: 28px; padding: 21px; }
  .legal-article > section { padding: 34px 0 36px; }
  .legal-article h2 { margin-bottom: 19px; font-size: 26px; }
  .legal-article p,
  .legal-article li { font-size: 14px; line-height: 1.9; }
  .legal-definition-grid,
  .legal-related { grid-template-columns: 1fr; }
  .legal-priority-list article { grid-template-columns: 46px 1fr; gap: 14px; padding: 15px; }
  .legal-priority-list article > b { width: 42px; height: 42px; }
  .legal-contact-list > div { grid-template-columns: 1fr; gap: 5px; }
}

/* SaaS solution chapters: editorial hierarchy, with the supplied comparison visual as the primary proof. */
.saas-solution-page .saas-solution-section { padding:112px 0 124px; }
.saas-solution-page #saas-solution { scroll-margin-top:132px; }
.saas-solution-page .saas-solution-heading--single { position:relative; display:flex; align-items:flex-end; justify-content:space-between; min-height:128px; margin:0 0 38px; padding-bottom:28px; border-bottom:1px solid #cfddeb; }
.saas-solution-page .saas-solution-heading--single::after { content:"01 — 02"; align-self:flex-start; margin-top:8px; color:#7d94aa; font:600 10px var(--mono); letter-spacing:.13em; }
.saas-solution-page .saas-solution-heading--single h2 { margin:15px 0 0; color:#102952; font-size:clamp(43px,4.1vw,61px); line-height:1; letter-spacing:-.07em; }
.saas-solution-page .saas-solution-list { border:0; }
.saas-solution-page .saas-solution-item { display:block; padding:44px 0 74px; border-bottom:1px solid #cfddeb; }
.saas-solution-page .saas-solution-copy { display:grid; grid-template-columns:150px minmax(230px,.82fr) minmax(300px,1.18fr); gap:30px; align-items:end; padding:0; }
.saas-solution-page .saas-solution-copy > span { align-self:center; color:#1b6dea; font-size:10px; letter-spacing:.14em; }
.saas-solution-page .saas-solution-copy h3 { margin:0; color:#102952; font-size:clamp(30px,2.45vw,42px); line-height:1.06; letter-spacing:-.06em; }
.saas-solution-page .saas-solution-copy p { max-width:410px; margin:0; color:#5f7791; font-size:14px; line-height:1.92; }
.saas-solution-media { max-width:1080px; margin:34px 0 0 auto; border:0; border-radius:20px; background:transparent; box-shadow:0 26px 58px rgba(29,75,133,.13); }
.saas-solution-media::after { border-color:rgba(255,255,255,.7); }
.saas-solution-item:nth-child(2) .saas-solution-media { margin-right:auto; margin-left:0; }
.saas-solution-media img { border-radius:inherit; }
@media (max-width:900px) { .saas-solution-page .saas-solution-copy { grid-template-columns:120px minmax(205px,.8fr) minmax(250px,1.2fr); gap:24px; }.saas-solution-media { max-width:none; } }
@media (max-width:700px) { .saas-solution-page .saas-solution-section { padding:78px 0 84px; }.saas-solution-page .saas-solution-heading--single { min-height:0; margin-bottom:26px; padding-bottom:22px; }.saas-solution-page .saas-solution-heading--single::after { display:none; }.saas-solution-page .saas-solution-heading--single h2 { font-size:40px; }.saas-solution-page .saas-solution-item { padding:32px 0 45px; }.saas-solution-page .saas-solution-copy { grid-template-columns:1fr; gap:11px; }.saas-solution-page .saas-solution-copy h3 { font-size:30px; }.saas-solution-page .saas-solution-copy p { max-width:340px; font-size:13px; line-height:1.86; }.saas-solution-media,.saas-solution-item:nth-child(2) .saas-solution-media { width:100%; margin:25px 0 0; border-radius:13px; box-shadow:0 15px 34px rgba(29,75,133,.11); } }

/* SaaS solution gallery: the supplied before/after diagrams are the exhibit, not a secondary illustration. */
.saas-solution-page .saas-solution-section { isolation:isolate; overflow:hidden; padding:116px 0 128px; color:#fff; background:radial-gradient(circle at 81% 19%,rgba(28,112,235,.23),transparent 27%),radial-gradient(circle at 16% 70%,rgba(43,198,204,.12),transparent 28%),#071d2c; }
.saas-solution-page .saas-solution-section::before { z-index:-1; opacity:.22; background-image:linear-gradient(rgba(113,190,207,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(113,190,207,.22) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); }
.saas-solution-page .saas-solution-section::after { content:""; position:absolute; z-index:-1; top:26%; left:50%; width:1080px; height:510px; border:1px solid rgba(86,207,219,.12); border-radius:50%; box-shadow:0 0 0 70px rgba(50,130,202,.025),0 0 0 140px rgba(50,130,202,.018); transform:translateX(-50%) rotate(-7deg); }
.saas-solution-page .saas-solution-heading--single { min-height:0; margin:0 0 58px; padding:0 0 27px; border-color:rgba(141,192,213,.34); }
.saas-solution-page .saas-solution-heading--single::after { color:#74d8df; }
.saas-solution-page .saas-solution-heading--single h2 { color:#fff; font-size:clamp(44px,4.4vw,66px); }
.saas-solution-page .saas-solution-list { border:0; }
.saas-solution-page .saas-solution-item { display:grid; grid-template-columns:minmax(0,1fr) 294px; gap:0; align-items:center; padding:0 0 88px; border:0; }
.saas-solution-page .saas-solution-item + .saas-solution-item { padding-top:14px; }
.saas-solution-page .saas-solution-copy { position:relative; z-index:2; display:block; min-height:248px; margin-left:-42px; padding:31px 29px; border:1px solid rgba(108,178,207,.42); border-radius:15px; color:#fff; background:linear-gradient(145deg,rgba(13,50,72,.97),rgba(6,30,46,.95)); box-shadow:0 24px 58px rgba(0,0,0,.23); }
.saas-solution-page .saas-solution-copy::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; border-radius:0 0 15px 15px; background:linear-gradient(90deg,#246dea,#45d2d0); }
.saas-solution-page .saas-solution-copy > span { display:block; color:#65dbe0; font-size:9px; line-height:1.35; }
.saas-solution-page .saas-solution-copy h3 { margin:39px 0 14px; color:#fff; font-size:38px; letter-spacing:-.06em; }
.saas-solution-page .saas-solution-copy p { max-width:none; color:#b6cbd7; font-size:13px; line-height:1.9; }
.saas-solution-page .saas-solution-media { grid-row:1; grid-column:1; width:100%; max-width:none; margin:0; overflow:hidden; border:1px solid rgba(163,201,222,.63); border-radius:20px; background:#fff; box-shadow:0 34px 78px rgba(0,0,0,.28); transform:translateX(-1.5%); }
.saas-solution-page .saas-solution-media::after { border-color:rgba(255,255,255,.56); }
.saas-solution-page .saas-solution-media img { border-radius:inherit; }
.saas-solution-page .saas-solution-item:nth-child(2) { grid-template-columns:294px minmax(0,1fr); }
.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-copy { grid-row:1; grid-column:1; margin-right:-42px; margin-left:0; background:linear-gradient(145deg,rgba(12,58,82,.97),rgba(6,31,47,.95)); }
.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-media { grid-column:2; transform:translateX(1.5%); }
@media (max-width:900px) { .saas-solution-page .saas-solution-item,.saas-solution-page .saas-solution-item:nth-child(2) { grid-template-columns:minmax(0,1fr) 250px; }.saas-solution-page .saas-solution-item:nth-child(2) { grid-template-columns:250px minmax(0,1fr); }.saas-solution-page .saas-solution-copy { min-height:220px; padding:25px 23px; }.saas-solution-page .saas-solution-copy h3 { margin-top:30px; font-size:33px; } }
@media (max-width:700px) { .saas-solution-page .saas-solution-section { padding:78px 0 84px; }.saas-solution-page .saas-solution-heading--single { margin-bottom:34px; padding-bottom:22px; }.saas-solution-page .saas-solution-heading--single h2 { font-size:40px; }.saas-solution-page .saas-solution-item,.saas-solution-page .saas-solution-item:nth-child(2) { display:flex; flex-direction:column; align-items:stretch; padding:0 0 52px; }.saas-solution-page .saas-solution-item + .saas-solution-item { padding-top:0; }.saas-solution-page .saas-solution-copy,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-copy { order:0; min-height:0; margin:0; padding:22px 20px 24px; border-radius:13px 13px 0 0; box-shadow:none; }.saas-solution-page .saas-solution-copy::after { border-radius:0; }.saas-solution-page .saas-solution-copy h3 { margin:22px 0 10px; font-size:29px; }.saas-solution-page .saas-solution-copy p { font-size:13px; line-height:1.8; }.saas-solution-page .saas-solution-media,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-media { order:1; width:100%; margin:0; border-color:rgba(108,178,207,.42); border-top:0; border-radius:0 0 13px 13px; box-shadow:0 18px 40px rgba(0,0,0,.16); transform:none; } }

/* SaaS solution tabs: one comparison at a time, so the evidence stays legible. */
.saas-solution-page .saas-solution-section { isolation:isolate; padding:76px 0 110px; color:#102952; background:#fff; }
.saas-solution-page .saas-solution-section::before { z-index:-1; opacity:.32; background-image:linear-gradient(rgba(33,104,231,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,104,231,.04) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); }
.saas-solution-page .saas-solution-section::after { display:none; }
.saas-solution-page .saas-solution-heading--single { display:flex; align-items:center; justify-content:center; min-height:0; margin:0 0 29px; padding:0; border-bottom:0; }
.saas-solution-page .saas-solution-heading--single::after { display:none; }
.saas-solution-tabs { display:flex; width:min(100%,590px); gap:48px; padding:0; border:0; border-bottom:1px solid #bdccda; border-radius:0; background:transparent; box-shadow:none; }
.saas-solution-tabs button { position:relative; display:flex; flex:1; align-items:center; gap:10px; min-height:54px; padding:0 0 16px; border:0; border-radius:0; color:#8294a6; background:transparent; cursor:pointer; font:700 18px var(--sans); letter-spacing:-.035em; transition:color .2s ease; }
.saas-solution-tabs button:last-child { justify-content:flex-end; }
.saas-solution-tabs button small { color:#90a2b4; font:600 10px var(--mono); letter-spacing:.1em; transition:color .2s ease; }
.saas-solution-tabs button::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:3px; border-radius:3px 3px 0 0; background:#2368e9; transform:scaleX(0); transform-origin:left center; }
.saas-solution-tabs button:hover,.saas-solution-tabs button:focus-visible { color:#102952; outline:0; }
.saas-solution-tabs button.is-active { color:#102952; background:transparent; box-shadow:none; }
.saas-solution-tabs button.is-active small { color:#2368e9; }
.saas-solution-tabs button.is-active::after { transform:scaleX(1); }
.saas-solution-tabs.is-autoplaying button.is-active::after { animation:saas-tab-progress 6s linear both; }
.saas-solution-page .saas-solution-list { border:0; }
.saas-solution-page .saas-solution-item { display:none; padding:0; border:0; }
.saas-solution-page .saas-solution-item[hidden] { display:none !important; }
.saas-solution-page .saas-solution-item.is-active { display:flex; flex-direction:column; gap:25px; animation:saas-tab-reveal .38s cubic-bezier(.2,.75,.25,1) both; }
.saas-solution-page .saas-solution-media,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-media { order:2; width:100%; max-width:1120px; margin:0 auto; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; }
.saas-solution-page .saas-solution-media::after { display:none; }
.saas-solution-page .saas-solution-media img { border-radius:0; background:transparent; mix-blend-mode:normal; }
.saas-solution-page .saas-solution-copy,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-copy { order:1; display:block; width:100%; min-height:0; margin:0; padding:0 0 8px; border:0; border-radius:0; color:#102952; background:transparent; box-shadow:none; text-align:center; }
.saas-solution-page .saas-solution-copy::after { display:none; }
.saas-solution-page .saas-solution-copy p { max-width:640px; margin:0 auto; color:#5f7790; font-size:15px; line-height:1.92; }
@keyframes saas-tab-reveal { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes saas-tab-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (max-width:800px) { .saas-solution-tabs { width:min(100%,540px); gap:34px; } }
@media (max-width:620px) { .saas-solution-page .saas-fit-section .section-head { display:flex; margin-bottom:72px; }.saas-solution-page .saas-solution-section { padding:62px 0 82px; }.saas-solution-page .saas-solution-heading--single { margin-bottom:24px; padding:0; }.saas-solution-tabs { width:100%; gap:22px; }.saas-solution-tabs button { min-height:51px; padding-bottom:14px; font-size:14px; }.saas-solution-tabs button small { font-size:8px; }.saas-solution-page .saas-solution-item.is-active { gap:20px; }.saas-solution-page .saas-solution-copy,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-copy { padding:0 0 8px; }.saas-solution-page .saas-solution-copy p { max-width:340px; font-size:13px; line-height:1.82; }.saas-solution-page .saas-solution-media,.saas-solution-page .saas-solution-item:nth-child(2) .saas-solution-media { border-radius:0; box-shadow:none; }.saas-value-icon { border-width:3px; }.saas-value-icon svg { stroke-width:2; } }
@media (prefers-reduced-motion:reduce) { .saas-solution-page .saas-solution-item.is-active { animation:none; }.saas-solution-tabs button,.saas-solution-tabs button::after { transition:none; }.saas-solution-tabs.is-autoplaying button.is-active::after { animation:none; }.saas-value-grid article { opacity:1; transform:none; animation:none; } }

/* The value proof reads as a single, centered statement before the five points. */
.saas-solution-page .saas-fit-section .section-head { display:flex; justify-content:center; }
.saas-solution-page .saas-fit-section .section-head > div { display:flex; flex-direction:column; align-items:center; }
.saas-solution-page .saas-fit-section .section-title { text-align:center; }

/* Shared solution framework: one page rhythm, with a distinct network topology per scenario. */
.scenario-solution-page .solution-simple-title { max-width:940px; }
.scenario-solution-page .saas-friction-section { position:relative; overflow:hidden; }
.scenario-friction-visual { position:relative; isolation:isolate; min-height:360px; border:0 !important; background:radial-gradient(circle at 50% 49%,rgba(60,118,230,.16),transparent 28%),linear-gradient(rgba(41,103,204,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(41,103,204,.055) 1px,transparent 1px),#f4f8fd !important; background-size:auto,28px 28px,28px 28px,auto !important; box-shadow:none !important; }
.scenario-friction-visual::before,.scenario-friction-visual::after { content:""; position:absolute; z-index:1; border:1px solid rgba(47,115,218,.18); border-radius:50%; }.scenario-friction-visual::before { width:210px; height:118px; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-28deg); }.scenario-friction-visual::after { width:310px; height:170px; top:50%; left:50%; transform:translate(-50%,-50%) rotate(25deg); }
.scenario-friction-visual--image { min-height:0; aspect-ratio:4 / 3 !important; background:#f6f8fb !important; }
.scenario-friction-visual--image::before,.scenario-friction-visual--image::after { display:none; }
.scenario-friction-visual--image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.scenario-friction-caption { position:absolute; z-index:3; top:20px; left:23px; color:#7790a8; font:600 8px var(--mono); letter-spacing:.14em; }.scenario-friction-node { position:absolute; z-index:4; display:grid; min-width:110px; min-height:46px; place-items:center; padding:7px 10px; border:1px solid #c6d4e2; border-radius:8px; color:#496278; background:rgba(255,255,255,.9); box-shadow:0 10px 20px rgba(46,85,130,.06); font-size:11px; font-weight:700; text-align:center; }.scenario-friction-node--a { top:77px; left:11%; }.scenario-friction-node--b { top:142px; left:50%; transform:translateX(-50%); }.scenario-friction-node--c { right:11%; bottom:75px; }
.scenario-friction-path { position:absolute; z-index:2; height:1px; transform-origin:left center; background:repeating-linear-gradient(90deg,#729de0 0 5px,transparent 5px 11px); background-size:28px 1px; opacity:.86; }.scenario-friction-path.path-a { top:122px; left:29%; width:24%; transform:rotate(22deg); }.scenario-friction-path.path-b { top:189px; left:49%; width:26%; transform:rotate(-23deg); }.scenario-friction-path.path-c { top:221px; left:20%; width:57%; transform:rotate(3deg); }.scenario-friction-alert { position:absolute; z-index:4; right:19px; top:20px; padding:6px 9px; border:1px dashed #d6b9b9; border-radius:4px; color:#ad6068; background:rgba(255,249,249,.86); font:600 8px var(--mono); letter-spacing:.07em; }
.scenario-network-visual { position:relative; min-height:382px; overflow:hidden; background:radial-gradient(circle at 50% 51%,rgba(75,131,245,.17),transparent 28%),linear-gradient(rgba(40,105,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,105,211,.045) 1px,transparent 1px); background-size:auto,24px 24px,24px 24px; }.scenario-network-visual::before { content:""; position:absolute; top:50%; left:50%; width:254px; height:154px; border:1px solid rgba(35,104,222,.2); border-radius:50%; transform:translate(-50%,-50%) rotate(-16deg); box-shadow:0 0 0 41px rgba(48,112,222,.025),0 0 0 82px rgba(48,112,222,.016); }.scenario-network-visual > small { position:absolute; z-index:4; top:20px; left:23px; color:#6485a7; font:600 8px var(--mono); letter-spacing:.14em; }.scenario-network-lines { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; }.scenario-network-lines path { fill:none; stroke:#3479e5; stroke-width:1.1; stroke-dasharray:4 7; animation:scenario-signal 3.1s linear infinite; }
.scenario-network-visual--image { min-height:0; background:transparent; }.scenario-network-visual--image::before { display:none; }
.scenario-network-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:128px; height:128px; place-content:center; border:1px solid #2270e8; border-radius:50%; color:#173d79; background:radial-gradient(circle at 35% 28%,#fff,#eaf3ff); text-align:center; transform:translate(-50%,-50%); box-shadow:0 0 0 10px rgba(41,111,231,.08),0 13px 28px rgba(29,91,188,.1); font-size:17px; font-weight:800; letter-spacing:-.055em; }.scenario-network-core::after { content:""; position:absolute; inset:9px; border:1px solid rgba(31,102,218,.28); border-radius:50%; }.scenario-network-core em { position:relative; z-index:1; display:block; margin-top:7px; color:#5d86bd; font:600 7px var(--mono); font-style:normal; letter-spacing:.06em; }.scenario-network-node { position:absolute; z-index:3; display:grid; gap:4px; min-width:117px; padding:10px 12px; border:1px solid #cbd9e8; border-radius:8px; color:#23466e; background:rgba(255,255,255,.94); box-shadow:0 8px 18px rgba(31,73,120,.06); }.scenario-network-node b { font-size:11px; }.scenario-network-node em { color:#718aa3; font-size:9px; font-style:normal; }.scenario-network-node--1 { top:62px; left:6%; }.scenario-network-node--2 { top:62px; right:6%; }.scenario-network-node--3 { bottom:42px; left:7%; }.scenario-network-node--4 { right:7%; bottom:42px; }
.scenario-solution-page .saas-value-grid article { padding:73px 18px 20px; }.scenario-solution-page .saas-value-grid h3 { margin:0 0 8px; color:#23446f; font-size:15px; letter-spacing:-.04em; }.scenario-solution-page .saas-value-grid p { color:#607790; font-size:12px; font-weight:500; line-height:1.7; }
.scenario-solution-media { overflow:visible !important; }.scenario-compare { display:grid; grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr); gap:14px; align-items:center; width:100%; color:#17365e; }.scenario-compare-state { overflow:hidden; border:1px solid #d4dfeb; border-radius:18px; background:#fff; box-shadow:0 18px 35px rgba(30,68,111,.08); }.scenario-compare-state header { display:grid; justify-items:center; gap:6px; min-height:111px; padding:18px 16px 14px; background:#f5f7fb; text-align:center; }.scenario-compare-state header span { min-width:66px; padding:4px 11px; border:1px solid #c7d2e2; border-radius:999px; color:#617991; font-size:10px; font-weight:700; }.scenario-compare-state header strong { font-size:20px; line-height:1.16; letter-spacing:-.05em; }.scenario-compare-state header small { color:#71839a; font-size:11px; }
.scenario-compare-stage { position:relative; min-height:235px; overflow:hidden; background:linear-gradient(rgba(43,103,202,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,103,202,.045) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(74,132,233,.09),transparent 40%); background-size:23px 23px,23px 23px,auto; }.scenario-compare-stage::before { content:""; position:absolute; z-index:0; top:50%; left:50%; width:142px; height:86px; border:1px solid rgba(69,117,188,.24); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); }.scenario-compare-core { position:absolute; z-index:2; top:50%; left:50%; display:grid; width:74px; height:74px; place-content:center; border:1px solid #a8bbd0; border-radius:50%; color:#516b86; background:#fff; transform:translate(-50%,-50%); font:600 10px/1.4 var(--mono); font-style:normal; text-align:center; box-shadow:0 7px 15px rgba(38,71,111,.08); }.scenario-compare-nodes { position:absolute; z-index:2; inset:20px 24px; display:grid; grid-template-columns:1fr 1fr; align-content:space-between; justify-items:stretch; gap:16px 34%; }.scenario-compare-nodes span { display:grid; min-height:31px; place-items:center; padding:5px 7px; border:1px solid #c6d3e2; border-radius:6px; color:#526a83; background:rgba(255,255,255,.95); font-size:10px; text-align:center; }.scenario-compare-nodes span:nth-child(odd) { transform:translateX(-2px); }.scenario-compare-nodes span:nth-child(even) { transform:translateX(2px); }.scenario-compare-state footer { min-height:50px; display:flex; align-items:center; justify-content:center; padding:10px 18px; color:#62788f; background:#f6f8fb; font-size:11px; line-height:1.45; text-align:center; }.scenario-compare-arrow { display:grid; width:44px; height:44px; place-items:center; border-radius:50%; color:#fff; background:#1768e7; box-shadow:0 9px 18px rgba(29,101,226,.25); font-size:23px; font-style:normal; }
.scenario-compare-state--after { border-color:#2372e8; }.scenario-compare-state--after header { color:#fff; background:linear-gradient(105deg,#1769e9,#20bdd2); }.scenario-compare-state--after header span { border-color:rgba(255,255,255,.5); color:#fff; background:rgba(255,255,255,.13); }.scenario-compare-state--after header small { color:#e4f5ff; }.scenario-compare-state--after .scenario-compare-stage { background:linear-gradient(rgba(37,109,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,109,232,.06) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(34,117,238,.18),transparent 44%); background-size:23px 23px,23px 23px,auto; }.scenario-compare-state--after .scenario-compare-stage::before { width:170px; height:170px; border-color:#2d7de9; }.scenario-compare-state--after .scenario-compare-core { width:92px; height:92px; border-color:#1d70e8; color:#155bc6; box-shadow:0 0 0 7px rgba(35,111,235,.08),0 10px 19px rgba(28,98,209,.14); }.scenario-compare-state--after .scenario-compare-nodes span { border-color:#b7d3fb; color:#1b61c5; }.scenario-compare-state--after footer { color:#1765d6; background:#eef5ff; font-weight:700; }
@keyframes scenario-signal { to { stroke-dashoffset:-44; } }
@media (max-width:900px) { .scenario-compare { grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr); gap:9px; }.scenario-compare-state header strong { font-size:17px; }.scenario-compare-stage { min-height:210px; }.scenario-compare-nodes { inset:18px 16px; gap:14px 28%; }.scenario-network-visual { max-width:none; } }
@media (max-width:620px) { .scenario-friction-visual { min-height:300px; }.scenario-friction-node { min-width:88px; min-height:40px; padding:5px 7px; font-size:9px; }.scenario-friction-node--a { top:63px; left:5%; }.scenario-friction-node--b { top:128px; }.scenario-friction-node--c { right:5%; bottom:54px; }.scenario-friction-path.path-a { top:102px; left:27%; width:29%; }.scenario-friction-path.path-b { top:168px; left:47%; width:30%; }.scenario-friction-path.path-c { top:202px; left:18%; width:63%; }.scenario-network-visual { min-height:330px; }.scenario-network-core { width:108px; height:108px; font-size:15px; }.scenario-network-node { min-width:86px; padding:8px; }.scenario-network-node b { font-size:9px; }.scenario-network-node em { font-size:7px; }.scenario-network-node--1 { top:52px; left:3%; }.scenario-network-node--2 { top:52px; right:3%; }.scenario-network-node--3 { bottom:34px; left:4%; }.scenario-network-node--4 { right:4%; bottom:34px; }.scenario-solution-page .saas-value-grid h3 { font-size:13px; }.scenario-solution-page .saas-value-grid p { font-size:11px; }.scenario-compare { grid-template-columns:1fr; gap:14px; }.scenario-compare-arrow { justify-self:center; transform:rotate(90deg); }.scenario-compare-state header { min-height:100px; }.scenario-compare-stage { min-height:205px; }.scenario-compare-nodes { inset:18px 24px; }.scenario-compare-state header strong { font-size:18px; } }
@media (prefers-reduced-motion:reduce) { .scenario-network-lines path { animation:none; } }

/* Live solution: an interactive visual demo, not a live control-plane view. */
.scenario-live-page .saas-difference-section { background:linear-gradient(180deg,#f8fbff 0%,#f2f6fb 100%); }
.scenario-difference-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; max-width:468px; margin:27px 0 0; padding-top:19px; border-top:1px solid #d4e0ec; }
.scenario-difference-facts div { min-width:0; }.scenario-difference-facts dt { color:#2a6fd5; font:700 8px var(--mono); letter-spacing:.1em; }.scenario-difference-facts dd { margin:6px 0 0; color:#385572; font-size:11px; font-weight:700; line-height:1.45; }
.scenario-difference-support { margin-top:23px !important; }.scenario-difference-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; max-width:490px; margin:26px 0 0; padding-top:20px; border-top:1px solid #d4e0ec; }.scenario-difference-metrics div { min-width:0; }.scenario-difference-metrics dt { color:#2563eb; font:800 25px/1 "JetBrains Mono",var(--mono); letter-spacing:-.06em; white-space:nowrap; }.scenario-difference-metrics div:nth-child(2) dt { color:#059669; }.scenario-difference-metrics div:nth-child(3) dt { color:#0f172a; }.scenario-difference-metrics dd { margin:8px 0 0; color:#71849a; font-size:11px; line-height:1.45; white-space:nowrap; }
@media (max-width:620px) { .scenario-difference-support { margin-top:18px !important; }.scenario-difference-metrics { gap:8px; margin-top:21px; padding-top:16px; }.scenario-difference-metrics dt { font-size:18px; }.scenario-difference-metrics dd { margin-top:6px; font-size:9px; white-space:normal; } }
.live-quality-cabin { isolation:isolate; position:relative; display:grid; grid-template-rows:auto auto 1fr auto; min-height:566px; margin:0; overflow:hidden; border:1px solid rgba(207,220,235,.95); border-radius:22px; color:#0f2745; background:rgba(255,255,255,.86); box-shadow:0 26px 62px rgba(38,91,153,.13),0 1px 3px rgba(15,23,42,.05); backdrop-filter:blur(18px); }
.live-quality-cabin::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.58; background-image:linear-gradient(rgba(44,105,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(44,105,204,.045) 1px,transparent 1px); background-size:26px 26px; mask-image:linear-gradient(135deg,transparent 0%,#000 20%,#000 80%,transparent 100%); }
.live-quality-cabin__head { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:70px; padding:0 21px; border-bottom:1px solid #e0e9f2; background:rgba(255,255,255,.72); }
.live-quality-cabin__title { display:flex; align-items:center; gap:8px; min-width:0; }.live-quality-cabin__title > i { flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:#2563eb; box-shadow:0 0 0 5px rgba(37,99,235,.12); }.live-quality-cabin__title strong { color:#102d55; font-size:14px; letter-spacing:-.035em; }.live-quality-cabin__title small { padding:4px 6px; border:1px solid #cfe0fc; border-radius:4px; color:#2563eb; background:#f0f6ff; font:700 7px "JetBrains Mono",var(--mono); letter-spacing:.08em; white-space:nowrap; }
.live-quality-cabin__routes { display:flex; align-items:center; gap:3px; padding:3px; border:1px solid #dbe5ef; border-radius:9px; background:#f4f7fa; box-shadow:inset 0 1px 2px rgba(15,36,61,.04); }.live-quality-cabin__routes button { min-height:44px; padding:0 9px; border:1px solid transparent; border-radius:6px; color:#687b90; background:transparent; font:700 10px var(--sans); cursor:pointer; transition:color .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease; }.live-quality-cabin__routes button:hover { color:#1d4e91; }.live-quality-cabin__routes button[aria-pressed="true"] { border-color:#d7e3f3; color:#2563eb; background:#fff; box-shadow:0 3px 8px rgba(38,77,121,.08); }.live-quality-cabin__routes button:focus-visible,.live-quality-cabin__hotspot button:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
.live-quality-cabin__route-banner { position:relative; z-index:2; display:flex; align-items:center; gap:8px; min-height:44px; margin:13px 14px 0; padding:0 12px; border:1px solid #d8e8ff; border-radius:9px; color:#5e7690; background:rgba(239,246,255,.78); font-size:10px; }.live-quality-cabin__route-banner > span { color:#6d8196; }.live-quality-cabin__route-banner strong { min-width:0; overflow:hidden; color:#163f78; font:700 10px "JetBrains Mono",var(--mono); letter-spacing:-.02em; text-overflow:ellipsis; white-space:nowrap; }.live-quality-cabin__route-banner em { margin-left:auto; padding:3px 6px; border-radius:4px; color:#fff; background:#2563eb; font:700 7px "JetBrains Mono",var(--mono); font-style:normal; letter-spacing:.07em; white-space:nowrap; }
.live-quality-cabin__grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:11px; padding:13px 14px 14px; }.live-quality-cabin__metric,.live-quality-cabin__topology,.live-quality-cabin__status,.live-quality-cabin__pillars { border:1px solid #dce6f0; border-radius:13px; background:rgba(255,255,255,.92); box-shadow:0 4px 12px rgba(15,39,69,.035); }
.live-quality-cabin__metric { grid-column:span 6; display:grid; grid-template-rows:auto 1fr auto; min-height:126px; padding:13px; overflow:hidden; }.live-quality-cabin__metric header,.live-quality-cabin__topology header { display:flex; align-items:center; justify-content:space-between; gap:9px; }.live-quality-cabin__metric header span,.live-quality-cabin__topology header span,.live-quality-cabin__status span { color:#19385e; font-size:11px; font-weight:800; }.live-quality-cabin__metric header small,.live-quality-cabin__topology header small,.live-quality-cabin__status small { color:#7990a8; font:600 7px "JetBrains Mono",var(--mono); letter-spacing:.09em; }.live-quality-cabin__metric strong { align-self:end; margin-top:9px; color:#2563eb; font:800 20px/1 "JetBrains Mono",var(--mono); letter-spacing:-.07em; }.live-quality-cabin__metric--loss strong { color:#059669; }.live-quality-cabin__metric em { align-self:end; color:#8293a4; font-size:8px; font-style:normal; }.live-quality-cabin__metric svg { width:100%; height:39px; margin-top:5px; overflow:visible; }
.live-quality-cabin__topology { grid-column:1 / -1; min-height:144px; padding:13px; border-color:#d7e7fb; background:linear-gradient(135deg,rgba(239,246,255,.88),rgba(255,255,255,.96) 52%,rgba(241,246,255,.82)); }.live-quality-cabin__topology header span { display:flex; align-items:center; gap:6px; }.live-quality-cabin__topology header span i { width:7px; height:7px; border-radius:50%; background:#2563eb; }.live-quality-cabin__topology-path { display:grid; grid-template-columns:minmax(0,1fr) minmax(104px,.72fr) minmax(0,1fr); gap:10px; align-items:center; margin:12px 0 9px; padding:10px; border:1px solid #dbe6f1; border-radius:9px; background:rgba(255,255,255,.78); }.live-quality-cabin__topology-path > div { min-width:0; }.live-quality-cabin__topology-path > div:last-child { text-align:right; }.live-quality-cabin__topology-path small { display:block; color:#8495a6; font-size:8px; }.live-quality-cabin__topology-path strong { display:block; margin-top:4px; overflow:hidden; color:#18375d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.live-quality-cabin__topology-path > i { display:grid; gap:5px; text-align:center; font-style:normal; }.live-quality-cabin__topology-path > i em { color:#2563eb; font:700 7px "JetBrains Mono",var(--mono); letter-spacing:.07em; }.live-quality-cabin__topology-path > i b { position:relative; display:block; height:4px; overflow:hidden; border:1px solid #c7daf6; border-radius:99px; background:#eef4fb; }.live-quality-cabin__topology-path > i b::after { content:""; position:absolute; inset:0 46% 0 0; border-radius:inherit; background:#2563eb; animation:liveCabinPath 2.8s ease-in-out infinite; }.live-quality-cabin__topology footer { display:flex; justify-content:space-between; gap:8px; color:#66819c; font-size:8px; }.live-quality-cabin__topology footer span::before { content:""; display:inline-block; width:4px; height:4px; margin-right:4px; border-radius:50%; background:#2563eb; vertical-align:middle; }
.live-quality-cabin__status { grid-column:span 6; display:flex; align-items:center; justify-content:space-between; min-height:82px; padding:13px; }.live-quality-cabin__status div { display:grid; gap:4px; }.live-quality-cabin__status strong { color:#1b416e; font:700 12px "JetBrains Mono",var(--mono); letter-spacing:-.045em; }.live-quality-cabin__status i { display:grid; width:43px; height:43px; place-items:center; border:3px solid #dceafd; border-top-color:#2563eb; border-radius:50%; color:#2563eb; font:700 7px "JetBrains Mono",var(--mono); font-style:normal; letter-spacing:-.05em; }.live-quality-cabin__status--response i { border-color:#d7f0e7; border-right-color:#059669; color:#059669; }
.live-quality-cabin__pillars { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; }.live-quality-cabin__pillars span { display:flex; align-items:center; justify-content:center; min-height:39px; padding:0 6px; border-right:1px solid #dce6f0; color:#536d88; font-size:9px; font-weight:700; text-align:center; }.live-quality-cabin__pillars span:last-child { border-right:0; }.live-quality-cabin__pillars span::before { content:""; width:6px; height:6px; flex:0 0 auto; margin-right:5px; border-radius:50%; background:#2563eb; }.live-quality-cabin__pillars span:nth-child(2)::before { background:#059669; }.live-quality-cabin__pillars span:nth-child(3)::before { background:#7c83e6; }.live-quality-cabin__pillars span:nth-child(4)::before { background:#2e80c7; }
.live-quality-cabin__hotspot { position:absolute; z-index:6; }.live-quality-cabin__hotspot button { display:grid; width:44px; height:44px; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; transform:translate(-14px,-14px); }.live-quality-cabin__hotspot button i { display:block; width:16px; height:16px; border-radius:50%; background:#2563eb; box-shadow:0 0 0 0 rgba(37,99,235,.56); animation:liveCabinPulse 2s infinite; }.live-quality-cabin__hotspot button i::after { content:""; display:block; width:4px; height:4px; margin:6px; border-radius:50%; background:#fff; }.live-quality-cabin__hotspot--latency { top:6px; left:22%; }.live-quality-cabin__hotspot--loss { top:6px; right:22%; }.live-quality-cabin__hotspot--response { right:16%; bottom:67px; }.live-quality-cabin__tip { position:absolute; top:22px; left:-77px; width:214px; padding:12px; border:1px solid #14283d; border-radius:9px; color:#e8f1fa; background:#0d2235; box-shadow:0 16px 30px rgba(10,24,39,.22); opacity:0; pointer-events:none; transform:translateY(7px); transition:opacity .18s ease,transform .18s ease; }.live-quality-cabin__tip--up { top:auto; bottom:22px; }.live-quality-cabin__tip strong { display:block; color:#75aaff; font-size:10px; }.live-quality-cabin__tip p { margin:5px 0 0; color:#c2d0de; font-size:9px; line-height:1.6; }.live-quality-cabin__hotspot:hover .live-quality-cabin__tip,.live-quality-cabin__hotspot:focus-within .live-quality-cabin__tip,.live-quality-cabin__hotspot button[aria-expanded="true"] + .live-quality-cabin__tip { opacity:1; pointer-events:auto; transform:translateY(0); }
.live-quality-cabin figcaption { display:flex; align-items:center; min-height:40px; padding:0 17px; border-top:1px solid #dfe8f1; color:#71889f; background:rgba(247,250,253,.86); font:600 8px "JetBrains Mono",var(--mono); letter-spacing:.05em; }
@keyframes liveCabinPulse { 0%,100% { transform:scale(.94); box-shadow:0 0 0 0 rgba(37,99,235,.52); } 60% { transform:scale(1); box-shadow:0 0 0 8px rgba(37,99,235,0); } }
@keyframes liveCabinPath { 0%,100% { transform:translateX(-30%); } 50% { transform:translateX(72%); } }
@media (max-width:900px) { .live-quality-cabin { max-width:none; }.live-quality-cabin__head { align-items:flex-start; flex-direction:column; padding:15px 17px; }.live-quality-cabin__routes { width:100%; }.live-quality-cabin__routes button { flex:1; }.live-quality-cabin__hotspot--latency { left:24%; }.live-quality-cabin__hotspot--loss { right:24%; } }
@media (max-width:620px) { .scenario-difference-facts { gap:8px; margin-top:23px; }.scenario-difference-facts dd { font-size:10px; }.live-quality-cabin { min-height:0; border-radius:15px; }.live-quality-cabin__head { gap:12px; padding:13px; }.live-quality-cabin__title strong { font-size:13px; }.live-quality-cabin__title small { display:none; }.live-quality-cabin__routes button { min-height:44px; padding:0 5px; font-size:9px; }.live-quality-cabin__route-banner { min-height:39px; margin:10px 10px 0; padding:0 9px; }.live-quality-cabin__route-banner strong { font-size:8px; }.live-quality-cabin__route-banner em { font-size:6px; }.live-quality-cabin__grid { gap:8px; padding:10px; }.live-quality-cabin__metric { min-height:120px; padding:10px; }.live-quality-cabin__metric strong { font-size:15px; }.live-quality-cabin__metric em { font-size:7px; }.live-quality-cabin__topology { min-height:132px; padding:10px; }.live-quality-cabin__topology-path { grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr); gap:5px; margin:9px 0 7px; padding:8px; }.live-quality-cabin__topology-path strong { font-size:9px; }.live-quality-cabin__topology-path > i em { font-size:6px; }.live-quality-cabin__topology footer { gap:4px; font-size:7px; }.live-quality-cabin__status { min-height:78px; padding:10px; }.live-quality-cabin__status strong { font-size:9px; }.live-quality-cabin__status i { width:35px; height:35px; font-size:6px; }.live-quality-cabin__pillars span { min-height:37px; padding:0 4px; font-size:8px; }.live-quality-cabin__pillars span::before { width:5px; height:5px; margin-right:3px; }.live-quality-cabin__hotspot--latency { top:4px; left:25%; }.live-quality-cabin__hotspot--loss { top:4px; right:25%; }.live-quality-cabin__hotspot--response { right:18%; bottom:57px; }.live-quality-cabin__tip { left:-92px; width:196px; }.live-quality-cabin figcaption { min-height:36px; padding:0 12px; font-size:7px; letter-spacing:0; } }
@media (prefers-reduced-motion:reduce) { .live-quality-cabin__hotspot button i,.live-quality-cabin__topology-path > i b::after { animation:none; } }

/* 2026-07-29: 1:1 live quality cockpit. */
.live-quality-cabin { display:block; min-height:0; padding:24px; overflow:hidden; border:1px solid rgba(226,232,240,.8); border-radius:24px; color:#0f172a; background:rgba(255,255,255,.85); box-shadow:0 24px 48px rgba(59,130,246,.1); backdrop-filter:blur(24px); }
.live-quality-cabin::before { content:none; }.live-quality-cabin__glow { position:absolute; z-index:-1; width:288px; height:288px; border-radius:50%; filter:blur(48px); pointer-events:none; }.live-quality-cabin__glow--blue { top:-96px; left:-96px; background:rgba(96,165,250,.1); }.live-quality-cabin__glow--indigo { right:-96px; bottom:-96px; background:rgba(129,140,248,.1); }
.live-quality-cabin__head { display:flex; align-items:center; justify-content:space-between; min-height:0; gap:12px; margin:0 0 16px; padding:0 0 14px; border-bottom:1px solid rgba(226,232,240,.8); background:transparent; }.live-quality-cabin__title { gap:8px; }.live-quality-cabin__title > i { width:10px; height:10px; background:#2563eb; box-shadow:0 0 0 0 rgba(37,99,235,.56); animation:liveCabinPulse 2s infinite; }.live-quality-cabin__title strong { color:#0f172a; font-size:14px; letter-spacing:.04em; }.live-quality-cabin__title small { padding:2px 8px; border:1px solid rgba(191,219,254,.6); border-radius:4px; color:#2563eb; background:#eff6ff; font:600 10px "JetBrains Mono",var(--mono); letter-spacing:0; }
.live-quality-cabin__routes { display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:4px; border:1px solid rgba(226,232,240,.8); border-radius:12px; background:#f1f5f9; box-shadow:inset 0 1px 2px rgba(15,23,42,.04); }.live-quality-cabin__routes > span { padding:0 8px; color:#94a3b8; font-size:11px; font-weight:500; }.live-quality-cabin__routes button { min-height:0; padding:5px 10px; border:1px solid transparent; border-radius:8px; color:#475569; background:transparent; font:500 11px var(--sans); white-space:nowrap; }.live-quality-cabin__routes button:hover { color:#0f172a; }.live-quality-cabin__routes button[aria-pressed="true"] { border-color:rgba(226,232,240,.6); color:#2563eb; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); }.live-quality-cabin__routes button:focus-visible,.live-quality-cabin__hotspot button:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
.live-quality-cabin__route-banner { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:0; margin:0 0 16px; padding:8px 14px; border:1px solid rgba(219,234,254,.8); border-radius:12px; color:#334155; background:rgba(239,246,255,.7); font:12px "JetBrains Mono",var(--mono); }.live-quality-cabin__route-banner > span { color:#334155; white-space:nowrap; }.live-quality-cabin__route-banner strong { color:#1e3a8a; font:700 12px "JetBrains Mono",var(--mono); letter-spacing:0; }.live-quality-cabin__route-banner em { display:flex; align-items:center; gap:5px; margin-left:auto; padding:2px 8px; border-radius:6px; color:#fff; background:#2563eb; font:700 10px var(--sans); font-style:normal; letter-spacing:0; white-space:nowrap; box-shadow:0 1px 3px rgba(37,99,235,.25); }.live-quality-cabin__route-banner em i { width:6px; height:6px; border-radius:50%; background:#fff; }
.live-quality-cabin__grid { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; padding:0; }.live-quality-cabin__metric,.live-quality-cabin__topology,.live-quality-cabin__status,.live-quality-cabin__pillars { border:1px solid rgba(226,232,240,.8); border-radius:16px; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); }
.live-quality-cabin__metric { grid-column:span 6; display:flex; flex-direction:column; justify-content:space-between; min-height:186px; padding:16px; }.live-quality-cabin__metric header { display:block; }.live-quality-cabin__metric header > div { display:flex; align-items:center; gap:8px; }.live-quality-cabin__metric header i { display:grid; width:28px; height:28px; place-items:center; border:1px solid #dbeafe; border-radius:8px; color:#2563eb; background:#eff6ff; font-size:12px; font-style:normal; }.live-quality-cabin__metric--loss header i { border-color:#d1fae5; color:#059669; background:#ecfdf5; }.live-quality-cabin__metric header span { display:grid; gap:2px; }.live-quality-cabin__metric header b { color:#1e293b; font-size:12px; }.live-quality-cabin__metric header b small { color:#94a3b8; font:10px "JetBrains Mono",var(--mono); }.live-quality-cabin__metric header em { color:#2563eb; font-size:9px; font-style:normal; font-weight:600; }.live-quality-cabin__metric--loss header em { color:#059669; }.live-quality-cabin__metric > strong { display:block; align-self:auto; margin:8px 0; color:#2563eb; font:800 30px/1 "JetBrains Mono",var(--mono); letter-spacing:-.05em; }.live-quality-cabin__metric--loss > strong { color:#059669; }.live-quality-cabin__metric > strong small { color:#94a3b8; font:600 14px var(--sans); letter-spacing:0; }.live-quality-cabin__metric svg { width:100%; height:48px; margin:0; overflow:visible; }
.live-quality-cabin__topology { grid-column:1 / -1; min-height:0; padding:16px; border-color:rgba(219,234,254,.8); background:linear-gradient(135deg,rgba(239,246,255,.8),#fff 50%,rgba(238,242,255,.5)); }.live-quality-cabin__topology header { display:flex; align-items:center; justify-content:space-between; gap:10px; }.live-quality-cabin__topology header span { display:flex; align-items:center; gap:8px; color:#0f172a; font-size:12px; font-weight:800; }.live-quality-cabin__topology header span i { width:8px; height:8px; border-radius:50%; background:#2563eb; }.live-quality-cabin__topology header small { color:#94a3b8; font:10px "JetBrains Mono",var(--mono); letter-spacing:0; }.live-quality-cabin__topology-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-items:center; margin:10px 0 8px; padding:8px; border:1px solid rgba(226,232,240,.7); border-radius:12px; background:rgba(255,255,255,.9); }.live-quality-cabin__topology-path > div { padding:0 8px; }.live-quality-cabin__topology-path > div:last-child { text-align:right; }.live-quality-cabin__topology-path small { color:#94a3b8; font-size:9px; }.live-quality-cabin__topology-path strong { margin-top:3px; color:#1e293b; font-size:12px; }.live-quality-cabin__topology-path > div:last-child strong { color:#1d4ed8; }.live-quality-cabin__topology-path > i { gap:3px; }.live-quality-cabin__topology-path > i em { color:#2563eb; font:700 9px "JetBrains Mono",var(--mono); letter-spacing:0; }.live-quality-cabin__topology-path > i b { height:4px; border:1px solid rgba(226,232,240,.5); background:#f1f5f9; }.live-quality-cabin__topology-path > i b::after { inset:0 50% 0 0; background:#2563eb; animation:liveCabinPath 1.8s ease-in-out infinite; }.live-quality-cabin__topology footer { color:#64748b; font-size:10px; font-weight:500; }.live-quality-cabin__topology footer span::before { width:7px; height:7px; margin-right:5px; background:#2563eb; }
.live-quality-cabin__status { grid-column:span 6; display:flex; align-items:center; justify-content:space-between; min-height:113px; padding:16px; }.live-quality-cabin__status div { gap:4px; }.live-quality-cabin__status div > span { color:#1e293b; font-size:12px; font-weight:700; }.live-quality-cabin__status div > span small { color:#94a3b8; font:10px "JetBrains Mono",var(--mono); }.live-quality-cabin__status div > em { color:#64748b; font-size:10px; font-style:normal; }.live-quality-cabin__status div > strong { color:#0f172a; font:800 24px/1.1 "JetBrains Mono",var(--mono); letter-spacing:-.05em; }.live-quality-cabin__status > i { width:44px; height:44px; border:4px solid #dbeafe; border-top-color:#2563eb; color:#2563eb; font-size:12px; letter-spacing:0; }.live-quality-cabin__status--response div > strong { color:#2563eb; font-size:20px; }.live-quality-cabin__status--response div > strong small { color:#94a3b8; font:400 12px var(--sans); letter-spacing:0; }.live-quality-cabin__status--response aside { display:grid; gap:4px; color:#64748b; font:10px "JetBrains Mono",var(--mono); text-align:right; }.live-quality-cabin__status--response aside b { color:#0f172a; }.live-quality-cabin__status--response aside strong { color:#059669; font-weight:700; }
.live-quality-cabin__pillars { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding-top:8px; border:0; border-top:1px solid rgba(226,232,240,.6); box-shadow:none; background:transparent; }.live-quality-cabin__pillars span { min-height:0; padding:8px; border:1px solid rgba(226,232,240,.6); border-radius:12px; color:#334155; background:#fff; font-size:10px; font-weight:500; box-shadow:0 1px 3px rgba(15,23,42,.06); }.live-quality-cabin__pillars span::before { width:0; height:0; margin:0; }.live-quality-cabin__pillars span::after { content:"●"; margin-left:6px; color:#2563eb; font-size:9px; }
.live-quality-cabin__hotspot { z-index:30; }.live-quality-cabin__hotspot button { display:grid; width:44px; height:44px; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; transform:translate(-12px,-12px); box-shadow:none; animation:none; }.live-quality-cabin__hotspot .hotspot-ring { display:block; width:20px; height:20px; border:4px solid rgba(37,99,235,.22); border-radius:50%; background:#2563eb; box-shadow:0 0 0 0 rgba(37,99,235,.55); animation:liveCabinPulse 2s infinite; }.live-quality-cabin__hotspot--latency { top:-8px; left:20%; }.live-quality-cabin__hotspot--loss { top:-8px; right:20%; }.live-quality-cabin__hotspot--response { right:15%; bottom:50px; }.live-quality-cabin__tip { top:28px; left:-64px; width:224px; padding:14px; border:1px solid #1e293b; border-radius:12px; color:#fff; background:#0f172a; box-shadow:0 20px 36px rgba(15,23,42,.22); }.live-quality-cabin__tip--up { top:auto; right:-40px; bottom:28px; left:auto; }.live-quality-cabin__tip strong { color:#60a5fa; font-size:12px; }.live-quality-cabin__hotspot--loss .live-quality-cabin__tip strong,.live-quality-cabin__hotspot--response .live-quality-cabin__tip strong { color:#34d399; }.live-quality-cabin__tip p { color:#fff; font-size:12px; line-height:1.55; }.live-quality-cabin__hotspot:hover .live-quality-cabin__tip,.live-quality-cabin__hotspot:focus-within .live-quality-cabin__tip,.live-quality-cabin__hotspot button[aria-expanded="true"] + .live-quality-cabin__tip { opacity:1; pointer-events:auto; transform:translateY(0); }
@media (max-width:900px) { .live-quality-cabin { padding:18px; }.live-quality-cabin__head { align-items:flex-start; flex-direction:column; }.live-quality-cabin__routes { width:100%; }.live-quality-cabin__route-banner { margin-bottom:14px; }.live-quality-cabin__route-banner strong { font-size:10px; } }
@media (max-width:620px) { .live-quality-cabin { padding:14px; border-radius:20px; }.live-quality-cabin__head { gap:10px; margin-bottom:12px; padding-bottom:12px; }.live-quality-cabin__title small { display:inline-block; font-size:8px; }.live-quality-cabin__routes { gap:3px; }.live-quality-cabin__routes > span { width:100%; padding:2px 6px; }.live-quality-cabin__routes button { flex:1 1 42%; padding:7px 4px; font-size:9px; }.live-quality-cabin__route-banner { align-items:flex-start; flex-wrap:wrap; gap:5px; margin-bottom:12px; padding:8px 10px; font-size:10px; }.live-quality-cabin__route-banner strong { width:100%; font-size:9px; }.live-quality-cabin__route-banner em { position:absolute; right:24px; margin-top:0; font-size:8px; }.live-quality-cabin__grid { gap:10px; }.live-quality-cabin__metric { min-height:164px; padding:11px; }.live-quality-cabin__metric header > div { gap:5px; }.live-quality-cabin__metric header i { width:24px; height:24px; font-size:10px; }.live-quality-cabin__metric header b { font-size:10px; }.live-quality-cabin__metric header b small { font-size:7px; }.live-quality-cabin__metric header em { font-size:8px; }.live-quality-cabin__metric > strong { font-size:23px; }.live-quality-cabin__metric > strong small { font-size:11px; }.live-quality-cabin__topology { padding:11px; }.live-quality-cabin__topology header span { font-size:10px; }.live-quality-cabin__topology header small { font-size:7px; }.live-quality-cabin__topology-path { grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr); padding:7px 3px; }.live-quality-cabin__topology-path > div { padding:0 4px; }.live-quality-cabin__topology-path small { font-size:7px; }.live-quality-cabin__topology-path strong { font-size:9px; }.live-quality-cabin__topology-path > i em { font-size:7px; }.live-quality-cabin__topology footer { gap:3px; font-size:7px; }.live-quality-cabin__topology footer span::before { width:5px; height:5px; margin-right:2px; }.live-quality-cabin__status { min-height:100px; padding:11px; }.live-quality-cabin__status div > span { font-size:10px; }.live-quality-cabin__status div > span small { font-size:7px; }.live-quality-cabin__status div > em { font-size:8px; }.live-quality-cabin__status div > strong { font-size:18px; }.live-quality-cabin__status > i { width:36px; height:36px; border-width:3px; font-size:9px; }.live-quality-cabin__status--response div > strong { font-size:14px; }.live-quality-cabin__status--response div > strong small { font-size:8px; }.live-quality-cabin__status--response aside { font-size:7px; }.live-quality-cabin__pillars { gap:4px; }.live-quality-cabin__pillars span { padding:7px 2px; font-size:8px; }.live-quality-cabin__pillars span::after { margin-left:2px; font-size:6px; }.live-quality-cabin__hotspot--latency { top:-7px; left:22%; }.live-quality-cabin__hotspot--loss { top:-7px; right:22%; }.live-quality-cabin__hotspot--response { right:15%; bottom:44px; }.live-quality-cabin__tip { left:-74px; width:204px; padding:12px; }.live-quality-cabin__tip--up { right:-32px; left:auto; }.live-quality-cabin__tip strong,.live-quality-cabin__tip p { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .live-quality-cabin__title > i,.live-quality-cabin__hotspot .hotspot-ring,.live-quality-cabin__topology-path > i b::after { animation:none; } }
.live-quality-cabin__routes > span > i,.live-quality-cabin__route-banner > span > i { margin-right:4px; color:#2563eb; }.live-quality-cabin__topology footer span::before,.live-quality-cabin__pillars span::after { content:none; }.live-quality-cabin__topology footer span > i,.live-quality-cabin__pillars span > i { margin-right:5px; color:#2563eb; }.live-quality-cabin__pillars span > i { font-size:10px; }
.live-quality-cabin__routes { flex-wrap:nowrap; }.live-quality-cabin__routes > label { flex:0 0 auto; padding:0 8px; color:#94a3b8; font-size:11px; font-weight:500; white-space:nowrap; }.live-quality-cabin__routes > label > i { margin-right:4px; color:#2563eb; }.live-quality-cabin__routes select { min-width:154px; min-height:32px; padding:5px 30px 5px 10px; border:1px solid rgba(226,232,240,.9); border-radius:8px; color:#2563eb; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); font:700 11px var(--sans); cursor:pointer; }.live-quality-cabin__routes select:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
@media (max-width:620px) { .live-quality-cabin__routes { flex-wrap:nowrap; }.live-quality-cabin__routes > label { width:auto; padding:0 3px; font-size:9px; }.live-quality-cabin__routes select { min-width:0; flex:1; min-height:36px; font-size:10px; } }

/* 2026-07-28: SD-WAN method image replacement. */
.wan-page .wan-method-overview-main { grid-template-columns: 1fr; gap: 30px; text-align: center; }
.wan-page .wan-method-overview-copy { max-width: 790px; margin: 0 auto; }
.wan-page .wan-method-overview-copy h3 { max-width: 620px; margin-right: auto; margin-left: auto; }
.wan-page .wan-method-overview-copy p { max-width: 720px; margin-right: auto; margin-left: auto; margin-bottom: 0; }
.wan-page .wan-method-overview-main figure { max-width: 1120px; width: 100%; margin: 0 auto; }
.wan-page .wan-method-overview-copy h3 { max-width: 760px; font-size: clamp(22px,2.2vw,30px); line-height: 1.45; letter-spacing: -.04em; }

/* 2026-07-28: SD-WAN method poster — remove nested-card treatment. */
.wan-page .wan-method-overview { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.wan-page .wan-method-overview-main { gap: 28px; padding: 0 0 36px; text-align: left; }
.wan-page .wan-method-overview-copy { max-width: none; margin: 0; text-align: left; }
.wan-page .wan-method-overview-copy > span { display: block; margin-bottom: 12px; color: #1768c7; }
.wan-page .wan-method-overview-copy h3 { max-width: 760px; margin: 0; }
.wan-page .wan-method-overview-main figure { max-width: none; margin: 0; }
.wan-page .wan-method-overview-main img { width: 100%; }
.wan-page .wan-method-pillars { position: relative; gap: clamp(20px,3.3vw,52px); padding-top: 27px; border: 0; }
.wan-page .wan-method-pillars::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 2px; background: #1768c7; }
.wan-page .wan-method-pillars article { min-height: 0; padding: 0; border: 0; }
.wan-page .wan-method-pillars b { width: auto; height: auto; margin-bottom: 13px; border-radius: 0; color: #1768c7; background: transparent; font-size: 11px; letter-spacing: .12em; }
.wan-page .wan-method-pillars h3 { margin: 0 0 7px; font-size: 19px; }
.wan-page .wan-method-pillars strong { font-size: 14px; }
.wan-page .wan-method-pillars strong + p { margin-top: 8px; }

@media (max-width: 620px) {
  .wan-page .wan-method-overview-main { gap: 21px; padding-bottom: 30px; }
  .wan-page .wan-method-overview-copy > span { margin-bottom: 9px; }
  .wan-page .wan-method-overview-main figure { width: calc(100% + 20px); margin-left: -10px; }
  .wan-page .wan-method-pillars { gap: 28px; padding-top: 24px; }
  .wan-page .wan-method-pillars article { padding: 0; border: 0; }
}

.wan-page .wan-hero-visual {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.wan-page .wan-hero-visual::before,
.wan-page .wan-hero-visual::after { content: ""; position: absolute; z-index: 1; bottom: -1%; width: 34%; height: 34%; display: block; pointer-events: none; }
.wan-page .wan-hero-visual::before { left: -11%; background: radial-gradient(ellipse 88% 86% at 0 100%,rgba(247,251,255,.98),rgba(247,251,255,.9) 35%,rgba(247,251,255,.45) 61%,transparent 82%); }
.wan-page .wan-hero-visual::after { right: -11%; background: radial-gradient(ellipse 88% 86% at 100% 100%,rgba(242,248,254,.98),rgba(242,248,254,.9) 35%,rgba(242,248,254,.45) 61%,transparent 82%); }
.wan-page .wan-hero-visual img {
  width: 122%;
  max-width: none;
  margin-left: -11%;
  border-radius: 0;
  opacity: .98;
  mix-blend-mode: normal;
  filter: none;
}

/* Company profile: factual company information only, without duplicating service pages. */
.company-page { background: #fff; }
.company-hero { overflow: hidden; color: #eef5fa; background: #09131d; }
.company-hero-grid { min-height: 540px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 84px; align-items: end; padding: 82px 0 72px; }
.company-hero .breadcrumb { color: #95a9b8; }
.company-hero .kicker { color: #72dfe2; }
.company-hero h1 { margin: 22px 0 18px; color: #fff; font-size: clamp(62px, 8vw, 108px); line-height: .95; letter-spacing: -.075em; }
.company-hero p { max-width: 590px; margin: 0; color: #b8c8d2; font-size: 18px; line-height: 1.9; }
.company-hero-index { position: relative; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px 28px; border: 1px solid rgba(163, 204, 217, .28); background: linear-gradient(145deg, rgba(28, 59, 76, .74), rgba(10, 24, 34, .94)); }
.company-hero-index > span { color: #89a1b2; font: 600 10px var(--mono); letter-spacing: .13em; }
.company-hero-index > strong { color: #fff; font: 500 clamp(96px, 12vw, 152px)/.75 var(--mono); letter-spacing: -.09em; }
.company-hero-index div { display: flex; gap: 16px; padding-top: 20px; border-top: 1px solid rgba(163, 204, 217, .22); color: #cce0e9; font-size: 13px; }
.company-hero-index b { font-weight: 500; }
.company-record-section { padding: 118px 0 104px; }
.company-record-head { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; margin-bottom: 50px; }
.company-record-head h2, .company-locations-head h2, .company-qualification-grid h2, .company-contact-grid h2 { margin: 16px 0 0; font-size: clamp(44px, 5vw, 70px); line-height: 1; letter-spacing: -.065em; }
.company-record-list { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; border-top: 1px solid #bfcdd8; }
.company-record-list div { display: grid; grid-template-columns: 165px 1fr; gap: 18px; min-height: 92px; align-items: center; padding: 16px 0; border-bottom: 1px solid #dce5ec; }
.company-record-list div:nth-child(odd) { padding-right: 42px; }
.company-record-list div:nth-child(even) { padding-left: 42px; border-left: 1px solid #dce5ec; }
.company-record-list dt { color: #6f8291; font: 500 11px var(--mono); letter-spacing: .08em; }
.company-record-list dd { margin: 0; color: #152a39; font-size: 16px; font-weight: 700; }
.company-locations-section { padding: 120px 0 132px; color: #fff; background: radial-gradient(circle at 84% 28%, rgba(41, 167, 177, .22), transparent 29%), #0a1823; }
.company-locations-head { max-width: 650px; }
.company-locations-head p { margin: 22px 0 0; color: #a8c0cf; font-size: 16px; line-height: 1.9; }
.company-location-list { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 68px 0 0; padding: 0; list-style: none; }
.company-location-list::before { content: ""; position: absolute; top: 49px; right: 16%; left: 16%; height: 1px; background: linear-gradient(90deg, #38c7cc, rgba(56, 199, 204, .22)); }
.company-location-list li { position: relative; min-height: 280px; padding: 36px 32px; border: 1px solid rgba(155, 193, 210, .24); background: rgba(6, 19, 29, .55); }
.company-location-list li::before { content: ""; position: absolute; top: 42px; left: 28px; width: 14px; height: 14px; border: 3px solid #091922; border-radius: 50%; background: #4edce0; box-shadow: 0 0 0 1px #4edce0; }
.company-location-list li > span { display: block; margin-left: 29px; color: #8da7b5; font: 500 11px var(--mono); }
.company-location-list small { display: block; margin-top: 58px; color: #69ced2; font: 600 10px var(--mono); letter-spacing: .12em; }
.company-location-list h3 { margin: 14px 0 9px; color: #fff; font-size: 42px; letter-spacing: -.05em; }
.company-location-list p { margin: 0; color: #b2c5d0; font-size: 14px; }
.company-location-list .is-headquarters { border-color: rgba(93, 216, 221, .58); background: linear-gradient(145deg, rgba(17, 51, 68, .88), rgba(7, 24, 35, .8)); }
.company-qualification-section { padding: 118px 0; background: #f4f7fa; }
.company-qualification-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 92px; align-items: end; }
.company-qualification-grid > div > p { max-width: 350px; margin: 22px 0 0; color: #657b8c; line-height: 1.9; }
.company-qualification-grid article { min-height: 282px; padding: 34px; border: 1px solid #c6d7e3; background: #fff; box-shadow: 0 22px 54px rgba(26, 62, 88, .08); }
.company-qualification-grid article > span { color: #1767ca; font: 600 10px var(--mono); letter-spacing: .1em; }
.company-qualification-grid article h3 { margin: 60px 0 12px; color: #132f46; font-size: 26px; letter-spacing: -.04em; }
.company-qualification-grid article p { margin: 0; color: #60788b; font-size: 14px; line-height: 1.8; }
.company-qualification-grid article small { display: block; margin-top: 22px; padding-top: 16px; border-top: 1px solid #dce6ed; color: #8093a1; font-size: 11px; line-height: 1.7; }
.company-contact-section { padding: 100px 0; color: #fff; background: #075cff; }
.company-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 84px; align-items: end; }
.company-contact-grid h2 { color: #fff; }
.company-contact-list { border-top: 1px solid rgba(255, 255, 255, .35); }
.company-contact-list a { display: grid; grid-template-columns: 150px 1fr; gap: 20px; align-items: center; min-height: 92px; border-bottom: 1px solid rgba(255, 255, 255, .35); }
.company-contact-list span { color: rgba(255, 255, 255, .68); font-size: 13px; }
.company-contact-list strong { font-size: clamp(17px, 2vw, 25px); letter-spacing: -.025em; }
.company-contact-list a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 820px) { .company-hero-grid, .company-qualification-grid, .company-contact-grid { grid-template-columns: 1fr; gap: 42px; }.company-hero-grid { min-height: auto; padding: 68px 0 58px; }.company-hero-index { min-height: 215px; }.company-record-section, .company-locations-section, .company-qualification-section { padding: 82px 0; }.company-record-list { grid-template-columns: 1fr; }.company-record-list div:nth-child(odd), .company-record-list div:nth-child(even) { padding: 18px 0; border-left: 0; }.company-location-list { grid-template-columns: 1fr; gap: 10px; margin-top: 42px; }.company-location-list::before { top: 28px; bottom: 28px; left: 34px; width: 1px; height: auto; background: linear-gradient(#38c7cc, rgba(56, 199, 204, .22)); }.company-location-list li { min-height: 190px; }.company-location-list li::before { top: 21px; }.company-location-list li > span { margin-top: -20px; }.company-location-list small { margin-top: 38px; }.company-contact-section { padding: 82px 0; } }
@media (max-width: 620px) { .company-hero h1 { font-size: 66px; }.company-hero p { font-size: 15px; }.company-hero-index { padding: 22px; }.company-hero-index > strong { font-size: 100px; }.company-hero-index div { gap: 11px; font-size: 11px; }.company-record-head { display: block; }.company-record-list div { grid-template-columns: 108px 1fr; min-height: 74px; }.company-record-list dt { font-size: 10px; }.company-record-list dd { font-size: 14px; }.company-locations-head p { font-size: 14px; }.company-location-list li { padding: 25px 26px; }.company-location-list h3 { font-size: 36px; }.company-qualification-grid article { min-height: 0; padding: 26px; }.company-qualification-grid article h3 { margin-top: 48px; font-size: 23px; }.company-contact-list a { grid-template-columns: 1fr; gap: 4px; padding: 19px 0; }.company-contact-list strong { font-size: 18px; } }

/* Company profile v2: quiet editorial composition, not a product console. */
.company-page { background: #fbfbf8; }
.company-archive-hero { overflow: hidden; border-bottom: 1px solid #d9e1dc; background: #eff3ef; }
.company-archive-hero-grid { min-height: 562px; display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 108px; align-items: end; padding: 78px 0 70px; }
.company-archive-hero .breadcrumb { color: #819089; }
.company-archive-eyebrow { display: block; color: #42685d; font: 600 10px var(--mono); letter-spacing: .14em; }
.company-archive-eyebrow::before { content: ""; display: inline-block; width: 30px; height: 1px; margin: 0 10px 3px 0; background: currentColor; vertical-align: middle; }
.company-archive-hero h1 { margin: 26px 0 21px; color: #18352e; font-size: clamp(70px, 8.5vw, 126px); line-height: .84; letter-spacing: -.09em; }
.company-archive-hero h1 em { color: #3c7564; font-style: normal; }
.company-archive-hero p { max-width: 510px; margin: 0; color: #52655d; font-size: 17px; line-height: 1.9; }
.company-archive-city-mark { min-height: 345px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 30px 34px; color: #1a372e; background: #cfe0d6; }
.company-archive-city-mark > span { align-self: stretch; padding-bottom: 18px; border-bottom: 1px solid rgba(45, 85, 72, .25); color: #637a6f; font: 600 9px var(--mono); letter-spacing: .12em; }
.company-archive-city-mark > strong { margin-top: 6px; font-size: clamp(34px, 3.35vw, 52px); line-height: .92; letter-spacing: -.07em; }
.company-archive-city-mark small { margin-top: auto; padding-top: 24px; color: #5b7167; font: 600 9px var(--mono); letter-spacing: .1em; }
.company-archive-records { padding: 132px 0 118px; background: #fff; }
.company-archive-records-grid, .company-archive-qualification-grid, .company-archive-contact-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 110px; }
.company-archive-section-title h2 { margin: 22px 0 0; color: #17352d; font-size: clamp(48px, 5vw, 72px); line-height: .98; letter-spacing: -.075em; }
.company-archive-facts { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid #cddbd4; }
.company-archive-facts div { min-height: 106px; padding: 22px 0; border-bottom: 1px solid #dbe5df; }
.company-archive-facts div + div { padding-left: 28px; border-left: 1px solid #dbe5df; }
.company-archive-facts dt { color: #778980; font: 600 10px var(--mono); letter-spacing: .08em; }
.company-archive-facts dd { margin: 19px 0 0; color: #24443a; font-size: 16px; font-weight: 700; }
.company-archive-offices { margin: 46px 0 0; padding: 0; border-top: 1px solid #9fb9ad; list-style: none; }
.company-archive-offices li { display: grid; grid-template-columns: 58px 1fr auto; gap: 26px; align-items: center; min-height: 128px; border-bottom: 1px solid #dbe5df; }
.company-archive-offices > li > span { color: #789488; font: 500 11px var(--mono); }
.company-archive-offices small { color: #769083; font: 600 9px var(--mono); letter-spacing: .12em; }
.company-archive-offices h3 { margin: 9px 0 0; color: #1a392f; font-size: 30px; letter-spacing: -.05em; }
.company-archive-offices p { margin: 0; color: #698177; font-size: 13px; }
.company-archive-qualification { padding: 115px 0; background: #e3eee7; }
.company-archive-qualification-grid { align-items: end; }
.company-archive-qualification article { min-height: 230px; padding: 30px 0 0; border-top: 1px solid #88a79a; }
.company-archive-qualification article > span { display: block; color: #1d493d; font-size: clamp(25px, 2.75vw, 37px); font-weight: 800; letter-spacing: -.05em; }
.company-archive-qualification article p { max-width: 540px; margin: 23px 0 0; color: #4d6a5f; font-size: 15px; line-height: 1.85; }
.company-archive-qualification article small { display: block; margin-top: 33px; padding-top: 16px; border-top: 1px solid rgba(67, 107, 92, .2); color: #728d81; font-size: 11px; }
.company-archive-contact { padding: 86px 0; color: #fff; background: #315f51; }
.company-archive-contact .company-archive-eyebrow { color: #c0d8cd; }
.company-archive-contact h2 { margin: 20px 0 0; color: #fff; font-size: clamp(38px, 3.55vw, 52px); line-height: 1.08; letter-spacing: -.055em; }
.company-archive-contact-grid { align-items: end; }
.company-archive-contact-grid > div:last-child { border-top: 1px solid rgba(255, 255, 255, .35); }
.company-archive-contact a { display: grid; grid-template-columns: 135px 1fr; gap: 24px; align-items: center; min-height: 82px; border-bottom: 1px solid rgba(255, 255, 255, .35); }
.company-archive-contact a span { color: rgba(255, 255, 255, .69); font-size: 13px; }
.company-archive-contact a strong { color: #fff; font-size: clamp(17px, 2vw, 24px); letter-spacing: -.03em; }
.company-archive-contact a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 820px) { .company-archive-hero-grid, .company-archive-records-grid, .company-archive-qualification-grid, .company-archive-contact-grid { grid-template-columns: 1fr; gap: 48px; }.company-archive-hero-grid { min-height: 0; padding: 65px 0 58px; }.company-archive-city-mark { min-height: 260px; }.company-archive-records, .company-archive-qualification { padding: 84px 0; }.company-archive-section-title h2 { font-size: 54px; } }
@media (max-width: 620px) { .company-archive-hero h1 { font-size: 75px; }.company-archive-hero p { font-size: 15px; }.company-archive-city-mark { min-height: 220px; padding: 24px; }.company-archive-city-mark > strong { font-size: 39px; }.company-archive-facts { grid-template-columns: 1fr; }.company-archive-facts div + div { padding-left: 0; border-left: 0; }.company-archive-offices li { grid-template-columns: 35px 1fr auto; gap: 13px; min-height: 106px; }.company-archive-offices h3 { font-size: 26px; }.company-archive-contact { padding: 75px 0; }.company-archive-contact a { grid-template-columns: 1fr; gap: 5px; padding: 18px 0; }.company-archive-contact a strong { font-size: 18px; } }

/* Company profile v3: retain the site's blue visual system and use the three-city image as the hero proof. */
.company-page { background: #fbfcff; }
.company-archive-hero { border-color: #d7e4f5; background: #f3f7fd; }
.company-archive-hero .breadcrumb { color: #7d8fa6; }
.company-archive-eyebrow { color: #2c6dcc; }
.company-archive-hero h1 { color: #102f5b; }
.company-archive-hero h1 em { color: #075cff; }
.company-archive-hero p { color: #5c708a; }
.company-archive-city-visual { position: relative; min-height: 345px; margin: 0; overflow: hidden; background: #0b478e; box-shadow: 0 24px 58px rgba(21, 73, 144, .18); }
.company-archive-city-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3, 32, 78, .02) 45%, rgba(3, 32, 78, .72) 100%); pointer-events: none; }
.company-archive-city-visual img { width: 100%; height: 100%; min-height: 345px; object-fit: cover; object-position: center; }
.company-archive-city-visual figcaption { position: absolute; z-index: 1; right: 26px; bottom: 24px; left: 26px; display: flex; align-items: end; justify-content: space-between; gap: 15px; color: #fff; }
.company-archive-city-visual figcaption span { font: 600 9px var(--mono); letter-spacing: .12em; opacity: .76; }
.company-archive-city-visual figcaption strong { font-size: 15px; letter-spacing: -.03em; }
.company-archive-section-title h2 { color: #102f5b; }
.company-archive-facts { border-color: #c5d8f0; }
.company-archive-facts div { border-color: #dce8f5; }
.company-archive-facts div + div { border-color: #dce8f5; }
.company-archive-facts dt, .company-archive-offices small, .company-archive-offices > li > span, .company-archive-offices p { color: #7186a0; }
.company-archive-facts dd, .company-archive-offices h3 { color: #173c70; }
.company-archive-offices { border-color: #9fbee7; }
.company-archive-offices li { border-color: #dce8f5; }
.company-archive-qualification { background: #edf4ff; }
.company-archive-qualification article { border-color: #8eb7ec; }
.company-archive-qualification article > span { color: #153d75; }
.company-archive-qualification article p { color: #587493; }
.company-archive-qualification article small { border-color: rgba(45, 103, 184, .2); color: #718aa5; }
.company-archive-contact { background: linear-gradient(125deg, #075cff, #0646b5); }
.company-archive-contact .company-archive-eyebrow { color: #b9d9ff; }
@media (max-width: 820px) { .company-archive-city-visual, .company-archive-city-visual img { min-height: 280px; } }
@media (max-width: 620px) { .company-archive-city-visual, .company-archive-city-visual img { min-height: 235px; }.company-archive-city-visual figcaption { right: 18px; bottom: 18px; left: 18px; }.company-archive-city-visual figcaption strong { font-size: 13px; } }

/* Company profile v4: city collage is the full hero background; compliance uses an original, linear delivery path. */
.company-archive-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 620px; border: 0; color: #fff; background: #062b70; }
.company-archive-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(3, 24, 67, .9) 0%, rgba(3, 24, 67, .76) 41%, rgba(3, 24, 67, .34) 72%, rgba(3, 24, 67, .13) 100%); pointer-events: none; }
.company-archive-hero-image { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.company-archive-hero-image--mobile { display: none; }
.company-archive-hero-grid { position: relative; z-index: 2; min-height: 620px; display: flex; align-items: end; padding: 102px 0 72px; }
.company-archive-hero .breadcrumb { color: rgba(225, 238, 255, .66); }
.company-archive-hero .breadcrumb a:hover { color: #fff; }
.company-archive-hero .company-archive-eyebrow { color: #a9d3ff; }
.company-archive-hero h1 { color: #fff; text-shadow: 0 10px 35px rgba(0, 20, 61, .26); }
.company-archive-hero h1 em { color: #75bcff; }
.company-archive-hero p { color: #e4efff; text-shadow: 0 3px 14px rgba(0, 20, 61, .28); }
.company-archive-location-line { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 38px; padding-top: 18px; border-top: 1px solid rgba(206, 229, 255, .38); color: #d6e8ff; font: 600 10px var(--mono); letter-spacing: .08em; }
.company-compliance { padding: 122px 0; background: #f7faff; }
.company-compliance-head { max-width: 800px; }
.company-compliance-head h2 { margin: 20px 0 18px; color: #102f5b; font-size: clamp(48px, 5vw, 72px); line-height: .98; letter-spacing: -.075em; }
.company-compliance-head p { max-width: 720px; margin: 0; color: #5d7594; font-size: 16px; line-height: 1.9; }
.company-compliance-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 92px; align-items: start; margin-top: 66px; }
.company-compliance-principles { border-top: 1px solid #c9dcf4; }
.company-compliance-principles article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid #dce8f6; }
.company-compliance-principles article > span { color: #377ed6; font: 600 10px var(--mono); }
.company-compliance-principles h3 { margin: 0; color: #173d73; font-size: 19px; letter-spacing: -.035em; }
.company-compliance-principles p { margin: 9px 0 0; color: #66809f; font-size: 13px; line-height: 1.8; }
.company-compliance-flow { margin: 0; padding: 30px; overflow: hidden; border: 1px solid #2b71d4; color: #fff; background: linear-gradient(145deg, #123f87, #075cff); box-shadow: 0 24px 56px rgba(17, 77, 158, .18); }
.company-compliance-flow figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid rgba(211, 231, 255, .34); }
.company-compliance-flow figcaption span { color: #acd7ff; font: 600 9px var(--mono); letter-spacing: .12em; }
.company-compliance-flow figcaption strong { font-size: 20px; letter-spacing: -.035em; }
.company-compliance-flow ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 35px 0 28px; padding: 0; list-style: none; }
.company-compliance-flow li { position: relative; min-height: 142px; padding: 17px 14px; border: 1px solid rgba(214, 235, 255, .28); background: rgba(3, 31, 83, .25); }
.company-compliance-flow li:not(:last-child)::after { content: "→"; position: absolute; z-index: 1; top: 50%; right: -16px; width: 22px; color: #cde8ff; transform: translateY(-50%); font-size: 17px; }
.company-compliance-flow li small { display: block; color: #b7dcff; font: 600 9px var(--mono); }
.company-compliance-flow li b { display: block; margin-top: 31px; color: #fff; font-size: 17px; letter-spacing: -.035em; }
.company-compliance-flow li em { display: block; margin-top: 8px; color: #c7e2ff; font-size: 11px; font-style: normal; line-height: 1.55; }
.company-compliance-flow li.is-syy { border-color: #a9dcff; color: #063b88; background: #ddecff; }
.company-compliance-flow li.is-syy small, .company-compliance-flow li.is-syy em { color: #376fae; }
.company-compliance-flow li.is-syy b { color: #075cff; }
.company-compliance-flow > p { margin: 0; padding-top: 19px; border-top: 1px solid rgba(211, 231, 255, .34); color: #c5e1ff; font-size: 11px; line-height: 1.75; }
@media (max-width: 900px) { .company-archive-hero, .company-archive-hero-grid { min-height: 560px; }.company-compliance-grid { grid-template-columns: 1fr; gap: 40px; }.company-compliance-flow ol { grid-template-columns: 1fr 1fr; }.company-compliance-flow li:nth-child(2)::after { top: auto; right: 50%; bottom: -17px; transform: translateX(50%) rotate(90deg); }.company-compliance-flow li:nth-child(3)::after { top: 50%; right: -16px; bottom: auto; transform: translateY(-50%); } }
@media (max-width: 620px) { .company-archive-hero, .company-archive-hero-grid { min-height: 535px; }.company-archive-hero::before { background: linear-gradient(180deg, rgba(3, 24, 67, .52), rgba(3, 24, 67, .7) 63%, rgba(3, 24, 67, .94)); }.company-archive-hero-image { display: none; object-position: center; }.company-archive-hero-image--mobile { display: block; object-fit: contain; }.company-archive-hero-grid { padding: 78px 0 54px; }.company-archive-location-line { gap: 9px; margin-top: 29px; font-size: 8px; line-height: 1.55; }.company-compliance { padding: 82px 0; }.company-compliance-head p { font-size: 14px; }.company-compliance-grid { margin-top: 42px; }.company-compliance-flow { padding: 23px 18px; }.company-compliance-flow figcaption { padding-bottom: 19px; }.company-compliance-flow figcaption strong { font-size: 18px; }.company-compliance-flow ol { grid-template-columns: 1fr; gap: 7px; margin: 25px 0 20px; }.company-compliance-flow li { min-height: 0; padding: 14px 16px; }.company-compliance-flow li:not(:last-child)::after { top: auto; right: 50%; bottom: -15px; transform: translateX(50%) rotate(90deg); }.company-compliance-flow li b { margin-top: 8px; }.company-compliance-flow li em { margin-top: 4px; } }

@media (max-width: 620px) { .company-archive-hero-image--mobile { display: block; object-fit: contain; } }

/* Three supplemental compliance explanations: resource collaboration, service records, and access scope. */
.company-compliance-details { margin-top: 108px; border-top: 1px solid #c9dcf4; }
.company-compliance-detail { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 70px; padding: 64px 0; border-bottom: 1px solid #c9dcf4; }
.company-compliance-detail header > span { color: #397fd6; font: 600 10px var(--mono); letter-spacing: .1em; }
.company-compliance-detail h3 { max-width: 430px; margin: 17px 0 13px; color: #153d75; font-size: clamp(27px, 3vw, 39px); line-height: 1.12; letter-spacing: -.055em; }
.company-compliance-detail header > p { max-width: 410px; margin: 0; color: #607b9b; font-size: 14px; line-height: 1.85; }
.company-compliance-detail > footer { grid-column: 2; margin-top: -42px; padding-top: 16px; border-top: 1px solid #d8e6f6; color: #718ba7; font-size: 11px; line-height: 1.75; }
.company-resource-chain { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; gap: 7px; align-items: stretch; padding: 20px; border: 1px solid #bcd5f1; background: #fff; }
.company-resource-chain > div { min-height: 170px; padding: 18px 14px; border: 1px solid #d4e4f5; background: #f8fbff; }
.company-resource-chain small { display: block; color: #6e8aaa; font: 600 9px var(--mono); letter-spacing: .08em; }
.company-resource-chain strong { display: block; margin-top: 28px; color: #153e77; font-size: 17px; line-height: 1.22; letter-spacing: -.035em; }
.company-resource-chain em { display: block; margin-top: 9px; color: #6c84a0; font-size: 11px; font-style: normal; line-height: 1.6; }
.company-resource-chain > i { display: grid; place-items: center; color: #5d9aeb; font-size: 17px; font-style: normal; }
.company-resource-chain > div.is-syy { border-color: #80b8f8; background: #075cff; }
.company-resource-chain > div.is-syy small, .company-resource-chain > div.is-syy em { color: #c2e1ff; }
.company-resource-chain > div.is-syy strong { color: #fff; }
.company-record-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 10px; background: #e7f1fe; }
.company-record-rail article { position: relative; min-height: 205px; padding: 23px 20px; background: #fff; }
.company-record-rail article:not(:last-child)::after { content: ""; position: absolute; right: -10px; bottom: 32px; z-index: 1; width: 20px; height: 1px; background: #6aa7ef; }
.company-record-rail b { color: #317ad1; font: 600 11px var(--mono); }
.company-record-rail h4 { margin: 66px 0 10px; color: #173f78; font-size: 18px; line-height: 1.25; letter-spacing: -.035em; }
.company-record-rail p { margin: 0; color: #6a83a0; font-size: 12px; line-height: 1.75; }
.company-access-map { display: grid; grid-template-columns: 1fr 184px 1fr; gap: 18px; align-items: center; min-height: 276px; padding: 28px; color: #fff; background: #0d3a80; }
.company-access-inputs, .company-access-outputs { display: grid; gap: 10px; }
.company-access-inputs span, .company-access-outputs span { min-height: 48px; display: flex; align-items: center; padding: 0 15px; border: 1px solid rgba(207, 232, 255, .36); color: #dceeff; background: rgba(6, 30, 72, .31); font-size: 12px; }
.company-access-core { position: relative; min-height: 174px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border: 1px solid #a9d7ff; color: #0b4da6; background: #e5f3ff; text-align: center; }
.company-access-core::before, .company-access-core::after { content: ""; position: absolute; top: 50%; width: 18px; height: 1px; background: #97cfff; }
.company-access-core::before { left: -19px; }
.company-access-core::after { right: -19px; }
.company-access-core small { color: #5c88bc; font: 600 9px var(--mono); letter-spacing: .08em; }
.company-access-core strong { margin-top: 15px; color: #075cff; font-size: 18px; line-height: 1.2; letter-spacing: -.035em; }
.company-access-core em { margin-top: 11px; color: #5b81ad; font-size: 11px; font-style: normal; }
@media (max-width: 980px) { .company-compliance-detail { grid-template-columns: 1fr; gap: 32px; }.company-compliance-detail > footer { grid-column: auto; margin-top: -16px; }.company-resource-chain { grid-template-columns: 1fr 24px 1fr; }.company-resource-chain > i:nth-of-type(2) { display: none; }.company-resource-chain > div:nth-of-type(3) { grid-column: 1 / 2; }.company-resource-chain > div:nth-of-type(4) { grid-column: 3 / 4; }.company-access-map { grid-template-columns: 1fr 180px 1fr; } }
@media (max-width: 620px) { .company-compliance-details { margin-top: 74px; }.company-compliance-detail { padding: 50px 0; }.company-compliance-detail h3 { font-size: 28px; }.company-resource-chain { grid-template-columns: 1fr; gap: 7px; padding: 8px; }.company-resource-chain > div { min-height: 0; padding: 16px; }.company-resource-chain > i { height: 17px; transform: rotate(90deg); }.company-resource-chain > div:nth-of-type(3), .company-resource-chain > div:nth-of-type(4) { grid-column: auto; }.company-resource-chain strong { margin-top: 9px; }.company-record-rail { grid-template-columns: 1fr; gap: 1px; }.company-record-rail article { min-height: 0; padding: 18px; }.company-record-rail article:not(:last-child)::after { right: 50%; bottom: -10px; width: 1px; height: 20px; }.company-record-rail h4 { margin-top: 22px; }.company-access-map { grid-template-columns: 1fr; gap: 14px; padding: 18px; }.company-access-core { min-height: 136px; order: -1; }.company-access-core::before, .company-access-core::after { display: none; }.company-access-inputs, .company-access-outputs { grid-template-columns: 1fr; }.company-access-inputs span, .company-access-outputs span { min-height: 42px; } }

/* Company profile v5: a single editorial blueprint replaces the repeated cards. */
.company-compliance { padding: 136px 0 142px; background: #f4f8ff; }
.company-compliance-head { max-width: 720px; }
.company-compliance-head h2 { color: #0d2f63; }
.company-assurance-board { position: relative; display: grid; grid-template-columns: minmax(255px, .55fr) minmax(0, 1.45fr); margin-top: 68px; overflow: hidden; color: #fff; background: #06285d; box-shadow: 0 30px 80px rgba(14, 56, 118, .22); }
.company-assurance-board::before { content: ""; position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(156, 205, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(156, 205, 255, .07) 1px, transparent 1px); background-size: 36px 36px; pointer-events: none; }
.company-assurance-intro { position: relative; z-index: 1; display: flex; min-height: 700px; flex-direction: column; padding: 42px 36px 34px; border-right: 1px solid rgba(182, 218, 255, .26); background: linear-gradient(160deg, rgba(11, 79, 172, .7), rgba(3, 26, 69, .54)); }
.company-assurance-intro > span, .company-assurance-route header > span { color: #9fd0ff; font: 600 10px var(--mono); letter-spacing: .1em; }
.company-assurance-intro > strong { margin-top: 96px; color: #fff; font-size: clamp(32px, 3.35vw, 52px); line-height: 1.03; letter-spacing: -.075em; }
.company-assurance-intro > p { max-width: 255px; margin: 25px 0 0; color: #c6e1ff; font-size: 13px; line-height: 1.85; }
.company-assurance-intro > i { width: 44px; height: 2px; margin-top: auto; background: #75bcff; }
.company-assurance-intro > small { margin-top: 18px; color: rgba(202, 228, 255, .69); font: 600 9px var(--mono); line-height: 1.6; letter-spacing: .08em; }
.company-assurance-routes { position: relative; z-index: 1; padding: 0 42px; }
.company-assurance-route { display: grid; grid-template-columns: 218px minmax(0, 1fr); column-gap: 32px; padding: 40px 0 31px; border-bottom: 1px solid rgba(182, 218, 255, .24); }
.company-assurance-route:last-child { border-bottom: 0; }
.company-assurance-route header { grid-column: 1; }
.company-assurance-route h3 { margin: 14px 0 11px; color: #fff; font-size: 23px; line-height: 1.16; letter-spacing: -.055em; }
.company-assurance-route header > p { margin: 0; color: #bddbfb; font-size: 12px; line-height: 1.75; }
.company-assurance-route > footer { grid-column: 2; margin-top: 15px; color: #93bce9; font-size: 10px; line-height: 1.6; }
.company-route-line { position: relative; display: grid; grid-column: 2; align-items: start; margin: 5px 0 0; padding: 17px 0 8px; list-style: none; }
.company-route-line::before { content: ""; position: absolute; top: 17px; right: 2%; left: 2%; height: 1px; background: linear-gradient(90deg, rgba(150, 203, 255, .36), #79baff 48%, rgba(150, 203, 255, .36)); }
.company-route-line--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.company-route-line--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.company-route-line li { position: relative; min-height: 86px; padding: 31px 12px 0; color: #fff; }
.company-route-line li::before { content: ""; position: absolute; z-index: 1; top: 11px; left: 12px; width: 12px; height: 12px; border: 3px solid #c3e2ff; border-radius: 50%; background: #06285d; box-sizing: border-box; }
.company-route-line li:not(:last-child)::after { content: ""; position: absolute; top: 14px; right: 8px; width: 7px; height: 7px; border-top: 1px solid #a9d5ff; border-right: 1px solid #a9d5ff; transform: rotate(45deg); }
.company-route-line li.is-syy { padding-left: 17px; background: linear-gradient(135deg, #0b74ff, #0758df); box-shadow: 0 12px 26px rgba(0, 124, 255, .25); }
.company-route-line li.is-syy::before { left: 17px; border-color: #fff; background: #75bcff; }
.company-route-line small { display: block; color: #9fd0ff; font: 600 8px var(--mono); letter-spacing: .08em; }
.company-route-line b { display: block; margin-top: 8px; color: #fff; font-size: 15px; line-height: 1.2; letter-spacing: -.035em; }
.company-route-line em { display: block; margin-top: 5px; color: #bddbfb; font-size: 10px; font-style: normal; line-height: 1.45; }
.company-route-line li.is-syy small, .company-route-line li.is-syy em { color: #d7ecff; }
.company-scope-line { display: grid; grid-column: 2; grid-template-columns: minmax(0, 1fr) 156px minmax(0, 1fr); gap: 18px; align-items: center; min-height: 120px; margin-top: 5px; }
.company-scope-group { display: grid; gap: 5px; }
.company-scope-group span { padding: 8px 10px; border-left: 2px solid rgba(141, 200, 255, .76); color: #d9ecff; background: rgba(5, 39, 91, .42); font-size: 11px; line-height: 1.3; }
.company-scope-core { position: relative; display: flex; min-height: 114px; flex-direction: column; justify-content: center; padding: 15px; background: linear-gradient(135deg, #0d77ff, #0757d7); box-shadow: 0 14px 30px rgba(0, 103, 239, .26); text-align: center; }
.company-scope-core::before, .company-scope-core::after { content: ""; position: absolute; top: 50%; width: 17px; height: 1px; background: #92cbff; }
.company-scope-core::before { left: -17px; }.company-scope-core::after { right: -17px; }
.company-scope-core small { color: #cce6ff; font: 600 8px var(--mono); letter-spacing: .08em; }
.company-scope-core b { margin-top: 8px; color: #fff; font-size: 16px; line-height: 1.15; letter-spacing: -.04em; }
.company-scope-core em { margin-top: 7px; color: #d3eaff; font-size: 9px; font-style: normal; line-height: 1.45; }
@media (max-width: 960px) { .company-assurance-board { grid-template-columns: 1fr; }.company-assurance-intro { min-height: 0; padding: 34px; border-right: 0; border-bottom: 1px solid rgba(182, 218, 255, .26); }.company-assurance-intro > strong { margin-top: 40px; }.company-assurance-intro > i { margin-top: 32px; }.company-assurance-routes { padding: 0 34px; }.company-assurance-route { grid-template-columns: 190px minmax(0, 1fr); } }
@media (max-width: 620px) { .company-compliance { padding: 82px 0; }.company-assurance-board { margin-top: 42px; }.company-assurance-intro { padding: 29px 22px; }.company-assurance-intro > strong { margin-top: 34px; font-size: 37px; }.company-assurance-routes { padding: 0 22px; }.company-assurance-route { display: block; padding: 30px 0 25px; }.company-assurance-route h3 { font-size: 23px; }.company-assurance-route > footer { margin-top: 13px; }.company-route-line { margin-top: 24px; padding-bottom: 0; }.company-route-line--four, .company-route-line--three { grid-template-columns: 1fr; gap: 0; }.company-route-line::before { top: 18px; bottom: 18px; left: 6px; width: 1px; height: auto; background: linear-gradient(#79baff, rgba(150, 203, 255, .18)); }.company-route-line li { min-height: 0; padding: 4px 0 20px 26px; }.company-route-line li::before { top: 5px; left: 0; }.company-route-line li:not(:last-child)::after { display: none; }.company-route-line li.is-syy { margin-left: 26px; padding: 15px 15px 15px 32px; }.company-route-line li.is-syy::before { top: 17px; left: 14px; }.company-scope-line { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }.company-scope-core { min-height: 104px; order: -1; }.company-scope-core::before, .company-scope-core::after { display: none; }.company-scope-group { grid-template-columns: 1fr; }.company-scope-group span { padding: 10px 12px; } }

/* Company profile v6: three literal flow diagrams, without marketing explanation blocks. */
.company-compliance { padding: 118px 0 126px; background: #fbfdff; }
.company-compliance-head { max-width: 610px; }
.company-compliance-head h2 { margin-bottom: 14px; color: #0e346b; }
.company-compliance-head p { max-width: 460px; font-size: 14px; }
.company-processes { margin-top: 64px; border-top: 1px solid #bed4ee; }
.company-process { display: grid; grid-template-columns: minmax(230px, .62fr) minmax(0, 1.38fr); column-gap: 72px; padding: 52px 0 40px; border-bottom: 1px solid #bed4ee; }
.company-process figcaption { display: grid; grid-template-columns: 27px minmax(0, 1fr); gap: 16px; align-content: start; }
.company-process figcaption > span { padding-top: 4px; color: #3179d2; font: 600 11px var(--mono); }
.company-process h3 { margin: 0; color: #123d76; font-size: 28px; line-height: 1.16; letter-spacing: -.055em; }
.company-process figcaption p { margin: 12px 0 0; color: #6882a0; font-size: 13px; line-height: 1.75; }
.company-process > footer { grid-column: 2; margin-top: 16px; color: #7792b0; font-size: 11px; line-height: 1.7; }
.company-collaboration-flow, .company-record-flow, .company-scope-flow { position: relative; grid-column: 2; align-self: start; padding: 28px 30px; border: 1px solid #b5d0ef; background: #fff; }
.company-flow-node { position: relative; display: flex; min-height: 112px; flex-direction: column; justify-content: center; padding: 16px; border: 1px solid #c9def4; background: #f7fbff; }
.company-flow-node::before { content: ""; position: absolute; top: -7px; left: 17px; width: 12px; height: 12px; border: 2px solid #387fd7; border-radius: 50%; background: #fff; box-sizing: border-box; }
.company-flow-node small { color: #6c91ba; font: 600 9px var(--mono); letter-spacing: .08em; }
.company-flow-node strong { margin-top: 13px; color: #123e79; font-size: 17px; line-height: 1.2; letter-spacing: -.035em; }
.company-flow-node.is-syy { border-color: #075cff; background: #075cff; box-shadow: 0 12px 25px rgba(7, 92, 255, .2); }
.company-flow-node.is-syy::before { border-color: #fff; background: #80c2ff; }
.company-flow-node.is-syy small, .company-flow-node.is-syy strong { color: #fff; }
.company-flow-arrow { display: grid; place-items: center; color: #0c5bc5; font-size: 25px; font-style: normal; }
.company-collaboration-flow { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr); grid-template-rows: auto 48px; align-items: center; }
.company-flow-return { position: relative; display: flex; grid-column: 1 / 6; grid-row: 2; align-items: end; justify-content: center; margin-top: 7px; border-bottom: 1px solid #6e9fd6; }
.company-flow-return::before, .company-flow-return::after { content: ""; position: absolute; bottom: 0; width: 1px; height: 26px; background: #6e9fd6; }
.company-flow-return::before { left: 9%; }.company-flow-return::after { right: 9%; }
.company-flow-return span { position: relative; bottom: -8px; padding: 0 13px; color: #477caf; background: #fff; font-size: 11px; }
.company-flow-return span::before { content: "←"; margin-right: 8px; color: #0d62ce; font-size: 15px; vertical-align: -1px; }
.company-record-flow { display: grid; grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr); grid-template-rows: auto 34px; align-items: center; }
.company-record-flow .company-flow-node { min-height: 112px; }
.company-record-baseline { position: relative; grid-column: 1 / 8; grid-row: 2; display: flex; align-items: end; justify-content: center; margin-top: 10px; border-bottom: 1px solid #79a8dc; color: #4e7cae; font-size: 11px; }
.company-record-baseline::before, .company-record-baseline::after { content: ""; position: absolute; bottom: 0; width: 1px; height: 17px; background: #79a8dc; }.company-record-baseline::before { left: 4%; }.company-record-baseline::after { right: 4%; }
.company-record-baseline { padding-bottom: 5px; }
.company-scope-flow { display: grid; grid-template-columns: minmax(0, 1fr) 40px 178px 40px minmax(0, 1fr); grid-template-rows: auto 26px; align-items: center; }
.company-scope-column { display: grid; gap: 8px; }
.company-scope-column span { min-height: 35px; display: flex; align-items: center; padding: 8px 12px; border: 1px solid #c9def4; color: #17477f; background: #f7fbff; font-size: 12px; }
.company-scope-node { position: relative; min-height: 148px; display: flex; flex-direction: column; justify-content: center; padding: 20px; color: #fff; background: linear-gradient(145deg, #075cff, #0b4fb6); box-shadow: 0 14px 28px rgba(9, 76, 180, .19); text-align: center; }
.company-scope-node::before, .company-scope-node::after { content: ""; position: absolute; top: 50%; width: 40px; height: 1px; background: #73a7df; }.company-scope-node::before { left: -40px; }.company-scope-node::after { right: -40px; }
.company-scope-node small { color: #b8dcff; font: 600 9px var(--mono); letter-spacing: .08em; }
.company-scope-node strong { margin-top: 13px; color: #fff; font-size: 18px; line-height: 1.15; letter-spacing: -.04em; }.company-scope-node em { margin-top: 8px; color: #c7e4ff; font-size: 10px; font-style: normal; }
.company-scope-note { grid-column: 1 / 6; grid-row: 2; margin-top: 11px; color: #6688af; font-size: 11px; text-align: center; }
@media (max-width: 960px) { .company-process { grid-template-columns: 1fr; gap: 28px; }.company-process > footer, .company-collaboration-flow, .company-record-flow, .company-scope-flow { grid-column: auto; }.company-process > footer { margin-top: -14px; }.company-process figcaption { max-width: 560px; } }
@media (max-width: 620px) { .company-compliance { padding: 80px 0; }.company-processes { margin-top: 43px; }.company-process { gap: 24px; padding: 36px 0 29px; }.company-process h3 { font-size: 25px; }.company-collaboration-flow, .company-record-flow, .company-scope-flow { padding: 22px 18px; }.company-collaboration-flow, .company-record-flow { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0; }.company-flow-node { min-height: 0; padding: 14px 15px 14px 29px; }.company-flow-node::before { top: 19px; left: 10px; }.company-flow-node strong { margin-top: 7px; font-size: 16px; }.company-flow-arrow { height: 29px; transform: rotate(90deg); }.company-collaboration-flow .company-flow-return, .company-record-flow .company-record-baseline { display: none; }.company-collaboration-flow .company-flow-node.is-syy { margin-top: 0; }.company-scope-flow { grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; }.company-scope-flow > .company-flow-arrow { height: 28px; transform: rotate(90deg); }.company-scope-node { min-height: 118px; }.company-scope-node::before, .company-scope-node::after { display: none; }.company-scope-note { grid-column: auto; grid-row: auto; margin-top: 0; padding-top: 4px; }.company-scope-column { gap: 6px; } }

/* Company profile v7: direct reconstruction of the supplied flow-diagram layout. */
.company-compliance { padding: 0; background: #fff; }
.company-reference-flows { background: #fff; }
.company-reference-flow { padding: 108px 0 94px; border-bottom: 1px solid #edf1f7; }
.company-reference-head { max-width: 790px; margin: 0 auto; text-align: center; }
.company-reference-head .company-archive-eyebrow { display: block; margin-bottom: 18px; color: #3378d1; }
.company-reference-head h2 { margin: 0; color: #111; font-size: clamp(44px, 5vw, 67px); line-height: 1.08; letter-spacing: -.065em; }
.company-reference-head p { max-width: 690px; margin: 28px auto 0; color: #465363; font-size: 14px; line-height: 1.8; }
.company-reference-canvas { width: 100%; max-width: 1200px; margin: 50px auto 0; overflow: hidden; background: #fff; }
.company-reference-canvas svg { display: block; width: 100%; height: auto; overflow: visible; }
.company-reference-canvas text { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
.company-reference-canvas--delivery { margin-top: 42px; }
.company-reference-canvas--delivery .reference-node-label text { fill: #111; font-size: 26px; font-weight: 600; }
.company-reference-canvas--delivery .reference-node-box rect { fill: #f0f1f3; }
.company-reference-canvas--delivery .reference-node-box circle, .company-reference-canvas--delivery .reference-node-box path { fill: #050505; }
.company-reference-canvas--delivery .reference-node-box--partner rect { fill: #e5efff; }
.company-reference-canvas--delivery .reference-node-box--partner circle, .company-reference-canvas--delivery .reference-node-box--partner path { fill: #075cff; }
.company-reference-canvas--delivery .reference-node-box--syy rect { fill: #e5efff; }
.company-reference-canvas--delivery .reference-node-box--syy text { fill: #075cff; font-size: 16px; font-weight: 800; letter-spacing: .03em; }
.company-reference-canvas--delivery .reference-line { color: #111; fill: none; stroke: #111; stroke-width: 2; }
.company-reference-canvas--delivery .reference-line circle { fill: #fff; }
.company-reference-canvas--delivery .reference-line-label text { fill: #20242a; font-size: 17px; }
.company-reference-canvas--delivery .reference-support rect { fill: #e5efff; }.company-reference-canvas--delivery .reference-support circle, .company-reference-canvas--delivery .reference-support path { fill: #075cff; }
.company-reference-canvas--delivery .reference-support-label { fill: #111; font-size: 22px; font-weight: 500; }
.company-reference-flow--records { padding-top: 116px; }.company-reference-canvas--records { margin-top: 54px; }
.company-reference-canvas--records .reference-record-card rect { fill: #fff; filter: drop-shadow(0 15px 17px rgba(25, 48, 80, .17)); }
.company-reference-canvas--records .reference-record-card text { fill: #0c0c0c; font-size: 19px; font-weight: 800; }.company-reference-canvas--records .reference-record-card text:nth-of-type(3) { fill: #075cff; font-size: 12px; font-weight: 600; }
.company-reference-canvas--records .reference-record-card--alt rect { fill: #f8fbff; }.company-reference-canvas--records .reference-record-points circle { fill: #dcebff; stroke: #8bbcff; stroke-width: 2; }
.company-reference-canvas--records .reference-record-copy text { fill: #121212; font-size: 16px; font-weight: 700; text-anchor: middle; }.company-reference-canvas--records .reference-record-copy .reference-record-copy-small { fill: #465363; font-size: 12px; font-weight: 400; }
.company-reference-flow--scope { padding-bottom: 112px; }.company-reference-canvas--scope { max-width: 1280px; margin-top: 38px; }
.company-reference-canvas--scope .reference-scope-pill rect { fill: #e4f0ff; stroke: #91bdf5; stroke-width: 1.5; }.company-reference-canvas--scope .reference-scope-pill text { fill: #183b6b; font-size: 13px; }
.company-reference-canvas--scope .reference-scope-line { color: #111; fill: none; stroke: #111; stroke-width: 1.5; }.company-reference-canvas--scope .reference-scope-line circle { fill: #fff; }.company-reference-canvas--scope .reference-scope-line-label { fill: #111; font-size: 13px; }
.company-reference-canvas--scope .reference-scope-core circle { fill: #075cff; filter: drop-shadow(0 10px 13px rgba(7, 92, 255, .22)); }.company-reference-canvas--scope .reference-scope-core text { fill: #fff; font-size: 18px; font-weight: 700; }
.company-reference-canvas--scope .reference-scope-output rect, .company-reference-canvas--scope .reference-scope-target rect { fill: #fffde3; stroke: #e6d966; stroke-width: 1.5; }.company-reference-canvas--scope .reference-scope-output text, .company-reference-canvas--scope .reference-scope-target text { fill: #182634; font-size: 13px; }.company-reference-canvas--scope .reference-scope-output .reference-scope-output--syy { fill: #075cff; stroke: #075cff; }.company-reference-canvas--scope .reference-scope-output text:last-child { fill: #fff; }
.company-reference-canvas--scope .reference-scope-verify circle { fill: #e5efff; stroke: #80b8fa; stroke-width: 1.5; }.company-reference-canvas--scope .reference-scope-verify text { fill: #075cff; font-size: 16px; font-weight: 700; }.company-reference-canvas--scope .reference-scope-line--verify { stroke: #5b91d0; }
@media (max-width: 760px) { .company-reference-flow { padding: 74px 0 66px; }.company-reference-head { padding: 0 5px; }.company-reference-head h2 { font-size: 40px; }.company-reference-head p { margin-top: 19px; font-size: 13px; }.company-reference-canvas { margin-top: 34px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }.company-reference-canvas svg { min-width: 900px; }.company-reference-canvas--scope svg { min-width: 960px; }.company-reference-canvas::after { content: "左右滑动查看完整流程"; display: block; padding: 8px 0 0; color: #7c91aa; font-size: 11px; text-align: center; } }

/* Company profile v8: company records are the hero content, not a second section. */
.company-archive-hero h1 { max-width: 800px; margin-top: 17px; font-size: clamp(48px, 5vw, 72px); line-height: .96; white-space: nowrap; }
.company-hero-records { width: min(690px, 100%); margin-top: 30px; }
.company-hero-facts { display: grid; grid-template-columns: 1.35fr 1fr; margin: 0; border-top: 1px solid rgba(210, 231, 255, .46); }
.company-hero-facts > div { min-height: 66px; padding: 12px 0; border-bottom: 1px solid rgba(210, 231, 255, .31); }
.company-hero-facts > div + div { padding-left: 22px; border-left: 1px solid rgba(210, 231, 255, .31); }
.company-hero-facts dt, .company-hero-offices small, .company-hero-offices > li > span, .company-hero-offices em { color: #b9d9ff; font: 600 9px var(--mono); letter-spacing: .09em; }
.company-hero-facts dd { margin: 10px 0 0; color: #fff; font-size: 14px; font-weight: 700; }
.company-hero-offices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(210, 231, 255, .46); }
.company-hero-offices li { display: grid; grid-template-columns: 21px 1fr auto; gap: 9px; align-items: center; min-height: 60px; padding: 10px 12px 10px 0; border-bottom: 1px solid rgba(210, 231, 255, .31); }
.company-hero-offices li + li { padding-left: 12px; border-left: 1px solid rgba(210, 231, 255, .31); }
.company-hero-offices strong { display: block; margin-top: 5px; color: #fff; font-size: 21px; line-height: 1; letter-spacing: -.04em; }
.company-hero-offices em { font-style: normal; letter-spacing: 0; }
@media (max-width: 620px) { .company-archive-hero, .company-archive-hero-grid { min-height: 685px; }.company-archive-hero-image--mobile { object-fit: cover; }.company-archive-hero-grid { align-items: end; padding: 58px 0 38px; }.company-archive-hero h1 { margin-top: 13px; font-size: clamp(29px, 9.2vw, 36px); letter-spacing: -.045em; }.company-hero-records { margin-top: 23px; }.company-hero-facts { grid-template-columns: 1fr; }.company-hero-facts > div { min-height: 48px; padding: 9px 0; }.company-hero-facts > div + div { padding-left: 0; border-left: 0; }.company-hero-facts dd { margin-top: 6px; font-size: 12px; }.company-hero-offices { margin-top: 12px; }.company-hero-offices li { grid-template-columns: 18px 1fr auto; gap: 6px; min-height: 46px; padding: 7px 7px 7px 0; }.company-hero-offices li + li { padding-left: 7px; }.company-hero-offices strong { margin-top: 3px; font-size: 16px; }.company-hero-facts dt, .company-hero-offices small, .company-hero-offices > li > span, .company-hero-offices em { font-size: 7px; } }

/* Company profile v13: integrated operator, record-retention, and access-control visual system. */
.company-governance {
  --governance-blue: #075cff;
  --governance-navy: #071f49;
  --governance-ink: #102f5d;
  --governance-line: #c8daf0;
  position: relative;
  overflow: hidden;
  background: #eef4fb;
}
.company-governance-intro {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 84% 16%, rgba(57, 141, 255, .42), transparent 28%),
    linear-gradient(128deg, #061b41 0%, #07347f 58%, #075cff 100%);
}
.company-governance-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  background-image:
    linear-gradient(rgba(173, 210, 255, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(173, 210, 255, .15) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.company-governance-intro-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
  gap: 120px;
  align-items: end;
  padding: 116px 0 184px;
}
.company-governance-eyebrow {
  display: block;
  color: #8fc9ff;
  font: 600 10px var(--mono);
  letter-spacing: .14em;
}
.company-governance-intro h2 {
  margin: 24px 0 0;
  color: #fff;
  font-size: clamp(54px, 6.1vw, 88px);
  line-height: .94;
  letter-spacing: -.075em;
}
.company-governance-summary {
  padding-top: 26px;
  border-top: 1px solid rgba(205, 229, 255, .42);
}
.company-governance-summary > p {
  max-width: 550px;
  margin: 0;
  color: #d4e8ff;
  font-size: 15px;
  line-height: 1.9;
}
.company-governance-summary ol {
  display: grid;
  gap: 0;
  margin: 32px 0 0;
  padding: 0;
  border-top: 1px solid rgba(205, 229, 255, .2);
  list-style: none;
}
.company-governance-summary li {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 50px;
  border-bottom: 1px solid rgba(205, 229, 255, .2);
  color: #f2f8ff;
  font-size: 13px;
}
.company-governance-summary li span {
  color: #85c8ff;
  font: 600 10px var(--mono);
}
.company-governance-panels {
  position: relative;
  z-index: 2;
  margin-top: -106px;
  padding-bottom: 126px;
}
.company-governance-panel {
  position: relative;
  margin: 0 0 72px;
  overflow: hidden;
  border: 1px solid #cfdef0;
  color: var(--governance-ink);
  background: #fff;
  box-shadow: 0 28px 70px rgba(22, 66, 125, .13);
}
.company-governance-panel:last-child { margin-bottom: 0; }
.company-governance-panel-head {
  display: grid;
  grid-template-columns: 72px minmax(260px, .85fr) minmax(320px, 1.15fr);
  gap: 34px;
  align-items: start;
  padding: 42px 42px 36px;
  border-bottom: 1px solid #d7e4f3;
}
.company-governance-panel-head > span {
  color: #87a9cf;
  font: 500 42px/1 var(--mono);
  letter-spacing: -.08em;
}
.company-governance-panel-head small {
  display: block;
  color: #3f7dcc;
  font: 600 9px var(--mono);
  letter-spacing: .12em;
}
.company-governance-panel-head h3 {
  margin: 13px 0 0;
  color: #0d356b;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.04;
  letter-spacing: -.06em;
}
.company-governance-panel-head > p {
  max-width: 560px;
  margin: 1px 0 0;
  color: #5d7693;
  font-size: 14px;
  line-height: 1.9;
}
.company-governance-panel > footer {
  margin: 0 42px;
  padding: 17px 0 22px;
  border-top: 1px solid #d7e4f3;
  color: #7088a3;
  font-size: 11px;
  line-height: 1.7;
}
.company-governance-visual {
  position: relative;
  margin: 34px 42px;
  overflow: hidden;
  border: 1px solid var(--governance-line);
  background: #f8fbff;
}
.company-governance-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .42;
  background-image:
    linear-gradient(rgba(104, 154, 217, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 154, 217, .08) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}
.company-governance-rule-band,
.company-governance-lane,
.company-governance-lane-bridge,
.company-governance-evidence {
  position: relative;
  z-index: 1;
}
.company-governance-rule-band {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, 1fr);
  gap: 1px;
  color: #dcecff;
  background: #0a2d64;
}
.company-governance-rule-band > * {
  min-height: 45px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-right: 1px solid rgba(184, 218, 255, .18);
  font-size: 11px;
}
.company-governance-rule-band strong {
  color: #fff;
  font-size: 12px;
}
.company-governance-lane {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  min-height: 132px;
  border-bottom: 1px solid #d9e5f3;
}
.company-governance-lane > header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 24px;
  border-right: 1px solid #d9e5f3;
  background: rgba(233, 242, 252, .78);
}
.company-governance-lane > header small {
  color: #5c83af;
  font: 600 8px var(--mono);
  letter-spacing: .11em;
}
.company-governance-lane > header strong {
  margin-top: 11px;
  color: #123f77;
  font-size: 23px;
  letter-spacing: -.045em;
}
.company-governance-lane > header span {
  margin-top: 5px;
  color: #6d88a5;
  font-size: 11px;
}
.company-governance-lane ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin: 0;
  padding: 18px 23px;
  list-style: none;
}
.company-governance-lane ol::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10%;
  left: 10%;
  height: 1px;
  background: #81a9d8;
}
.company-governance-lane li {
  position: relative;
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 7px;
  padding: 13px 14px 13px 28px;
  border: 1px solid #c7d9ed;
  background: rgba(255, 255, 255, .94);
}
.company-governance-lane li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 11px;
  width: 8px;
  height: 8px;
  border: 2px solid #3b7bc7;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.company-governance-lane li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -17px;
  color: #266dbf;
  font-size: 15px;
  transform: translateY(-50%);
}
.company-governance-lane b {
  color: #173f73;
  font-size: 14px;
  line-height: 1.3;
}
.company-governance-lane em {
  margin-top: 6px;
  color: #758ca5;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5;
}
.company-governance-lane--operator > header { background: rgba(218, 234, 253, .9); }
.company-governance-lane--operator li { border-color: #a9c8eb; background: #f4f9ff; }
.company-governance-lane--syy {
  border-bottom: 0;
  color: #fff;
  background: linear-gradient(90deg, #0d3977, #075cff);
}
.company-governance-lane--syy > header {
  border-color: rgba(206, 231, 255, .28);
  background: rgba(2, 28, 74, .28);
}
.company-governance-lane--syy > header small,
.company-governance-lane--syy > header span { color: #b9dcff; }
.company-governance-lane--syy > header strong { color: #fff; }
.company-governance-lane--syy ol::before { background: rgba(202, 230, 255, .56); }
.company-governance-lane--syy li {
  border-color: rgba(205, 232, 255, .4);
  background: rgba(1, 35, 96, .44);
}
.company-governance-lane--syy li::before {
  border-color: #fff;
  background: #73c1ff;
}
.company-governance-lane--syy b { color: #fff; }
.company-governance-lane--syy em { color: #c6e3ff; }
.company-governance-lane--syy li:not(:last-child)::after { color: #c7e5ff; }
.company-governance-lane-bridge {
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  color: #5f7fa4;
  background: rgba(239, 246, 254, .92);
  font-size: 10px;
}
.company-governance-lane-bridge::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #6fa2dc;
}
.company-governance-lane-bridge span,
.company-governance-lane-bridge i {
  position: relative;
  z-index: 1;
  background: #eff6fe;
}
.company-governance-lane-bridge span { padding: 0 9px; }
.company-governance-lane-bridge i {
  margin-left: 1px;
  padding: 0 4px;
  color: #075cff;
  font-size: 15px;
  font-style: normal;
}
.company-governance-evidence {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, 1fr);
  gap: 1px;
  color: #c4ddf7;
  background: #061a3e;
}
.company-governance-evidence > * {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 17px;
  border-right: 1px solid rgba(192, 221, 251, .16);
  font-size: 10px;
}
.company-governance-evidence strong {
  color: #fff;
  font-size: 12px;
}
.company-retention-visual {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 190px;
  gap: 30px;
  align-items: center;
  min-height: 360px;
  padding: 30px;
}
.company-retention-visual > * { position: relative; z-index: 1; }
.company-retention-data {
  min-height: 245px;
  padding: 25px 23px;
  color: #fff;
  background: linear-gradient(155deg, #08285e, #0a5be5);
}
.company-retention-data small {
  color: #a9d4ff;
  font: 600 8px var(--mono);
  letter-spacing: .1em;
}
.company-retention-data strong {
  display: block;
  margin-top: 14px;
  font-size: 27px;
  letter-spacing: -.05em;
}
.company-retention-data ul {
  display: grid;
  gap: 0;
  margin: 27px 0 0;
  padding: 0;
  border-top: 1px solid rgba(208, 232, 255, .34);
  list-style: none;
}
.company-retention-data li {
  padding: 9px 0;
  border-bottom: 1px solid rgba(208, 232, 255, .22);
  color: #d7eaff;
  font-size: 11px;
}
.company-retention-pipeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.company-retention-pipeline::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 9%;
  left: 9%;
  height: 1px;
  background: linear-gradient(90deg, #86b9f0, #075cff);
}
.company-retention-pipeline li {
  position: relative;
  min-height: 142px;
  padding: 52px 13px 16px;
  border-right: 1px solid #d8e5f3;
}
.company-retention-pipeline li:last-child { border-right: 0; }
.company-retention-pipeline li::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 16px;
  width: 14px;
  height: 14px;
  border: 4px solid #dbeeff;
  border-radius: 50%;
  background: #075cff;
  box-shadow: 0 0 0 1px #77b4f4;
  box-sizing: border-box;
}
.company-retention-pipeline span {
  color: #5182ba;
  font: 600 8px var(--mono);
}
.company-retention-pipeline b {
  display: block;
  margin-top: 9px;
  color: #153f75;
  font-size: 14px;
}
.company-retention-pipeline em {
  display: block;
  margin-top: 7px;
  color: #738ba5;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5;
}
.company-retention-years {
  position: relative;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  border: 1px solid #93bef2;
  border-radius: 50%;
  color: #fff;
  background:
    radial-gradient(circle at center, #075cff 0 58%, transparent 59%),
    conic-gradient(#86c6ff 0 76%, #dcecff 76% 100%);
  text-align: center;
  box-shadow: 0 20px 38px rgba(7, 92, 255, .18);
}
.company-retention-years small {
  color: #c9e5ff;
  font: 600 7px var(--mono);
  letter-spacing: .1em;
}
.company-retention-years strong {
  margin-top: 4px;
  font-size: 76px;
  line-height: .82;
  letter-spacing: -.09em;
}
.company-retention-years b {
  margin-top: 8px;
  font: 700 12px var(--mono);
  letter-spacing: .12em;
}
.company-retention-years span {
  margin-top: 4px;
  color: #cbe5ff;
  font-size: 9px;
}
.company-retention-timeline {
  grid-column: 1 / -1;
  padding: 6px 12px 0;
}
.company-retention-timeline > i {
  position: relative;
  display: block;
  height: 1px;
  margin: 0 7%;
  background: linear-gradient(90deg, #b6cee8, #075cff);
}
.company-retention-timeline > i::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -1px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #075cff;
}
.company-retention-timeline ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.company-retention-timeline b {
  display: block;
  color: #22568f;
  font-size: 11px;
}
.company-retention-timeline span {
  display: block;
  margin-top: 4px;
  color: #7a90aa;
  font-size: 9px;
}
.company-access-visual {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 170px minmax(270px, 1.35fr);
  gap: 13px;
  align-items: center;
  min-height: 408px;
  padding: 36px;
  color: #fff;
  border-color: #174f9b;
  background:
    radial-gradient(circle at 58% 42%, rgba(13, 116, 255, .24), transparent 25%),
    #071d43;
}
.company-access-visual::before {
  opacity: .3;
  background-image:
    linear-gradient(rgba(146, 198, 255, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146, 198, 255, .11) 1px, transparent 1px);
}
.company-access-visual > * { position: relative; z-index: 1; }
.company-access-input,
.company-access-identify {
  min-height: 198px;
  padding: 24px 21px;
  border: 1px solid rgba(162, 207, 255, .35);
  background: rgba(3, 36, 85, .66);
}
.company-access-input small,
.company-access-identify small {
  color: #79bfff;
  font: 600 8px var(--mono);
  letter-spacing: .1em;
}
.company-access-input strong,
.company-access-identify strong {
  display: block;
  margin-top: 12px;
  color: #fff;
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: -.045em;
}
.company-access-input ul {
  display: grid;
  gap: 7px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.company-access-input li {
  padding: 7px 9px;
  border-left: 2px solid #63b3ff;
  color: #cce5ff;
  background: rgba(18, 75, 145, .36);
  font-size: 10px;
}
.company-access-identify {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.company-access-identify span {
  margin-top: 11px;
  color: #a8d2ff;
  font-size: 10px;
}
.company-access-arrow {
  display: grid;
  place-items: center;
  color: #73baff;
  font-size: 23px;
  font-style: normal;
}
.company-access-decision {
  width: 132px;
  height: 132px;
  display: grid;
  place-items: center;
  justify-self: center;
  transform: rotate(45deg);
  border: 1px solid #82c7ff;
  background: linear-gradient(135deg, #0c71ff, #0a44a4);
  box-shadow: 0 17px 34px rgba(0, 94, 231, .3);
}
.company-access-decision > span {
  transform: rotate(-45deg);
  text-align: center;
}
.company-access-decision small {
  display: block;
  color: #bae0ff;
  font: 600 8px var(--mono);
  letter-spacing: .1em;
}
.company-access-decision strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
}
.company-access-outcomes {
  position: relative;
  display: grid;
  gap: 8px;
  padding-left: 25px;
  border-left: 1px solid #4c8ed8;
}
.company-access-outcome {
  position: relative;
  min-height: 82px;
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 4px 13px;
  align-content: center;
  padding: 13px 15px;
  border: 1px solid rgba(153, 203, 255, .3);
  background: rgba(7, 52, 112, .64);
}
.company-access-outcome::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -26px;
  width: 25px;
  height: 1px;
  background: #4c8ed8;
}
.company-access-outcome > span {
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  color: #7fc3ff;
  font-size: 9px;
  line-height: 1.5;
}
.company-access-outcome b {
  color: #fff;
  font-size: 13px;
}
.company-access-outcome em {
  color: #9fc7ef;
  font-size: 9px;
  font-style: normal;
}
.company-access-outcome--allow {
  border-color: #1f82ff;
  background: rgba(7, 92, 255, .48);
}
.company-access-outcome--deny { border-color: rgba(255, 210, 118, .48); }
.company-access-outcome--deny > span { color: #ffd68d; }
.company-access-record {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, auto) 1fr;
  gap: 20px;
  align-items: center;
  min-height: 52px;
  margin-top: 17px;
  padding: 0 19px;
  border: 1px solid rgba(139, 197, 255, .32);
  color: #9dcbf8;
  background: rgba(2, 31, 75, .7);
  font-size: 9px;
}
.company-access-record span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: #61b6ff;
}
.company-access-record strong {
  justify-self: end;
  color: #fff;
  font-size: 11px;
}
@media (max-width: 1040px) {
  .company-governance-intro-grid { grid-template-columns: 1fr; gap: 56px; }
  .company-governance-panel-head { grid-template-columns: 60px 1fr; }
  .company-governance-panel-head > p { grid-column: 2; }
  .company-retention-visual { grid-template-columns: 190px minmax(0, 1fr) 170px; gap: 18px; padding: 24px; }
  .company-access-visual { grid-template-columns: 1fr 25px 1fr 25px 145px; }
  .company-access-outcomes { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); margin-top: 20px; padding: 24px 0 0; border-top: 1px solid #4c8ed8; border-left: 0; }
  .company-access-outcome { grid-template-columns: 1fr; }
  .company-access-outcome::before { top: -25px; left: 50%; width: 1px; height: 25px; }
  .company-access-outcome > span { grid-row: auto; }
}
@media (max-width: 720px) {
  .company-governance-intro-grid { gap: 42px; padding: 74px 0 124px; }
  .company-governance-intro h2 { font-size: 53px; }
  .company-governance-summary > p { font-size: 13px; }
  .company-governance-panels { margin-top: -72px; padding-bottom: 78px; }
  .company-governance-panel { margin-bottom: 34px; }
  .company-governance-panel-head {
    grid-template-columns: 41px 1fr;
    gap: 18px 13px;
    padding: 28px 20px 24px;
  }
  .company-governance-panel-head > span { font-size: 29px; }
  .company-governance-panel-head h3 { margin-top: 9px; font-size: 29px; }
  .company-governance-panel-head > p {
    grid-column: 1 / -1;
    margin-top: 0;
    font-size: 12px;
    line-height: 1.8;
  }
  .company-governance-visual { margin: 20px 14px; }
  .company-governance-panel > footer { margin: 0 14px; }
  .company-governance-rule-band {
    grid-template-columns: 1fr 1fr;
  }
  .company-governance-rule-band > * { min-height: 40px; padding: 0 12px; }
  .company-governance-lane { grid-template-columns: 1fr; }
  .company-governance-lane > header {
    min-height: 82px;
    padding: 16px 18px;
    border-right: 0;
    border-bottom: 1px solid #d9e5f3;
  }
  .company-governance-lane ol {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 17px;
  }
  .company-governance-lane ol::before {
    top: 12%;
    bottom: 12%;
    left: 28px;
    width: 1px;
    height: auto;
  }
  .company-governance-lane li {
    min-height: 65px;
    margin: 0;
    padding-left: 37px;
  }
  .company-governance-lane li:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: -12px;
    left: 21px;
    transform: rotate(90deg);
  }
  .company-governance-evidence {
    grid-template-columns: 1fr 1fr;
  }
  .company-governance-evidence strong { grid-column: 1 / -1; }
  .company-governance-evidence > * { min-height: 40px; padding: 0 12px; }
  .company-retention-visual {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 18px;
  }
  .company-retention-data { min-height: 0; }
  .company-retention-pipeline {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .company-retention-pipeline::before {
    top: 12px;
    bottom: 12px;
    left: 22px;
    width: 1px;
    height: auto;
  }
  .company-retention-pipeline li {
    min-height: 74px;
    padding: 15px 14px 14px 52px;
    border-right: 0;
    border-bottom: 1px solid #d8e5f3;
  }
  .company-retention-pipeline li::before { top: 21px; left: 16px; }
  .company-retention-years {
    width: min(190px, 70%);
    justify-self: center;
  }
  .company-retention-timeline { padding: 0; }
  .company-retention-timeline ol { gap: 2px; }
  .company-retention-timeline span { font-size: 8px; }
  .company-access-visual {
    grid-template-columns: 1fr;
    gap: 11px;
    padding: 21px 17px;
  }
  .company-access-input,
  .company-access-identify { min-height: 0; }
  .company-access-arrow {
    height: 28px;
    transform: rotate(90deg);
  }
  .company-access-decision { margin: 21px 0; }
  .company-access-outcomes {
    grid-column: auto;
    grid-template-columns: 1fr;
    margin-top: 12px;
    padding: 21px 0 0;
  }
  .company-access-outcome { grid-template-columns: 100px 1fr; }
  .company-access-outcome::before { left: 50%; }
  .company-access-outcome > span { grid-row: 1 / 3; }
  .company-access-record {
    grid-column: auto;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 15px;
  }
  .company-access-record strong {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .company-governance-lane--syy li::before,
  .company-retention-pipeline li::before,
  .company-access-record span::before {
    animation: company-governance-pulse 2.8s ease-in-out infinite;
  }
  .company-retention-pipeline li:nth-child(2)::before { animation-delay: .35s; }
  .company-retention-pipeline li:nth-child(3)::before { animation-delay: .7s; }
  .company-retention-pipeline li:nth-child(4)::before { animation-delay: 1.05s; }
}
@keyframes company-governance-pulse {
  0%, 100% { opacity: .55; box-shadow: 0 0 0 0 rgba(98, 185, 255, .15); }
  50% { opacity: 1; box-shadow: 0 0 0 7px rgba(98, 185, 255, 0); }
}

/* Company profile v14: simplified compliance relationships. */
.company-compliance-simple {
  --simple-blue: #075cff;
  --simple-navy: #0b2c59;
  --simple-ink: #153557;
  --simple-muted: #647b92;
  --simple-line: #cfdeed;
  padding: 112px 0 126px;
  color: var(--simple-ink);
  background: #f6f9fc;
}
.company-compliance-simple-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
  gap: 25px 80px;
  align-items: end;
  padding-bottom: 70px;
}
.company-compliance-simple-head > span {
  grid-column: 1 / -1;
  color: var(--simple-blue);
  font: 600 10px var(--mono);
  letter-spacing: .14em;
}
.company-compliance-simple-head h2 {
  margin: 0;
  color: #0b2c59;
  font-size: clamp(48px, 5.2vw, 72px);
  line-height: .98;
  letter-spacing: -.07em;
}
.company-compliance-simple-head p {
  max-width: 470px;
  margin: 0 0 6px;
  color: var(--simple-muted);
  font-size: 15px;
  line-height: 1.9;
}
.company-simple-section {
  padding: 64px 0 68px;
  border-top: 1px solid #b9ccdf;
}
.company-simple-section:last-child {
  padding-bottom: 0;
}
.company-simple-section-head {
  display: grid;
  grid-template-columns: 56px minmax(270px, .8fr) minmax(340px, 1.2fr);
  gap: 32px;
  align-items: start;
}
.company-simple-section-head > span {
  color: #7f9ab7;
  font: 500 28px/1 var(--mono);
  letter-spacing: -.06em;
}
.company-simple-section-head small {
  display: block;
  color: #497db8;
  font: 600 9px var(--mono);
  letter-spacing: .12em;
}
.company-simple-section-head h3 {
  margin: 11px 0 0;
  color: #103766;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.06;
  letter-spacing: -.055em;
}
.company-simple-section-head > p {
  max-width: 590px;
  margin: 0;
  color: var(--simple-muted);
  font-size: 14px;
  line-height: 1.85;
}
.company-simple-section > footer {
  margin-top: 18px;
  color: #71869b;
  font-size: 11px;
  line-height: 1.7;
}
.company-operator-simple,
.company-record-simple,
.company-access-simple {
  margin-top: 38px;
  border: 1px solid var(--simple-line);
  background: #fff;
}
.company-operator-simple {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 120px minmax(190px, 1fr) 120px minmax(150px, 1fr);
  align-items: center;
  padding: 38px;
}
.company-operator-simple > section,
.company-record-simple > section,
.company-access-simple > section {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  border: 1px solid #c9daeb;
  background: #f9fbfd;
}
.company-operator-simple > section small,
.company-record-simple > section small,
.company-access-simple > section small,
.company-access-results small {
  color: #7089a3;
  font-size: 10px;
  line-height: 1.5;
}
.company-operator-simple > section strong,
.company-record-simple > section strong,
.company-access-simple > section strong,
.company-access-results strong {
  margin-top: 10px;
  color: #143d6c;
  font-size: 21px;
  line-height: 1.25;
}
.company-operator-simple > section.is-syy {
  border-color: var(--simple-blue);
  background: var(--simple-blue);
}
.company-operator-simple > section.is-syy small {
  color: #c3e0ff;
}
.company-operator-simple > section.is-syy strong {
  color: #fff;
}
.company-simple-link {
  position: relative;
  display: grid;
  place-items: center;
  color: #6b88a7;
  text-align: center;
}
.company-simple-link span {
  margin-bottom: 9px;
  font-size: 10px;
  line-height: 1.4;
}
.company-simple-link i {
  display: block;
  width: 100%;
  color: var(--simple-blue);
  font-size: 20px;
  font-style: normal;
  line-height: 1;
}
.company-simple-link i::before {
  content: "";
  display: inline-block;
  width: calc(100% - 26px);
  height: 1px;
  margin-right: -3px;
  vertical-align: middle;
  background: #7ea9d6;
}
.company-operator-service {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 24px;
  padding: 0 18px;
  color: #295582;
  background: #eef5fd;
  text-align: center;
}
.company-operator-service strong {
  font-size: 12px;
  font-weight: 600;
}
.company-record-simple {
  display: grid;
  grid-template-columns: minmax(240px, 1.3fr) 70px minmax(150px, .7fr) 70px minmax(190px, .9fr) 160px;
  align-items: stretch;
  padding: 30px;
}
.company-record-simple > section p,
.company-access-simple > section p {
  margin: 12px 0 0;
  color: #7890a9;
  font-size: 10px;
  line-height: 1.6;
}
.company-record-years {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 18px;
  padding: 22px;
  color: #fff;
  background: var(--simple-blue);
}
.company-record-years strong {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -.06em;
}
.company-record-years span {
  margin-top: 9px;
  color: #c8e3ff;
  font-size: 10px;
}
.company-access-simple {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 80px minmax(190px, 1fr) minmax(300px, 1.45fr);
  gap: 0;
  align-items: center;
  padding: 30px;
}
.company-access-simple > section.is-policy {
  border-color: #7fb0e6;
  background: #edf5ff;
}
.company-access-results {
  display: grid;
  gap: 10px;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #a7c3df;
}
.company-access-results > section {
  position: relative;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 18px;
  border: 1px solid #c9daeb;
  background: #f9fbfd;
}
.company-access-results > section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -31px;
  width: 30px;
  height: 1px;
  background: #a7c3df;
}
.company-access-results > section.is-allow {
  border-left: 3px solid var(--simple-blue);
}
.company-access-results > section.is-deny {
  border-left: 3px solid #8da0b4;
}
.company-access-results strong {
  font-size: 14px;
}
.company-access-log {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  min-height: 50px;
  margin-top: 22px;
  padding: 0 17px;
  color: #315a84;
  background: #eef5fd;
  font-size: 11px;
}
.company-access-log span {
  color: var(--simple-blue);
  font-size: 17px;
}
@media (max-width: 1040px) {
  .company-compliance-simple-head {
    grid-template-columns: 1fr;
  }
  .company-simple-section-head {
    grid-template-columns: 48px 1fr;
  }
  .company-simple-section-head > p {
    grid-column: 2;
  }
  .company-operator-simple {
    grid-template-columns: minmax(120px, 1fr) 90px minmax(160px, 1fr) 90px minmax(120px, 1fr);
    padding: 28px;
  }
  .company-record-simple {
    grid-template-columns: minmax(210px, 1.3fr) 50px minmax(130px, .7fr) 50px minmax(170px, .9fr) 130px;
    padding: 24px;
  }
  .company-access-simple {
    grid-template-columns: minmax(170px, 1fr) 60px minmax(170px, 1fr);
  }
  .company-access-results {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid #a7c3df;
    border-left: 0;
  }
  .company-access-results > section::before {
    top: -25px;
    left: 50%;
    width: 1px;
    height: 24px;
  }
}
@media (max-width: 720px) {
  .company-compliance-simple {
    padding: 76px 0 84px;
  }
  .company-compliance-simple-head {
    gap: 18px;
    padding-bottom: 48px;
  }
  .company-compliance-simple-head h2 {
    font-size: 43px;
  }
  .company-compliance-simple-head p {
    font-size: 13px;
  }
  .company-simple-section {
    padding: 46px 0 50px;
  }
  .company-simple-section-head {
    grid-template-columns: 36px 1fr;
    gap: 16px 10px;
  }
  .company-simple-section-head > span {
    font-size: 22px;
  }
  .company-simple-section-head h3 {
    font-size: 28px;
  }
  .company-simple-section-head > p {
    grid-column: 1 / -1;
    font-size: 12px;
  }
  .company-operator-simple,
  .company-record-simple,
  .company-access-simple {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 28px;
    padding: 18px;
  }
  .company-operator-simple > section,
  .company-record-simple > section,
  .company-access-simple > section {
    min-height: 96px;
    padding: 19px;
  }
  .company-simple-link {
    min-height: 54px;
  }
  .company-simple-link span {
    margin: 0 0 2px;
  }
  .company-simple-link i {
    width: 58px;
    transform: rotate(90deg);
  }
  .company-operator-service {
    grid-column: auto;
    min-height: 68px;
    margin-top: 18px;
    padding: 0 10px;
  }
  .company-operator-service strong {
    font-size: 10px;
  }
  .company-record-years {
    min-height: 96px;
    margin: 18px 0 0;
  }
  .company-access-results {
    grid-column: auto;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 22px;
    padding-top: 22px;
  }
  .company-access-results > section::before {
    top: -23px;
    left: 50%;
    height: 22px;
  }
  .company-access-results > section + section::before {
    display: none;
  }
  .company-access-log {
    grid-column: auto;
    margin-top: 14px;
  }
}

/* Company profile v15: OSASE-informed composition with SYY-specific content and styling. */
.company-delivery-reference,
.company-record-reference {
  --reference-blue: #075cff;
  --reference-navy: #0a315f;
  --reference-ink: #173d65;
  --reference-muted: #677f98;
  --reference-line: #55789c;
  position: relative;
  overflow: hidden;
}
.company-delivery-reference {
  padding: 112px 0 108px;
  background: #fff;
}
.company-record-reference {
  padding: 112px 0 104px;
  border-top: 1px solid #e0eaf3;
  background: #f7fafd;
}
.company-reference-heading {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.company-reference-heading > span {
  display: block;
  color: var(--reference-blue);
  font: 600 10px var(--mono);
  letter-spacing: .16em;
}
.company-reference-heading h2 {
  margin: 22px 0 0;
  color: var(--reference-navy);
  font-size: clamp(38px, 3.55vw, 52px);
  line-height: 1.12;
  letter-spacing: -.05em;
}
.company-reference-heading p {
  max-width: 720px;
  margin: 25px auto 0;
  color: var(--reference-muted);
  font-size: 14px;
  line-height: 1.9;
}
.company-delivery-map {
  position: relative;
  width: min(1000px, 100%);
  height: 520px;
  margin: 62px auto 0;
}
.company-delivery-map-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 470px;
  overflow: visible;
  color: var(--reference-line);
}
.company-delivery-map-lines path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  vector-effect: non-scaling-stroke;
}
.company-delivery-map-lines circle {
  fill: #fff;
  stroke: currentColor;
  stroke-width: 1.45;
  vector-effect: non-scaling-stroke;
}
.company-delivery-role {
  position: absolute;
  top: 28px;
  left: 50%;
  width: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  text-align: center;
}
.company-delivery-role--customer { left: 15%; }
.company-delivery-role--operator { left: 50%; }
.company-delivery-role--syy { left: 85%; }
.company-delivery-role--regulator {
  top: 360px;
  left: 50%;
}
.company-delivery-role h3 {
  margin: 0;
  color: #102f52;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -.04em;
}
.company-role-icon,
.company-role-brand {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  margin-top: 15px;
  border: 1px solid #bfd3e8;
  color: #174a7e;
  background: #f3f8fd;
}
.company-role-icon svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company-role-brand {
  border-color: var(--reference-blue);
  color: #fff;
  background: var(--reference-blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.04em;
}
.company-role-brand small {
  display: block;
  margin-top: 4px;
  color: #c8e2ff;
  font: 600 7px var(--mono);
  letter-spacing: .08em;
}
.company-delivery-role p {
  max-width: 200px;
  margin: 12px 0 0;
  color: #70869d;
  font-size: 10px;
  line-height: 1.55;
}
.company-delivery-role--regulator .company-role-icon {
  order: -1;
  margin: 0 0 12px;
  border-color: #9fc0e1;
  background: #edf5fd;
}
.company-delivery-role--regulator h3 {
  font-size: 20px;
}
.company-delivery-role--regulator p {
  margin-top: 7px;
}
.company-delivery-label {
  position: absolute;
  z-index: 2;
  padding: 3px 11px;
  color: #315a84;
  background: #fff;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  transform: translateX(-50%);
}
.company-delivery-label--contract {
  top: 129px;
  left: 32.5%;
}
.company-delivery-label--cooperate {
  top: 129px;
  left: 67.5%;
}
.company-delivery-label--service {
  top: 299px;
  left: 50%;
  padding-right: 18px;
  padding-left: 18px;
  color: #164d85;
  font-weight: 600;
}
.company-delivery-label--supervise {
  top: 341px;
  left: 55.5%;
}
.company-delivery-note,
.company-record-note {
  margin: 5px auto 0;
  color: #8295a8;
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
}
.company-record-proof {
  position: relative;
  width: 420px;
  height: 230px;
  margin: 60px auto 0;
}
.company-record-document {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 32px;
  width: 226px;
  height: 176px;
  padding: 27px 29px;
  border: 1px solid #b9cfe5;
  color: var(--reference-ink);
  background: #fff;
  box-shadow: 0 18px 45px rgba(28, 73, 121, .12);
}
.company-record-document--back {
  z-index: 1;
  top: 0;
  left: 16px;
  border-color: #d2dfec;
  background: #edf4fb;
  box-shadow: none;
}
.company-record-document small {
  color: #5c86b3;
  font: 600 8px var(--mono);
  letter-spacing: .11em;
}
.company-record-document strong {
  display: block;
  margin-top: 14px;
  color: #123f70;
  font-size: 23px;
  letter-spacing: -.045em;
}
.company-record-document > span {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 13px;
  background: #d8e4f0;
}
.company-record-document > span:nth-of-type(2) { width: 78%; }
.company-record-document > span:nth-of-type(3) { width: 56%; }
.company-record-document p {
  margin: 15px 0 0;
  color: #7890a9;
  font-size: 9px;
}
.company-record-duration {
  position: absolute;
  z-index: 3;
  top: 31px;
  right: 1px;
  width: 164px;
  height: 164px;
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: end;
  border: 10px solid #dbeaff;
  border-radius: 50%;
  color: #fff;
  background: var(--reference-blue);
  box-shadow: 0 20px 42px rgba(7, 92, 255, .2);
}
.company-record-duration small {
  grid-column: 1 / -1;
  margin-bottom: 8px;
  color: #c9e3ff;
  font-size: 9px;
  text-align: center;
}
.company-record-duration strong {
  font-size: 70px;
  line-height: .8;
  letter-spacing: -.08em;
}
.company-record-duration b {
  margin: 0 0 3px 5px;
  font-size: 17px;
}
.company-record-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 54px;
  margin-top: 58px;
}
.company-record-facts article {
  position: relative;
  padding-top: 27px;
  border-top: 1px solid #bcd0e3;
}
.company-record-facts article::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border: 2px solid #8bc1ff;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.company-record-facts span {
  color: #6c93bc;
  font: 600 9px var(--mono);
}
.company-record-facts h3 {
  margin: 12px 0 0;
  color: #173e67;
  font-size: 16px;
}
.company-record-facts p {
  margin: 10px 0 0;
  color: #6e849a;
  font-size: 12px;
  line-height: 1.75;
}
.company-record-note {
  margin-top: 35px;
}
@media (max-width: 720px) {
  .company-delivery-reference,
  .company-record-reference {
    padding: 76px 0 72px;
  }
  .company-reference-heading h2 {
    margin-top: 18px;
    font-size: 34px;
  }
  .company-reference-heading p {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.8;
  }
  .company-delivery-map {
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 42px;
    padding: 0 18px;
  }
  .company-delivery-map-lines {
    display: none;
  }
  .company-delivery-role {
    position: static;
    width: 100%;
    display: grid;
    grid-template-columns: 64px 1fr;
    column-gap: 18px;
    align-items: center;
    padding: 17px 18px;
    border: 1px solid #cadbec;
    background: #fff;
    text-align: left;
    transform: none;
  }
  .company-delivery-role h3 {
    grid-column: 2;
    align-self: end;
    font-size: 19px;
  }
  .company-role-icon,
  .company-role-brand {
    grid-row: 1 / 3;
    width: 58px;
    height: 58px;
    margin: 0;
  }
  .company-role-icon svg {
    width: 35px;
    height: 35px;
  }
  .company-role-brand {
    font-size: 13px;
  }
  .company-delivery-role p {
    grid-column: 2;
    align-self: start;
    max-width: none;
    margin-top: 5px;
  }
  .company-delivery-role--customer { order: 1; }
  .company-delivery-role--operator { order: 3; }
  .company-delivery-role--syy { order: 5; }
  .company-delivery-role--regulator {
    order: 7;
    margin-top: 22px;
    background: #f3f8fd;
  }
  .company-delivery-role--regulator .company-role-icon {
    grid-row: 1 / 3;
    order: 0;
    margin: 0;
  }
  .company-delivery-role--regulator h3 {
    font-size: 18px;
  }
  .company-delivery-role--regulator p {
    margin-top: 5px;
  }
  .company-delivery-label {
    position: relative;
    left: auto;
    width: 100%;
    min-height: 58px;
    display: grid;
    place-items: center;
    padding: 0;
    background: linear-gradient(90deg, transparent calc(50% - .5px), #87a9cb calc(50% - .5px), #87a9cb calc(50% + .5px), transparent calc(50% + .5px));
    font-size: 10px;
    transform: none;
  }
  .company-delivery-label::after {
    content: "↓";
    position: absolute;
    bottom: -3px;
    left: 50%;
    padding: 0 4px;
    color: var(--reference-blue);
    background: #fff;
    font-size: 16px;
    transform: translateX(-50%);
  }
  .company-delivery-label--contract {
    top: auto;
    order: 2;
  }
  .company-delivery-label--cooperate {
    top: auto;
    order: 4;
  }
  .company-delivery-label--service {
    top: auto;
    order: 6;
    min-height: 58px;
    margin-top: 18px;
    padding: 0 12px;
    background: #edf5ff;
  }
  .company-delivery-label--service::after {
    display: none;
  }
  .company-delivery-label--supervise {
    display: none;
  }
  .company-delivery-note {
    margin-top: 24px;
  }
  .company-record-proof {
    width: 330px;
    height: 225px;
    margin-top: 46px;
  }
  .company-record-document {
    left: 14px;
    width: 210px;
    height: 166px;
    padding: 24px 22px;
  }
  .company-record-document--back {
    left: 2px;
  }
  .company-record-duration {
    top: 42px;
    right: 0;
    width: 136px;
    height: 136px;
    border-width: 8px;
  }
  .company-record-duration strong {
    font-size: 59px;
  }
  .company-record-facts {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 38px;
  }
  .company-record-facts article {
    padding-top: 22px;
  }
  .company-record-note {
    margin-top: 28px;
  }
}

/* Company profile v16: brand statement first, city presence second. */
.company-about-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background: #061a3d;
}
.company-about-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0 0 0 63%;
  background: #075cff;
  clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%);
}
.company-about-hero::after {
  content: "SYY";
  position: absolute;
  z-index: -1;
  right: -1.5vw;
  bottom: -7vw;
  color: rgba(255, 255, 255, .055);
  font: 800 27vw/.74 var(--display);
  letter-spacing: -.11em;
  pointer-events: none;
}
.company-about-hero-inner {
  position: relative;
  min-height: 720px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 124px 0 106px;
}
.company-about-hero .breadcrumb {
  position: absolute;
  top: 54px;
  left: 0;
  color: rgba(210, 229, 255, .62);
}
.company-about-hero .breadcrumb a:hover {
  color: #fff;
}
.company-about-hero-label {
  display: flex;
  gap: 17px;
  align-items: center;
}
.company-about-hero-label span {
  color: #8fc8ff;
  font: 600 10px var(--mono);
  letter-spacing: .15em;
}
.company-about-hero-label span::after {
  content: "";
  display: inline-block;
  width: 44px;
  height: 1px;
  margin-left: 17px;
  vertical-align: middle;
  background: rgba(143, 200, 255, .58);
}
.company-about-hero-label strong {
  color: #d9ebff;
  font-size: 13px;
  font-weight: 500;
}
.company-about-hero h1 {
  max-width: 1060px;
  margin: 31px 0 0;
  color: #fff;
  font-size: clamp(50px, 4.8vw, 72px);
  line-height: 1.06;
  letter-spacing: -.06em;
}
.company-about-break--mobile {
  display: none;
}
.company-about-hero > .container > p,
.company-about-hero-inner > p {
  margin: 34px 0 0;
  color: #b9dbff;
  font-size: clamp(22px, 2.2vw, 31px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.035em;
}
.company-about-hero-index {
  position: absolute;
  right: 0;
  bottom: 52px;
  display: grid;
  grid-template-columns: auto 86px auto;
  gap: 14px;
  align-items: center;
  color: rgba(221, 237, 255, .7);
}
.company-about-hero-index span,
.company-about-hero-index small {
  font: 600 9px var(--mono);
  letter-spacing: .12em;
}
.company-about-hero-index i {
  height: 1px;
  background: rgba(221, 237, 255, .38);
}
.company-city-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 720px;
  color: #fff;
  background: #062b70;
}
.company-city-stage::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2, 19, 57, .91) 0%, rgba(3, 31, 79, .74) 48%, rgba(3, 34, 88, .26) 100%),
    linear-gradient(0deg, rgba(2, 19, 57, .36), transparent 44%);
  pointer-events: none;
}
.company-city-stage-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.company-city-stage-image--mobile {
  display: none;
}
.company-city-stage-inner {
  position: relative;
  z-index: 2;
  min-height: 720px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0 70px;
}
.company-city-stage .company-archive-eyebrow {
  color: #9ecfff;
}
.company-city-stage h2 {
  max-width: 800px;
  margin: 22px 0 0;
  color: #fff;
  font-size: clamp(40px, 3.8vw, 56px);
  line-height: 1.08;
  letter-spacing: -.055em;
  text-shadow: 0 8px 30px rgba(0, 25, 75, .25);
}
.company-city-stage .company-hero-records {
  margin-top: 42px;
}
@media (max-width: 720px) {
  .company-about-hero::before {
    inset: auto 0 0;
    height: 32%;
    clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
  }
  .company-about-hero::after {
    right: -3vw;
    bottom: -2vw;
    font-size: 55vw;
  }
  .company-about-hero-inner {
    min-height: 685px;
    justify-content: flex-start;
    padding: 126px 0 98px;
  }
  .company-about-hero .breadcrumb {
    top: 42px;
  }
  .company-about-hero-label {
    display: block;
  }
  .company-about-hero-label strong {
    display: block;
    margin-top: 13px;
  }
  .company-about-hero-label span::after {
    width: 32px;
  }
  .company-about-hero h1 {
    margin-top: 27px;
    font-size: 36px;
    line-height: 1.12;
  }
  .company-about-break--mobile {
    display: initial;
  }
  .company-about-break--desktop {
    display: none;
  }
  .company-about-hero-inner > p {
    max-width: 330px;
    margin-top: 26px;
    font-size: 22px;
    line-height: 1.5;
  }
  .company-about-hero-index {
    right: auto;
    bottom: 34px;
    left: 0;
    grid-template-columns: auto 58px auto;
  }
  .company-city-stage,
  .company-city-stage-inner {
    min-height: 720px;
  }
  .company-city-stage::before {
    background: linear-gradient(180deg, rgba(2, 22, 61, .42), rgba(2, 22, 61, .67) 45%, rgba(2, 22, 61, .94));
  }
  .company-city-stage-image {
    display: none;
  }
  .company-city-stage-image--mobile {
    display: block;
    object-fit: cover;
    object-position: center;
  }
  .company-city-stage-inner {
    justify-content: flex-end;
    padding: 64px 0 42px;
  }
  .company-city-stage h2 {
    margin-top: 15px;
    font-size: 34px;
    line-height: 1.1;
  }
  .company-city-stage .company-hero-records {
    margin-top: 25px;
  }
}

/* Company profile v17: use the approved operator-delivery illustration. */
.company-delivery-image-section {
  --reference-blue: #075cff;
  --reference-navy: #0a315f;
  --reference-ink: #173d65;
  --reference-muted: #677f98;
  padding: 108px 0 88px;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 2%, rgba(237, 241, 249, .95), transparent 56%),
    linear-gradient(135deg, #edf1f9 0%, #e7ecf7 52%, #dce2f2 100%);
}
.company-delivery-image-shell figure {
  margin: 46px 0 0;
}
.company-delivery-image-heading p {
  max-width: 640px;
}
.company-delivery-image-viewport {
  width: min(840px, 100%);
  margin: 0 auto;
  overflow: hidden;
}
.company-delivery-image-viewport img {
  width: 100%;
  height: auto;
  display: block;
}
.company-delivery-image-shell figcaption {
  display: none;
}
@media (max-width: 720px) {
  .company-delivery-image-section {
    padding: 76px 0 54px;
  }
  .company-delivery-image-shell figure {
    margin-top: 34px;
  }
  .company-delivery-image-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #88b7ee transparent;
  }
  .company-delivery-image-viewport img {
    width: 920px;
    max-width: none;
  }
  .company-delivery-image-shell figcaption {
    display: block;
    margin-top: 10px;
    color: #6d87a3;
    font-size: 10px;
    text-align: center;
  }
}

/* Company profile v20: official license archive. */
.company-license-section {
  --license-ink: #0b2141;
  --license-blue: #0c63ed;
  --license-muted: #63758a;
  position: relative;
  overflow: hidden;
  padding: 118px 0 96px;
  color: var(--license-ink);
  background:
    linear-gradient(90deg, rgba(17, 47, 91, .035) 1px, transparent 1px) 0 0 / 84px 84px,
    linear-gradient(rgba(17, 47, 91, .035) 1px, transparent 1px) 0 0 / 84px 84px,
    #f4f6f8;
}
.company-license-section::before {
  content: "LICENSE";
  position: absolute;
  top: 36px;
  right: -18px;
  color: rgba(10, 43, 85, .035);
  font: 700 clamp(98px, 15vw, 220px)/.8 var(--mono);
  letter-spacing: -.08em;
  pointer-events: none;
}
.company-license-section > .container {
  position: relative;
  z-index: 1;
}
.company-license-heading {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(60px, 9vw, 140px);
  align-items: end;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(12, 47, 88, .2);
}
.company-license-heading > div:first-child > span {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--license-blue);
  font: 700 9px var(--mono);
  letter-spacing: .15em;
}
.company-license-heading > div:first-child > span::before {
  content: "";
  width: 34px;
  height: 2px;
  background: currentColor;
}
.company-license-heading h2 {
  margin: 24px 0 0;
  font-size: clamp(40px, 3.8vw, 56px);
  line-height: 1.08;
  letter-spacing: -.055em;
}
.company-license-intro > p {
  max-width: 620px;
  margin: 0;
  color: #38506b;
  font-size: 18px;
  line-height: 1.8;
}
.company-license-intro dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 34px;
  margin: 32px 0 0;
  border-top: 1px solid rgba(12, 47, 88, .16);
}
.company-license-intro dl div {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(12, 47, 88, .12);
}
.company-license-intro dt {
  color: #8090a2;
  font-size: 10px;
  line-height: 1.7;
}
.company-license-intro dd {
  margin: 0;
  color: #193653;
  font-size: 12px;
  line-height: 1.7;
}
.company-license-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
  max-width: 820px;
  margin: 66px auto 0;
}
.company-license-document {
  margin: 0;
}
.company-license-document--scope {
  margin-top: 54px;
}
.company-license-document button {
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.company-license-paper {
  position: relative;
  display: block;
  padding: 18px;
  border: 1px solid rgba(13, 50, 91, .13);
  background: rgba(255, 255, 255, .84);
  box-shadow:
    0 32px 70px rgba(21, 45, 74, .13),
    0 5px 16px rgba(21, 45, 74, .06);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.company-license-paper::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(14, 44, 78, .05);
  pointer-events: none;
}
.company-license-paper img {
  display: block;
  width: 100%;
  height: auto;
  background: #f8f7f2;
}
.company-license-document button:hover .company-license-paper,
.company-license-document button:focus-visible .company-license-paper {
  border-color: rgba(12, 99, 237, .48);
  box-shadow:
    0 38px 84px rgba(21, 45, 74, .18),
    0 7px 20px rgba(21, 45, 74, .08);
  transform: translateY(-7px);
}
.company-license-document button:focus-visible {
  outline: 2px solid var(--license-blue);
  outline-offset: 8px;
}
.company-license-caption {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  margin-top: 22px;
}
.company-license-caption i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #fff;
  background: var(--license-ink);
  font: 700 10px var(--mono);
  font-style: normal;
}
.company-license-caption strong {
  color: #102b49;
  font-size: 16px;
  letter-spacing: -.02em;
}
.company-license-caption small {
  color: #6d7f92;
  font: 600 9px var(--mono);
  letter-spacing: .04em;
}
.company-license-note {
  max-width: 820px;
  margin: 44px auto 0;
  padding-top: 18px;
  color: #758699;
  font-size: 10px;
  line-height: 1.8;
  border-top: 1px solid rgba(12, 47, 88, .14);
}
.company-license-dialog {
  width: min(760px, calc(100vw - 36px));
  max-width: none;
  max-height: 94vh;
  padding: 0;
  overflow: visible;
  color: var(--license-ink);
  border: 0;
  background: transparent;
}
.company-license-dialog::backdrop {
  background: rgba(3, 15, 32, .88);
  backdrop-filter: blur(12px);
}
.company-license-dialog-shell {
  position: relative;
  max-height: 94vh;
  padding: 24px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .18);
  background: #f4f6f8;
  box-shadow: 0 36px 120px rgba(0, 0, 0, .46);
}
.company-license-dialog form {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  justify-content: flex-end;
  height: 0;
}
.company-license-dialog form button {
  min-height: 34px;
  padding: 0 13px;
  color: #fff;
  border: 0;
  background: #0b2141;
  font: 600 10px var(--mono);
  cursor: pointer;
}
.company-license-dialog header {
  display: grid;
  gap: 8px;
  padding: 3px 110px 20px 2px;
}
.company-license-dialog header span {
  color: var(--license-blue);
  font: 700 9px var(--mono);
  letter-spacing: .14em;
}
.company-license-dialog header strong {
  color: #102b49;
  font-size: 17px;
}
.company-license-dialog img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 720px) {
  .company-license-section {
    padding: 78px 0 64px;
    background-size: 56px 56px;
  }
  .company-license-section::before {
    top: 20px;
    right: -12px;
    font-size: 28vw;
  }
  .company-license-heading {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-bottom: 34px;
  }
  .company-license-heading h2 {
    margin-top: 20px;
    font-size: 36px;
    line-height: 1.1;
  }
  .company-license-intro > p {
    font-size: 15px;
    line-height: 1.75;
  }
  .company-license-intro dl {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }
  .company-license-intro dl div {
    grid-template-columns: 70px 1fr;
    padding: 13px 0;
  }
  .company-license-gallery {
    grid-template-columns: 1fr;
    gap: 44px;
    width: min(300px, 100%);
    margin-top: 48px;
  }
  .company-license-document--scope {
    margin-top: 0;
  }
  .company-license-paper {
    padding: 12px;
  }
  .company-license-paper::after {
    inset: 12px;
  }
  .company-license-caption {
    grid-template-columns: 40px 1fr;
    gap: 13px;
    margin-top: 16px;
  }
  .company-license-caption i {
    width: 40px;
    height: 40px;
  }
  .company-license-caption small {
    grid-column: 2;
    margin-top: -8px;
  }
  .company-license-note {
    margin-top: 36px;
  }
  .company-license-dialog {
    width: calc(100vw - 20px);
  }
  .company-license-dialog-shell {
    padding: 14px;
  }
  .company-license-dialog header {
    padding: 4px 94px 14px 0;
  }
  .company-license-dialog header strong {
    font-size: 13px;
  }
  .company-archive-contact h2 {
    font-size: 36px;
    line-height: 1.1;
  }
}

/* Company profile v19: signed-customer, renewal, and referral proof. */
.company-trust-metrics {
  position: relative;
  overflow: hidden;
  padding: 78px 0 46px;
  color: #fff;
  background: #061a3d;
}
.company-trust-metrics::after {
  content: "";
  position: absolute;
  top: -120px;
  right: -80px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(82, 158, 255, .16);
  border-radius: 50%;
  box-shadow:
    0 0 0 70px rgba(82, 158, 255, .035),
    0 0 0 140px rgba(82, 158, 255, .025);
  pointer-events: none;
}
.company-trust-metrics > .container {
  position: relative;
  z-index: 1;
}
.company-trust-metrics-head {
  display: flex;
  gap: 18px;
  align-items: center;
}
.company-trust-metrics-head span {
  color: #79bcff;
  font: 600 9px var(--mono);
  letter-spacing: .14em;
}
.company-trust-metrics-head span::after {
  content: "";
  display: inline-block;
  width: 38px;
  height: 1px;
  margin-left: 18px;
  vertical-align: middle;
  background: rgba(121, 188, 255, .44);
}
.company-trust-metrics-head h2 {
  margin: 0;
  color: #d9eaff;
  font-size: 14px;
  font-weight: 500;
}
.company-trust-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 36px;
  border-top: 1px solid rgba(182, 214, 249, .26);
  border-bottom: 1px solid rgba(182, 214, 249, .26);
}
.company-trust-metrics-grid article {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 38px;
}
.company-trust-metrics-grid article:first-child {
  padding-left: 0;
}
.company-trust-metrics-grid article + article {
  border-left: 1px solid rgba(182, 214, 249, .22);
}
.company-trust-metrics-grid strong {
  color: #fff;
  font-size: clamp(58px, 6.2vw, 86px);
  font-weight: 700;
  line-height: .9;
  letter-spacing: -.075em;
}
.company-trust-metrics-grid sup {
  position: relative;
  top: -.65em;
  margin-left: 5px;
  color: #78bcff;
  font-size: .34em;
  letter-spacing: 0;
}
.company-trust-metrics-grid p {
  margin: 19px 0 0;
  color: #b7d2ee;
  font-size: 13px;
  line-height: 1.6;
}
.company-trust-metrics-note {
  margin: 20px 0 0;
  color: #738ca7;
  font-size: 9px;
  line-height: 1.7;
}
@media (max-width: 720px) {
  .company-trust-metrics {
    padding: 58px 0 38px;
  }
  .company-trust-metrics::after {
    top: -80px;
    right: -190px;
  }
  .company-trust-metrics-grid {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }
  .company-trust-metrics-grid article,
  .company-trust-metrics-grid article:first-child {
    min-height: 138px;
    padding: 25px 0;
  }
  .company-trust-metrics-grid article + article {
    border-top: 1px solid rgba(182, 214, 249, .22);
    border-left: 0;
  }
  .company-trust-metrics-grid strong {
    font-size: 67px;
  }
  .company-trust-metrics-grid p {
    max-width: 290px;
    margin-top: 13px;
  }
  .company-trust-metrics-note {
    margin-top: 18px;
  }
}

/* Keep the shared site header independent from page-specific visual themes. */
.site-header.site-header {
  border-bottom-color: rgba(211,222,232,.8);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(18px);
  letter-spacing: normal;
}
.site-header .main-nav {
  gap: 8px;
  color: #364756;
  font-size: 14px;
}
.site-header .nav-primary,
.site-header .submenu-toggle {
  color: #364756;
}
.site-header .nav-group:hover .nav-primary,
.site-header .nav-group:focus-within .nav-primary,
.site-header .nav-group.active .nav-primary,
.site-header .nav-group:hover .submenu-toggle,
.site-header .nav-group:focus-within .submenu-toggle,
.site-header .nav-group.active .submenu-toggle {
  color: #075cff !important;
}
@media (min-width: 621px) {
  .site-header .nav-shell { height: 72px; }
}
@media (min-width: 981px) {
  .site-header .nav-primary-row { padding: 0 10px; }
  .site-header .nav-actions::before {
    width: 1px;
    height: 22px;
    margin-right: 6px;
    content: "";
    background: #dfe7ee;
  }
}

/* Customer login: a quiet access gate paired with a direct account-opening route. */
.login-page { background: #f5f8fc; }
.login-page::before { opacity: .38; background-image: linear-gradient(rgba(31,101,181,.045) 1px, transparent 1px), linear-gradient(90deg,rgba(31,101,181,.045) 1px, transparent 1px); background-size: 44px 44px; }
.login-main { position: relative; display: flex; align-items: center; min-height: calc(100vh - 72px); padding: clamp(48px, 7vw, 108px) 0; }
.login-main::before { position: absolute; top: 8%; left: -13vw; width: 42vw; height: 42vw; content: ""; border: 1px solid rgba(44,127,221,.15); border-radius: 50%; box-shadow: 0 0 0 74px rgba(44,127,221,.035), 0 0 0 148px rgba(44,127,221,.018); pointer-events: none; }
.login-portal { position: relative; display: grid; grid-template-columns: minmax(0,.94fr) minmax(405px,1.06fr); max-width: 1110px; overflow: hidden; border: 1px solid #d7e1eb; border-radius: 20px; background: #fff; box-shadow: 0 34px 96px rgba(27,64,98,.16); }
.login-access { min-height: 642px; padding: 44px clamp(38px,5.4vw,72px) 46px; }
.login-back { display: inline-flex; align-items: center; gap: 8px; color: #6b8296; font-size: 12px; font-weight: 700; transition: color .2s ease, transform .2s ease; }
.login-back span { color: #075cff; font-size: 17px; line-height: 1; }
.login-back:hover { color: #075cff; transform: translateX(-2px); }
.login-title-block { margin-top: 74px; }
.login-eyebrow,.login-sales-eyebrow { display: inline-block; color: #3976ba; font: 600 10px/1.4 var(--mono); letter-spacing: .14em; }
.login-title-block h1 { margin: 16px 0 13px; color: #102842; font-size: clamp(39px,4vw,52px); line-height: 1; letter-spacing: -.065em; }
.login-title-block p { max-width: 310px; margin: 0; color: #657b8f; font-size: 14px; line-height: 1.8; }
.login-form { display: grid; gap: 18px; margin-top: 42px; }
.login-field { display: grid; gap: 8px; }
.login-field label { color: #344f67; font-size: 12px; font-weight: 800; }
.login-field input { width: 100%; min-height: 52px; padding: 0 15px; border: 1px solid #cddae6; border-radius: 8px; color: #172d43; outline: 0; background: #fbfdff; font-size: 14px; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.login-field input::placeholder { color: #9aaab8; }
.login-field input:focus { border-color: #4389e9; background: #fff; box-shadow: 0 0 0 4px rgba(7,92,255,.1); }
.login-form-tools { display: flex; justify-content: space-between; gap: 16px; align-items: center; color: #708596; font-size: 12px; }
.login-form-tools label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.login-form-tools input { width: 14px; height: 14px; accent-color: #075cff; }
.login-form-tools a { color: #2f73c5; font-weight: 700; }
.login-form-tools a:hover { color: #075cff; text-decoration: underline; text-underline-offset: 3px; }
.login-submit { min-height: 52px; border: 0; border-radius: 8px; color: #fff; background: #075cff; box-shadow: 0 13px 26px rgba(7,92,255,.22); font-weight: 800; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.login-submit:hover { background: #0052ef; box-shadow: 0 17px 32px rgba(7,92,255,.29); transform: translateY(-1px); }
.login-status { min-height: 17px; margin: -4px 0 0; color: #8394a2; font-size: 11px; line-height: 1.55; }
.login-security-note { display: flex; gap: 8px; align-items: center; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #e2e9ef; color: #8092a1; font-size: 10px; line-height: 1.6; }
.login-security-note span { color: #1e83e6; font-size: 13px; }
.login-sales { position: relative; isolation: isolate; min-height: 642px; display: flex; flex-direction: column; justify-content: center; padding: 48px clamp(46px,5vw,64px); overflow: hidden; color: #fff; background: #082743; }
.login-sales::before { position: absolute; z-index: -2; inset: 0; content: ""; opacity: .7; background-image: linear-gradient(rgba(121,197,244,.12) 1px, transparent 1px), linear-gradient(90deg,rgba(121,197,244,.12) 1px, transparent 1px); background-size: 37px 37px; mask-image: linear-gradient(135deg,black,transparent 72%); }
.login-sales::after { position: absolute; z-index: -1; top: -160px; right: -150px; width: 470px; height: 470px; content: ""; border: 1px solid rgba(105,204,242,.32); border-radius: 50%; box-shadow: 0 0 0 64px rgba(17,129,196,.08), 0 0 0 128px rgba(17,129,196,.04); }
.login-consultant-card { position: relative; display: flex; align-items: center; min-height: 390px; max-width: 430px; overflow: hidden; border: 1px solid rgba(210,230,241,.74); border-radius: 12px; color: #17324d; background: #eef2f5; box-shadow: 0 20px 42px rgba(0,0,0,.21); }
.login-consultant-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg,rgba(239,243,246,0) 22%,rgba(239,243,246,.74) 45%,#eef2f5 64%); pointer-events: none; }
.login-consultant-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.login-consultant-copy { position: relative; z-index: 1; display: grid; gap: 8px; width: 55%; margin-left: auto; padding: 26px 18px 24px 9px; }
.login-consultant-card .login-sales-eyebrow { color: #2b77c2; font: 600 8px/1.35 var(--mono); letter-spacing: .12em; }
.login-consultant-card h2 { margin: 2px 0 3px; color: #17324d; font-size: 28px; line-height: 1.06; letter-spacing: -.055em; }
.login-consultant-card p { margin: 0; color: #60758a; font-size: 11px; line-height: 1.75; }
.login-consultant-qr { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 10px; align-items: center; margin-top: 12px; padding-top: 14px; border-top: 1px solid rgba(64,105,141,.22); }
.login-qr-frame { position: relative; width: 90px; height: 90px; overflow: hidden; padding: 4px; border-radius: 6px; background: #fff; box-shadow: 0 10px 25px rgba(22,58,91,.2); }
.login-qr-frame img { width: 100%; height: 100%; object-fit: cover; }
.login-qr-frame::before,.login-qr-frame::after { position: absolute; z-index: 2; width: 14px; height: 14px; content: ""; border-style: solid; border-color: #0f79d5; }
.login-qr-frame::before { top: 0; left: 0; border-width: 2px 0 0 2px; }.login-qr-frame::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
.login-qr-frame i { position: absolute; z-index: 2; top: 11px; right: 5px; left: 5px; height: 1px; background: linear-gradient(90deg,transparent,#1c95e8,transparent); box-shadow: 0 0 9px rgba(28,149,232,.9); }
.login-consultant-qr strong,.login-consultant-qr span,.login-consultant-qr small { display: block; }
.login-consultant-qr strong { color: #17324d; font-size: 13px; letter-spacing: -.03em; }
.login-consultant-qr span { margin-top: 5px; color: #2b77c2; font: 600 8px var(--mono); letter-spacing: .06em; }
.login-consultant-qr small { margin-top: 8px; color: #71869a; font-size: 8px; line-height: 1.45; }
.login-sales-footnote { max-width: 430px; margin-top: 16px !important; padding-top: 14px; border-top: 1px solid rgba(173,224,242,.2); color: #7fa8c2 !important; font-size: 10px !important; line-height: 1.7 !important; }
@media (prefers-reduced-motion: no-preference) { .login-qr-frame i { animation: loginQrScan 3.1s ease-in-out infinite; } }
@keyframes loginQrScan { 0%,100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(68px); } }
@media (max-width: 860px) { .login-main { min-height: 0; padding: 48px 0 72px; }.login-portal { grid-template-columns: 1fr; max-width: 620px; }.login-access,.login-sales { min-height: 0; padding: 42px clamp(28px,7vw,58px); }.login-title-block { margin-top: 54px; }.login-sales::after { top: -250px; right: -160px; } }
@media (max-width: 620px) { .login-main { padding: 28px 0 54px; }.login-portal { border-radius: 14px; }.login-access,.login-sales { padding: 31px 23px; }.login-title-block { margin-top: 42px; }.login-title-block h1 { font-size: 42px; }.login-form { margin-top: 32px; gap: 15px; }.login-field input,.login-submit { min-height: 50px; }.login-consultant-card { min-height: 360px; }.login-consultant-card::after { background: linear-gradient(90deg,rgba(239,243,246,0) 21%,rgba(239,243,246,.86) 41%,#eef2f5 58%); }.login-consultant-card > img { object-position: 30% 42%; }.login-consultant-copy { width: 60%; padding: 20px 10px 18px 5px; }.login-consultant-card .login-sales-eyebrow { font-size: 7px; }.login-consultant-card h2 { font-size: 23px; }.login-consultant-card p { font-size: 9px; line-height: 1.6; }.login-consultant-qr { grid-template-columns: 78px minmax(0,1fr); gap: 7px; margin-top: 8px; padding-top: 11px; }.login-qr-frame { width: 78px; height: 78px; }.login-qr-frame i { top: 10px; right: 5px; left: 5px; }.login-consultant-qr strong { font-size: 11px; }.login-consultant-qr span { margin-top: 4px; font-size: 7px; }.login-consultant-qr small { margin-top: 6px; font-size: 7px; }.login-security-note { margin-top: 21px; } }
@media (prefers-reduced-motion: reduce) { .login-qr-frame i { animation: none; } }

/* Live plan selector: progressive inputs with a persistent, evidence-bounded summary. */
.live-package-selector { position:relative; overflow:hidden; padding:108px 0; background:#f4f8fd; }
.live-package-selector::before { position:absolute; inset:0; content:""; pointer-events:none; opacity:.58; background-image:linear-gradient(rgba(44,101,176,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,101,176,.05) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.live-package-selector .container { position:relative; z-index:1; }
.live-package-selector__head { max-width:810px; }
.live-package-selector__head h2 { margin:18px 0 16px; color:#102842; font-size:clamp(42px,4.6vw,64px); line-height:1.04; letter-spacing:-.06em; }
.live-package-selector__head > p { max-width:690px; margin:0; color:#60758a; font-size:15px; line-height:1.82; }
.live-package-form { margin-top:52px; }
.live-package-layout { display:grid; grid-template-columns:minmax(0,1.84fr) minmax(300px,1fr); gap:22px; align-items:start; }
.live-package-fields,.live-package-summary { min-width:0; border:1px solid #d5e1ed; border-radius:18px; background:#fff; box-shadow:0 25px 70px rgba(32,72,117,.08); }
.live-package-fields { padding:42px; }
.live-package-step { min-width:0; margin:0; padding:0 0 38px; border:0; }
.live-package-step + .live-package-step { padding-top:38px; border-top:1px solid #dfe7ef; }
.live-package-step:last-child { padding-bottom:0; }
.live-package-step > legend { width:100%; margin:0 0 23px; padding:0; color:#173856; font-size:18px; font-weight:800; letter-spacing:-.03em; }
.live-package-step > legend small { display:inline-grid; width:30px; height:30px; margin-right:10px; place-items:center; border-radius:50%; color:#075cff; background:#eaf2ff; font:700 9px var(--mono); vertical-align:2px; }
.live-package-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.live-package-card { position:relative; min-width:0; min-height:164px; display:flex; flex-direction:column; padding:24px; border:1px solid #d4e0eb; border-radius:12px; color:#23425e; background:#fbfdff; cursor:pointer; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.live-package-card:hover { border-color:#8bb5f1; transform:translateY(-2px); }
.live-package-card.is-selected { border-color:#1769e8; background:#edf5ff; box-shadow:inset 0 0 0 1px #1769e8,0 13px 28px rgba(33,104,214,.1); }
.live-package-card > input { position:absolute; width:1px; height:1px; opacity:0; }
.live-package-card:has(input:focus-visible) { outline:3px solid rgba(7,92,255,.25); outline-offset:3px; }
.live-package-card__check { position:absolute; top:17px; right:17px; display:grid; width:22px; height:22px; place-items:center; border:1px solid #bdccda; border-radius:50%; color:transparent; background:#fff; font-size:12px; font-weight:900; }
.live-package-card.is-selected .live-package-card__check { border-color:#1769e8; color:#fff; background:#1769e8; }
.live-package-card strong { padding-right:28px; font-size:18px; }
.live-package-card b { margin-top:13px; color:#1769e8; font:800 18px var(--mono); letter-spacing:-.045em; }
.live-package-card small { margin-top:auto; padding-top:13px; color:#6a7f92; font-size:12px; line-height:1.6; }
.live-package-bandwidth-note { margin:14px 0 0; color:#8a6e45; font-size:11px; line-height:1.6; }
.live-device-counts { display:grid; gap:14px; }
.live-count-field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:19px 0; border-bottom:1px solid #e4ebf2; }
.live-count-field label,.live-field-label,.live-inline-choice > legend,.live-other-region label,.live-package-contact__fields label > span { color:#294862; font-size:13px; font-weight:800; }
.live-count-field p { max-width:470px; margin:6px 0 0; color:#72869a; font-size:11px; line-height:1.6; }
.live-count-field details { margin-top:10px; }
.live-count-field summary { width:max-content; max-width:100%; color:#1769d8; font-size:11px; font-weight:700; cursor:pointer; }
.live-count-field details p { max-width:500px; padding:10px 13px; border-left:2px solid #77aaf0; background:#f3f8ff; }
.live-stepper { display:grid; grid-template-columns:44px 58px 20px 44px; gap:4px; align-items:center; }
.live-stepper button { width:44px; height:44px; padding:0; border:1px solid #c8d6e4; border-radius:8px; color:#1769d8; background:#f7faff; font-size:20px; font-weight:700; cursor:pointer; }
.live-stepper input { width:58px; height:44px; padding:0 5px; border:1px solid #c8d6e4; border-radius:8px; color:#173856; outline:0; background:#fff; text-align:center; font-weight:800; appearance:textfield; }
.live-stepper input::-webkit-inner-spin-button { appearance:none; }
.live-stepper span { color:#687d90; font-size:12px; }
.live-stepper button:focus-visible,.live-stepper input:focus-visible,.live-option-pill input:focus-visible + span,.live-inline-choice input:focus-visible + span,.live-check-option input:focus-visible { outline:3px solid rgba(7,92,255,.25); outline-offset:2px; }
.live-inline-choice { margin:24px 0 0; padding:0; border:0; }
.live-inline-choice > legend { margin-bottom:12px; }
.live-inline-choice > div { display:flex; flex-wrap:wrap; gap:8px; }
.live-inline-choice label,.live-option-pill { position:relative; cursor:pointer; }
.live-inline-choice input,.live-option-pill input { position:absolute; width:1px; height:1px; opacity:0; }
.live-inline-choice span,.live-option-pill span { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border:1px solid #cddae6; border-radius:8px; color:#5a7085; background:#fff; font-size:12px; font-weight:700; }
.live-inline-choice input:checked + span,.live-option-pill input:checked + span { border-color:#1769e8; color:#145fc8; background:#edf5ff; box-shadow:inset 0 0 0 1px #1769e8; }
.live-device-total { margin:18px 0 0; padding:14px 16px; border-radius:9px; color:#173f71; background:#edf5ff; font-size:13px; font-weight:800; }
.live-device-total span { display:block; margin-top:5px; color:#6580a0; font-size:10px; font-weight:600; }
.live-field-label { margin:0 0 12px; }
.live-region-options { display:flex; flex-wrap:wrap; gap:8px; }
.live-other-region { display:grid; gap:8px; max-width:420px; margin-top:14px; }
.live-other-region[hidden] { display:none; }
.live-other-region input,.live-package-contact__fields input { width:100%; min-height:48px; padding:0 14px; border:1px solid #cbd8e5; border-radius:8px; color:#17324d; outline:0; background:#fbfdff; }
.live-other-region input:focus,.live-package-contact__fields input:focus { border-color:#1769e8; box-shadow:0 0 0 3px rgba(7,92,255,.1); }
.live-extra-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.live-check-option { min-height:48px; display:flex; align-items:center; gap:10px; padding:10px 13px; border:1px solid #d6e1eb; border-radius:8px; color:#4d657b; background:#fbfdff; font-size:12px; font-weight:700; cursor:pointer; }
.live-check-option input { width:18px; height:18px; flex:0 0 auto; accent-color:#1769e8; }
.live-package-summary { position:sticky; top:94px; overflow:hidden; color:#fff; border-color:#153f75; background:linear-gradient(155deg,#0b3260,#075cff 76%); box-shadow:0 28px 70px rgba(4,61,168,.2); }
.live-package-summary__inner { position:relative; padding:34px; }
.live-package-summary__inner::before { position:absolute; width:270px; height:270px; top:-170px; right:-150px; content:""; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.02); }
.live-package-summary__eyebrow { color:#9de6f1; font:700 8px var(--mono); letter-spacing:.14em; }
.live-package-summary h3 { margin:11px 0 26px; font-size:30px; letter-spacing:-.05em; }
.live-package-summary__plan { display:grid; gap:6px; padding:19px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }
.live-package-summary__plan small,.live-package-summary__assessment small { color:#a9c8ee; font-size:10px; }
.live-package-summary__plan strong { font-size:20px; }
.live-package-summary__plan b { color:#a8eff5; font:800 17px var(--mono); }
.live-package-summary dl { display:grid; gap:11px; margin:24px 0; }
.live-package-summary dl div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; }
.live-package-summary dt { color:#acc5e5; font-size:11px; }
.live-package-summary dd { min-width:0; margin:0; overflow-wrap:anywhere; font-size:11px; font-weight:700; text-align:right; }
.live-package-summary__assessment { padding:17px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(5,32,74,.28); }
.live-package-summary__assessment strong { display:block; margin-top:6px; color:#b9f2f5; font-size:13px; }
.live-package-summary__assessment p { margin:10px 0 0; color:#c7daf1; font-size:10px; line-height:1.75; }
.live-package-cta { width:100%; margin-top:22px; color:#075cff !important; background:#fff !important; box-shadow:0 14px 28px rgba(0,30,92,.22) !important; }
.live-package-contact { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:34px 50px; margin-top:22px; padding:42px; scroll-margin-top:94px; border:1px solid #d5e1ed; border-radius:18px; background:#fff; box-shadow:0 25px 70px rgba(32,72,117,.08); }
.live-package-contact[hidden] { display:none; }
.live-package-contact h3 { margin:16px 0 12px; color:#153450; font-size:31px; line-height:1.12; letter-spacing:-.05em; }
.live-package-contact > div:first-child > p { margin:0; color:#6d8295; font-size:12px; line-height:1.75; }
.live-package-contact__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.live-package-contact__fields label { display:grid; gap:8px; min-width:0; }
.live-package-contact__submit { grid-column:2; display:flex; align-items:center; gap:18px; }
.live-package-contact__submit button { min-width:180px; }
.live-package-contact__submit button:disabled { cursor:wait; opacity:.72; transform:none; }
.live-package-contact__submit p { margin:0; color:#6f8294; font-size:11px; line-height:1.6; }
.live-package-contact__submit p[data-state="success"] { color:#087d58; }
.live-package-contact__submit p[data-state="error"] { color:#b54545; }
@media (max-width:900px) { .live-package-layout { grid-template-columns:1fr; }.live-package-summary { position:static; }.live-package-contact { grid-template-columns:1fr; }.live-package-contact__submit { grid-column:auto; } }
@media (max-width:620px) { .live-package-selector { padding:76px 0; }.live-package-selector__head h2 { font-size:40px; }.live-package-selector__head > p { font-size:14px; }.live-package-form { margin-top:35px; }.live-package-fields { padding:25px 18px; border-radius:14px; }.live-package-step { padding-bottom:29px; }.live-package-step + .live-package-step { padding-top:29px; }.live-package-cards,.live-extra-options,.live-package-contact__fields { grid-template-columns:1fr; }.live-package-card { min-height:146px; padding:21px; }.live-count-field { grid-template-columns:1fr; gap:14px; align-items:start; }.live-stepper { grid-template-columns:44px 56px 18px 44px; }.live-inline-choice > div,.live-region-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.live-inline-choice span,.live-option-pill span { width:100%; padding:0 8px; text-align:center; }.live-package-summary__inner { padding:28px 22px; }.live-package-contact { gap:26px; padding:28px 20px; border-radius:14px; }.live-package-contact__submit { align-items:stretch; flex-direction:column; }.live-package-contact__submit button { width:100%; }.live-package-contact__submit p { width:100%; }}
@media (prefers-reduced-motion:reduce) { .live-package-card { transition:none; } }

/* Route desk redesign: one integrated network ticket, not a generic form. */
.live-package-selector { padding:86px 0 92px; background:#eef3f8; }
.live-package-selector::before { opacity:.38; background-size:56px 56px; }
.live-package-selector__head { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:48px; }
.live-package-selector__head h2 { margin:14px 0 0; color:#102842; font-size:clamp(38px,4vw,54px); line-height:1; letter-spacing:-.06em; }
.live-package-selector__head > p { max-width:430px; margin:0 0 2px; padding-left:22px; border-left:2px solid #1769e8; color:#60758a; font-size:13px; line-height:1.8; }
.live-package-form { overflow:hidden; margin-top:38px; border:1px solid #cbd8e4; border-radius:8px; background:#fff; box-shadow:0 30px 70px rgba(24,59,96,.11); }
.live-region-rail,.live-plan-rack { min-width:0; margin:0; border:0; }
.live-region-rail { padding:28px 34px 24px; border-bottom:1px solid #d8e2eb; background:linear-gradient(180deg,#fff,#f9fbfd); }
.live-region-rail > legend,.live-plan-rack > legend { display:grid; gap:5px; padding:0; color:#122f4d; font-size:20px; font-weight:850; letter-spacing:-.035em; }
.live-region-rail > legend small,.live-plan-rack > legend small { color:#1769e8; font:700 8px var(--mono); letter-spacing:.12em; }
.live-region-track-shell { margin-top:20px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#a9bed1 transparent; }
.live-region-track { position:relative; display:grid; grid-template-columns:repeat(7,minmax(105px,1fr)); min-width:760px; border:1px solid #cedbe7; background:#fff; }
.live-region-node { position:relative; min-width:0; cursor:pointer; }
.live-region-node + .live-region-node { border-left:1px solid #d8e2eb; }
.live-region-node input,.live-plan-row input { position:absolute; width:1px; height:1px; opacity:0; }
.live-region-node > span { min-height:70px; display:grid; align-content:center; gap:3px; padding:10px 13px 10px 28px; transition:color .18s ease,background .18s ease; }
.live-region-node > span::before { position:absolute; top:50%; left:13px; width:7px; height:7px; content:""; border:1px solid #8fa7bd; border-radius:50%; background:#fff; transform:translateY(-50%); }
.live-region-node b { color:#7890a5; font:700 8px var(--mono); letter-spacing:.12em; }
.live-region-node strong { min-width:0; overflow:hidden; color:#29465f; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.live-region-node.is-selected > span { color:#fff; background:#0b2d50; box-shadow:inset 0 -3px 0 #3aa8ff; }
.live-region-node.is-selected > span::before { border-color:#8de7ff; background:#8de7ff; box-shadow:0 0 0 4px rgba(141,231,255,.13); }
.live-region-node.is-selected b { color:#8de7ff; }
.live-region-node.is-selected strong { color:#fff; }
.live-region-node:has(input:focus-visible) { z-index:2; outline:3px solid rgba(7,92,255,.28); outline-offset:-3px; }
.live-route-status { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; margin-top:15px; padding:12px 15px; border-left:3px solid #1769e8; background:#f0f5fa; }
.live-route-status__path { min-width:0; display:flex; align-items:center; gap:10px; color:#6a8093; font-size:10px; font-weight:700; }
.live-route-status__path i { min-width:28px; flex:1; border-top:1px dashed #9db2c5; }
.live-route-status__path strong { color:#163c65; font-size:12px; }
.live-route-status__latency { display:flex; align-items:baseline; gap:10px; }
.live-route-status__latency small { color:#6f8396; font-size:9px; }
.live-route-status__latency strong { color:#1769e8; font:800 11px var(--mono); }
.live-region-rail .live-other-region { max-width:520px; margin-top:14px; }
.live-region-latency-note { margin:10px 0 0; color:#7a8d9f; font-size:9px; line-height:1.6; }
.live-package-layout { display:grid; grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr); gap:0; align-items:stretch; }
.live-plan-rack { padding:30px 34px 28px; }
.live-plan-list { margin-top:20px; border-top:1px solid #d8e2eb; border-bottom:1px solid #d8e2eb; }
.live-plan-row { position:relative; min-height:82px; display:grid; grid-template-columns:46px minmax(120px,.75fr) minmax(96px,.45fr) minmax(185px,1fr) 48px; gap:14px; align-items:center; padding:13px 14px 13px 10px; color:#203f5b; cursor:pointer; transition:background .18s ease,box-shadow .18s ease; }
.live-plan-row + .live-plan-row { border-top:1px solid #e0e8ef; }
.live-plan-row:hover { background:#f7faff; }
.live-plan-row.is-selected { background:#edf5ff; box-shadow:inset 4px 0 0 #1769e8; }
.live-plan-row:has(input:focus-visible) { z-index:2; outline:3px solid rgba(7,92,255,.24); outline-offset:-3px; }
.live-plan-row__index { color:#8aa0b4; font:700 9px var(--mono); letter-spacing:.08em; text-align:center; }
.live-plan-row__identity,.live-plan-row__bandwidth,.live-plan-row__capacity { min-width:0; display:grid; gap:5px; }
.live-plan-row__identity strong { font-size:15px; }
.live-plan-row__identity small,.live-plan-row__capacity small { color:#7b8fa2; font-size:9px; line-height:1.45; }
.live-plan-row__bandwidth b { color:#1769e8; font:850 18px var(--mono); letter-spacing:-.04em; }
.live-plan-row__bandwidth em { color:#8496a7; font:600 7px var(--mono); font-style:normal; letter-spacing:.08em; }
.live-plan-row__capacity strong { overflow-wrap:anywhere; color:#294862; font-size:11px; line-height:1.45; }
.live-plan-row__selected { color:transparent; font-size:9px; font-weight:800; text-align:right; }
.live-plan-row.is-selected .live-plan-row__selected { color:#1769e8; }
.live-package-capacity-note { margin:16px 0 0; padding-left:11px; border-left:2px solid #a6bdd4; color:#74889b; font-size:9px; line-height:1.65; }
.live-package-summary { position:relative; top:auto; align-self:stretch; overflow:hidden; border:0; border-left:1px dashed rgba(255,255,255,.4); border-radius:0; color:#fff; background:#0a2a4b; box-shadow:none; }
.live-package-summary::before,.live-package-summary::after { position:absolute; left:-9px; z-index:3; width:18px; height:18px; content:""; border-radius:50%; background:#eef3f8; }
.live-package-summary::before { top:-9px; }.live-package-summary::after { bottom:-9px; }
.live-package-summary__inner { min-height:100%; display:flex; flex-direction:column; padding:31px 28px 27px; }
.live-package-summary__inner::before { top:-175px; right:-180px; width:320px; height:320px; border-color:rgba(74,172,255,.22); box-shadow:0 0 0 36px rgba(74,172,255,.03),0 0 0 72px rgba(74,172,255,.018); }
.live-package-summary__eyebrow { color:#8de7ff; }
.live-package-summary h3 { margin:10px 0 22px; font-size:27px; }
.live-summary-route { display:flex; align-items:center; gap:9px; padding:15px 0; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.live-summary-route span { color:#9db5cf; font-size:9px; }
.live-summary-route i { flex:1; border-top:1px dashed rgba(141,231,255,.48); }
.live-summary-route strong { color:#fff; font-size:13px; }
.live-package-summary__plan { gap:7px; padding:20px 0; border-top:0; }
.live-package-summary__plan small { color:#8faac4; font:700 8px var(--mono); letter-spacing:.1em; }
.live-package-summary__plan strong { font-size:20px; }
.live-package-summary__plan > span { display:flex; align-items:baseline; gap:8px; }
.live-package-summary__plan b { color:#8de7ff; font-size:22px; }
.live-package-summary__plan em { color:#8faac4; font:600 8px var(--mono); font-style:normal; }
.live-package-summary__plan em[hidden] { display:none; }
.live-package-summary dl { display:grid; gap:10px; margin:0 0 20px; }
.live-package-summary dl div { grid-template-columns:72px minmax(0,1fr); }
.live-package-summary dt { color:#93aac1; font-size:9px; }
.live-package-summary dd { font-size:10px; }
.live-package-cta { min-height:50px; margin-top:auto; border-radius:3px; color:#075cff !important; background:#fff !important; }
.live-package-cta-note { margin:10px 0 0; color:#8faac4; font-size:9px; text-align:center; }
.scenario-live-page #contact { scroll-margin-top:84px; }
@media (max-width:900px) { .live-package-selector__head { align-items:start; flex-direction:column; gap:18px; }.live-package-selector__head > p { max-width:620px; }.live-package-layout { grid-template-columns:1fr; }.live-package-summary { position:relative; border-top:1px dashed rgba(255,255,255,.4); border-left:0; }.live-package-summary::before,.live-package-summary::after { display:none; }.live-package-summary__inner { padding:30px; } }
@media (max-width:620px) { .live-package-selector { padding:66px 0 72px; }.live-package-selector__head h2 { font-size:38px; }.live-package-selector__head > p { padding-left:15px; font-size:12px; }.live-package-form { margin-top:28px; border-radius:6px; }.live-region-rail { padding:24px 14px 20px; }.live-region-rail > legend,.live-plan-rack > legend { font-size:20px; }.live-region-track-shell { margin-right:-14px; margin-left:-14px; padding:0 14px 7px; scroll-padding-inline:14px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }.live-region-track { width:max-content; min-width:0; display:flex; }.live-region-node { width:108px; flex:0 0 108px; scroll-snap-align:start; }.live-region-node > span { min-height:66px; }.live-route-status { grid-template-columns:1fr; gap:8px; }.live-route-status__latency { justify-content:space-between; }.live-plan-rack { padding:26px 14px 24px; }.live-plan-row { min-height:114px; grid-template-columns:42px minmax(0,1fr) auto; grid-template-areas:"index identity bandwidth" ". capacity capacity"; gap:9px 10px; padding:14px 10px 14px 6px; }.live-plan-row__index { grid-area:index; }.live-plan-row__identity { grid-area:identity; }.live-plan-row__bandwidth { grid-area:bandwidth; text-align:right; }.live-plan-row__capacity { grid-area:capacity; display:flex; align-items:baseline; gap:8px; }.live-plan-row__selected { display:none; }.live-plan-row.is-selected .live-plan-row__index::after { display:block; margin-top:6px; content:"✓"; color:#1769e8; font-size:11px; }.live-plan-row__identity strong { font-size:14px; }.live-plan-row__identity small { font-size:9px; }.live-plan-row__bandwidth b { font-size:16px; }.live-plan-row__capacity strong { font-size:10px; }.live-package-summary__inner { padding:28px 22px 24px; }.live-package-summary h3 { font-size:25px; }}
@media (prefers-reduced-motion:reduce) { .live-region-node > span,.live-plan-row { transition:none; } }

/* Compact live plan comparison: destination first, four plans visible at once. */
.live-package-compare-form { margin-top:32px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.live-region-compare,.live-plan-compare { min-width:0; margin:0; padding:0; border:0; }
.live-region-compare { padding:19px 30px 18px; border-top:1px solid #d8e3ed; background:transparent; }
.live-region-compare > legend { font-size:16px !important; }
.live-region-compare > legend,.live-plan-compare > legend { display:grid; gap:4px; padding:0; color:#132f4b; font-size:20px; font-weight:850; letter-spacing:-.035em; }
.live-region-compare > legend small,.live-plan-compare > legend small { color:#1769e8; font:700 8px var(--mono); letter-spacing:.13em; }
.live-region-groups { display:grid; gap:20px; margin-top:15px; }
.live-region-group > header { display:flex; align-items:center; gap:10px; }
.live-region-group > header::after { height:1px; flex:1; content:""; background:#d5e0e9; }
.live-region-group > header strong { color:#36536c; font-size:10px; }
.live-region-group > header small { order:2; color:#8b9cac; font:700 6px var(--mono); letter-spacing:.09em; }
.live-region-choices { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin-top:12px; }
.live-region-group .live-region-choices { margin-top:8px; }
.live-region-choice { position:relative; min-width:0; cursor:pointer; }
.live-region-choice input { position:absolute; width:1px; height:1px; opacity:0; }
.live-region-choice > span { min-height:56px; display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-areas:"flag name" "flag code"; gap:1px 7px; align-content:center; padding:7px 9px; border:1px solid #d5e0ea; border-radius:10px; color:#29475f; background:#fff; box-shadow:0 5px 14px rgba(31,69,105,.035); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.live-region-choice > span > b { grid-area:flag; align-self:center; font-size:19px; font-weight:400; line-height:1; }
.live-region-choice > span > strong { grid-area:name; min-width:0; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.live-region-choice > span > small { grid-area:code; color:#8295a8; font:700 6px var(--mono); letter-spacing:.08em; }
.live-region-choice:hover > span { border-color:#9dbfed; transform:translateY(-1px); }
.live-region-choice.is-selected > span { border-color:#1769e8; color:#fff; background:#0b3159; box-shadow:0 12px 24px rgba(14,68,121,.16),inset 0 -3px 0 #4bb8ff; }
.live-region-choice.is-selected > span > small { color:#91dfff; }
.live-region-choice:has(input:focus-visible) > span { outline:3px solid rgba(7,92,255,.25); outline-offset:2px; }
.live-region-current { display:flex; align-items:center; gap:9px; margin-top:9px; padding:7px 12px; border-left:3px solid #1769e8; color:#71869a; background:#eef4fa; font-size:8px; }
.live-region-current strong { color:#153b62; font-size:10px; }
.live-region-current i { min-width:30px; flex:1; border-top:1px dashed #a9bac9; }
.live-region-current b { color:#1769e8; font:800 9px var(--mono); }
.live-region-compare .live-other-region { max-width:520px; }
.live-plan-compare { padding:30px; background:transparent; }
.live-plan-compare-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:20px; }
.live-plan-compare-card { position:relative; min-width:0; min-height:328px; display:flex; flex-direction:column; overflow:hidden; padding:20px; border:1px solid #d7e2ec; border-radius:15px; color:#24425d; background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%); box-shadow:0 12px 30px rgba(31,69,105,.055); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.live-plan-compare-card::before { position:absolute; top:0; right:0; left:0; height:3px; content:""; background:#1769e8; opacity:.32; }
.live-plan-compare-card:hover { border-color:#a9c7ed; box-shadow:0 18px 38px rgba(31,69,105,.1); transform:translateY(-3px); }
.live-plan-compare-card header { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#8296aa; font:700 7px var(--mono); letter-spacing:.09em; }
.live-plan-compare-card header em { padding:4px 7px; border:1px solid #dae5ee; border-radius:99px; color:#617b93; background:#f7fafd; font-style:normal; letter-spacing:0; }
.live-plan-compare-card h3 { min-height:58px; margin:22px 0 8px; color:#123557; font-size:20px; line-height:1.35; letter-spacing:-.04em; }
.live-plan-compare-card > p { margin:0; color:#1769e8; font-size:11px; font-weight:800; line-height:1.5; }
.live-plan-compare-card__bandwidth { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:18px; padding:14px 0; border-top:1px solid #e2e9f0; border-bottom:1px solid #e2e9f0; }
.live-plan-compare-card__bandwidth small,.live-plan-compare-card__price > small,.live-plan-compare-card footer small { color:#8397a9; font-size:8px; }
.live-plan-compare-card__bandwidth strong { color:#1769e8; font:850 18px var(--mono); letter-spacing:-.04em; }
.live-plan-compare-card__price { margin-top:12px; }
.live-plan-compare-card__price > small { display:block; }
.live-plan-compare-card__original-price { display:flex; align-items:baseline; gap:6px; margin-top:5px; color:#8496a7; }
.live-plan-compare-card__original-price span { font-size:8px; font-weight:700; }
.live-plan-compare-card__original-price del { font:700 12px var(--mono); text-decoration-thickness:1px; }
.live-plan-compare-card__current-price { display:flex; align-items:baseline; gap:5px; margin-top:2px; }
.live-plan-compare-card__current-price > span { align-self:center; margin-left:3px; padding:3px 6px; border-radius:99px; color:#075cff; background:#e7f0ff; font-size:8px; font-weight:800; line-height:1; }
.live-plan-compare-card__price strong { color:#0d3155; font-size:29px; letter-spacing:-.055em; }
.live-plan-compare-card__price em { color:#71879b; font-size:9px; font-style:normal; }
.live-plan-compare-card footer { display:grid; gap:5px; margin-top:auto; padding-top:16px; }
.live-plan-compare-card footer strong { color:#38566f; font-size:10px; line-height:1.55; }
.live-plan-compare-card--enterprise { color:#d8e8f7; border-color:#123f69; background:linear-gradient(155deg,#0a2a4b,#0d416f); }
.live-plan-compare-card--enterprise::before { opacity:1; background:#65d5ff; }
.live-plan-compare-card--enterprise header,.live-plan-compare-card--enterprise > p,.live-plan-compare-card--enterprise .live-plan-compare-card__bandwidth small { color:#a4bdd4; }
.live-plan-compare-card--enterprise header em { border-color:rgba(143,216,255,.24); color:#9ddfff; background:rgba(255,255,255,.06); }
.live-plan-compare-card--enterprise h3,.live-plan-compare-card--enterprise .live-plan-compare-card__price strong { color:#fff; }
.live-plan-compare-card--enterprise .live-plan-compare-card__bandwidth { border-color:rgba(255,255,255,.15); }
.live-plan-compare-card--enterprise .live-plan-compare-card__bandwidth strong { color:#8de7ff; }
.live-plan-compare-card--enterprise .live-plan-compare-card__price > small,.live-plan-compare-card--enterprise .live-plan-compare-card__price em,.live-plan-compare-card--enterprise footer small { color:#91aac2; }
.live-plan-compare-card--enterprise footer strong { color:#d6e6f4; }
.live-plan-compare-foot { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0; padding:19px 30px 0; border-top:1px solid #dde6ee; background:transparent; }
.live-plan-compare-foot p { max-width:760px; margin:0; color:#72869a; font-size:9px; line-height:1.7; }
.live-plan-compare-foot p strong { color:#3b5872; }
.live-plan-compare-foot .button { min-width:220px; min-height:48px; }
@media (max-width:900px) { .live-region-choices { grid-template-columns:repeat(4,minmax(0,1fr)); }.live-plan-compare-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .live-package-compare-form { margin-top:26px; border-radius:0; }.live-plan-compare { padding:23px 14px; }.live-region-compare { padding:17px 14px 15px; }.live-region-groups { gap:18px; }.live-region-group > header strong { font-size:10px; }.live-region-choices { width:auto; display:flex; gap:7px; margin-right:-14px; margin-left:-14px; padding:0 14px 7px; overflow-x:auto; scroll-padding-inline:14px; scroll-snap-type:x proximity; }.live-region-choice { width:108px; flex:0 0 108px; scroll-snap-align:start; }.live-region-choice > span { min-height:54px; }.live-plan-compare-grid { grid-template-columns:1fr; gap:10px; }.live-plan-compare-card { min-height:286px; padding:19px; }.live-plan-compare-card > p { min-height:0; }.live-plan-compare-foot { align-items:stretch; flex-direction:column; gap:15px; padding:17px 14px 20px; }.live-plan-compare-foot .button { width:100%; }}
@media (prefers-reduced-motion:reduce) { .live-region-choice > span,.live-plan-compare-card { transition:none; } }

/* Live trial conversion: one clear promise at the decision point, plus a compact mobile action bar. */
@media (min-width:621px) {
  .scenario-live-page .site-header .nav-actions > .button.primary {
    min-width:184px;
    min-height:48px;
    font-size:15px;
    font-weight:850;
  }
}
.live-trial-promise {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:96px minmax(0,1fr) 190px;
  gap:24px;
  align-items:center;
  margin-top:30px;
  padding:24px 26px;
  border:1px solid rgba(100,208,255,.28);
  border-radius:16px;
  color:#fff;
  background:
    linear-gradient(120deg,rgba(28,109,211,.18),transparent 46%),
    #0b3159;
  box-shadow:0 18px 42px rgba(12,49,87,.16);
}
.live-trial-promise::before {
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(120deg,transparent 0 78%,rgba(123,224,255,.24) 78% 79%,transparent 79% 100%);
  background-size:54px 54px;
}
.live-trial-promise > * { position:relative; z-index:1; }
.live-trial-promise__badge {
  width:78px;
  height:78px;
  display:grid;
  grid-template-columns:auto auto;
  align-items:end;
  justify-content:center;
  gap:3px;
  padding-bottom:14px;
  border:1px solid rgba(139,225,255,.35);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.025);
}
.live-trial-promise__badge strong { color:#85e5ff; font:850 36px/.8 var(--mono); letter-spacing:-.09em; }
.live-trial-promise__badge span { color:#bdeeff; font:800 7px var(--mono); letter-spacing:.12em; }
.live-trial-promise__copy { min-width:0; }
.live-trial-promise__copy > span { display:block; margin-bottom:6px; color:#82dfff; font-size:10px; font-weight:800; letter-spacing:.12em; }
.live-trial-promise__copy > strong {
  display:block;
  color:#fff;
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.035em;
}
.live-trial-promise p { margin:0; color:#acc4d8; font-size:10px; line-height:1.65; }
.live-trial-promise__copy p { margin-top:6px; }
.live-trial-promise__cta {
  min-width:190px;
  min-height:52px;
  border:1px solid #fff !important;
  color:#0b4e99 !important;
  background:#fff !important;
  font-size:14px;
  font-weight:850;
  box-shadow:0 10px 24px rgba(0,16,35,.18);
}
.live-trial-promise__cta:hover { color:#075cff !important; transform:translateY(-2px); }
.live-trial-promise + .live-package-form { margin-top:26px; }
.live-plan-compare-action { display:grid; justify-items:center; gap:7px; flex:0 0 auto; }
.live-plan-compare-action .button { min-width:230px; min-height:52px; font-size:15px; font-weight:850; }
.live-plan-compare-action small { color:#6f8497; font-size:9px; }
.live-trial-float {
  position:fixed;
  z-index:999;
  top:45%;
  right:0;
  width:57.6px;
  height:180px;
  overflow:hidden;
  border-left:3px solid #2563eb;
  border-radius:16px 0 0 16px;
  color:#16416f;
  background:linear-gradient(180deg,#fff,#f5f9ff);
  box-shadow:0 5px 22px rgba(37,99,235,.15);
  text-decoration:none;
  transform:translateY(-50%);
  animation:liveTrialCapsuleFloat 3s ease-in-out infinite;
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease,box-shadow .25s ease;
}
.live-trial-float__desktop { width:100%; height:100%; display:grid; grid-template-rows:70px 110px; }
.live-trial-float__top {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:13px 0 0;
  color:#fff;
  background:linear-gradient(180deg,#2563eb,#0f5de8);
  box-shadow:inset 0 -1px rgba(255,255,255,.16);
}
.live-trial-float__top::after,.live-trial-float__mobile::before {
  width:6px;
  height:6px;
  border-radius:50%;
  content:"";
  background:#d9f7ff;
  box-shadow:0 0 0 0 rgba(179,238,255,0),0 0 6px rgba(179,238,255,.52);
  animation:liveTrialBreathingLight 2.4s ease-in-out infinite;
}
.live-trial-float__top::after { position:absolute; top:9px; right:8px; }
.live-trial-float__top strong,.live-trial-float__top b { display:block; font-size:17px; font-weight:800; line-height:1.15; letter-spacing:-.035em; }
.live-trial-float__top b { font-size:14px; letter-spacing:.08em; }
.live-trial-float__bottom { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#174f9d; }
.live-trial-float__bottom > span { font-size:12px; font-weight:800; line-height:1; letter-spacing:.08em; writing-mode:vertical-rl; }
.live-trial-float__bottom svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.live-trial-float__mobile { display:none; }
.live-trial-float:hover { box-shadow:0 8px 30px rgba(37,99,235,.25); animation:none; transform:translate(-8px,-50%); }
.live-trial-float:focus-visible { outline:3px solid rgba(37,99,235,.3); outline-offset:4px; animation:none; }
.live-trial-float.is-hidden { visibility:hidden; opacity:0; animation:none; transform:translate(100%,-50%); pointer-events:none; }
@keyframes liveTrialCapsuleFloat { 0%,100% { transform:translateY(-50%); } 50% { transform:translateY(calc(-50% - 4px)); } }
@keyframes liveTrialBreathingLight {
  0%,100% { opacity:.5; box-shadow:0 0 0 0 rgba(179,238,255,0),0 0 5px rgba(179,238,255,.38); }
  50% { opacity:1; box-shadow:0 0 0 5px rgba(179,238,255,0),0 0 13px rgba(179,238,255,.9); }
}

@media (max-width:900px) and (min-width:621px) {
  .live-trial-promise { grid-template-columns:82px minmax(0,1fr) 190px; }
  .live-trial-promise__badge { width:68px; height:68px; }
  .live-trial-promise__copy > strong { font-size:20px; }
}

@media (max-width:620px) {
  .live-trial-promise {
    grid-template-columns:64px minmax(0,1fr);
    gap:14px 12px;
    margin-top:24px;
    padding:19px 16px 16px;
    border-radius:13px;
  }
  .live-trial-promise__badge { width:60px; height:60px; padding-bottom:11px; }
  .live-trial-promise__badge strong { font-size:29px; }
  .live-trial-promise__copy > span { margin-bottom:4px; font-size:9px; }
  .live-trial-promise__copy > strong { font-size:18px; }
  .live-trial-promise p { font-size:9px; }
  .live-trial-promise__cta { grid-column:1 / -1; width:100%; min-height:48px; }
  .live-trial-promise + .live-package-form { margin-top:24px; }
  .live-plan-compare-action { width:100%; }
  .live-plan-compare-action .button { width:100%; min-height:52px; }
  .live-plan-compare-action small { font-size:9px; }
}
@media (max-width:768px) {
  .scenario-live-page .woot-widget-bubble { bottom:calc(88px + env(safe-area-inset-bottom))!important; }
  .live-trial-float {
    top:auto;
    right:16px;
    bottom:calc(20px + env(safe-area-inset-bottom));
    left:16px;
    width:auto;
    height:48px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(90deg,#2563eb,#0f5de8);
    box-shadow:0 8px 24px rgba(37,99,235,.24);
    animation:none;
    transform:none;
  }
  .live-trial-float__desktop { display:none; }
  .live-trial-float__mobile { height:100%; display:grid; grid-template-columns:6px minmax(0,1fr) 21px; align-items:center; gap:12px; padding:0 18px; }
  .live-trial-float__mobile strong { font-size:14px; font-weight:850; letter-spacing:.01em; }
  .live-trial-float__mobile svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .live-trial-float:hover { box-shadow:0 10px 28px rgba(37,99,235,.28); transform:translateY(-2px); }
  .live-trial-float.is-hidden { transform:translateY(calc(100% + 36px)); }
}
@media (prefers-reduced-motion:reduce) {
  .live-trial-float { transition:none; animation:none; }
  .live-trial-float__top::after,.live-trial-float__mobile::before { opacity:.85; animation:none; box-shadow:0 0 7px rgba(179,238,255,.55); }
}

/* Live difference: a warm, practical onboarding card instead of a monitoring dashboard. */
.scenario-live-page .saas-difference-section {
  padding:76px 0 80px;
  background:
    radial-gradient(circle at 82% 22%,rgba(42,125,223,.13),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f1f6fb 100%);
}
@media (min-width:1051px) {
  .scenario-live-page .saas-difference-grid {
    grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);
    gap:clamp(44px,5vw,76px);
  }
}
.scenario-live-page .saas-difference-copy h2 { font-size:clamp(40px,3.7vw,54px); }
.scenario-live-page .saas-difference-copy > p:first-of-type strong {
  display:inline-block;
  margin-bottom:10px;
  color:#075cff;
  font-size:13px;
  letter-spacing:.01em;
}
.scenario-live-page .scenario-difference-support {
  margin-top:18px !important;
  padding:13px 16px;
  border-left:3px solid #ffb547;
  border-radius:0 12px 12px 0;
  color:#324c68;
  background:rgba(255,250,238,.9);
  box-shadow:0 10px 25px rgba(54,84,116,.06);
}
.scenario-live-page .scenario-difference-support strong { color:#d96b00; }
.scenario-live-page .scenario-difference-facts {
  gap:8px;
  max-width:500px;
  margin-top:18px;
  padding-top:0;
  border-top:0;
}
.scenario-live-page .scenario-difference-facts div {
  padding:12px 11px;
  border:1px solid #dbe5ef;
  border-radius:10px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 20px rgba(46,80,118,.045);
}
.scenario-live-page .scenario-difference-facts dt { color:#6e8398; font-size:7px; }
.scenario-live-page .scenario-difference-facts dd { color:#173b61; font-size:10px; }
.live-service-gallery-controls button {
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:12px 11px;
  border:1px solid #dbe5ef;
  border-radius:10px;
  color:#173b61;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 20px rgba(46,80,118,.045);
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.live-service-gallery-controls button small,
.live-service-gallery-controls button strong { display:block; }
.live-service-gallery-controls button small { color:#6e8398; font:700 7px var(--mono); letter-spacing:.1em; }
.live-service-gallery-controls button strong { margin-top:6px; font-size:10px; line-height:1.45; }
.live-service-gallery-controls button::after {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  content:"";
  background:#075cff;
  transform:scaleX(0);
  transform-origin:left;
}
.live-service-gallery-controls button:hover { border-color:#a8c8f5; transform:translateY(-2px); }
.live-service-gallery-controls button[aria-selected="true"] {
  border-color:#9fc4fb;
  color:#075cff;
  background:#f4f8ff;
  box-shadow:0 12px 24px rgba(30,93,185,.1);
}
.live-service-gallery-controls button[aria-selected="true"]::after { animation:liveServiceTabProgress 5s linear forwards; }
.live-service-gallery-controls button:focus-visible { outline:3px solid rgba(7,92,255,.27); outline-offset:2px; }
.scenario-live-page .saas-difference-section:hover .live-service-gallery-controls button[aria-selected="true"]::after,
.scenario-live-page .saas-difference-section:focus-within .live-service-gallery-controls button[aria-selected="true"]::after { animation-play-state:paused; }
@keyframes liveServiceTabProgress { to { transform:scaleX(1); } }
.live-onboarding-flow {
  isolation:isolate;
  position:relative;
  min-height:578px;
  padding:26px 26px 18px;
  overflow:hidden;
  border:1px solid rgba(11,48,82,.12);
  border-radius:30px;
  background:linear-gradient(145deg,#082846 0%,#0b3d68 56%,#0d5187 100%);
  box-shadow:0 32px 70px rgba(19,63,105,.2),inset 0 1px 0 rgba(255,255,255,.12);
}
.live-onboarding-flow::before,
.live-onboarding-flow::after {
  position:absolute;
  content:"";
  pointer-events:none;
}
.live-onboarding-flow::before {
  inset:0;
  opacity:.22;
  background-image:radial-gradient(rgba(255,255,255,.5) .75px,transparent .75px);
  background-size:18px 18px;
  mask-image:linear-gradient(135deg,#000,transparent 68%);
}
.live-onboarding-flow::after {
  right:-110px;
  bottom:-140px;
  width:360px;
  height:360px;
  border:1px solid rgba(124,211,255,.2);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(124,211,255,.035),0 0 0 108px rgba(124,211,255,.02);
}
.live-onboarding-flow__paper {
  position:relative;
  z-index:2;
  min-height:512px;
  padding:27px 29px 24px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:21px;
  color:#18334e;
  background:#fffdf7;
  box-shadow:0 22px 44px rgba(0,18,38,.25),inset 0 0 0 1px rgba(216,203,171,.16);
}
.live-onboarding-flow__paper::before {
  position:absolute;
  top:24px;
  bottom:24px;
  left:-7px;
  width:14px;
  content:"";
  background:radial-gradient(circle,#0a345b 0 3px,transparent 3.5px) center top/14px 27px repeat-y;
}
.live-onboarding-flow__head > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.live-onboarding-flow__head span {
  color:#7890a5;
  font:700 8px var(--mono);
  letter-spacing:.14em;
}
.live-onboarding-flow__head em {
  padding:5px 9px;
  border:1px solid #b9d8ff;
  border-radius:99px;
  color:#075cff;
  background:#edf5ff;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.live-onboarding-flow__head h3 {
  margin:14px 0 6px;
  color:#102f4f;
  font-size:31px;
  line-height:1.12;
  letter-spacing:-.055em;
}
.live-onboarding-flow__head p { margin:0; color:#6f8294; font-size:11px; }
.live-onboarding-flow__steps {
  margin:20px 0 0;
  padding:0;
  border-top:1px dashed #c8d4de;
  border-bottom:1px dashed #c8d4de;
  list-style:none;
}
.live-onboarding-flow__steps li {
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:104px;
  padding:14px 0;
}
.live-onboarding-flow__steps li + li { border-top:1px solid #e7e1d3; }
.live-onboarding-flow__number {
  position:relative;
  display:grid;
  width:50px;
  height:50px;
  place-content:center;
  border-radius:15px;
  color:#fff;
  background:#075cff;
  text-align:center;
  box-shadow:0 9px 18px rgba(7,92,255,.19);
}
.live-onboarding-flow__number small { font:700 6px var(--mono); letter-spacing:.1em; opacity:.68; }
.live-onboarding-flow__number strong { margin-top:2px; font:800 17px/1 var(--mono); }
.live-onboarding-flow__steps li:not(:last-child) .live-onboarding-flow__number::after {
  position:absolute;
  top:58px;
  left:24px;
  height:45px;
  border-left:2px dashed #aebfd0;
  content:"";
}
.live-onboarding-flow__steps li > div { min-width:0; }
.live-onboarding-flow__steps li > div > small {
  color:#1d876e;
  font:800 7px var(--mono);
  letter-spacing:.1em;
}
.live-onboarding-flow__steps li > div > strong {
  display:block;
  margin-top:4px;
  color:#153655;
  font-size:16px;
  letter-spacing:-.025em;
}
.live-onboarding-flow__steps li p { margin:5px 0 0; color:#748697; font-size:10px; line-height:1.55; }
.live-onboarding-flow__steps li > em {
  padding:6px 8px;
  border:1px solid #d5e0e8;
  border-radius:7px;
  color:#587187;
  background:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
.live-onboarding-flow__foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:17px;
}
.live-onboarding-flow__foot div { display:grid; gap:3px; }
.live-onboarding-flow__foot span { color:#698096; font-size:8px; font-weight:750; }
.live-onboarding-flow__foot span i {
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#22a879;
  box-shadow:0 0 0 4px rgba(34,168,121,.12);
}
.live-onboarding-flow__foot strong { color:#153655; font-size:12px; }
.live-onboarding-flow__foot b {
  padding:9px 11px;
  border-radius:9px;
  color:#7a4700;
  background:#ffe3ad;
  font-size:9px;
  white-space:nowrap;
}
.live-onboarding-flow figcaption {
  position:relative;
  z-index:2;
  margin-top:13px;
  color:rgba(231,245,255,.78);
  font-size:9px;
  text-align:center;
  letter-spacing:.04em;
}
@media (max-width:620px) {
  .scenario-live-page .scenario-difference-facts { grid-template-columns:1fr; }
  .scenario-live-page .scenario-difference-facts div { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; }
  .scenario-live-page .scenario-difference-facts dd { margin-top:0; }
  .live-onboarding-flow { min-height:0; padding:12px 12px 15px; border-radius:22px; }
  .live-onboarding-flow__paper { min-height:0; padding:21px 17px 20px; border-radius:16px; }
  .live-onboarding-flow__paper::before { display:none; }
  .live-onboarding-flow__head h3 { font-size:25px; }
  .live-onboarding-flow__head em { padding:4px 7px; font-size:8px; }
  .live-onboarding-flow__steps li { grid-template-columns:48px minmax(0,1fr); gap:11px; min-height:125px; padding:14px 0; }
  .live-onboarding-flow__number { width:44px; height:44px; border-radius:13px; }
  .live-onboarding-flow__steps li:not(:last-child) .live-onboarding-flow__number::after { top:52px; left:21px; height:65px; }
  .live-onboarding-flow__steps li > div > strong { font-size:15px; }
  .live-onboarding-flow__steps li p { font-size:10px; }
  .live-onboarding-flow__steps li > em { grid-column:2; justify-self:start; margin-top:-5px; }
  .live-onboarding-flow__foot { align-items:flex-start; flex-direction:column; }
  .live-onboarding-flow__foot b { white-space:normal; }
}

.live-service-gallery {
  width:min(100%,560px);
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"head" "stage";
  gap:12px;
  margin:0;
  justify-self:end;
}
.live-service-gallery__head {
  grid-area:head;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0;
}
.live-service-gallery__head > div { display:grid; gap:5px; }
.live-service-gallery__head span {
  color:#1769e8;
  font:800 8px var(--mono);
  letter-spacing:.14em;
}
.live-service-gallery__head strong {
  color:#14385e;
  font-size:20px;
  letter-spacing:-.035em;
}
.live-service-gallery__head em {
  padding:5px 9px;
  border:1px solid #d7e2ed;
  border-radius:99px;
  color:#72879a;
  background:rgba(255,255,255,.8);
  font-size:8px;
  font-style:normal;
  white-space:nowrap;
}
.live-service-gallery__tabs {
  grid-area:tabs;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:repeat(3,68px);
  align-content:start;
  gap:8px;
  margin:0;
}
.live-service-gallery__tabs button {
  min-height:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:5px;
  padding:10px 9px;
  border:1px solid transparent;
  border-left:2px solid #d2dde7;
  border-radius:0 10px 10px 0;
  color:#516a81;
  background:rgba(255,255,255,.34);
  font-size:9px;
  font-weight:800;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.live-service-gallery__tabs button small { color:#90a3b5; font:700 7px var(--mono); }
.live-service-gallery__tabs button:hover { border-left-color:#8db8f5; color:#075cff; transform:translateX(2px); }
.live-service-gallery__tabs button[aria-selected="true"] {
  border-color:#d6e2ef;
  border-left-color:#075cff;
  color:#075cff;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 22px rgba(37,79,119,.08);
}
.live-service-gallery__tabs button[aria-selected="true"] small { color:#075cff; }
.live-service-gallery__tabs button:focus-visible { outline:3px solid rgba(7,92,255,.28); outline-offset:2px; }
.live-service-gallery__stage {
  grid-area:stage;
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:1122 / 1402;
  overflow:hidden;
  border:1px solid #d3dee8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 46px rgba(27,64,99,.12),0 2px 6px rgba(27,64,99,.04);
  touch-action:pan-y;
  user-select:none;
}
.live-service-gallery__stage::after { content:none; }
.live-service-gallery__panel {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:17px;
  background:#fff;
}
.live-service-gallery__panel[hidden] { display:none; }
.live-service-gallery__panel.is-active { animation:liveServiceGalleryReveal .34s ease both; }
.live-service-gallery__panel img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  background:#fff;
}
@keyframes liveServiceGalleryReveal {
  from { opacity:.24; transform:scale(.985); }
  to { opacity:1; transform:scale(1); }
}
@media (max-width:1050px) {
  .live-service-gallery { width:min(100%,520px); margin:0 auto; justify-self:center; }
}
@media (max-width:620px) {
  .scenario-live-page .saas-difference-section { padding:62px 0 68px; }
  .scenario-live-page .saas-difference-grid { gap:34px; }
  .scenario-live-page .saas-difference-copy h2 { font-size:38px; }
  .scenario-live-page .scenario-difference-facts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .scenario-live-page .scenario-difference-facts div { display:block; padding:9px 7px; }
  .scenario-live-page .scenario-difference-facts dd { margin-top:5px; font-size:8px; }
  .live-service-gallery-controls button { padding:9px 7px; }
  .live-service-gallery-controls button small { font-size:6px; }
  .live-service-gallery-controls button strong { margin-top:5px; font-size:8px; }
  .live-service-gallery {
    width:100%;
    grid-template-columns:1fr;
    grid-template-areas:"head" "stage";
    gap:9px;
  }
  .live-service-gallery__head { align-items:flex-start; }
  .live-service-gallery__head strong { font-size:18px; }
  .live-service-gallery__head em { font-size:7px; }
  .live-service-gallery__tabs { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:1fr; gap:5px; }
  .live-service-gallery__tabs button {
    min-height:44px;
    display:flex;
    justify-content:center;
    gap:4px;
    padding:0 5px;
    border:1px solid #cfdae5;
    border-radius:9px;
    font-size:9px;
    text-align:center;
  }
  .live-service-gallery__tabs button:hover { transform:translateY(-1px); }
  .live-service-gallery__tabs button[aria-selected="true"] { border-color:#075cff; color:#fff; background:#075cff; }
  .live-service-gallery__tabs button[aria-selected="true"] small { color:#b8dcff; }
  .live-service-gallery__stage { width:calc(100% + 20px); height:auto; margin-left:-10px; aspect-ratio:1122 / 1402; border-radius:14px; }
  .live-service-gallery__panel { border-radius:13px; }
  .live-service-gallery__panel img { object-fit:cover; object-position:top center; }
}
@media (prefers-reduced-motion:reduce) {
  .live-service-gallery__tabs button { transition:none; }
  .live-service-gallery__panel.is-active { animation:none; }
  .live-service-gallery-controls button { transition:none; }
  .live-service-gallery-controls button[aria-selected="true"]::after { animation:none; transform:scaleX(1); }
}

/* Homepage hero actions: two parallel choices with a clear primary hierarchy. */
.home-body .home-actions { gap: 12px; }
.home-body .home-actions .button { inline-size: 210px; min-width: 210px; }
.home-body .home-actions .button.secondary { min-width: 210px; padding: 0 20px; border: 1px solid #9fb3c5; border-radius: 8px; color: #20384d; background: rgba(255,255,255,.8); box-shadow: none; }
.home-body .home-actions .button.secondary::after { display: none; }
.home-body .home-actions .button.secondary:hover { border-color: #075cff; color: #075cff; background: #fff; box-shadow: 0 12px 28px rgba(25,69,112,.11); }
@media (max-width: 620px) { .home-body .home-actions .button,.home-body .home-actions .button.secondary { inline-size: 0; min-width: 0; flex: 1 1 0; padding-inline: 8px; font-size: 12px; } }

/* Live page: a compact editorial comparison, replacing the former challenge illustration. */
.scenario-live-page .live-friction-section {
  position:relative;
  padding:86px 0 92px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(19,52,82,.034) 1px,transparent 1px),
    linear-gradient(rgba(19,52,82,.034) 1px,transparent 1px),
    #f7f8f6;
  background-size:34px 34px;
}
.scenario-live-page .live-friction-section::before {
  position:absolute;
  top:0;
  left:max(22px,calc((100% - 1200px) / 2));
  width:68px;
  height:4px;
  background:#075cff;
  content:"";
}
.live-friction-layout { position:relative; }
.live-friction-heading { max-width:930px; }
.live-friction-heading .kicker { color:#6f7e8a; }
.live-friction-heading h2 {
  max-width:900px;
  margin:17px 0 0;
  color:#102e4b;
  font-size:clamp(38px,4vw,56px);
  line-height:1.16;
  letter-spacing:-.055em;
}
.live-friction-board {
  position:relative;
  margin-top:40px;
  overflow:hidden;
  border:1px solid #ccd6df;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 60px rgba(19,52,82,.09),0 2px 5px rgba(19,52,82,.04);
}
.live-friction-board::after {
  position:absolute;
  top:0;
  bottom:41px;
  left:50%;
  width:1px;
  background:rgba(139,157,174,.2);
  content:"";
  pointer-events:none;
}
.live-friction-board__head {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:64px;
  border-bottom:1px solid #ccd6df;
}
.live-friction-board__side {
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 32px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
}
.live-friction-board__side i {
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font:800 16px/1 var(--mono);
  font-style:normal;
}
.live-friction-board__side--risk { color:#785a50; background:#f4f0ed; }
.live-friction-board__side--risk i { color:#9a5948; border:1px solid #d5b8af; background:#fff9f6; }
.live-friction-board__side--assurance { justify-content:flex-end; color:#fff; background:#103b66; }
.live-friction-board__side--assurance i { color:#0d4678; background:#a9e3ff; }
.live-friction-board__versus {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:4px solid #fff;
  border-radius:50%;
  color:#fff;
  background:#075cff;
  box-shadow:0 4px 12px rgba(4,55,126,.2);
  font:800 8px var(--mono);
  letter-spacing:.04em;
  transform:translate(-50%,-50%);
}
.live-friction-board__rows { position:relative; z-index:1; }
.live-friction-row { border-bottom:1px solid #dbe2e8; }
.live-friction-row summary {
  min-height:94px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr) 52px;
  align-items:stretch;
  list-style:none;
  color:#173a5d;
  background:linear-gradient(90deg,#fffaf7 0,#fffaf7 50%,#f4f8fd 50%,#f4f8fd 100%);
  cursor:pointer;
}
.live-friction-row summary::-webkit-details-marker { display:none; }
.live-friction-row summary:hover .live-friction-row__point strong { color:#075cff; }
.live-friction-row summary:focus-visible { position:relative; z-index:3; outline:3px solid rgba(7,92,255,.28); outline-offset:-3px; }
.live-friction-row__point {
  min-width:0;
  display:flex;
  align-items:center;
  gap:17px;
  padding:0 30px;
}
.live-friction-row__point small {
  color:#a7b2bc;
  font:700 8px var(--mono);
  letter-spacing:.08em;
}
.live-friction-row__point strong {
  font-size:19px;
  line-height:1.35;
  letter-spacing:-.025em;
  transition:color .2s ease;
}
.live-friction-row__point--risk strong { color:#67544d; }
.live-friction-row__point--assurance strong { color:#123f6d; }
.live-friction-row__topic {
  align-self:center;
  justify-self:center;
  z-index:1;
  padding:7px 10px;
  border:1px solid #d1dce5;
  border-radius:99px;
  color:#738597;
  background:#fff;
  font:700 8px var(--mono);
  letter-spacing:.08em;
  white-space:nowrap;
}
.live-friction-row__toggle {
  position:relative;
  width:30px;
  height:30px;
  align-self:center;
  justify-self:center;
  border:1px solid #b7c9d9;
  border-radius:50%;
  background:#fff;
}
.live-friction-row__toggle::before,.live-friction-row__toggle::after {
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:1px;
  background:#315a7e;
  content:"";
  transform:translate(-50%,-50%);
  transition:transform .2s ease;
}
.live-friction-row__toggle::after { transform:translate(-50%,-50%) rotate(90deg); }
.live-friction-row[open] .live-friction-row__toggle { border-color:#075cff; background:#075cff; }
.live-friction-row[open] .live-friction-row__toggle::before,.live-friction-row[open] .live-friction-row__toggle::after { background:#fff; }
.live-friction-row[open] .live-friction-row__toggle::after { transform:translate(-50%,-50%) rotate(0); }
.live-friction-row__detail {
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr) 52px;
  border-top:1px dashed #d7e0e7;
  background:linear-gradient(90deg,#fffaf7 0,#fffaf7 50%,#f4f8fd 50%,#f4f8fd 100%);
}
.live-friction-row__detail p {
  margin:0;
  padding:19px 30px 23px 55px;
  color:#687b8c;
  font-size:12px;
  line-height:1.8;
}
.live-friction-row__detail-risk { grid-column:1; }
.live-friction-row__detail-assurance { grid-column:3; color:#4d6f8f !important; }
.live-friction-board__hint {
  position:relative;
  z-index:1;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  color:#83919d;
  background:#fff;
  font-size:9px;
  letter-spacing:.04em;
}
.live-friction-board__hint span { color:#075cff; font-weight:800; }

@media (max-width:700px) {
  .scenario-live-page .live-friction-section { padding:62px 0 68px; background-size:28px 28px; }
  .scenario-live-page .live-friction-section::before { left:20px; width:46px; }
  .live-friction-heading h2 { margin-top:13px; font-size:31px; line-height:1.22; letter-spacing:-.045em; }
  .live-friction-board { margin-top:28px; border-radius:14px; }
  .live-friction-board::after { bottom:39px; }
  .live-friction-board__head { min-height:58px; }
  .live-friction-board__side { gap:7px; padding:0 12px; font-size:11px; letter-spacing:0; }
  .live-friction-board__side--assurance { justify-content:flex-end; text-align:right; }
  .live-friction-board__side i { width:19px; height:19px; font-size:12px; flex:0 0 auto; }
  .live-friction-board__versus { width:30px; height:30px; border-width:3px; font-size:7px; }
  .live-friction-row summary {
    min-height:118px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;
    grid-template-rows:36px minmax(72px,auto);
    grid-template-areas:"topic topic toggle" "risk assurance toggle";
  }
  .live-friction-row__topic { grid-area:topic; align-self:end; padding:4px 8px; font-size:7px; }
  .live-friction-row__point { align-items:flex-start; gap:6px; padding:17px 10px 18px; }
  .live-friction-row__point--risk { grid-area:risk; }
  .live-friction-row__point--assurance { grid-area:assurance; }
  .live-friction-row__point small { margin-top:3px; font-size:6px; }
  .live-friction-row__point strong { font-size:14px; line-height:1.45; }
  .live-friction-row__toggle { grid-area:toggle; width:27px; height:27px; }
  .live-friction-row__detail { grid-template-columns:1fr 1fr; }
  .live-friction-row__detail p { padding:14px 11px 17px; font-size:10px; line-height:1.65; }
  .live-friction-row__detail-risk { grid-column:1; }
  .live-friction-row__detail-assurance { grid-column:2; }
  .live-friction-board__hint { min-height:38px; font-size:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .live-friction-row__point strong,.live-friction-row__toggle::before,.live-friction-row__toggle::after { transition:none; }
}

/* Live challenge refinement: quiet editorial comparison instead of a dashboard card. */
.scenario-live-page .live-friction-section {
  padding:72px 0 78px;
  background:#fff;
}
.scenario-live-page .live-friction-section::before { display:none; }
.live-friction-heading { max-width:1040px; margin-right:auto; margin-left:auto; text-align:center; }
.live-friction-heading .kicker { color:#71808c; }
.live-friction-heading h2 {
  max-width:1040px;
  margin-top:12px;
  font-size:clamp(34px,3.2vw,44px);
  line-height:1.2;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.live-friction-heading p {
  max-width:720px;
  margin:16px auto 0;
  color:#657785;
  font-size:16px;
  line-height:1.8;
}
.live-friction-board {
  margin-top:30px;
  overflow:visible;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.live-friction-board::after { content:none; }
.live-friction-board__head {
  min-height:48px;
  grid-template-columns:160px minmax(0,1fr) 64px minmax(0,1fr) 56px;
  border-top:1px solid #153a5b;
  border-bottom:1px solid #cfd8df;
}
.live-friction-board__side {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:0;
  color:#6f7d88;
  background:transparent;
  font-size:12px;
  letter-spacing:0;
}
.live-friction-board__side--risk { grid-column:2; color:#7c7772; background:transparent; }
.live-friction-board__side--assurance { grid-column:4; color:#075cff; background:transparent; }
.live-friction-board__side small {
  padding-right:9px;
  border-right:1px solid #d7dee4;
  color:#9aa5ae;
  font:700 7px var(--mono);
  letter-spacing:.08em;
}
.live-friction-board__side span { font-weight:800; }
.live-friction-board__versus,.live-friction-board__side i { display:none; }
.live-friction-row { border-bottom:1px solid #dbe2e7; }
.live-friction-row summary {
  min-height:76px;
  grid-template-columns:160px minmax(0,1fr) 64px minmax(0,1fr) 56px;
  background:#fff;
  transition:background .18s ease;
}
.live-friction-row summary:hover { background:#f8fafb; }
.live-friction-row[open] summary { background:#f7faff; }
.live-friction-row__topic {
  align-self:center;
  justify-self:start;
  padding:0 0 0 2px;
  border:0;
  border-radius:0;
  color:#6f7f8c;
  background:transparent;
  font:700 10px var(--mono);
  letter-spacing:.04em;
}
.live-friction-row__point { padding:0; }
.live-friction-row__point strong {
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.025em;
}
.live-friction-row__point--risk strong { color:#68645f; font-weight:650; }
.live-friction-row__point--assurance strong { color:#103f6b; font-weight:800; }
.live-friction-row__shift {
  align-self:center;
  justify-self:start;
  color:#a6b2bc;
  font:500 20px/1 var(--mono);
}
.live-friction-row__toggle {
  width:auto;
  height:auto;
  display:flex;
  align-items:center;
  gap:6px;
  border:0;
  border-radius:0;
  color:#81909c;
  background:transparent;
}
.live-friction-row__toggle::before,.live-friction-row__toggle::after { content:none; }
.live-friction-row__toggle em { font-size:9px; font-style:normal; }
.live-friction-row__toggle i {
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.live-friction-row[open] .live-friction-row__toggle { color:#075cff; background:transparent; }
.live-friction-row[open] .live-friction-row__toggle em { font-size:0; }
.live-friction-row[open] .live-friction-row__toggle em::after { font-size:9px; content:"收起"; }
.live-friction-row[open] .live-friction-row__toggle i { transform:rotate(225deg) translate(-1px,-1px); }
.live-friction-row__detail {
  grid-template-columns:160px minmax(0,1fr) 64px minmax(0,1fr) 56px;
  border-top:0;
  background:#f7faff;
}
.live-friction-row__detail p {
  padding:0 20px 20px 0;
  color:#7b858e;
  font-size:11px;
  line-height:1.75;
}
.live-friction-row__detail-risk { grid-column:2; }
.live-friction-row__detail-assurance { grid-column:4; color:#597792 !important; }
.live-friction-board__hint { display:none; }

@media (max-width:700px) {
  .scenario-live-page .live-friction-section { padding:52px 0 58px; background:#fff; }
  .live-friction-heading h2 { font-size:27px; line-height:1.24; }
  .live-friction-heading p { margin-top:12px; font-size:14px; line-height:1.75; }
  .live-friction-board { margin-top:23px; }
  .live-friction-board__head {
    min-height:45px;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .live-friction-board__side--risk { grid-column:1; }
  .live-friction-board__side--assurance { grid-column:2; justify-content:flex-start; text-align:left; }
  .live-friction-board__side { gap:5px; font-size:10px; }
  .live-friction-board__side small { padding-right:5px; font-size:6px; }
  .live-friction-row summary {
    min-height:104px;
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
    grid-template-rows:30px minmax(48px,auto) 22px;
    grid-template-areas:"topic topic topic" "risk shift assurance" ". . toggle";
  }
  .live-friction-row__topic { grid-area:topic; align-self:end; font-size:8px; }
  .live-friction-row__point { align-items:flex-start; padding:11px 0 8px; }
  .live-friction-row__point--risk { grid-area:risk; }
  .live-friction-row__point--assurance { grid-area:assurance; }
  .live-friction-row__point strong { font-size:14px; line-height:1.4; }
  .live-friction-row__shift { grid-area:shift; align-self:start; justify-self:center; padding-top:13px; font-size:15px; }
  .live-friction-row__toggle { grid-area:toggle; align-self:start; justify-self:end; font-size:8px; }
  .live-friction-row__detail { grid-template-columns:1fr 28px 1fr; }
  .live-friction-row__detail p { padding:0 4px 15px 0; font-size:10px; line-height:1.6; }
  .live-friction-row__detail-risk { grid-column:1; }
  .live-friction-row__detail-assurance { grid-column:3; }
}

/* Screenshot-led challenge-to-solution cards. */
.scenario-live-page .live-friction-section {
  padding:62px 0 66px;
  background:
    radial-gradient(circle at 86% 9%,rgba(203,226,255,.56),transparent 28%),
    linear-gradient(145deg,#fff 0%,#fff 64%,#f2f7ff 100%);
}
.scenario-live-page .live-friction-section::after {
  position:absolute;
  top:-280px;
  right:-210px;
  width:780px;
  height:560px;
  background:linear-gradient(135deg,rgba(231,242,255,.08),rgba(216,232,255,.5));
  content:"";
  pointer-events:none;
  transform:rotate(-8deg);
}
.scenario-live-page .live-friction-layout { z-index:1; }
.scenario-live-page .live-friction-heading h2 {
  margin:0;
  color:#07132d;
  font-size:clamp(36px,3.6vw,48px);
  font-weight:850;
  line-height:1.14;
  letter-spacing:-.055em;
}
.scenario-live-page .live-friction-heading p {
  margin:11px auto 0;
  color:#4e627b;
  font-size:20px;
  line-height:1.5;
  letter-spacing:.025em;
}
.live-challenge-summary {
  width:min(100%,1080px);
  margin:32px auto 0;
  color:#0b1730;
}
.live-challenge-summary__list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.live-challenge-card {
  --problem-accent:#ef4b32;
  --problem-soft:#fff2ef;
  --solution-accent:#1265ed;
  --solution-soft:#f0f6ff;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:14px;
  border:1px solid #dbe6f3;
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 17px 36px rgba(25,64,112,.08);
}
.live-challenge-card--peak {
  --problem-icon-width:144px;
  --solution-icon-width:164px;
}
.live-challenge-card--account {
  --problem-accent:#1265ed;
  --problem-soft:#eef5ff;
  --problem-icon-width:126.4px;
  --solution-icon-width:140px;
}
.live-challenge-card--support {
  --problem-accent:#14924a;
  --problem-soft:#eef9f2;
  --solution-accent:#14924a;
  --solution-soft:#eefaf5;
  --problem-icon-width:140px;
  --solution-icon-width:129.6px;
}
.live-challenge-card__panel {
  --panel-accent:var(--problem-accent);
  --panel-soft:var(--problem-soft);
  min-height:168px;
  padding:11px 12px 13px;
  overflow:hidden;
  border-radius:14px;
  background:
    radial-gradient(circle at 78% 42%,rgba(255,255,255,.72),transparent 54%),
    var(--panel-soft);
}
.live-challenge-card__panel--solution {
  --panel-accent:var(--solution-accent);
  --panel-soft:var(--solution-soft);
}
.live-challenge-card__badge {
  width:max-content;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border:1px solid color-mix(in srgb,var(--panel-accent) 13%,transparent);
  border-radius:999px;
  color:var(--panel-accent);
  background:rgba(255,255,255,.7);
  box-shadow:0 4px 13px color-mix(in srgb,var(--panel-accent) 9%,transparent);
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.live-challenge-card__content {
  min-height:112px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin-top:3px;
}
.live-challenge-card__icon {
  position:relative;
  width:68px;
  height:76px;
  display:block;
  overflow:hidden;
}
.live-challenge-card__icon img {
  position:absolute;
  top:50%;
  left:50%;
  width:var(--problem-icon-width,310px);
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
  user-select:none;
}
.live-challenge-card__panel--solution .live-challenge-card__icon img { width:var(--solution-icon-width,310px); }
.live-challenge-card__copy { min-width:0; }
.live-challenge-card__copy h3 {
  display:flex;
  flex-wrap:wrap;
  gap:2px 12px;
  margin:0;
  color:#08142d;
  font-size:17px;
  font-weight:850;
  line-height:1.35;
  letter-spacing:-.035em;
}
.live-challenge-card__panel--solution .live-challenge-card__copy h3 { color:var(--panel-accent); }
.live-challenge-card__copy p {
  margin:7px 0 0;
  color:#52627a;
  font-size:12px;
  line-height:1.55;
  white-space:nowrap;
}
.live-challenge-card__arrow {
  position:relative;
  width:30px;
  height:40px;
  display:block;
  flex:none;
  margin:auto;
}
.live-challenge-card__arrow::before {
  position:absolute;
  top:8px;
  left:50%;
  width:4px;
  height:16px;
  border-radius:4px;
  background:#d0d5dc;
  content:"";
  transform:translateX(-50%);
}
.live-challenge-card__arrow::after {
  position:absolute;
  bottom:8px;
  left:50%;
  width:12px;
  height:12px;
  border-right:4px solid #d0d5dc;
  border-bottom:4px solid #d0d5dc;
  content:"";
  transform:translateX(-50%) rotate(45deg);
}
.live-challenge-summary__closing {
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:22px;
  padding:10px 24px;
  border:1px solid #cfe0f8;
  border-radius:15px;
  color:#1265ed;
  background:rgba(244,249,255,.86);
  box-shadow:0 12px 26px rgba(35,86,158,.05);
}
.live-challenge-summary__closing-icon {
  position:relative;
  width:26px;
  height:26px;
  flex:none;
  overflow:hidden;
}
.live-challenge-summary__closing-icon img {
  position:absolute;
  top:50%;
  left:50%;
  width:64px;
  max-width:none;
  height:auto;
  transform:translate(-50%,-50%);
}
.live-challenge-summary__closing strong {
  font-size:20px;
  line-height:1.45;
  letter-spacing:.02em;
}
@media (max-width:1100px) {
  .live-challenge-summary__list { gap:14px; }
  .live-challenge-card { padding:12px; }
  .live-challenge-card__panel { padding-right:9px; padding-left:9px; }
  .live-challenge-card__content { grid-template-columns:64px minmax(0,1fr); gap:10px; }
  .live-challenge-card__icon { width:64px; }
  .live-challenge-card__copy h3 { font-size:16px; }
  .live-challenge-card__copy p { font-size:11px; }
}
@media (max-width:900px) {
  .live-challenge-summary { max-width:540px; }
  .live-challenge-summary__list { grid-template-columns:1fr; }
  .live-challenge-card { padding:13px; }
  .live-challenge-card__panel { padding-right:12px; padding-left:12px; }
  .live-challenge-card__content { grid-template-columns:70px minmax(0,1fr); gap:13px; }
  .live-challenge-card__icon { width:70px; }
  .live-challenge-card__copy h3 { font-size:18px; }
  .live-challenge-card__copy p { font-size:13px; }
}

.live-challenge-poster { width:min(100%,1080px); margin:30px auto 0; }
.live-challenge-poster__scroll {
  overflow:hidden;
  border:1px solid #d6e3f2;
  border-radius:14px;
  background:#f8fbff;
  box-shadow:0 20px 46px rgba(26,74,130,.08);
}
.live-challenge-poster__scroll:focus-visible { outline:3px solid rgba(7,92,255,.28); outline-offset:3px; }
.live-challenge-poster__canvas {
  position:relative;
  width:100%;
  aspect-ratio:1672 / 600;
  overflow:hidden;
}
.live-challenge-poster__canvas img {
  display:block;
  width:100%;
  height:auto;
  transform:translateY(-26%);
  user-select:none;
  -webkit-user-drag:none;
}
.live-challenge-mobile { display:none; }
@media (max-width:700px) {
  .scenario-live-page .live-friction-section { padding:44px 0 48px; }
  .scenario-live-page .live-friction-heading h2 { font-size:28px; line-height:1.2; }
  .scenario-live-page .live-friction-heading p { margin-top:8px; font-size:16px; line-height:1.55; }
  .live-challenge-summary { margin-top:22px; }
  .live-challenge-summary__list { gap:13px; }
  .live-challenge-card { padding:10px; border-radius:15px; }
  .live-challenge-card__panel { min-height:154px; padding:10px; border-radius:12px; }
  .live-challenge-card__badge { min-height:25px; padding:0 10px; font-size:12px; }
  .live-challenge-card__content { min-height:101px; grid-template-columns:58px minmax(0,1fr); gap:10px; }
  .live-challenge-card__icon { width:58px; height:68px; }
  .live-challenge-card__copy h3 { gap:0 9px; font-size:16px; line-height:1.4; }
  .live-challenge-card__copy p { margin-top:5px; font-size:11px; white-space:normal; }
  .live-challenge-card__arrow { height:36px; }
  .live-challenge-card__arrow::before { top:7px; height:14px; }
  .live-challenge-card__arrow::after { bottom:7px; width:11px; height:11px; }
  .live-challenge-summary__closing { min-height:0; gap:6px; margin-top:15px; padding:10px 11px; border-radius:12px; }
  .live-challenge-summary__closing-icon { width:22px; height:22px; }
  .live-challenge-summary__closing-icon img { width:52.8px; }
  .live-challenge-summary__closing strong { font-size:13px; line-height:1.5; }
  .live-challenge-poster { width:100%; margin-top:24px; }
  .live-challenge-poster__scroll { display:none; }
  .live-challenge-mobile {
    display:grid;
    gap:0;
  }
  .live-challenge-mobile__stage {
    position:relative;
    padding:20px 17px 17px;
    border:1px solid #d5e0eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 28px rgba(25,69,112,.065);
  }
  .live-challenge-mobile__stage header {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid #e2e9f0;
  }
  .live-challenge-mobile__stage header small {
    order:2;
    color:#94a4b3;
    font:700 7px var(--mono);
    letter-spacing:.08em;
  }
  .live-challenge-mobile__stage h3 {
    margin:0;
    color:#173b5e;
    font-size:19px;
    line-height:1.2;
    letter-spacing:-.025em;
  }
  .live-challenge-mobile__list { display:grid; gap:8px; margin-top:12px; }
  .live-challenge-mobile__list article {
    min-width:0;
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    align-items:center;
    gap:11px;
    padding:12px;
    border:1px solid #e1e8ee;
    border-radius:10px;
    background:#f9fbfc;
  }
  .live-challenge-mobile__list article > i {
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#fff;
    background:#075cff;
    font:800 9px var(--mono);
    font-style:normal;
  }
  .live-challenge-mobile__list strong {
    display:block;
    color:#153b61;
    font-size:13px;
    line-height:1.35;
  }
  .live-challenge-mobile__list p {
    margin:4px 0 0;
    color:#738494;
    font-size:10px;
    line-height:1.55;
  }
  .live-challenge-mobile__stage--risk { border-color:#eadbd7; background:#fffaf8; }
  .live-challenge-mobile__stage--risk h3 { color:#714d45; }
  .live-challenge-mobile__stage--risk .live-challenge-mobile__list article { border-color:#efdfdb; background:#fff; }
  .live-challenge-mobile__stage--risk .live-challenge-mobile__list article > i { border-radius:50%; background:#e95142; }
  .live-challenge-mobile__stage--risk .live-challenge-mobile__list strong { color:#765249; }
  .live-challenge-mobile__stage--solution { border-color:#bed2f0; box-shadow:0 16px 34px rgba(7,92,255,.1); }
  .live-challenge-mobile__stage--value { color:#fff; border-color:#103b66; background:#103b66; box-shadow:0 16px 34px rgba(16,59,102,.16); }
  .live-challenge-mobile__stage--value header { border-color:rgba(255,255,255,.16); }
  .live-challenge-mobile__stage--value header small { color:#8fc6ff; }
  .live-challenge-mobile__stage--value h3 { color:#fff; }
  .live-challenge-mobile__values {
    display:grid;
    gap:8px;
    margin:12px 0 0;
    padding:0;
    list-style:none;
  }
  .live-challenge-mobile__values li {
    position:relative;
    padding:11px 12px 11px 39px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:9px;
    color:#f4f9ff;
    background:rgba(255,255,255,.065);
    font-size:12px;
    font-weight:700;
    line-height:1.45;
  }
  .live-challenge-mobile__values li::before {
    position:absolute;
    top:50%;
    left:13px;
    width:16px;
    height:16px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#103b66;
    background:#a9e3ff;
    content:"✓";
    font:800 9px var(--mono);
    transform:translateY(-50%);
  }
  .live-challenge-mobile__flow {
    width:22px;
    height:30px;
    justify-self:center;
    overflow:hidden;
    color:transparent;
  }
  .live-challenge-mobile__flow::before {
    width:1px;
    height:20px;
    display:block;
    margin:auto;
    background:#9bb2c8;
    content:"";
  }
  .live-challenge-mobile__flow::after {
    width:6px;
    height:6px;
    display:block;
    margin:-7px auto 0;
    border-right:1px solid #6d8ba7;
    border-bottom:1px solid #6d8ba7;
    content:"";
    transform:rotate(45deg);
  }
}