.gx-page {--primary:#0052d9;--primary-hover:#003fb3;--gradient:linear-gradient(90deg,#0059eb,#2677ff);--ink:#181818;--muted:#4b5b76;--weak:#69778c;--border:#e1e6ee;--tint:#f5f8fd;--max:1680px;--gutter:48px;--nav-height:62px;--local-nav:60px;--section-y:60px;--font: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",Arial,sans-serif}
.gx-page *, .gx-page *::before, .gx-page *::after {box-sizing:border-box}
.gx-page {margin:0;font-family:var(--font);font-size:14px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.gx-page:has(dialog[open]) {overflow:hidden}
.gx-page h1, .gx-page h2, .gx-page h3, .gx-page p, .gx-page figure, .gx-page blockquote {margin:0}
.gx-page ul, .gx-page ol {margin:0;padding:0;list-style:none}
.gx-page a {color:inherit;text-decoration:none}
.gx-page button, .gx-page input {font:inherit}
.gx-page button {cursor:pointer}
.gx-page button:disabled {cursor:wait;opacity:.65}
.gx-page img {display:block;max-width:100%;height:auto}
.gx-page svg {display:block;width:20px;height:20px;flex-shrink:0}
.gx-page button, .gx-page a, .gx-page input, .gx-page summary {-webkit-tap-highlight-color:transparent}
.gx-page :focus-visible {outline:3px solid #0052d9;outline-offset:4px}
.gx-page a, .gx-page button {touch-action:manipulation}
.gx-page [hidden] {display:none!important}
.gx-page .container {width:calc(100% - 2 * var(--gutter));max-width:var(--max);margin-inline:auto}
.gx-page .skip-link {position:fixed;left:16px;top:-80px;padding:12px 20px;color:#fff;background:var(--primary);z-index:300}
.gx-page .skip-link:focus {top:12px}
.gx-page .btn {min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:10px 22px;border:1px solid transparent;border-radius:2px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;transition:background .2s,box-shadow .2s,color .2s}
.gx-page .btn-primary {color:#fff;background:var(--gradient)}
.gx-page .btn-primary:hover {background:var(--primary-hover);box-shadow:0 4px 16px #0052d920}
.gx-page .btn svg {width:18px;height:18px}
.gx-page .text-link {display:inline-flex;align-items:center;gap:10px;min-height:40px;font-size:14px;font-weight:500;color:var(--primary)}
.gx-page .text-link svg {width:17px;height:17px;transition:transform .2s}
.gx-page .text-link:hover svg {transform:translateX(4px)}
.gx-page .hero {position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#d8ecff 0,transparent 52%),linear-gradient(110deg,#f9fbff 0,#eff6ff 52%,#e2f0ff 100%)}
.gx-page .hero::after {content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#a7c9f2 .65px,transparent .65px);background-size:14px 14px;mask-image:linear-gradient(100deg,transparent 55%,#0005 100%)}
.gx-page .hero-grid {position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:center;padding-block:64px 66px}
.gx-page .eyebrow {font-size:12px;font-weight:500;line-height:20px;color:#64748b;margin-bottom:12px;letter-spacing:.8px}
.gx-page .hero-eyebrow {display:flex;align-items:center;gap:8px;color:var(--primary);font-size:14px;letter-spacing:2px}
.gx-page .hero-eyebrow>span {width:16px;height:2px;background:var(--primary)}
.gx-page h1 {font-size:36px;line-height:1.25;font-weight:500;letter-spacing:-1.5px}
.gx-page h1 em {font-style:normal;background:linear-gradient(90deg,#007ee7,#0052d9);background-clip:text;-webkit-background-clip:text;color:transparent}
.gx-page .hero-lead {font-size:21px;line-height:1.5;margin-top:20px;color:#253554}
.gx-page .hero-description {color:var(--muted);font-size:14px;line-height:1.85;max-width:650px;margin-top:16px}
.gx-page .gx-mk {font-weight:500;color:#263b58}
.gx-page .hero-actions {display:flex;align-items:center;gap:28px;margin-top:28px}
.gx-page .hero-actions .btn {min-width:200px;min-height:46px;justify-content:space-between}
.gx-page .hero-tags {display:flex;flex-wrap:wrap;gap:6px 0;margin-top:26px;font-size:12px;color:#64748b}
.gx-page .hero-tags span {padding-right:14px}
.gx-page .hero-tags span+span {padding-left:14px;border-left:1px solid #cbd7e5}
.gx-page .hero-visual {position:relative;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 16px 64px #285eaa12;padding:16px;border-radius:4px;transform:translateY(4px)}
.gx-page .visual-heading {display:flex;align-items:center;gap:7px;font-size:12px;color:#4b5b76;padding:0 2px 14px}
.gx-page .status-dot {width:6px;height:6px;background:#2276ef;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #2276ef10}
.gx-page .visual-code {margin-left:auto;font-size:10px;letter-spacing:1.2px;color:#7d8ca4}
.gx-page .hero-photo {width:100%;height:220px;object-fit:cover;object-position:center 50%}
.gx-page .visual-pool {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:-22px;position:relative;padding-inline:10px}
.gx-page .visual-pool>div {padding:16px 8px 14px;background:#fff;box-shadow:0 4px 16px #2155a00b;border:1px solid #e7edf7;text-align:center}
.gx-page .layer-icon {font-size:10px;color:var(--primary);display:block;letter-spacing:1px;margin-bottom:4px}
.gx-page .visual-pool strong {font-size:16px;font-weight:500;display:block}
.gx-page .visual-pool small {display:block;color:#64748b;font-size:11px;margin-top:5px;white-space:nowrap}
.gx-page .visual-foot {display:flex;justify-content:space-between;align-items:center;color:#6b7b91;font-size:11px;margin:15px 2px 0}
.gx-page .visual-foot>span:last-child {display:flex;gap:4px;align-items:center;color:#2677dd}
.gx-page .visual-foot svg {width:13px;height:13px}
.gx-page .section-nav {position:sticky;top:var(--nav-height);z-index:90;background:#fffffff5;border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.gx-page .section-nav-inner {display:flex;gap:30px;height:var(--local-nav);align-items:stretch;overflow-x:auto;scrollbar-width:none}
.gx-page .section-nav-inner::-webkit-scrollbar {display:none}
.gx-page .section-nav a {position:relative;display:flex;align-items:center;white-space:nowrap;color:#4b5b76;font-size:14px;flex-shrink:0}
.gx-page .section-nav a:hover, .gx-page .section-nav a.is-current {color:var(--primary)}
.gx-page .section-nav a.is-current::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#09caff,#0963ff)}
.gx-page .section-nav .section-nav-action {margin-left:auto;color:var(--primary);gap:8px}
.gx-page .section-nav-action svg {width:16px;height:16px}
.gx-page .section {padding-block:var(--section-y)}
.gx-page .section-tint {background:var(--tint)}
.gx-page .section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.gx-page .section-head h2 {font-size:32px;line-height:1.4;font-weight:500;letter-spacing:-.6px}
.gx-page .section-head .eyebrow {margin-bottom:8px;color:#6f7b8d}
.gx-page .section-desc {color:var(--muted);margin-top:12px;font-size:14px;max-width:660px}
.gx-page .section-head>.text-link {flex-shrink:0}
.gx-page .challenge-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gx-page .challenge-card {min-width:0;border:1px solid var(--border);background:#fff;transition:border-color .2s,box-shadow .2s}
.gx-page .challenge-card:hover {border-color:#b9d0f3;box-shadow:0 8px 24px #1034710b}
.gx-page .challenge-media {height:168px;overflow:hidden;position:relative}
.gx-page .challenge-media img {width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gx-page .challenge-card:hover img {transform:scale(1.025)}
.gx-page .challenge-media>span {position:absolute;bottom:0;left:24px;background:#fff;width:44px;height:32px;display:grid;place-items:center;color:var(--primary);font-variant-numeric:tabular-nums;font-weight:500}
.gx-page .challenge-body {padding:20px 24px 24px}
.gx-page .challenge-body h3 {font-size:20px;line-height:28px;font-weight:500;margin-bottom:12px}
.gx-page .challenge-body p {color:var(--muted);font-size:14px;line-height:1.85}
.gx-page .solution-tabs {display:flex;align-items:stretch;gap:36px;border-bottom:1px solid #dce4ee;overflow-x:auto;scrollbar-width:none;margin-bottom:24px}
.gx-page .solution-tabs button {border:0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;min-height:50px;padding:10px 4px;color:#303a4b;font-weight:500}
.gx-page .solution-tabs button svg {width:20px;height:20px}
.gx-page .solution-tabs button:hover {color:var(--primary)}
.gx-page .solution-tabs [aria-selected=true] {color:var(--primary)}
.gx-page .solution-tabs [aria-selected=true]::after {content:"";height:2px;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#09caff,#0963ff)}
.gx-page .solution-panel {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;min-height:350px;background:#fff;border:1px solid #e8edf5}
.gx-page .solution-copy {padding:36px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.gx-page .panel-kicker {font-size:11px;letter-spacing:1px;color:#8491a5;margin-bottom:14px}
.gx-page .solution-copy h3 {font-size:26px;line-height:1.45;font-weight:500;margin-bottom:16px}
.gx-page .solution-copy p {font-size:14px;color:var(--muted);line-height:1.9}
.gx-page .panel-actions {margin-top:auto;padding-top:28px;display:flex;gap:24px;align-items:center}
.gx-page .architecture {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse at 55% 50%,#dfedff,transparent 72%),linear-gradient(135deg,#f6faff,#f1f6ff);padding:32px;min-width:0}
.gx-page .diagram-label {position:absolute;top:20px;right:24px;font-size:11px;color:#7f91a8}
.gx-page .diagram-user {font-size:13px;line-height:22px;color:#4b5b76;border:1px solid #dbe6f4;background:#fff;padding:10px 20px;width:64%;text-align:center;position:relative}
.gx-page .diagram-connector {height:22px;border-left:1px dashed #8aaddb;position:relative}
.gx-page .diagram-connector::after {content:"";position:absolute;bottom:0;left:-3px;width:5px;height:5px;background:#558fe0;border-radius:50%}
.gx-page .diagram-core {width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:70px;border:1px solid #82b0f5;background:linear-gradient(100deg,#fff,#e5f0ff);box-shadow:0 4px 12px #0052d90a;color:var(--primary);position:relative}
.gx-page .diagram-core::after {content:"";position:absolute;bottom:-22px;left:50%;height:22px;border-left:1px solid #9ebbe4}
.gx-page .diagram-core strong {font-size:19px;font-weight:500}
.gx-page .diagram-core svg {width:24px;height:24px}
.gx-page .diagram-branches {position:relative;margin-top:22px;padding-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.gx-page .diagram-branches::before {content:"";position:absolute;top:0;left:16.67%;right:16.67%;height:1px;background:#9ebbe4}
.gx-page .diagram-branches>span {position:relative;border:1px solid #d3e1f4;background:#fff;padding:14px 4px;font-size:12px;text-align:center;color:#405a80;display:flex;align-items:center;justify-content:center;min-height:52px}
.gx-page .diagram-branches>span::before {content:"";position:absolute;top:-19px;left:50%;height:18px;width:1px;background:#9ebbe4}
.gx-page .gx-advisor-sprite {position:absolute;width:0;height:0;overflow:hidden}
.gx-page .gx-advisor {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px}
.gx-page .gx-advisor-main {min-width:0}
.gx-page .gx-advisor-row {border:0;border-bottom:1px solid var(--border);padding:0 0 24px;margin:0 0 24px;min-width:0}
.gx-page .gx-advisor-row:last-of-type {margin-bottom:20px}
.gx-page .gx-advisor-q {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0;margin-bottom:16px;font-size:18px;font-weight:500;line-height:28px;width:100%}
.gx-page .gx-advisor-q i {font-style:normal;color:var(--primary);font-size:12px;line-height:24px;border:1px solid #d0def2;display:inline-grid;place-items:center;width:26px;height:26px}
.gx-page .gx-advisor-q>span {color:#69778c;font-size:13px;font-weight:400;margin-left:2px}
.gx-page .gx-opts {display:flex;flex-wrap:wrap;gap:12px}
.gx-page .gx-opt {position:relative}
.gx-page .gx-opt input {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.gx-page .gx-opt label {display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d5dce7;background:#fff;color:#46556e;font-size:14px;line-height:22px;cursor:pointer;transition:background .2s,border-color .2s;color:var(--muted)}
.gx-page .gx-opt label:hover {border-color:#7ca7e8}
.gx-page .gx-opt input:checked+label {background:#f0f6ff;border-color:var(--primary);color:var(--primary)}
.gx-page .gx-opt input:checked+label::after {content:"✓";margin-left:10px;font-size:12px;font-weight:600}
.gx-page .gx-opt input:focus-visible+label {outline:3px solid var(--primary);outline-offset:3px}
.gx-page .gx-advisor-ask {display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 20px;background:#f7f9fc;border:1px solid var(--border)}
.gx-page .gx-ask-ico {display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#eaf1fc;color:var(--primary)}
.gx-page .gx-ask-ico svg, .gx-page .gx-ad-fico svg, .gx-page .gx-ad-note svg, .gx-page .gx-ad-btn svg, .gx-page .gx-ask-btn svg {fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gx-page .gx-ask-body {flex:1;min-width:180px}
.gx-page .gx-ask-body b {font-size:15px;font-weight:500}
.gx-page .gx-ask-body p {font-size:12px;color:#69778c;margin-top:4px}
.gx-page .gx-ask-btn {display:flex;gap:6px;align-items:center;min-height:40px;font-size:13px;font-weight:500;color:var(--primary)}
.gx-page .gx-ask-btn svg {width:16px;height:16px}
.gx-page .gx-advisor-side {display:flex;flex-direction:column;padding:28px;background:linear-gradient(140deg,#f5f9ff,#eaf3ff);border:1px solid #d6e5fb;min-width:0}
.gx-page .gx-advisor-eyebrow {font-size:12px;color:#627c9e}
.gx-page .gx-advisor-side-title {font-size:22px;font-weight:500;line-height:30px;margin:6px 0 16px}
.gx-page .gx-ad-rule {width:100%;height:1px;background:#d3e0f1;display:block;margin:6px 0 20px}
.gx-page .gx-ad-head {display:block;color:var(--primary);font-size:36px;line-height:1.3;font-weight:500;letter-spacing:-1px}
.gx-page .gx-ad-sub {font-size:16px;color:#263d5a;margin-top:8px}
.gx-page .gx-ad-tags {display:flex;flex-wrap:wrap;gap:6px;margin-block:12px 16px}
.gx-page .gx-ad-tags li {border:1px solid #cedef4;padding:2px 7px;font-size:11px;color:#41658e;background:#ffffff70}
.gx-page .gx-ad-feats {display:flex;flex-direction:column;gap:18px}
.gx-page .gx-ad-feats li {display:flex;gap:12px}
.gx-page .gx-ad-fico {flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;color:var(--primary);background:#fff}
.gx-page .gx-ad-feats b {font-size:14px;line-height:22px;font-weight:500;display:block}
.gx-page .gx-ad-fdesc {display:block;font-size:12px;color:#627691;margin-top:3px}
.gx-page .gx-base-note {font-size:12px;color:#41658e;border-left:2px solid #8db3e9;padding-left:10px;margin-top:20px}
.gx-page .gx-ad-note {display:flex;gap:6px;font-size:12px;color:#62738e;margin-top:20px;padding-bottom:20px;line-height:20px}
.gx-page .gx-ad-note svg {width:14px;height:14px;margin-top:3px}
.gx-page .gx-ad-btn {display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 16px;background:var(--gradient);color:#fff;margin-top:auto;font-size:14px}
.gx-page .gx-ad-btn svg {width:18px;height:18px}
.gx-page .case-tabs {display:flex;gap:28px;margin-bottom:24px;border-bottom:1px solid #dce4ee;overflow-x:auto;scrollbar-width:none}
.gx-page .case-tabs button {display:flex;align-items:center;gap:10px;border:0;padding:12px 0;background:transparent;font-size:16px;color:#4b5b76;position:relative;white-space:nowrap;min-height:48px}
.gx-page .case-tabs button>span {font-size:11px;color:#8493a8}
.gx-page .case-tabs button[aria-selected=true] {color:var(--primary);font-weight:500}
.gx-page .case-tabs button[aria-selected=true]::after {content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gradient)}
.gx-page .case-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);background:#fff;border:1px solid var(--border)}
.gx-page .case-overview {padding:28px;border-right:1px solid var(--border);display:flex;align-items:flex-start;flex-direction:column;background:linear-gradient(160deg,#f9fbff,#eef4ff)}
.gx-page .case-overview .eyebrow {color:var(--primary)}
.gx-page .case-overview h3 {font-size:23px;line-height:1.5;font-weight:500;margin-bottom:24px}
.gx-page .case-overview img {width:100%;height:180px;object-fit:cover}
.gx-page .case-overview .text-link {padding-top:20px;margin-top:auto}
.gx-page .case-detail {padding:28px;min-width:0}
.gx-page .case-detail dl {margin:0;display:flex;flex-direction:column;gap:16px}
.gx-page .case-detail dl>div {display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px}
.gx-page .case-detail dt {color:#202f44;font-size:13px;font-weight:500;line-height:24px}
.gx-page .case-detail dd {margin:0;color:var(--muted);font-size:14px;line-height:24px}
.gx-page .case-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
.gx-page .case-kpis li {border-left:1px solid var(--border);padding-inline:16px}
.gx-page .case-kpis li:first-child {padding-left:0;border:0}
.gx-page .case-kpis strong {display:block;white-space:nowrap;font-size:29px;line-height:38px;font-weight:500;letter-spacing:-1px;color:var(--primary);font-variant-numeric:tabular-nums}
.gx-page .case-kpis span {color:#69778c;font-size:11px;display:block;margin-top:4px}
.gx-page .case-detail blockquote {background:#f7f9fc;font-size:13px;color:#54637b;line-height:1.9;padding:16px 18px;margin-top:24px;border-left:2px solid #c8d9f2}
.gx-page .case-detail blockquote cite {display:block;color:#7e8b9d;font-size:12px;margin-top:6px;font-style:normal}
.gx-page .trust-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.gx-page .trust-copy>p {font-size:16px;line-height:1.9;color:var(--muted);max-width:620px}
.gx-page .trust-kpis {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:32px}
.gx-page .trust-kpis li {border-left:2px solid #d9e6f8;padding-left:20px}
.gx-page .trust-kpis strong {display:block;font-size:38px;line-height:1.25;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#182e50}
.gx-page .trust-kpis em {font-style:normal;font-size:17px;margin-left:3px;color:var(--primary);letter-spacing:0}
.gx-page .trust-kpis span {color:#69778c;font-size:13px;display:block;margin-top:8px}
.gx-page .trust-copy>.text-link {margin-top:28px}
.gx-page .network-map {position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;background:radial-gradient(ellipse,#eef5ff,transparent 66%)}
.gx-page .network-map>img {height:390px;width:auto;max-width:100%;object-fit:contain;opacity:.8}
.gx-page .map-caption {position:absolute;bottom:24px;left:32px;padding:12px 18px;background:#fff;border:1px solid #e3ebf7;color:#35609b;font-size:13px;box-shadow:0 4px 16px #183e7808;display:flex;gap:10px;align-items:center}
.gx-page .carousel-controls {display:flex;gap:12px;flex-shrink:0}
.gx-page .carousel-controls button {display:grid;place-items:center;width:40px;height:40px;border:1px solid #dfe4ec;border-radius:50%;background:#fff;color:#39475d}
.gx-page .carousel-controls button:first-child svg {transform:rotate(180deg)}
.gx-page .carousel-controls button:hover {border-color:#a7c1ec;background:#f4f8ff;color:var(--primary)}
.gx-page .certificate-track {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ccd9eb transparent;padding-bottom:16px}
.gx-page .certificate-card {display:flex;flex-direction:column;flex:0 0 calc((100% - 80px)/5);min-width:190px;align-items:flex-start;padding:16px;background:#fff;border:1px solid var(--border);scroll-snap-align:start;text-align:left;transition:border-color .2s,box-shadow .2s;color:var(--ink)}
.gx-page .certificate-card:hover {border-color:#a8c4ed;box-shadow:0 4px 16px #10347108}
.gx-page .certificate-image {display:flex;width:100%;aspect-ratio:4/4.5;align-items:center;justify-content:center;background:#f9fafc;padding:8px;margin-bottom:16px}
.gx-page .certificate-image img {width:100%;height:100%;object-fit:contain}
.gx-page .certificate-card>strong {font-size:14px;font-weight:500;line-height:22px;margin-bottom:12px}
.gx-page .certificate-link {margin-top:auto;font-size:12px;color:var(--primary)}
.gx-page .gallery-hint {color:#6e7c90;font-size:12px;margin-top:12px}
.gx-page .certificate-dialog {max-width:min(880px,94vw);max-height:94vh;padding:32px;background:#fff;border:1px solid #dce5f0;overflow:auto;box-shadow:0 24px 80px #0a21493d}
.gx-page .certificate-dialog::backdrop {background:#0a173dd1;backdrop-filter:blur(3px)}
.gx-page .certificate-dialog>img {max-height:75vh;width:auto;max-width:100%;object-fit:contain;margin:auto}
.gx-page .certificate-dialog>p {text-align:center;margin-top:16px;font-weight:500}
.gx-page .dialog-close {position:sticky;top:-16px;float:right;margin-right:-16px;width:40px;height:40px;background:#f0f4fa;border:1px solid #dce5f0;font-size:26px;line-height:1;display:grid;place-items:center;z-index:1}
.gx-page .product-card {border:1px solid var(--border);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:48px;align-items:center;padding:28px 48px;background:#fff}
.gx-page .product-image {display:block;background:#f6f8fc;overflow:hidden}
.gx-page .product-image img {width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}
.gx-page .product-card h3 {font-size:24px;line-height:1.5;font-weight:500;margin-bottom:12px}
.gx-page .product-card p:not(.eyebrow) {font-size:14px;color:var(--muted)}
.gx-page .product-card .text-link {margin-top:16px}
.gx-page .faq-list {background:#fff;border:1px solid var(--border)}
.gx-page .faq-item+.faq-item {border-top:1px solid var(--border)}
.gx-page .faq-item summary {display:flex;align-items:center;gap:20px;padding:22px 28px;font-size:17px;font-weight:500;line-height:28px;cursor:pointer;list-style:none;min-height:74px}
.gx-page .faq-item summary::-webkit-details-marker {display:none}
.gx-page .faq-index {font-size:12px;color:#8491a6;align-self:flex-start;min-width:22px}
.gx-page .faq-toggle {width:18px;height:18px;position:relative;flex-shrink:0;margin-left:auto;align-self:center;color:#66758c}
.gx-page .faq-toggle::before, .gx-page .faq-toggle::after {content:"";position:absolute;background:currentColor;left:3px;right:3px;top:8px;height:1px}
.gx-page .faq-toggle::after {transform:rotate(90deg);transition:transform .2s}
.gx-page .faq-item[open] .faq-toggle::after {transform:rotate(0)}
.gx-page .faq-item[open] summary {color:var(--primary)}
.gx-page .faq-answer {padding:0 72px 26px;max-width:1180px;color:var(--muted);font-size:14px;line-height:1.9}
.gx-page .contact-section {background:#fff;padding-block:64px;color:var(--ink)}
.gx-page .contact-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:100px;align-items:center}
.gx-page .contact-grid .eyebrow {color:var(--muted)}
.gx-page .contact-grid h2 {font-size:32px;line-height:1.55;font-weight:500}
.gx-page .contact-grid h2>span {color:var(--primary)}
.gx-page .contact-grid>div>p:not(.eyebrow) {color:var(--muted);font-size:14px;line-height:1.9;max-width:530px;margin-top:20px}
.gx-page .contact-phone {display:flex;align-items:center;gap:20px;font-size:30px;letter-spacing:.5px;margin-top:30px}
.gx-page .contact-phone svg {width:24px;height:24px}
.gx-page .contact-direct {display:inline-block;color:var(--primary);font-size:13px;min-height:40px;margin-top:8px}
.gx-page .contact-form {padding:28px 32px;background:#f3f7fd;color:var(--ink);border:1px solid #e0e8f4;box-shadow:0 8px 32px #1034710a;min-width:0}
.gx-page .contact-form h3 {font-size:20px;font-weight:500;margin-bottom:20px}
.gx-page .contact-form label {display:flex;justify-content:space-between;color:#4b5b76;font-size:13px;margin:16px 0 7px}
.gx-page .contact-form label>span {font-size:11px;color:#7b8799}
.gx-page .contact-form input:not([type=hidden]) {border:1px solid #d8dfe9;border-radius:2px;width:100%;min-height:44px;padding:10px 12px;color:#182335;background:#fff;outline-offset:2px;font-size:14px;transition:border-color .2s}
.gx-page .contact-form input:focus {border-color:var(--primary)}
.gx-page .contact-form input::placeholder {color:#68798f}
.gx-page .contact-form .btn {width:100%;margin-top:24px;justify-content:space-between;min-height:44px}
.gx-page .form-status {font-size:12px;color:#4b5b76;line-height:20px;margin-top:12px}
.gx-page .form-status:empty {display:none}
.gx-page .form-status a {color:var(--primary);text-decoration:underline}
.gx-page .form-note {font-size:11px;color:#6b788c;line-height:20px;margin-top:12px}
.gx-page .footer-main {display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:32px;padding-block:48px 40px}
.gx-page .footer-brand img {width:156px;height:auto;margin:3px 0 22px}
.gx-page .footer-brand p {font-size:12px;line-height:1.9;margin-top:8px;max-width:270px}
.gx-page .footer-phone {display:block;font-size:21px;line-height:32px;color:#35455d;margin-top:14px;letter-spacing:.5px}
.gx-page .footer-col h3 {color:#26354d;font-size:14px;font-weight:500;line-height:24px;margin-bottom:18px}
.gx-page .footer-col>a {display:block;font-size:12px;line-height:24px;padding-block:3px}
.gx-page .footer-col a:hover, .gx-page .footer-brand a:hover {color:var(--primary)}
.gx-page .footer-bottom {border-top:1px solid #dce2eb;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding-block:24px;gap:24px}
.gx-page .footer-bottom>div {display:flex;gap:20px}
.gx-page .floating-tools {position:fixed;right:16px;bottom:24px;z-index:80;background:#fff;border:1px solid #e7ebf3;box-shadow:0 6px 24px #183e7810;padding:4px 6px;border-radius:28px}
.gx-page .floating-tools>a, .gx-page .floating-tools>button {display:flex;align-items:center;justify-content:center;flex-direction:column;width:40px;min-height:58px;gap:5px;color:#48576e;border:0;background:transparent;font-size:11px}
.gx-page .floating-tools>:not(:last-child) {border-bottom:1px solid #edf0f6}
.gx-page .floating-tools a:hover, .gx-page .floating-tools button:hover {color:var(--primary)}
.gx-page .floating-tools svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gx-page .floating-tools #back-to-top svg {transform:rotate(-90deg)}
@media (min-width:1400px) {
.gx-page {--gutter:64px}
.gx-page .hero-grid {gap:90px;padding-block:64px}
.gx-page .hero h1 {font-size:40px}
.gx-page .hero-photo {height:250px}
.gx-page .hero-description {font-size:15px;line-height:1.85}
.gx-page .hero-lead {font-size:23px}
.gx-page .hero-visual {padding:20px}
.gx-page .challenge-media {height:190px}
.gx-page .case-kpis strong {font-size:32px}
}
@media (min-width:1600px) {
.gx-page {--section-y:80px}
.gx-page .hero-grid {gap:100px;padding-block:76px}
.gx-page .hero h1 {font-size:42px}
.gx-page .section-head h2 {font-size:36px}
.gx-page .hero-photo {height:280px}
.gx-page .hero-visual {padding:24px}
.gx-page .visual-pool strong {font-size:18px}
.gx-page .visual-pool small {font-size:12px}
.gx-page .visual-foot {font-size:12px}
.gx-page .solution-copy {padding:40px}
.gx-page .challenge-media {height:210px}
.gx-page .solution-panel {min-height:370px}
}
@media (min-width:1920px) {
.gx-page {--gutter:120px}
.gx-page .hero-grid {gap:120px}
.gx-page .hero h1 {font-size:48px}
.gx-page .hero-photo {height:300px}
}
@media (max-width:1199px) {
.gx-page {--gutter:32px;--nav-height:62px;--section-y:60px}
.gx-page .hero-grid {gap:36px;padding-block:52px}
.gx-page .hero h1 {font-size:40px;letter-spacing:-1px}
.gx-page .hero-lead {font-size:18px}
.gx-page .hero-description {font-size:13px;line-height:1.8}
.gx-page .hero-tags {font-size:11px}
.gx-page .hero-tags span {padding-right:8px}
.gx-page .hero-tags span+span {padding-left:8px}
.gx-page .hero-photo {height:200px}
.gx-page .visual-pool {padding-inline:0;gap:6px}
.gx-page .visual-pool small {font-size:10px}
.gx-page .visual-pool strong {font-size:14px}
.gx-page .visual-foot {font-size:10px}
.gx-page .visual-heading {font-size:11px}
.gx-page .section-nav-inner {gap:24px}
.gx-page .section-nav-action {display:none!important}
.gx-page .section-head h2 {font-size:29px}
.gx-page .challenge-grid {gap:16px}
.gx-page .challenge-body {padding:18px 20px 22px}
.gx-page .challenge-body h3 {font-size:18px}
.gx-page .solution-tabs {gap:28px}
.gx-page .solution-copy {padding:28px}
.gx-page .solution-copy h3 {font-size:23px}
.gx-page .architecture {padding:28px}
.gx-page .diagram-core strong {font-size:17px}
.gx-page .gx-advisor {gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.gx-page .gx-advisor-side {padding:24px}
.gx-page .gx-opt label {padding:10px 12px;font-size:13px}
.gx-page .gx-opts {gap:10px}
.gx-page .gx-advisor-q {font-size:17px}
.gx-page .gx-advisor-q>span {font-size:12px}
.gx-page .case-panel {grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)}
.gx-page .case-overview {padding:24px}
.gx-page .case-overview h3 {font-size:20px}
.gx-page .case-detail {padding:24px}
.gx-page .case-kpis strong {font-size:25px}
.gx-page .case-kpis li {padding-inline:10px}
.gx-page .case-kpis span {font-size:10px}
.gx-page .trust-grid {gap:32px}
.gx-page .network-map>img {height:350px}
.gx-page .certificate-card {flex-basis:calc((100% - 60px)/4)}
.gx-page .contact-grid {gap:56px}
.gx-page .contact-grid h2 {font-size:28px}
.gx-page .footer-main {gap:24px;grid-template-columns:1.6fr repeat(4,1fr)}
.gx-page .floating-tools {right:10px;bottom:20px}
}
@media (max-width:900px) {
.gx-page .hero-grid {gap:28px}
.gx-page .hero h1 {font-size:35px}
.gx-page .hero-lead {font-size:17px}
.gx-page .hero-description {font-size:12px}
.gx-page .hero-actions {gap:16px}
.gx-page .hero-actions .btn {min-width:168px;padding-inline:16px}
.gx-page .hero-tags {display:none}
.gx-page .hero-visual {padding:12px}
.gx-page .hero-photo {height:180px}
.gx-page .visual-pool small {font-size:9px}
.gx-page .visual-pool>div {padding:12px 4px}
.gx-page .visual-foot {font-size:9px}
.gx-page .visual-code {font-size:9px}
.gx-page .gx-advisor {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.gx-page .gx-opts {gap:8px}
.gx-page .gx-advisor-side {padding:20px}
.gx-page .gx-advisor-ask {padding:16px}
.gx-page .case-panel {grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.gx-page .case-kpis {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
.gx-page .case-kpis li:nth-child(3) {border:0;padding-left:0}
.gx-page .certificate-card {flex-basis:calc((100% - 40px)/3)}
.gx-page .floating-tools {display:none}
}
@media (max-width:768px) {
.gx-page {--gutter:24px;--nav-height:56px;--local-nav:54px;--section-y:40px}
.gx-page .hero-grid {grid-template-columns:1fr;gap:32px;padding-block:36px 32px}
.gx-page .hero h1 {font-size:32px;line-height:48px}
.gx-page .hero-eyebrow {font-size:12px}
.gx-page .hero-lead {font-size:19px;margin-top:16px}
.gx-page .hero-description {font-size:14px;line-height:1.8;max-width:680px;margin-top:12px}
.gx-page .hero-actions {margin-top:24px;gap:24px}
.gx-page .hero-actions .btn {min-height:48px;min-width:200px}
.gx-page .hero-visual {max-width:100%;padding:16px;transform:none}
.gx-page .hero-photo {height:200px}
.gx-page .visual-heading {font-size:12px;padding-bottom:12px}
.gx-page .visual-code {font-size:10px}
.gx-page .visual-pool {padding-inline:12px;gap:10px}
.gx-page .visual-pool strong {font-size:16px}
.gx-page .visual-pool small {font-size:11px}
.gx-page .visual-foot {font-size:11px}
.gx-page .section-nav-inner {gap:28px;width:100%;padding-inline:24px}
.gx-page .section-nav a {font-size:13px;min-height:48px}
.gx-page .section-head {gap:16px;align-items:center;margin-bottom:24px}
.gx-page .section-head h2 {font-size:24px;line-height:1.4;letter-spacing:-.4px}
.gx-page .section-head .eyebrow {font-size:11px;margin-bottom:6px}
.gx-page .section-head>.text-link {font-size:12px;gap:4px}
.gx-page .challenge-grid {grid-template-columns:1fr;gap:16px}
.gx-page .challenge-card {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}
.gx-page .challenge-media {height:100%;min-height:188px}
.gx-page .challenge-media>span {left:16px}
.gx-page .challenge-body {padding:20px}
.gx-page .challenge-body h3 {font-size:18px;margin-bottom:10px}
.gx-page .challenge-body p {font-size:13px;line-height:1.8}
.gx-page .solution-tabs {gap:24px;margin-bottom:20px}
.gx-page .solution-tabs button {font-size:14px;gap:8px;min-height:48px}
.gx-page .solution-tabs button svg {width:18px;height:18px}
.gx-page .solution-panel {grid-template-columns:1fr}
.gx-page .solution-copy {padding:24px}
.gx-page .solution-copy h3 {font-size:22px}
.gx-page .solution-copy p {font-size:14px;line-height:1.85}
.gx-page .panel-kicker {margin-bottom:10px}
.gx-page .panel-actions {padding-top:24px;gap:24px}
.gx-page .panel-actions .btn {min-height:48px}
.gx-page .architecture {min-height:280px;padding:34px 40px 28px}
.gx-page .diagram-label {font-size:10px;top:14px;right:20px}
.gx-page .diagram-user {max-width:300px;min-height:40px}
.gx-page .diagram-core {max-width:480px;min-height:64px}
.gx-page .diagram-core strong {font-size:18px}
.gx-page .diagram-branches {max-width:480px}
.gx-page .diagram-branches>span {font-size:12px}
.gx-page .gx-advisor {grid-template-columns:1fr;gap:24px}
.gx-page .gx-advisor-q {font-size:18px}
.gx-page .gx-advisor-q>span {font-size:13px}
.gx-page .gx-opts {gap:10px}
.gx-page .gx-opt label {min-height:48px;font-size:14px;padding:10px 16px}
.gx-page .gx-advisor-side {padding:24px}
.gx-page .gx-advisor-side-title {font-size:22px}
.gx-page .gx-ad-head {font-size:34px}
.gx-page .gx-ad-feats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gx-page .gx-advisor-ask {padding:18px}
.gx-page .gx-ask-btn {min-height:48px}
.gx-page .gx-ad-btn {min-height:48px}
.gx-page .case-panel {grid-template-columns:1fr}
.gx-page .case-overview {border-right:0;border-bottom:1px solid var(--border);padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:8px 24px;align-items:center}
.gx-page .case-overview>.eyebrow {grid-column:1;margin:0}
.gx-page .case-overview h3 {grid-column:1;margin:0;font-size:20px}
.gx-page .case-overview img {grid-column:2;grid-row:1/4;height:130px;align-self:stretch}
.gx-page .case-overview .text-link {grid-column:1;padding-top:4px;margin:0}
.gx-page .case-detail {padding:24px}
.gx-page .case-kpis {grid-template-columns:repeat(4,minmax(0,1fr))}
.gx-page .case-kpis li:nth-child(3) {border-left:1px solid var(--border);padding-left:10px}
.gx-page .case-kpis strong {font-size:27px}
.gx-page .case-kpis span {font-size:11px}
.gx-page .trust-grid {grid-template-columns:1fr;gap:20px}
.gx-page .trust-copy>p {font-size:14px}
.gx-page .trust-kpis {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.gx-page .trust-kpis li {padding-left:12px}
.gx-page .trust-kpis strong {font-size:28px}
.gx-page .trust-kpis em {font-size:12px}
.gx-page .trust-kpis span {font-size:11px}
.gx-page .trust-copy>.text-link {margin-top:20px}
.gx-page .network-map {min-height:300px}
.gx-page .network-map>img {height:320px}
.gx-page .map-caption {left:20px;bottom:20px}
.gx-page .certificate-track {gap:16px}
.gx-page .certificate-card {flex:0 0 calc((100% - 32px)/3);min-width:172px;padding:12px}
.gx-page .certificate-card strong {font-size:13px}
.gx-page .certificate-image {margin-bottom:12px}
.gx-page .carousel-controls {gap:8px}
.gx-page .carousel-controls button {width:48px;height:48px}
.gx-page .gallery-hint {font-size:11px}
.gx-page .product-card {grid-template-columns:minmax(160px,.8fr) minmax(0,1fr);padding:24px;gap:24px}
.gx-page .product-image img {height:180px}
.gx-page .product-card h3 {font-size:20px}
.gx-page .product-card .eyebrow {font-size:11px}
.gx-page .product-card p:not(.eyebrow) {font-size:13px}
.gx-page .faq-item summary {padding:20px;font-size:16px;gap:14px;min-height:70px}
.gx-page .faq-index {font-size:11px;min-width:18px}
.gx-page .faq-answer {padding:0 52px 22px;font-size:14px}
.gx-page .contact-section {padding-block:40px}
.gx-page .contact-grid {grid-template-columns:1fr;gap:28px}
.gx-page .contact-grid h2 {font-size:28px}
.gx-page .contact-grid>div>p:not(.eyebrow) {margin-top:16px}
.gx-page .contact-phone {font-size:28px;margin-top:22px}
.gx-page .contact-form {padding:24px}
.gx-page .contact-form input:not([type=hidden]), .gx-page .contact-form .btn {min-height:48px;font-size:16px}
.gx-page .footer-main {grid-template-columns:repeat(4,minmax(0,1fr));padding-block:32px;gap:24px 20px}
.gx-page .footer-brand {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.gx-page .footer-brand>a:first-child {grid-row:1/3;align-self:center}
.gx-page .footer-brand img {margin:0;width:148px}
.gx-page .footer-brand p {margin:0;max-width:none}
.gx-page .footer-phone {grid-column:2;font-size:18px;margin-top:0}
.gx-page .footer-col h3 {margin-bottom:12px;font-size:13px}
.gx-page .footer-col>a {font-size:11px;padding-block:6px}
.gx-page .footer-bottom {font-size:10px;gap:16px}
.gx-page .footer-bottom>div {gap:12px}
.gx-page .certificate-dialog {padding:24px 16px}
.gx-page .dialog-close {top:-12px;margin-right:0}
}
@media (max-width:600px) {
.gx-page {--gutter:16px;--section-y:24px;--nav-height:56px;--local-nav:52px}
.gx-page .hero-grid {padding-block:30px 24px;gap:28px}
.gx-page .hero h1 {font-size:28px;line-height:36px;letter-spacing:-.5px}
.gx-page .hero-eyebrow {margin-bottom:12px}
.gx-page .hero-lead {font-size:17px;line-height:1.6;margin-top:14px}
.gx-page .hero-description {font-size:13px;line-height:1.8;margin-top:10px}
.gx-page .hero-actions {gap:20px;justify-content:flex-start;margin-top:22px}
.gx-page .hero-actions .btn {min-width:178px;padding-inline:16px;font-size:13px;gap:18px}
.gx-page .hero-actions .text-link {font-size:13px;gap:6px;min-height:48px}
.gx-page .hero-visual {padding:12px}
.gx-page .hero-photo {height:154px}
.gx-page .visual-heading {font-size:10px}
.gx-page .visual-code {font-size:9px}
.gx-page .visual-pool {gap:6px;padding-inline:4px;margin-top:-14px}
.gx-page .visual-pool>div {padding:12px 4px}
.gx-page .visual-pool strong {font-size:14px}
.gx-page .visual-pool small {font-size:9px}
.gx-page .visual-foot {font-size:10px;margin-top:12px}
.gx-page .visual-foot svg {width:12px;height:12px}
.gx-page .section-nav-inner {padding-inline:16px;gap:24px}
.gx-page .section-head {align-items:flex-end;margin-bottom:20px}
.gx-page .section-head h2 {font-size:24px;line-height:1.4}
.gx-page .section-head>.text-link {display:none}
.gx-page .section-head .eyebrow {font-size:11px;line-height:18px}
.gx-page .challenge-card {display:block}
.gx-page .challenge-media {height:152px;min-height:0}
.gx-page .challenge-media img {object-position:center 48%}
.gx-page .challenge-body {padding:18px 20px 20px}
.gx-page .challenge-body h3 {font-size:19px}
.gx-page .challenge-body p {font-size:13px;line-height:1.85}
.gx-page .solution-tabs {gap:24px;margin-bottom:16px}
.gx-page .solution-tabs button {font-size:13px;gap:7px;min-height:48px}
.gx-page .solution-copy {padding:22px 20px}
.gx-page .solution-copy h3 {font-size:21px;margin-bottom:12px}
.gx-page .solution-copy p {font-size:13px}
.gx-page .panel-actions {gap:20px;padding-top:22px;flex-wrap:wrap}
.gx-page .panel-actions .btn {padding-inline:16px;font-size:13px;gap:18px}
.gx-page .panel-actions .text-link {font-size:12px}
.gx-page .architecture {padding:38px 18px 24px;min-height:270px}
.gx-page .diagram-user {width:78%;font-size:12px;padding:8px 12px}
.gx-page .diagram-core strong {font-size:16px}
.gx-page .diagram-core svg {width:20px;height:20px}
.gx-page .diagram-branches {gap:6px}
.gx-page .diagram-branches>span {font-size:11px;min-height:52px;padding:10px 4px}
.gx-page .gx-advisor-q {font-size:17px;gap:8px;margin-bottom:14px}
.gx-page .gx-advisor-q>span {font-size:12px;line-height:20px}
.gx-page .gx-advisor-row {padding-bottom:20px;margin-bottom:20px}
.gx-page .gx-opts {gap:8px}
.gx-page .gx-opt label {font-size:13px;padding:10px 12px}
.gx-page .gx-advisor-ask {gap:10px;padding:16px}
.gx-page .gx-ask-body {min-width:180px}
.gx-page .gx-ask-body b {font-size:14px}
.gx-page .gx-ask-body p {font-size:12px}
.gx-page .gx-ask-btn {margin-left:46px;min-height:40px}
.gx-page .gx-advisor-side {padding:22px 20px}
.gx-page .gx-ad-feats {grid-template-columns:1fr;gap:18px}
.gx-page .gx-ad-head {font-size:34px}
.gx-page .gx-ad-sub {font-size:15px}
.gx-page .gx-advisor-side-title {font-size:21px}
.gx-page .case-tabs {gap:24px;margin-bottom:16px}
.gx-page .case-tabs button {font-size:14px;gap:8px;min-height:48px}
.gx-page .case-overview {padding:20px;grid-template-columns:minmax(0,1fr);gap:12px}
.gx-page .case-overview h3 {font-size:21px}
.gx-page .case-overview img {grid-column:1;grid-row:auto;height:150px;margin-top:4px}
.gx-page .case-overview .text-link {grid-column:1;font-size:13px}
.gx-page .case-detail {padding:20px}
.gx-page .case-detail dl {gap:16px}
.gx-page .case-detail dl>div {grid-template-columns:1fr;gap:4px}
.gx-page .case-detail dt {font-size:13px}
.gx-page .case-detail dd {font-size:13px;line-height:1.85}
.gx-page .case-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding-top:20px;margin-top:22px}
.gx-page .case-kpis li {padding-inline:14px}
.gx-page .case-kpis li:nth-child(3) {border:0;padding-left:0}
.gx-page .case-kpis strong {font-size:29px;line-height:36px}
.gx-page .case-kpis span {font-size:11px}
.gx-page .case-detail blockquote {font-size:12px;padding:14px;margin-top:22px}
.gx-page .trust-copy>p {font-size:13px;line-height:1.85}
.gx-page .trust-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:24px}
.gx-page .trust-kpis strong {font-size:34px}
.gx-page .trust-kpis em {font-size:14px}
.gx-page .trust-kpis span {font-size:12px}
.gx-page .network-map {min-height:260px}
.gx-page .network-map>img {height:280px}
.gx-page .map-caption {left:10px;bottom:18px;padding:10px 14px;font-size:12px}
.gx-page .certificate-card {flex-basis:68%;min-width:0;padding:14px}
.gx-page .certificate-image {aspect-ratio:4/4.3}
.gx-page .certificate-card strong {font-size:14px;line-height:22px}
.gx-page .certificate-track {gap:12px}
.gx-page .carousel-controls {gap:6px}
.gx-page .carousel-controls button {width:40px;height:40px}
.gx-page .product-card {grid-template-columns:1fr;padding:20px;gap:20px}
.gx-page .product-image img {height:170px}
.gx-page .product-card h3 {font-size:21px}
.gx-page .product-card .text-link {min-height:48px}
.gx-page .faq-item summary {padding:18px 16px;gap:10px;font-size:15px;line-height:25px}
.gx-page .faq-index {min-width:18px;font-size:10px}
.gx-page .faq-toggle {width:16px;height:16px}
.gx-page .faq-answer {padding:0 20px 20px 44px;font-size:13px;line-height:1.9}
.gx-page .contact-section {padding-block:32px}
.gx-page .contact-grid h2 {font-size:25px;line-height:1.5}
.gx-page .contact-grid>div>p:not(.eyebrow) {font-size:13px}
.gx-page .contact-phone {font-size:27px}
.gx-page .contact-form {padding:22px 20px}
.gx-page .contact-form h3 {font-size:19px}
.gx-page .contact-form label {font-size:13px}
.gx-page .form-note {font-size:11px}
.gx-page .footer-main {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.gx-page .footer-brand {display:block}
.gx-page .footer-brand img {width:142px;margin-bottom:20px}
.gx-page .footer-brand p {margin-top:8px;font-size:12px}
.gx-page .footer-phone {margin-top:12px;font-size:22px}
.gx-page .footer-col h3 {font-size:14px;margin-bottom:10px}
.gx-page .footer-col>a {font-size:12px;min-height:36px;padding-block:6px}
.gx-page .footer-bottom {align-items:flex-start;flex-direction:column;gap:12px;padding-block:20px}
.gx-page .footer-bottom>div {gap:24px}
.gx-page .footer-bottom a {min-height:28px;display:flex;align-items:center}
}
@media (prefers-reduced-motion:reduce) {
.gx-page *, .gx-page *::before, .gx-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print {
.gx-page .section-nav, .gx-page .floating-tools, .gx-page .hero-actions, .gx-page .panel-actions, .gx-page .carousel-controls, .gx-page .contact-section {display:none!important}
.gx-page .container {width:100%}
.gx-page .section {padding-block:24px}
.gx-page .section-tint {background:#fff}
.gx-page .hero-grid {padding:20px;gap:24px}
.gx-page .solution-panel[hidden], .gx-page .case-panel[hidden] {display:grid!important}
.gx-page .solution-panel, .gx-page .case-panel {break-inside:avoid}
.gx-page .certificate-track {flex-wrap:wrap}
.gx-page .certificate-card {flex-basis:18%;min-width:0}
.gx-page .certificate-link {display:none}
.gx-page .faq-item:not([open]) .faq-answer {display:block!important}
.gx-page .section-head {margin-bottom:16px}
}
.gx-page .footer-logo {--logo-width:158px;width:var(--logo-width);height:48px;min-height:48px;display:block;position:relative;overflow:hidden;flex-shrink:0}
.gx-page .footer-logo img {position:absolute;max-width:none;width:179.28%;height:auto;left:-39.64%;top:calc(50% + 3px);transform:translateY(-50%);margin:0}
.gx-page .footer-logo {--logo-width:156px;margin-bottom:16px}
@media (max-width:768px) {
.gx-page .footer-logo {--logo-width:148px;margin:0}
}
@media (max-width:600px) {
.gx-page .footer-logo {--logo-width:142px;margin-bottom:18px}
}
.gx-page .hero-visual-solo {padding:0;background:none;border:0;box-shadow:none;transform:none;border-radius:10px;overflow:hidden}
.gx-page .hero-visual-solo .hero-photo {height:auto;display:block;object-fit:cover;border-radius:10px}
.gx-page .gx-ad-summary {display:grid;margin:2px 0 26px;padding:0;list-style:none}
.gx-page .gx-ad-summary li {display:grid;gap:5px;padding:14px 0;border-bottom:1px dashed #dbe6f4}
.gx-page .gx-ad-summary li:first-child {padding-top:0}
.gx-page .gx-ad-summary li:last-child {border-bottom:0;padding-bottom:0}
.gx-page .gx-ad-k {font-size:12px;color:#7b8ca5;letter-spacing:.5px}
.gx-page .gx-ad-v {font-size:15px;line-height:1.5;font-weight:500;color:#1e3350}
.gx-page .gx-ad-v.is-empty {font-weight:400;color:#93a2b6}
.gx-page .contact-form textarea {border:1px solid #d8dfe9;border-radius:2px;width:100%;min-height:88px;padding:10px 12px;color:#182335;background:#fff;outline-offset:2px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;transition:border-color .2s}
.gx-page .contact-form textarea:focus {border-color:var(--primary)}
.gx-page .contact-form textarea::placeholder {color:#68798f}
@media (min-width:900px) {
.gx-page .trust-kpis {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:901px) {
.gx-page .case-overview .case-photo {flex:1 1 auto;height:auto;min-height:180px;object-fit:cover}
}
.gx-page .contact-phones {display:grid;gap:14px;margin-top:26px}
.gx-page .contact-phone {display:flex;align-items:center;gap:12px;font-size:19px;line-height:1.5;margin-top:0;letter-spacing:.2px;color:var(--muted)}
.gx-page .contact-phone svg {width:22px;height:22px;flex-shrink:0;opacity:.95}
.gx-page .contact-phone em {font-style:normal;font-size:12px;line-height:1;border:1px solid #c8d8ee;background:#e7f0ff;color:var(--primary);border-radius:2px;padding:3px 6px;margin-left:8px;vertical-align:2px}
@media (max-width:768px) {
.gx-page .contact-phone {font-size:16px}
.gx-page .contact-phone svg {width:20px;height:20px}
.gx-page .contact-phones {gap:10px;margin-top:20px}
}
.gx-page .case-detail dt {font-weight:700;color:#15243a}
.gx-page .case-overview h3 {display:flex;flex-direction:column;gap:6px}
.gx-page .case-overview h3 .case-school {display:block}
.gx-page .case-overview h3 .case-project {display:block;font-size:16px;line-height:1.5;font-weight:400;color:#4b6584}
.gx-page .case-detail {display:flex;flex-direction:column;justify-content:center}
.gx-page .case-detail dl {gap:18px}
@media (max-width:768px) {
.gx-page .case-overview h3 .case-project {font-size:14px}
}
@media (min-width:901px) {
.gx-page .container {width:84%;max-width:1680px}
}
@media (min-width:769px) {
.gx-page .section-nav-inner {justify-content:center}
}
.gx-page .font36 {font-size: 0.36rem;}
@media (max-width: 1260px) {


.gx-page .font36 {font-size: 0.46rem;}


}
@media (max-width: 748px) {


.gx-page .font36 {font-size: 1rem;}


}
@media (max-width: 748px) {




}
@media (max-width: 972px) {




}
@media (max-width: 1260px) {




}
@media (max-width: 748px) {




}
@media (max-width: 1260px) {




}
@media (max-width: 972px) {




}
@media (max-width: 748px) {




}
@media (max-width: 748px) {






}
@media (max-width: 1580px) {




}
@media (max-width: 748px) {






}
@media (max-width: 748px) {




}
@media (max-width: 748px) {




}
@media (max-width: 1260px) {




}
@media (max-width: 972px) {




}
@media (max-width: 748px) {




}
@media (max-width: 748px) {




}
@media (max-width: 748px) {




}
@media (max-width: 748px) {




}
@media (max-width: 1580px) {




}
@media (max-width: 972px) {




}
@media (max-width: 748px) {




}
@media (max-width: 748px) {




}

/* 官网页头是 fixed，正文需要让出页头高度（现为 72 / 移动端 60） */
.gx-page { --nav-height: 72px; }
main#main > .gx-page { padding-top: 72px; }
.gx-page .trust-kpis strong { white-space: nowrap; }
.gx-page .certificate-dialog { position: fixed; inset: 0; margin: auto; }
@media (max-width: 972px) {
  .gx-page { --nav-height: 60px; }
  main#main > .gx-page { padding-top: 60px; }
}