:root {
  --bg: #070b12;
  --bg-soft: #0d1420;
  --panel: rgba(13, 20, 32, 0.82);
  --line: rgba(255, 255, 255, 0.11);
  --line-strong: rgba(255, 255, 255, 0.2);
  --text: #eaf2ff;
  --muted: #8b99ad;
  --cyan: #7fd6ff;
  --blue: #4d9fd4;
  --violet: #7fd6ff;
  --green: #7cf2b4;
  --header-height: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.page-noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .12; background-image: radial-gradient(circle at 18% 22%, rgba(255,255,255,.14) 0 .55px, transparent .7px), radial-gradient(circle at 72% 64%, rgba(255,255,255,.1) 0 .5px, transparent .65px); background-size: 17px 19px, 23px 29px; mix-blend-mode: soft-light; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 15; height: var(--header-height); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(22px, 4vw, 68px); border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, backdrop-filter .3s; }
.site-header.scrolled { background: rgba(7, 9, 13, .8); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 7px; width: max-content; font-family: "Manrope", sans-serif; }
.brand-mark { display:block;width:49px;height:40px;flex:0 0 auto;object-fit:contain; }
.brand-copy { display: grid; gap: 4px; }
.brand-copy strong { color:#edf7ff;font-size:20px;font-weight:700;letter-spacing:-.045em;line-height:.9; }
.brand-copy small { color:#718299;font-size:7px;font-weight:700;letter-spacing:.2em;line-height:1; }
.main-nav { display: flex; align-items: center; gap: clamp(22px, 2.7vw, 42px); }
.main-nav a, .text-action { color: #c7ccd5; font-size: 14px; transition: color .2s; }
.main-nav a:hover, .text-action:hover { color: #fff; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 20px; }
.language-menu { position: relative; }
.language-switch { display: flex; align-items: center; gap: 8px; min-width: 58px; min-height: 36px; justify-content: center; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); color: #dce3ed; cursor: pointer; font-size: 12px; font-weight: 600; transition: border-color .2s,background .2s; }
.language-switch:hover,.language-switch[aria-expanded="true"] { border-color: rgba(131,233,255,.34); background: rgba(131,233,255,.055); }
.language-switch i { width: 6px; height: 6px; border-right: 1px solid #8793a3; border-bottom: 1px solid #8793a3; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.language-switch[aria-expanded="true"] i { transform: rotate(225deg) translate(-1px,-1px); }
.language-options { position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; width: 216px; padding: 7px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(10,14,21,.97); box-shadow: 0 24px 65px rgba(0,0,0,.42); backdrop-filter: blur(18px); }
.language-options[hidden] { display: none; }
.language-options button { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; width: 100%; min-height: 58px; padding: 9px 11px; border: 0; border-radius: 8px; background: transparent; color: #bbc4d1; cursor: pointer; text-align: left; }
.language-options button:hover,.language-options button.active { background: rgba(131,233,255,.07); color: #fff; }
.language-options button span { display: grid; gap: 3px; }
.language-options button b { font-size: 12px; font-weight: 600; }
.language-options button small { color: #687587; font-size: 9px; }
.language-options button em { color: #637083; font-size: 9px; font-style: normal; }
.language-options button.active em { color: var(--cyan); }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 52px; padding: 0 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: linear-gradient(135deg, #f6f9ff 0%, #b7d9ff 100%); color: #0a121d; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: -.012em; box-shadow: 0 12px 38px rgba(79,143,255,.12); transition: transform .25s, box-shadow .25s, border-color .25s; }
.button b { display:inline-grid;place-items:center;min-width:15px;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:1;opacity:.62;transition:transform .25s,opacity .25s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 18px 52px rgba(79,143,255,.2); }
.button:hover b { opacity:.9;transform:translate(2px,-1px); }
.button-small { min-height: 38px; padding: 0 17px; gap: 11px; border-radius: 7px; font-size:12.5px;letter-spacing:0; }
.button-ghost { background: rgba(255,255,255,.035); color: #d9e2ee; border-color: var(--line-strong); box-shadow: none; }
.nav-toggle { display: none; }

.hero { position: relative; min-height: 100svh; padding: calc(var(--header-height) + 5vh) clamp(22px, 5vw, 80px) 6vh; display: grid; grid-template-columns:minmax(440px,.92fr) minmax(560px,1.08fr);align-items:center;gap:clamp(34px,3vw,48px);border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -4; background: linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px); background-size: 92px 92px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.hero::after { content:"";position:absolute;inset:5% -20% -35% 40%;z-index:-3;background:radial-gradient(ellipse,rgba(55,125,166,.13),transparent 65%);filter:blur(35px); }
.hero-aura { position:absolute;inset:10% 54% 15% -18%;z-index:-3;background:radial-gradient(circle,rgba(65,135,181,.11),transparent 63%);filter:blur(20px); }
.hero-content { position:relative;z-index:2;width:auto;max-width:760px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 26px; color: #b9c3d2; font-family: "Manrope", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow > span { width: 26px; height: 1px; background: linear-gradient(90deg, var(--cyan), var(--green)); }
.eyebrow b { font-weight: 600; }
.hero h1, .section h2, .closing-section h2 { margin: 0; font-family: "Manrope", sans-serif; font-weight: 500; letter-spacing: -.055em; line-height: .97; }
.hero h1 { max-width: 780px; font-size:clamp(56px,4.6vw,78px); }
.hero h1 em, .network-copy h2 em, .closing-section h2 em { color:transparent;background:linear-gradient(95deg,#b9e9ff,var(--cyan) 58%,#67b7e5);background-clip:text;-webkit-background-clip:text;font-style:normal; }
.hero h1 em { white-space:nowrap; }
html[lang="zh-CN"] .hero h1 { max-width:700px;font-size:clamp(56px,5vw,82px);letter-spacing:-.045em;line-height:1.06; }
html[lang="zh-CN"] .hero h1 em { white-space:normal; }
.hero-lead { max-width: 630px; margin: 32px 0 0; color: #abb5c3; font-size: clamp(17px, 1.42vw, 20px); line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 36px; color: #929dac; font-size: 14px; }
.hero-proof > span { display: flex; align-items: center; gap: 5px; }
.hero-proof i { width:5px;height:5px;margin-right:2px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(124,242,180,.7); }
.hero-proof b { color: #dce3ed; font-weight: 600; }

.atlas-panel { position:relative;z-index:2;align-self:center;min-width:0;border:1px solid rgba(127,214,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(13,20,32,.92),rgba(7,11,18,.84));box-shadow:0 34px 100px rgba(0,0,0,.34);overflow:hidden; }
.atlas-head { min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);color:#8b9bb1;font-size:10px;letter-spacing:.12em;text-transform:uppercase; }
.atlas-head span,.atlas-head em { display:flex;align-items:center;gap:8px;font-style:normal; }
.atlas-head span>i { width:17px;height:1px;background:var(--cyan); }
.atlas-head em { color:var(--green); }.atlas-head em i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green); }
.atlas-map { position:relative;height:clamp(300px,35vh,390px);overflow:hidden;background:#080e17;isolation:isolate; }
.atlas-map::after { content:"";position:absolute;inset:auto -20% -70% 20%;height:120%;background:radial-gradient(ellipse,rgba(50,121,163,.12),transparent 62%);z-index:-1; }
.atlas-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(127,214,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(127,214,255,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 96%); }
.continent { position:absolute;display:block;background:#142231;border:1px solid rgba(127,214,255,.08);opacity:.86;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22)); }
.north-america { left:6%;top:23%;width:29%;height:36%;clip-path:polygon(0 12%,24% 0,66% 8%,100% 34%,76% 47%,64% 74%,39% 100%,26% 69%,8% 58%); }
.south-america { left:29%;top:57%;width:13%;height:37%;clip-path:polygon(4% 0,82% 8%,100% 27%,77% 55%,48% 100%,29% 67%,10% 39%); }
.europe { left:48%;top:26%;width:16%;height:20%;clip-path:polygon(6% 30%,31% 0,52% 20%,76% 3%,100% 39%,66% 62%,45% 100%,19% 72%); }
.africa { left:49%;top:43%;width:17%;height:39%;clip-path:polygon(8% 0,76% 3%,100% 25%,73% 72%,44% 100%,19% 64%,0 22%); }
.asia { left:60%;top:19%;width:36%;height:43%;clip-path:polygon(0 25%,23% 3%,51% 11%,68% 0,100% 30%,89% 58%,70% 55%,58% 91%,35% 100%,18% 68%,4% 61%); }
.oceania { right:7%;bottom:10%;width:14%;height:16%;clip-path:polygon(8% 19%,55% 0,100% 27%,78% 85%,38% 100%,0 64%); }
.atlas-route { position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(127,214,255,.05),rgba(127,214,255,.48),rgba(124,242,180,.1)); }
.route-a { left:21%;top:44%;width:66%;transform:rotate(-1deg); }.route-b { left:55%;top:39%;width:34%;transform:rotate(25deg); }
.atlas-node { position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(127,214,255,.38);border-radius:8px;background:#0b1722;color:var(--cyan);font:700 8px Manrope;letter-spacing:.06em;box-shadow:0 0 0 5px rgba(127,214,255,.035); }
.atlas-node::after { content:"";position:absolute;inset:-8px;border:1px solid rgba(127,214,255,.12);border-radius:11px;animation:node-pulse 3.8s ease-out infinite; }
.atlas-node.live::before { content:"";position:absolute;right:-3px;top:-3px;width:6px;height:6px;border:2px solid #09111b;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green); }
@keyframes node-pulse { 0%,45%{opacity:0;transform:scale(.78)}70%{opacity:.6}100%{opacity:0;transform:scale(1.2)} }
.atlas-label { position:absolute;right:17px;bottom:14px;color:#536278;font-size:7px;letter-spacing:.18em; }
.atlas-console { padding:16px 17px 17px;border-top:1px solid var(--line);background:rgba(6,10,16,.56); }
.atlas-console-head { display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:11px; }.atlas-console-head span{color:#7c8ba0;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.atlas-console-head strong{color:#e2ebf5;font-size:14px;font-weight:500}

.hero-market-list { display: grid; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: rgba(255,255,255,.018); overflow: hidden; }
.hero-market-row { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; min-height: 54px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.07); }
.hero-market-row:last-child { border-bottom: 0; }
.hero-market-row > b { display: grid; place-items:center; width: 29px; height: 29px; border: 1px solid rgba(131,233,255,.25); border-radius: 7px; background: rgba(131,233,255,.06); color: var(--cyan); font-size: 9px; letter-spacing: .08em; }
.hero-market-row > span { display:grid; gap:2px; min-width:0; }
.hero-market-row strong { overflow:hidden; color:#dfe6f0; font-size:13px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.hero-market-row small { color:#748195; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.hero-market-row > em { color:#b7c1cf; font-size:11px; font-style:normal; white-space:nowrap; }
.hero-market-row > em b { color:var(--green);font-weight:500; }
.hero-market-loading { min-height: 116px; display:flex; align-items:center; justify-content:center; gap:9px; color:#8995a6; font-size:12px; }
.hero-market-loading i { width:13px;height:13px;border:1px solid #35404f;border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite; }
.inventory-console-meta { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;padding:0 1px; }
.inventory-console-meta div { display:grid;gap:4px; }
.inventory-console-meta span { color:#788497;font-size:9px;text-transform:uppercase;letter-spacing:.09em; }
.inventory-console-meta strong { color:#d3dce7;font-size:12px;font-weight:500; }
.scroll-cue { position: absolute; left: clamp(22px, 7vw, 112px); bottom: 26px; display: flex; align-items: center; gap: 14px; color: #6f7988; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.scroll-cue i { width: 50px; height: 1px; background: #3f4855; }

.signal-strip { display: grid; grid-template-columns: repeat(4, 1fr); min-height: 94px; border-bottom: 1px solid var(--line); }
.signal-strip div { display: flex; align-items: center; gap: 18px; padding: 0 3vw; border-right: 1px solid var(--line); color: #acb5c2; font-size: 14px; }
.signal-strip div:last-child { border-right: 0; }
.signal-strip b { color: #6d7887; font-size: 10px; font-weight: 500; }

.growth-benefit-banner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: clamp(32px,7vw,110px); align-items: end; padding: clamp(58px,6vw,92px) clamp(22px,7vw,112px); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 30%,rgba(127,214,255,.12),transparent 34%),linear-gradient(110deg,#090f18,#070b12); }
.growth-benefit-banner > div { max-width: 850px; }
.growth-benefit-banner p:first-child { display: flex; align-items: center; gap: 12px; margin: 0 0 17px; color: #aebccc; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.growth-benefit-banner p:first-child span { width: 26px; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--green)); }
.growth-benefit-banner h2 { margin: 0; font: 500 clamp(34px,4vw,58px)/1.04 "Manrope",sans-serif; letter-spacing: -.05em; }
.growth-benefit-banner > div > p:last-child { max-width: 720px; margin: 21px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.tools-section { padding-top:clamp(76px,6.6vw,105px);padding-bottom:clamp(76px,6.6vw,105px);background:radial-gradient(circle at 78% 36%,rgba(70,131,255,.12),transparent 34%),#080b10; }
.tools-stage { display:grid;grid-template-columns:minmax(390px,.95fr) minmax(560px,1.05fr);gap:clamp(44px,5vw,78px);align-items:stretch; }
.tools-copy { display:flex;flex-direction:column;justify-content:center; }
.tools-copy h2 { max-width:680px;font-size:clamp(40px,4.15vw,61px); }
.tools-copy > p:not(.eyebrow) { max-width:590px;margin:27px 0 34px;color:var(--muted);font-size:15px;line-height:1.75; }
.tools-copy .button { min-width:210px; }
.tools-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;max-width:620px; }
.tools-facts span { min-height:72px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.014); }
.tools-facts b { display:block;margin-bottom:8px;color:#697689;font-size:9px;font-weight:600;letter-spacing:.12em; }
.tools-facts em { color:#a0aab8;font-size:12px;font-style:normal;line-height:1.45; }
.tools-grid { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line); }
.tool-card { position:relative;min-height:350px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:background .25s,transform .25s; }
.tool-card:hover { z-index:1;background:rgba(255,255,255,.04);transform:translateY(-3px); }
.tool-number { color:#697586;font-size:10px;letter-spacing:.12em; }
.tool-status { position:absolute;right:25px;top:27px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green); }
.tool-symbol { display:grid;place-items:center;width:68px;height:68px;margin:40px 0 28px;border:1px solid rgba(131,233,255,.28);border-radius:16px;background:rgba(131,233,255,.04);color:var(--cyan);font:600 11px "Manrope",sans-serif;letter-spacing:.14em;box-shadow:inset 0 0 30px rgba(88,156,255,.06); }
.tool-card:nth-child(2) .tool-symbol { border-color:rgba(127,214,255,.24);background:rgba(127,214,255,.035);color:#9de1ff; }
.tool-card h3 { margin:0;font-family:"Manrope",sans-serif;font-size:23px;font-weight:500;letter-spacing:-.03em; }
.tool-card p { margin:13px 0 0;color:#8f9aaa;font-size:13px;line-height:1.68; }
.tool-card > b { position:absolute;left:25px;right:25px;bottom:24px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);color:#dfe5ed;font-size:12px;font-weight:500; }
.tool-card > b i { color:var(--cyan);font-style:normal; }

.section { position: relative; padding: clamp(105px, 11vw, 180px) clamp(22px, 7vw, 112px); border-bottom: 1px solid var(--line); }
.section-intro { max-width: 880px; }
.section h2, .closing-section h2 { font-size: clamp(43px, 5.1vw, 78px); white-space: pre-line; }
.section-intro > p:last-child { max-width: 650px; margin: 27px 0 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.product-section { background: linear-gradient(180deg, #090c12, #07090d); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 78px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.product-card { position: relative; min-height: 610px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); overflow: hidden; transition: background .3s; }
.product-card:hover { background: rgba(255,255,255,.026); }
.product-featured::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 25%, rgba(79,145,255,.13), transparent 46%); pointer-events: none; }
.product-top { display: flex; justify-content: space-between; color: #748091; font-size: 11px; }
.product-top b { padding: 5px 8px; border: 1px solid rgba(108,240,176,.22); border-radius: 20px; color: var(--green); font-weight: 500; text-transform: uppercase; letter-spacing: .1em; }
.product-icon { position: relative; width: 110px; height: 110px; margin: 58px 0 40px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: inset 0 0 34px rgba(83,141,255,.08), 0 0 50px rgba(41,102,255,.06); }
.product-icon::before, .product-icon::after, .product-icon i { content: ""; position: absolute; }
.icon-static::before { inset: 27px; border: 1px solid var(--cyan); border-radius: 11px; transform: rotate(45deg); }
.icon-static::after { width: 34px; height: 1px; left: 38px; top: 54px; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }
.icon-flex::before { width: 47px; height: 47px; left: 30px; top: 30px; border: 1px dashed var(--violet); border-radius: 50%; }
.icon-flex::after { width: 8px; height: 8px; left: 25px; top: 35px; border-radius: 50%; background: var(--violet); box-shadow: 52px 27px 0 var(--cyan), 27px 49px 0 var(--green); }
.icon-dynamic::before { inset: 25px; border: 1px dashed var(--violet); border-radius: 50%; box-shadow: 0 0 24px rgba(153,112,255,.16); }
.icon-dynamic::after { width: 42px; height: 42px; left: 33px; top: 33px; border: 1px solid var(--cyan); border-radius: 50%; border-left-color: transparent; transform: rotate(-35deg); }
.icon-dynamic i { width: 8px; height: 8px; left: 72px; top: 31px; border-radius: 50%; background: var(--cyan); box-shadow: -42px 41px 0 var(--violet), -17px 21px 0 var(--green); }
.product-dynamic { background: radial-gradient(circle at 50% 22%, rgba(153,112,255,.08), transparent 42%), rgba(255,255,255,.012); }
.icon-partner::before { width: 20px; height: 20px; left: 44px; top: 23px; border: 1px solid var(--cyan); border-radius: 50%; box-shadow: -23px 42px 0 -1px #07090d, -23px 42px 0 0 var(--violet), 23px 42px 0 -1px #07090d, 23px 42px 0 0 var(--green); }
.icon-partner::after { width: 47px; height: 35px; left: 31px; top: 40px; border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2); transform: rotate(45deg); }
.product-label { margin: 0 0 12px; color: #778397; font-family: "Manrope", sans-serif; font-size: 11px; letter-spacing: .14em; }
.product-card h3 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(27px, 2.3vw, 37px); font-weight: 500; letter-spacing: -.035em; }
.product-card > p:not(.product-label) { min-height: 76px; margin: 18px 0 24px; color: #99a4b2; font-size: 15px; line-height: 1.68; }
.product-card ul { display: grid; gap: 10px; margin: 0 0 31px; padding: 0; list-style: none; color: #bbc3ce; font-size: 13px; }
.product-card li::before { content: "↳"; margin-right: 9px; color: #536071; }
.product-card > a, .product-card > button { position: absolute; left: 30px; right: 30px; bottom: 27px; display: flex; justify-content: space-between; padding: 17px 0 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: #e5eaf2; cursor: pointer; font-size: 13px; }
.dynamic-pricing-board { scroll-margin-top:calc(var(--header-height) + 18px);margin-top:42px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(127,214,255,.035),rgba(255,255,255,.012));overflow:hidden; }
.dynamic-pricing-head { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:28px 30px;border-bottom:1px solid var(--line); }
.dynamic-pricing-kicker { margin:0 0 10px;color:var(--cyan);font-size:10px;font-weight:600;letter-spacing:.14em; }
.dynamic-pricing-head h3 { margin:0;font:500 clamp(28px,2.5vw,40px)/1.1 "Manrope",sans-serif;letter-spacing:-.04em; }
.dynamic-pricing-head>div>p:last-child { max-width:790px;margin:13px 0 0;color:#8f9cad;font-size:13px;line-height:1.65; }
.dynamic-pricing-status { display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(124,242,180,.2);border-radius:999px;background:rgba(124,242,180,.045);color:var(--green);font-size:11px;white-space:nowrap; }
.dynamic-pricing-status i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(124,242,180,.7); }
.dynamic-pricing-status b { font-weight:500; }
.dynamic-price-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr)); }
.dynamic-price-card { position:relative;min-width:0;min-height:218px;padding:22px;border-right:1px solid var(--line);background:rgba(255,255,255,.008); }
.dynamic-price-card:last-child { border-right:0; }
.dynamic-price-card.featured { background:linear-gradient(160deg,rgba(127,214,255,.095),rgba(124,242,180,.025));box-shadow:inset 0 2px var(--cyan); }
.dynamic-price-card.custom { background:rgba(255,255,255,.018); }
.dynamic-price-card>small { display:block;color:#728095;font-size:9px;font-weight:600;letter-spacing:.12em; }
.dynamic-price-card h4 { margin:9px 0 22px;color:#d9e3ef;font:500 16px "Manrope",sans-serif; }
.dynamic-price-card>div { display:flex;align-items:baseline;gap:5px; }
.dynamic-price-card>div strong { color:#f1f6fc;font:500 34px "Manrope",sans-serif;letter-spacing:-.04em; }
.dynamic-price-card>div span { color:var(--cyan);font-size:11px;font-weight:600; }
.dynamic-price-card p { display:grid;gap:4px;margin:15px 0 0; }
.dynamic-price-card p b { color:#d8e0eb;font-size:13px;font-weight:600; }
.dynamic-price-card p span { color:#778599;font-size:10px; }
.dynamic-price-card>em { position:absolute;left:22px;bottom:20px;color:#8592a3;font-size:10px;font-style:normal; }
.dynamic-price-badge { position:absolute;right:13px;top:13px;padding:4px 6px;border:1px solid rgba(127,214,255,.24);border-radius:999px;color:var(--cyan);font-size:7px;font-weight:600;letter-spacing:.08em; }
.dynamic-pricing-foot { display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 30px;border-top:1px solid var(--line);background:rgba(5,9,14,.3); }
.dynamic-pricing-foot p { max-width:850px;margin:0;color:#7f8c9f;font-size:11px;line-height:1.65; }
.dynamic-pricing-foot .button { flex:0 0 auto;min-height:42px;font-size:12px; }

.network-section { padding-top: 9vw; padding-bottom: 9vw; overflow: hidden; }
.network-stage { min-height: min(720px, 70vw); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8vw; }
.network-copy h2 { max-width: 820px; font-size: clamp(44px, 4.7vw, 74px); }
.network-copy > p:not(.eyebrow) { max-width: 580px; margin: 30px 0 45px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.network-stats { display: flex; gap: clamp(26px, 4vw, 70px); }
.network-stats div { display: grid; gap: 4px; }
.network-stats strong { font-family: "Manrope", sans-serif; font-size: 30px; font-weight: 500; }
.network-stats span { color: #7f8a9a; font-size: 12px; }
.network-globe { position: relative; justify-self: center; width: min(45vw, 620px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; background: radial-gradient(circle at 33% 30%, rgba(112,188,255,.18), rgba(33,60,118,.08) 35%, rgba(8,11,18,.86) 71%); box-shadow: inset -42px -30px 80px rgba(0,0,0,.5), 0 0 120px rgba(54,115,255,.08); }
.network-globe::before, .network-globe::after { content: ""; position: absolute; inset: 7%; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; transform: scaleX(.48); }
.network-globe::after { transform: scaleY(.48); }
.globe-grid { position: absolute; inset: 0; border-radius: 50%; background: repeating-linear-gradient(0deg, transparent 0 43px, rgba(255,255,255,.045) 44px); mask-image: radial-gradient(circle, black 64%, transparent 70%); }
.pin { position: absolute; display: flex; align-items: center; gap: 6px; color: #97a2b1; font-style: normal; font-size: 9px; }
.pin b { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.pin-us { left: 16%; top: 34%; }.pin-br { left: 34%; top: 69%; }.pin-eu { left: 50%; top: 27%; }.pin-in { left: 64%; top: 51%; }.pin-jp { right: 13%; top: 38%; }.pin-au { right: 18%; bottom: 23%; }

.workflow-section { background: #090c12; }
.workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; border-top: 1px solid var(--line); }
.workflow-step { display: grid; grid-template-columns: auto 1fr; gap: 25px; min-height: 200px; padding: 30px 30px 30px 0; border-right: 1px solid var(--line); }
.workflow-step + .workflow-step { padding-left: 30px; }
.workflow-step:last-child { border-right: 0; }
.workflow-step > span { color: #697484; font-size: 11px; }
.workflow-step h3 { margin: 0 0 14px; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; }
.workflow-step p { margin: 0; color: #8f9aa9; font-size: 14px; line-height: 1.68; }
.code-console { margin-top: 46px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: #06080c; box-shadow: 0 30px 80px rgba(0,0,0,.22); overflow: hidden; }
.console-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 54px; padding: 0 20px; border-bottom: 1px solid var(--line); }
.console-head > span { display: flex; gap: 6px; }
.console-head > span i { width: 7px; height: 7px; border-radius: 50%; background: #323a46; }
.console-head b { color: #8893a3; font-size: 11px; font-weight: 500; }
.console-head button { justify-self: end; border: 0; background: transparent; color: #a2acba; cursor: pointer; font-size: 11px; }
.code-console code { display: block; padding: clamp(35px, 5vw, 70px); color: #aab3c1; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: clamp(14px, 1.5vw, 21px); line-height: 1.9; }
.code-console code span { color: var(--cyan); }.code-console code em { color: #d4b9ff; font-style: normal; }
.console-footer { display: flex; align-items: center; gap: 20px; min-height: 54px; padding: 0 20px; border-top: 1px solid var(--line); color: #768293; font-size: 10px; }
.console-footer span:first-child { color: #fff; }.console-footer i { margin-left: auto; font-style: normal; }

.pricing-section { background: linear-gradient(180deg, #07090d, #0a0e15); }
.pricing-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.price-note { max-width: 400px; color: #8994a4; font-size: 13px; line-height: 1.6; }
.price-note b { display: flex; align-items: center; gap: 7px; margin-top: 13px; color: var(--green); font-weight: 500; }
.price-note i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.location-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 72px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.location-card { min-height: 172px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.01); transition: background .25s, transform .25s; }
.location-card:hover { position: relative; background: rgba(255,255,255,.035); transform: translateY(-2px); }
.location-card-top { display: flex; justify-content: space-between; color: #6f7b8c; font-size: 10px; letter-spacing: .12em; }
.location-card-top i { width: 6px; height: 6px; border: 1px solid var(--cyan); border-radius: 50%; background: rgba(127,214,255,.15); box-shadow: 0 0 8px rgba(127,214,255,.4); }
.location-card.is-live .location-card-top i { border-color: var(--green); background: var(--green); box-shadow: 0 0 8px var(--green); }
.location-card h3 { margin: 29px 0 7px; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; }
.location-card p { display: flex; align-items: baseline; gap: 5px; margin: 0; color: #8994a4; font-size: 11px; }
.location-card p strong { color: #e9edf4; font-family: "Manrope", sans-serif; font-size: 21px; font-weight: 500; }
.location-loading { grid-column: 1 / -1; min-height: 172px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #85909f; font-size: 13px; }
.location-loading a,.hero-market-loading a { color:var(--cyan);text-decoration:none; }.location-loading button,.hero-market-loading button { padding:0;border:0;background:transparent;color:var(--cyan);font:inherit;cursor:pointer; }
.location-loading i { width: 16px; height: 16px; border: 1px solid #3d4653; border-top-color: var(--cyan); border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.pricing-actions { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 35px; }
.pricing-actions p { color: #7e8897; font-size: 13px; }.pricing-actions p b { color: #c9d0da; font-weight: 500; }

.faq-section { background: radial-gradient(circle at 12% 20%, rgba(74,130,255,.09), transparent 30%), #080b10; }
.faq-layout { display: grid; grid-template-columns: minmax(300px,.78fr) minmax(520px,1.22fr); gap: clamp(60px,8vw,130px); align-items: start; }
.faq-intro { position: sticky; top: calc(var(--header-height) + 48px); }
.faq-intro h2 { max-width: 620px; font-size: clamp(43px,4.7vw,70px); }
.faq-intro > p:not(.eyebrow) { max-width: 520px; margin: 28px 0 32px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.text-link { display: inline-flex; align-items: center; gap: 18px; padding: 0 0 11px; border: 0; border-bottom: 1px solid var(--line-strong); background: transparent; color: #dce5ef; cursor: pointer; font-size: 13px; }
.text-link b { color: var(--cyan); font-weight: 400; }
.faq-list { border-top: 1px solid var(--line-strong); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: grid; grid-template-columns: 34px 1fr 18px; gap: 18px; align-items: center; min-height: 94px; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: #657184; font-size: 10px; letter-spacing: .12em; }
.faq-list summary b { color: #dce4ee; font-family: "Manrope",sans-serif; font-size: clamp(17px,1.5vw,22px); font-weight: 500; letter-spacing: -.025em; }
.faq-list summary i { position: relative; width: 16px; height: 16px; }
.faq-list summary i::before, .faq-list summary i::after { content: ""; position: absolute; left: 2px; right: 2px; top: 7px; height: 1px; background: #788698; transition: transform .2s; }
.faq-list summary i::after { transform: rotate(90deg); }
.faq-list details[open] summary i::after { transform: rotate(0); }
.faq-list details p { max-width: 700px; margin: -6px 36px 28px 52px; color: #8f9baa; font-size: 14px; line-height: 1.75; }

.partner-section { background: #090c12; }
.partner-panel { position: relative; min-height: 630px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 5vw; padding: clamp(35px, 6vw, 85px); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: radial-gradient(circle at 86% 42%, rgba(74,130,255,.13), transparent 35%), rgba(255,255,255,.012); overflow: hidden; }
.partner-copy h2 { font-size: clamp(42px, 4.8vw, 72px); }
.partner-copy > p:not(.eyebrow) { max-width: 600px; margin: 28px 0 0; color: var(--muted); font-size: 15px; line-height: 1.72; }
.partner-actions { display: flex; gap: 12px; margin-top: 38px; }
.partner-visual { position: relative; width: min(38vw, 480px); aspect-ratio: 1; justify-self: center; }
.partner-ring { position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.ring-two { inset: 26%; border-style: dashed; animation: slow-spin 28s linear reverse infinite; }
@keyframes slow-spin { to { transform:rotate(360deg); } }
.partner-center { position: absolute; inset: 36%; display: grid; place-content: center; gap: 4px; text-align: center; border: 1px solid rgba(131,233,255,.32); border-radius: 50%; background: rgba(13,20,33,.86); box-shadow: 0 0 55px rgba(79,145,255,.18); }
.partner-center span { font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; }.partner-center b { color: #728094; font-size: 6px; letter-spacing: .14em; }
.partner-node { position: absolute; padding: 8px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #0d121b; color: #8d98a8; font-style: normal; font-size: 7px; letter-spacing: .12em; box-shadow: 0 0 22px rgba(0,0,0,.4); }
.pn-one { left: 3%; top: 38%; }.pn-two { right: 9%; top: 16%; }.pn-three { right: 1%; bottom: 22%; }

.closing-section { min-height: 72vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 22px; text-align: center; background: radial-gradient(circle at 50% 85%, rgba(99,140,255,.18), transparent 42%); }
.closing-section .eyebrow { justify-content: center; }.closing-section h2 { font-size: clamp(50px, 7vw, 105px); }
.closing-section .button { margin-top: 50px; }.button-light { min-width: 180px; }

.site-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 70px clamp(22px, 7vw, 112px) 28px; border-top: 1px solid var(--line); background: #05070a; }
.footer-brand p { max-width: 350px; margin: 21px 0 0; color: #758192; font-size: 13px; line-height: 1.65; }
.footer-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.footer-links div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.footer-links b { margin-bottom: 5px; color: #d4dae4; font-size: 12px; font-weight: 500; }.footer-links a, .footer-links button { padding: 0; border: 0; background: transparent; color: #778291; font-size: 12px; cursor: pointer; }
.footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 30px; margin-top: 50px; padding-top: 22px; border-top: 1px solid var(--line); color: #626c79; font-size: 10px; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1320px) {
  .site-header { grid-template-columns: 1fr auto; }
  .main-nav { position: fixed; inset: var(--header-height) 0 auto; display: none; flex-direction: column; align-items: flex-start; gap: 0; padding: 20px 28px 28px; border-bottom: 1px solid var(--line); background: rgba(7,9,13,.96); }
  .main-nav.open { display: flex; }
  .main-nav a { width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 15px; }
  .header-actions { margin-right: 44px; }.header-actions .text-action { display: none; }
  .nav-toggle { position: absolute; right: 24px; display: grid; gap: 6px; width: 24px; padding: 6px 0; border: 0; background: transparent; cursor: pointer; }
  .nav-toggle span { width: 100%; height: 1px; background: #fff; }
}

@media (max-width: 1080px) {
  .hero { grid-template-columns:1fr;min-height:auto;padding-top:calc(var(--header-height) + 90px);padding-bottom:80px; }
  .hero-content { width:100%;max-width:780px; }.atlas-panel{width:100%;max-width:900px;margin-top:24px}.scroll-cue{display:none}
  .product-grid { grid-template-columns: 1fr 1fr; }.product-card:last-child { grid-column: 1 / -1; min-height: 500px; }
  .dynamic-price-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.dynamic-price-card{border-bottom:1px solid var(--line)}.dynamic-price-card:nth-child(3n){border-right:0}.dynamic-price-card:nth-last-child(-n+3){border-bottom:0}
  .tools-stage { grid-template-columns:1fr; }.tools-copy{max-width:760px}.tools-grid{max-width:760px}
  .network-stage { grid-template-columns: 1fr; }.network-globe { width: min(72vw, 580px); }.network-copy { max-width: 760px; }
  .faq-layout { grid-template-columns: 1fr; }.faq-intro { position: static; max-width: 720px; }
  .location-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
  :root { --header-height: 68px; }
  .site-header { padding:0 18px; }.brand-mark{width:43px;height:35px}.brand-copy small { display:none; }.brand-copy strong { font-size:17px; }
  .header-actions { margin-right: 37px; gap: 10px; }.header-actions .button { display: none; }.language-switch { min-width:52px;min-height:34px;font-size:11px; }.language-options{right:0;width:202px}
  .hero { display:grid;min-height:auto;align-items:start;padding:125px 20px 70px;gap:46px }.hero-content{width:100%}.hero h1{font-size:clamp(49px,14vw,70px)}.hero h1 em{white-space:normal}html[lang="zh-CN"] .hero h1{font-size:clamp(46px,12vw,54px)}.hero-lead{max-width:520px;font-size:16px}.hero-actions{flex-direction:column;width:min(100%,350px)}.hero-proof{max-width:380px;gap:10px 18px;font-size:13px}.atlas-panel{margin:0}.atlas-map{height:300px}.atlas-console-head{align-items:start;flex-direction:column;gap:4px}.atlas-console-head strong{font-size:13px}.scroll-cue{display:none}
  .signal-strip { grid-template-columns: 1fr 1fr; }.signal-strip div { min-height: 76px; padding: 0 18px; border-bottom: 1px solid var(--line); }
  .growth-benefit-banner { grid-template-columns: 1fr; align-items: start; padding: 64px 20px; }
  .growth-benefit-banner .button { width: min(100%,350px); }
  .tools-stage { gap:42px; }.tools-facts{grid-template-columns:1fr}.tools-facts span{min-height:auto}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:330px}.tool-symbol{margin-top:35px}
  .section { padding: 96px 20px; }.section h2 { font-size: clamp(39px, 12vw, 56px); }.section-intro > p:last-child { font-size: 15px; }
  .product-grid { grid-template-columns: 1fr; margin-top: 50px; }.product-card, .product-card:last-child { grid-column: auto; min-height: 570px; padding: 24px; }.product-card > a, .product-card > button { left: 24px; right: 24px; }.product-icon { margin-top: 42px; }
  .dynamic-pricing-board{margin-top:28px}.dynamic-pricing-head{grid-template-columns:1fr;align-items:start;padding:24px 20px}.dynamic-pricing-status{justify-self:start}.dynamic-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dynamic-price-card,.dynamic-price-card:nth-child(3n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.dynamic-price-card:nth-child(2n){border-right:0}.dynamic-price-card:nth-last-child(-n+2){border-bottom:0}.dynamic-pricing-foot{align-items:flex-start;flex-direction:column;padding:20px}.dynamic-pricing-foot .button{width:100%}
  .network-stage { gap: 70px; }.network-stats { gap: 28px; }.network-globe { width: 88vw; }
  .workflow-grid { grid-template-columns: 1fr; }.workflow-step, .workflow-step + .workflow-step { min-height: auto; padding: 26px 0; border-right: 0; border-bottom: 1px solid var(--line); }.code-console code { padding: 32px 20px; font-size: 12px; overflow-x: auto; }.console-footer { gap: 10px; }.console-footer i { display: none; }
  .pricing-head { align-items: flex-start; flex-direction: column; }.location-grid { grid-template-columns: 1fr 1fr; margin-top: 50px; }.location-card { min-height: 150px; padding: 19px; }.pricing-actions { align-items: flex-start; flex-direction: column; }
  .faq-layout { gap: 55px; }.faq-list summary { grid-template-columns: 28px 1fr 18px; gap: 12px; min-height: 84px; }.faq-list details p { margin: -2px 20px 24px 40px; }
  .partner-panel { grid-template-columns: minmax(0,1fr); padding: 45px 24px; }.partner-copy { min-width:0; }.partner-actions { flex-direction: column; }.partner-visual { width: min(100%, 400px); }
  .closing-section { min-height: 70vh; }.closing-section h2 { font-size: clamp(48px, 14vw, 74px); }
  .site-footer { grid-template-columns: 1fr; gap: 45px; padding: 55px 20px 25px; }.footer-bottom { flex-direction: column; margin-top: 20px; }
}

@media (max-width: 430px) {
  .signal-strip { grid-template-columns: 1fr; }.signal-strip div { min-height: 62px; border-right: 0; }
  .location-grid { grid-template-columns: 1fr; }.location-card { min-height: 140px; }.network-stats { display: grid; grid-template-columns: 1fr 1fr; }.footer-links { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }.ring-two,.atlas-node::after,.location-loading i { animation:none; }.reveal { opacity:1;transform:none;transition:none; }
}
