:root{
  --navy:#06111e;
  --navy-2:#081827;
  --navy-3:#0b2135;
  --blue:#0b91ff;
  --blue-2:#27b7ff;
  --cyan:#22c2ff;
  --ink:#112235;
  --muted:#6f8396;
  --line:#dce7ef;
  --line-dark:#213a50;
  --green:#09b784;
  --surface:#f6faff;
  --shadow:0 18px 50px rgba(20,55,82,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.shell{width:min(1420px,calc(100% - 72px));margin:0 auto}

.site-header{height:64px;background:rgba(6,17,30,.98);border-bottom:1px solid #193147;color:#fff;position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}
.header-inner{height:64px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:10px;min-width:255px}
.brand img{width:31px;height:31px}
.brand div{display:flex;flex-direction:column;gap:2px}
.brand strong{font-size:20px;line-height:1;font-weight:780;letter-spacing:-.02em}
.brand small{font-size:9px;color:#8196a8;letter-spacing:.035em}
.main-nav{display:flex;align-items:center;gap:32px;flex:1;height:100%}
.main-nav a{display:flex;align-items:center;height:100%;font-size:14px;color:#dce7ef;transition:.18s ease}
.main-nav a:hover{color:#26b2ff}
.header-actions{display:flex;align-items:center;gap:10px}
.lang-switch{height:38px;border:1px solid #29465d;border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#0a1a29}
.lang-switch select{border:0;background:transparent;color:#fff;outline:0;cursor:pointer}
.lang-switch option{color:#111}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 27px;border-radius:8px;background:linear-gradient(135deg,#087fff 0%,#16b2ff 100%);color:#fff;font-weight:750;box-shadow:0 10px 26px rgba(0,143,255,.2);transition:transform .18s ease,box-shadow .18s ease}
.primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,143,255,.28)}
.primary.small{height:38px;padding:0 18px;font-size:13px}
.secondary{height:48px;padding:0 28px;border:1px solid #58748b;border-radius:8px;color:#fff;background:rgba(255,255,255,.025);display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:.18s ease}
.secondary:hover{border-color:#39aef2;background:rgba(20,151,229,.08)}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 36%,rgba(0,140,255,.15),transparent 29%),
  radial-gradient(circle at 58% 100%,rgba(0,91,170,.12),transparent 34%),
  linear-gradient(180deg,#06111e 0%,#071522 100%);
  color:#fff;border-bottom:1px solid #18344a}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 92%)}
.hero-grid{position:relative;z-index:1;min-height:452px;display:grid;grid-template-columns:42% 58%;gap:46px;align-items:center;padding:28px 0 31px}
.demo-line{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:11px;color:#9eb3c4}
.demo-badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:rgba(0,151,113,.22);border:1px solid rgba(61,226,178,.28);color:#aef3dc;font-weight:800;letter-spacing:.02em}
.hero-copy h1{margin:0 0 18px;font-size:55px;line-height:1.055;letter-spacing:-.047em;font-weight:820}
.hero-copy h1 span,.hero-copy h1 em{display:block}
.hero-copy h1 em{font-style:normal;color:#0b99ff}
.hero-copy>p{max-width:610px;margin:0;color:#ccdae5;font-size:15.5px;line-height:1.72}
.hero-actions{display:flex;gap:13px;margin-top:24px}
.hero-cta{height:62px;min-width:213px;justify-content:space-between;padding-left:22px;padding-right:18px}
.hero-cta span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.hero-cta b{font-size:14px}
.hero-cta small{font-size:10px;font-weight:500;color:#cfe6f5}
.secondary.hero-cta small{color:#93aabd}
.hero-cta i{font-style:normal;font-size:19px}
.hero-checks{display:flex;flex-wrap:wrap;gap:17px;margin-top:19px;color:#cbd8e2;font-size:10.5px}
.hero-checks span{display:flex;align-items:center;gap:5px}
.hero-checks b{font-weight:620}
.terminal-card{height:365px;border:1px solid #24506f;border-radius:15px;overflow:hidden;background:#07131f;box-shadow:0 30px 70px rgba(0,0,0,.32),0 0 0 1px rgba(47,150,220,.04) inset;position:relative}
.terminal-window-head{height:32px;position:absolute;top:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:rgba(7,20,32,.94);border-bottom:1px solid #1c3d55;color:#7e98ac;font-size:9px;letter-spacing:.06em}
.terminal-window-head>span{display:flex;gap:5px}
.terminal-window-head>span i{width:7px;height:7px;border-radius:50%;display:block;background:#37556b}
.terminal-window-head>span i:nth-child(1){background:#e85f63}.terminal-window-head>span i:nth-child(2){background:#d9a842}.terminal-window-head>span i:nth-child(3){background:#3ca976}
.terminal-window-head strong{font-weight:650;color:#b4c7d5;font-size:9px}
.terminal-window-head b{justify-self:end;padding:4px 7px;border-radius:999px;background:#0b3d32;color:#7ee6c5;font-size:8px;letter-spacing:.07em}
.terminal-shot{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;padding-top:32px;background:#06111e}

.live-stats{background:#fff;border-bottom:1px solid #e0e8ef}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:88px}
.stat-card{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;padding:15px 27px;border-right:1px solid #e2eaf0}
.stat-card:last-child{border-right:0}
.stat-icon{grid-row:1/3;color:#0a92ff;font-size:28px;align-self:center;opacity:.92}
.stat-card strong{font-size:23px;line-height:1.1;color:#122235;letter-spacing:-.025em}
.stat-card small{margin-top:5px;font-size:10.5px;color:#698095}

.tenant-section{padding:25px 0 30px;background:#fff}
.tenant-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:13px}
.tenant-head h2,.section-title h2,.infra-heading h2,.final-cta h2{margin:0 0 7px;font-size:28px;line-height:1.14;letter-spacing:-.027em}
.tenant-head p,.section-title p,.infra-heading p,.final-cta p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65}
.tenant-search{width:292px;height:40px;border:1px solid #d3e0e9;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8299aa;background:#fbfdff}
.tenant-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#203446}
.tenant-table-wrap{overflow:auto;border:1px solid #d9e4ec;border-radius:9px;background:#fff;box-shadow:0 10px 30px rgba(29,74,106,.035)}
.tenant-table{width:100%;min-width:980px;border-collapse:collapse;font-size:11.5px}
.tenant-table th{height:34px;padding:0 13px;background:#f3f7fb;border-right:1px solid #e4edf3;text-align:left;color:#617789;font-weight:680}
.tenant-table th:last-child{border-right:0}
.tenant-table td{height:37px;padding:0 13px;border-top:1px solid #e6edf2;color:#26394a}
.tenant-table tbody tr:hover{background:#f9fcff}
.status-dot{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#e8faf3;color:#078f69;font-size:10px;font-weight:700}
.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#08b784;box-shadow:0 0 0 3px rgba(8,183,132,.09)}
.status-dot.other{background:#fff6df;color:#9e751d}
.status-dot.other:before{background:#dda523}
.enter-link{color:#0b88e4;font-weight:760}
.loading-row td{text-align:center!important;color:#8093a3!important;height:72px!important}
.tenant-error{margin-top:10px;padding:12px;border:1px solid #ffd3d7;background:#fff5f6;color:#c94955;border-radius:7px;text-align:center;font-size:12px}
.tenant-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px}
.pagination-summary{font-size:10.5px;color:#718698}
.pagination-controls,.page-numbers{display:flex;align-items:center;gap:6px}
.page-nav,.page-number{height:31px;min-width:31px;padding:0 9px;border:1px solid #d4e0e8;border-radius:6px;background:#fff;color:#43596b;font-size:10.5px;cursor:pointer}
.page-number.active{border-color:#0a92ff;background:#0a92ff;color:#fff;font-weight:700}
.page-nav:hover:not(:disabled),.page-number:hover{border-color:#86c8ef;color:#0789df}
.page-nav:disabled{opacity:.42;cursor:not-allowed}
.page-ellipsis{min-width:20px;text-align:center;color:#8498a8}
.tenant-pagination[hidden],.mobile-menu[hidden]{display:none!important}

.ways-section{padding:29px 0 33px;background:linear-gradient(180deg,#f8fbff 0%,#f2f7fc 100%);border-top:1px solid #e3eaf0;border-bottom:1px solid #dfe8ef}
.section-title{margin-bottom:17px}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.way-card{position:relative;min-height:205px;padding:21px 21px 18px;border:1px solid #dae5ed;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(37,75,105,.045)}
.featured-way{border-color:#bcdff6;background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);box-shadow:0 12px 34px rgba(24,119,181,.07)}
.way-number{position:absolute;right:16px;top:15px;color:#8ba5b8;font-size:10px;font-weight:800}
.way-icon{width:48px;height:48px;margin-bottom:14px;border-radius:11px;background:#eaf6ff;color:#0b8de7;display:grid;place-items:center;font-size:18px;font-weight:800}
.featured-way .way-icon{background:#eef0ff;color:#6b63d7}
.way-card:last-child .way-icon{background:#fff1e8;color:#c97a26}
.way-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.015em}
.way-card p{min-height:60px;margin:0;color:#667b8d;font-size:11.5px;line-height:1.68}
.way-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.way-footer a{color:#0787e6;font-size:11.5px;font-weight:800}
.way-footer span{padding:5px 8px;border-radius:999px;background:#e7faf3;color:#078f69;font-size:8.5px;white-space:nowrap;font-weight:700}
.featured-way .way-footer span{background:#f0ecff;color:#6651c3}
.way-card:last-child .way-footer span{background:#fff0e4;color:#bd6f22}

.infrastructure{padding:30px 0 34px;background:#fff}
.infra-heading{display:grid;grid-template-columns:.88fr 1.52fr;gap:30px;align-items:start;margin-bottom:17px}
.infra-heading>div:first-child{padding-top:4px}
.infra-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.infra-badges>span{min-height:76px;padding:10px;border:1px solid #d8e4ed;border-radius:9px;background:#fbfdff;display:grid;grid-template-columns:27px 1fr;gap:8px}
.infra-badges>span>b{font-size:18px;color:#0b8fe8}
.infra-badges i{font-style:normal;display:flex;flex-direction:column;gap:4px}
.infra-badges strong{font-size:10.5px;color:#263b4c}
.infra-badges small{font-size:8.8px;line-height:1.38;color:#708596}
.architecture-flow{position:relative;display:grid;grid-template-columns:1fr 28px .78fr 28px 1.78fr 28px .95fr 28px .96fr;gap:8px;align-items:stretch;padding:17px;border:1px solid #d7e4ec;border-radius:12px;background:
  linear-gradient(rgba(9,144,235,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(9,144,235,.03) 1px,transparent 1px),
  linear-gradient(180deg,#fbfdff,#f7fbff);
  background-size:24px 24px;box-shadow:0 14px 42px rgba(39,78,109,.05)}
.arch-column{min-height:155px;padding:12px;border:1px solid #d7e4ed;border-radius:9px;background:rgba(255,255,255,.92);display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 18px rgba(40,80,110,.035)}
.arch-column h3{margin:0 0 3px;text-align:center;font-size:10.5px;color:#21394d;letter-spacing:.01em}
.arch-column>span,.core-services span{padding:8px 7px;border:1px solid #dce8ef;border-radius:6px;background:#fff;text-align:center;font-size:9.5px;color:#355064}
.gateway-col{border-color:#bddff4;background:#f4faff}
.gateway-col>span{border-color:#cbe7f7;background:#ebf7ff}
.core-col{border-color:#b8dbf1;background:#f7fbff}
.core-services{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.core-services span:nth-child(1){background:#e8f4ff;border-color:#cce4f7}
.core-services span:nth-child(2){background:#e8f8ff;border-color:#ccecf7}
.core-services span:nth-child(3){background:#eafbf3;border-color:#ccefdc}
.core-services span:nth-child(4){background:#f2edff;border-color:#dfd7fa}
.core-services span:nth-child(5){background:#fff4e7;border-color:#f4dfc3}
.core-services span:nth-child(6){background:#edf7ff;border-color:#d3e9f8}
.data-col{background:#fbfcff}
.isolation-col{background:#f5fbff}
.isolation-col span{background:#ebf6ff;border-color:#cfe6f7}
.arch-arrow{display:grid;place-items:center;color:#0a92ff;font-size:20px;font-weight:800}
.arch-arrow:before{content:"";position:absolute;width:18px;height:1px;background:#82c8f2;margin-right:0}
.arch-arrow{position:relative}
.arch-arrow{font-size:0}
.arch-arrow:after{content:"›";font-size:24px;line-height:1;color:#0a92ff;transform:translateX(7px)}

.final-cta{position:relative;overflow:hidden;background:
  radial-gradient(circle at 77% 125%,rgba(9,117,214,.62),transparent 34%),
  linear-gradient(180deg,#06111e,#071929);color:#fff;border-top:1px solid #16364f}
.final-cta:before{content:"";position:absolute;right:-70px;bottom:-178px;width:610px;height:330px;border:1px solid rgba(55,162,255,.27);border-radius:50%;box-shadow:0 0 70px rgba(17,116,206,.18) inset}
.final-inner{min-height:205px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative}
.final-inner>div:first-child{position:relative;z-index:2}
.final-cta p{margin-bottom:16px;color:#c0ced9}
.final-notes{display:flex;gap:18px;margin-top:12px;color:#c8d6e1;font-size:9.5px}
.final-notes span{display:flex;align-items:center;gap:5px}
.final-notes b{font-weight:600}
.globe-art{height:200px;position:relative}
.globe-art span{position:absolute;width:5px;height:5px;border-radius:50%;background:#f5c76c;box-shadow:0 0 13px #f5c76c}
.globe-art span:nth-child(1){right:70px;bottom:57px}.globe-art span:nth-child(2){right:170px;bottom:83px}.globe-art span:nth-child(3){right:250px;bottom:46px}.globe-art span:nth-child(4){right:118px;bottom:116px}.globe-art span:nth-child(5){right:305px;bottom:94px}

footer{padding:17px 0;background:#04101a;color:#fff;border-top:1px solid #152c3e}
.footer-inner{display:flex;align-items:center;justify-content:space-between}
.footer-brand{min-width:auto}
.footer-inner>span{font-size:10.5px;color:#71899d}

.mobile-menu-toggle{display:none;width:38px;height:38px;border:1px solid #29465d;border-radius:7px;background:#0a1827;color:#fff;font-size:18px;line-height:1;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{position:absolute;top:58px;left:0;right:0;z-index:90;padding:10px 13px 14px;background:#071522;border-top:1px solid #1d3548;border-bottom:1px solid #1d3548;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.mobile-menu>a{display:flex;align-items:center;min-height:42px;padding:0 10px;border-bottom:1px solid #13293a;color:#dce8f0;font-size:13px}
.mobile-language{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:8px 10px;color:#91a7b7;font-size:12px}
.mobile-language select{height:34px;border:1px solid #29465d;border-radius:6px;background:#0b1d2b;color:#fff;padding:0 8px}

@media(max-width:1180px){
  .main-nav{display:none}
  .hero-grid{grid-template-columns:1fr;padding:34px 0}
  .hero-copy{max-width:780px}
  .terminal-card{height:410px}
  .infra-heading{grid-template-columns:1fr}
  .architecture-flow{grid-template-columns:1fr 26px .85fr 26px 1.55fr;row-gap:12px}
  .data-col,.isolation-col{grid-row:2}
  .data-col{grid-column:1/3}
  .isolation-col{grid-column:3/6}
  .architecture-flow>.arch-arrow:nth-of-type(4),.architecture-flow>.arch-arrow:nth-of-type(5){display:none}
}
@media(max-width:820px){
  .shell{width:calc(100% - 34px)}
  .brand{min-width:auto}
  .brand small{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-card:nth-child(2){border-right:0}
  .stat-card:nth-child(-n+2){border-bottom:1px solid #e0e8ef}
  .ways-grid{grid-template-columns:1fr}
  .infra-badges{grid-template-columns:repeat(2,1fr)}
  .architecture-flow{display:flex;flex-direction:column}
  .arch-arrow{min-height:20px}
  .arch-arrow:before{width:1px;height:18px}
  .arch-arrow:after{transform:rotate(90deg) translateX(6px)}
  .final-inner{grid-template-columns:1fr}
  .globe-art{position:absolute;right:0;bottom:0;width:48%;opacity:.45}
  .final-inner>div:first-child{padding:29px 0}
}
@media(max-width:700px){
  .site-header,.header-inner{height:58px}
  .lang-switch{display:none}
  .mobile-menu-toggle{display:flex}
  .header-actions{margin-left:auto;gap:7px}
  .header-actions .primary.small{padding:0 12px}
  .hero-grid{padding:28px 0}
  .demo-line{align-items:flex-start;flex-direction:column}
  .hero-copy h1{font-size:40px}
  .hero-copy>p{font-size:14px}
  .hero-actions{flex-direction:column}
  .hero-cta{width:100%}
  .hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .terminal-card{height:275px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-card{grid-template-columns:39px 1fr;padding:12px}
  .stat-icon{font-size:23px}
  .stat-card strong{font-size:18px}
  .tenant-head{align-items:flex-start;flex-direction:column}
  .tenant-search{width:100%}
  .tenant-pagination{align-items:flex-start;flex-direction:column}
  .pagination-controls{width:100%;justify-content:space-between}
  .page-numbers{flex:1;justify-content:center}
  .infra-badges{grid-template-columns:1fr}
  .final-notes{flex-wrap:wrap}
}