:root{--bg:#06141e;--bg-soft:#0a1d29;--panel:#0d2330;--panel-live:#103240;--line:#244251;--line-bright:#386271;--ink:#f4f8f9;--muted:#93a7b1;--accent:#62d5c2;--accent-dark:#183f43;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-width:320px;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(91,139,153,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(91,139,153,.11) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}a{color:inherit;text-decoration:none}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.ambient-one{width:520px;height:520px;right:-180px;top:-230px;background:radial-gradient(circle,rgba(69,190,174,.14),transparent 68%)}.ambient-two{width:470px;height:470px;left:-270px;top:500px;background:radial-gradient(circle,rgba(46,111,142,.12),transparent 70%)}.site-header{position:relative;z-index:10;width:min(calc(100% - 48px),var(--max));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(84,124,140,.25)}.brand{display:flex;align-items:center;gap:13px}.brand-mark,.footer-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:10px;background:rgba(98,213,194,.08);color:var(--accent);font-size:18px;font-weight:800}.brand-copy{display:grid}.brand-copy strong{font-size:14px;letter-spacing:.04em}.brand-copy small{margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.15em}.header-link{display:flex;align-items:center;gap:9px;color:#c6d3d8;font-size:13px}.header-link span{color:var(--accent)}.header-link:hover{color:#fff}.hero{position:relative;z-index:1;width:min(calc(100% - 48px),var(--max));min-height:620px;margin:auto;padding:94px 0 82px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:72px}.eyebrow{margin:0;display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.17em}.eyebrow span{width:26px;height:1px;background:var(--accent)}.hero h1{margin:22px 0 20px;font-size:clamp(56px,6.4vw,86px);line-height:1.03;letter-spacing:-.065em}.hero h1 em{color:var(--accent);font-style:normal}.role{margin:0;color:#d6e0e3;font-size:16px;font-weight:650;letter-spacing:.12em}.hero-lead{max-width:610px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.85}.primary-action{width:max-content;margin-top:34px;padding:13px 18px;display:flex;align-items:center;gap:25px;border-radius:8px;background:var(--accent);color:#082028;font-size:13px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(98,213,194,.18)}.hero-panel{min-height:400px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(15,42,55,.9),rgba(7,24,34,.86));box-shadow:0 24px 80px rgba(0,0,0,.22)}.panel-top{display:flex;align-items:center;justify-content:space-between;color:#78929e;font-size:9px;letter-spacing:.13em}.online{display:flex;align-items:center;gap:6px;color:#acc1c7;letter-spacing:0}.online i,.status-live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(98,213,194,.7)}.panel-map{position:relative;height:282px;margin:18px 0;border:1px solid rgba(78,122,140,.2);border-radius:12px;background:radial-gradient(circle at center,rgba(98,213,194,.08),transparent 45%)}.map-node{position:absolute;z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line-bright);border-radius:12px;background:#0b202b;color:#9bb0b8;font-size:10px}.node-core{left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border-color:var(--accent);background:var(--accent-dark);color:var(--accent);font-size:22px;font-weight:800}.node-one{left:14%;top:16%}.node-two{right:14%;top:17%}.node-three{left:15%;bottom:13%}.node-four{right:14%;bottom:14%}.map-line{position:absolute;left:50%;top:50%;width:37%;height:1px;transform-origin:left center;background:linear-gradient(90deg,var(--accent),rgba(98,213,194,.1))}.line-one{transform:rotate(218deg)}.line-two{transform:rotate(322deg)}.line-three{transform:rotate(143deg)}.line-four{transform:rotate(37deg)}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-stats span{padding:9px;border-left:1px solid var(--line);color:#718b95;font-size:9px}.panel-stats strong{display:block;margin-bottom:3px;color:#dce6e8;font-size:16px}.applications{position:relative;z-index:1;padding:86px max(24px,calc((100vw - var(--max))/2)) 110px;background:linear-gradient(180deg,rgba(8,27,38,.4),rgba(10,29,41,.92))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading h2{margin:13px 0 0;font-size:32px;letter-spacing:-.035em}.section-heading>p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-card{position:relative;min-height:310px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:22px;border:1px solid var(--line);border-radius:16px;background:rgba(12,34,46,.84);overflow:hidden}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(98,213,194,.05),transparent 45%);opacity:0;transition:opacity .2s ease}.app-card-live{background:linear-gradient(145deg,rgba(16,52,65,.98),rgba(10,37,49,.96));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.app-card-live:hover,.app-card-live:focus-visible{transform:translateY(-4px);border-color:var(--line-bright);box-shadow:0 18px 48px rgba(0,0,0,.22);outline:none}.app-card-live:hover:before,.app-card-live:focus-visible:before{opacity:1}.card-number{align-self:start;color:#5f7a85;font-size:10px;font-weight:800;letter-spacing:.12em}.card-icon{position:absolute;right:23px;top:65px;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#71909b}.card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.app-card-live .card-icon{border-color:rgba(98,213,194,.3);background:rgba(98,213,194,.07);color:var(--accent)}.status{justify-self:end;padding:5px 8px;border:1px solid rgba(94,123,134,.34);border-radius:999px;color:#6e8791;font-size:9px;font-weight:700;letter-spacing:.08em}.status-live{display:flex;align-items:center;gap:6px;border-color:rgba(98,213,194,.26);color:#a8c9c4}.card-content{grid-column:1/-1;align-self:end;display:block;padding-right:60px}.card-content strong{display:block;font-size:24px;letter-spacing:-.03em}.card-content small{display:block;margin:7px 0 16px;color:var(--accent);font-size:10px;letter-spacing:.12em}.card-content p{max-width:480px;margin:0;color:#92a8b1;font-size:13px;line-height:1.75}.card-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px;border-top:1px solid rgba(79,119,133,.25)}.card-footer code{color:#69838d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.card-footer b{color:#8ba1aa;font-size:11px}.app-card-live .card-footer b{color:var(--accent)}.app-card-live .card-footer b i{display:inline-block;font-style:normal;transition:transform .18s ease}.app-card-live:hover .card-footer b i{transform:translate(3px,-3px)}.app-card-soon{opacity:.7}.app-card-soon .card-content small{color:#78909a}.site-footer{position:relative;z-index:1;width:min(calc(100% - 48px),var(--max));min-height:120px;margin:auto;display:flex;align-items:center;gap:16px;color:#718993;font-size:11px}.site-footer p{margin:0}.site-footer p i{padding:0 5px;color:#3c5965;font-style:normal}.site-footer a{margin-left:auto}.site-footer a:hover{color:var(--accent)}.footer-mark{width:30px;height:30px;border-radius:7px;font-size:12px}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:46px;padding-top:72px}.hero-panel{min-height:350px}.panel-map{height:235px}.section-heading{align-items:start;flex-direction:column;gap:14px}.app-card{min-height:330px}}
@media(max-width:680px){.site-header,.hero,.site-footer{width:min(calc(100% - 32px),var(--max))}.site-header{height:76px}.brand-copy small{display:none}.header-link{font-size:12px}.hero{min-height:auto;padding:65px 0 58px}.hero h1{font-size:clamp(46px,14vw,66px)}.hero-lead{font-size:14px}.hero-panel{min-height:310px;padding:15px}.panel-map{height:210px}.panel-stats span{padding:7px;font-size:8px}.applications{padding:62px 16px 76px}.app-grid{grid-template-columns:1fr}.app-card{min-height:290px;padding:20px}.card-content strong{font-size:22px}.card-footer{align-items:flex-start;flex-direction:column;gap:8px}.site-footer{min-height:105px}.site-footer a{font-size:0}.site-footer a span{font-size:14px}}
@media(max-width:420px){.brand-mark{width:35px;height:35px}.brand-copy strong{font-size:12px}.hero-panel{display:none}.hero{padding-bottom:50px}.role{font-size:13px}.app-card{min-height:300px}.card-icon{top:57px;right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action,.app-card-live,.card-footer b i{transition:none}}
.ambient{position:fixed}