:root{--navy:#0f172a;--blue:#254b9c;--orange:#e65100;--teal:#30b7b2;--text:#52525b;--muted:#71717a;--bg:#f8fafc;--line:#cbd5e1;--white:#fff;--shadow:0 14px 35px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans SC",system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}body.dark{--bg:#0b1220;--white:#111b2d;--navy:#e5edf8;--text:#b7c1d2;--muted:#8f9caf;--line:#253550;--shadow:0 14px 35px rgba(0,0,0,.22)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{height:74px;background:rgba(248,250,252,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.dark .site-header{background:rgba(11,18,32,.94)}.nav-inner{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);white-space:nowrap;letter-spacing:-.02em}.brand-mark{width:27px;height:27px;border-radius:7px;background:var(--blue);display:grid;place-items:center;color:white;font-size:13px}.main-nav{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:14px;font-weight:500;color:var(--muted)}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.menu-toggle{width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--navy);cursor:pointer;font-size:15px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:11px 17px;font-size:14px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:var(--blue);box-shadow:0 7px 14px rgba(37,75,156,.2)}.btn-primary:hover{background:#1f4086}.btn-outline{border-color:var(--blue);color:var(--blue);background:transparent}.dark .btn-outline{color:#b5c9ff;border-color:#5878c8}.btn-buy{width:100%;color:white;background:var(--orange);margin-top:17px}.btn-buy:hover{background:#c94300}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;padding:86px 0 92px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(48,183,178,.13)}h1,h2,h3{color:var(--navy);margin:0;line-height:1.2;letter-spacing:-.03em}h1{font-size:clamp(40px,5vw,68px);margin-top:18px;font-weight:800}h2{font-size:34px}h3{font-size:19px}.hero-lead{font-size:19px;max-width:580px;margin:22px 0;color:var(--text)}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:24px}.hero-visual{position:relative;min-height:390px;background:#10264d;border-radius:12px;overflow:hidden;padding:22px;color:#dce8ff;box-shadow:var(--shadow)}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.visual-topline,.visual-bottomline{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#9cb8e8}.status-dot{color:#74e1cc}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:6px}.network-map{height:280px;position:relative;margin-top:5px}.map-ring{position:absolute;border:1px solid rgba(118,160,232,.22);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.ring-a{width:210px;height:210px}.ring-b{width:330px;height:330px}.map-node{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;background:#294f9d;border:1px solid #86a7e8;box-shadow:0 0 0 8px rgba(80,126,210,.12)}.node-de{left:42%;top:32%;background:var(--orange);border-color:#ffad79;box-shadow:0 0 0 8px rgba(230,81,0,.16)}.node-nl{left:23%;top:13%}.node-cn{right:9%;bottom:6%;background:#1f8f8b;border-color:#93e7de}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,rgba(112,173,255,.2),#7eb7ff,rgba(112,173,255,.2));transform-origin:left center}.line-de-nl{width:138px;left:29%;top:31%;transform:rotate(28deg)}.line-de-cn{width:285px;left:45%;top:45%;transform:rotate(27deg)}.map-caption{position:absolute;left:8%;bottom:6%;display:flex;flex-direction:column;gap:2px}.map-caption strong{font-size:30px;color:#fff;line-height:1}.map-caption span{font-size:11px;color:#a9c5ec}.visual-bottomline{border-top:1px solid rgba(255,255,255,.13);padding-top:15px}.visual-bottomline strong{font-size:15px;color:#fff}.visual-bottomline small{font-size:9px;color:#9cb8e8}.section{padding:86px 0}.section-tint{background:#eef3f9}.dark .section-tint{background:#0f1a2d}.section-navy{background:#122b5b;color:#c7d6ee}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:33px}.section-heading>p{max-width:400px;font-size:14px;margin:0}.section-heading h2{margin-top:9px}.light h2{color:white}.light .kicker{color:#73ded6}.text-link{font-weight:700;color:var(--blue);font-size:14px;white-space:nowrap}.light-link{color:#78dfd7}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.advantage{padding:27px 25px 31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:165px}.advantage-index{font-size:11px;font-weight:800;color:var(--teal);letter-spacing:.1em}.advantage h3{margin:15px 0 8px}.advantage p{font-size:13px;margin:0}.advantage.accent{background:rgba(48,183,178,.08)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid-full{grid-template-columns:repeat(4,1fr)}.product-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:25px 23px 22px;box-shadow:0 5px 18px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-card.featured{border-color:var(--blue);box-shadow:0 12px 28px rgba(37,75,156,.13)}.featured-ribbon{position:absolute;right:15px;top:15px;background:var(--blue);color:#fff;padding:3px 7px;border-radius:4px;font-size:10px;font-weight:700}.product-tag{display:inline-block;padding:3px 8px;border-radius:4px;background:#eaf0fb;color:var(--blue);font-size:11px;font-weight:700}.product-tag.teal{background:#e4f7f6;color:#187f7c}.product-head h3,.product-head h2{margin:16px 0 5px}.product-head p{margin:0;font-size:12px;color:var(--muted)}.price{margin:22px 0 15px;color:var(--navy)}.price strong{font-size:31px;letter-spacing:-.04em}.price span{font-size:12px;color:var(--muted);margin-left:4px}.spec-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.spec-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.spec-list span{color:var(--muted)}.spec-list b{color:var(--navy);font-weight:600}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.scenario-grid article{background:#122b5b;padding:27px 22px;min-height:180px}.scenario-grid span{color:#73ded6;font-weight:800;font-size:11px}.scenario-grid h3{color:white;margin:18px 0 10px}.scenario-grid p{font-size:13px;margin:0;color:#c7d6ee}.faq-section{border-bottom:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-layout>div>p{max-width:320px;font-size:14px}.faq-layout .text-link{display:inline-block;margin-top:15px}.faq-list details,.faq-long details{border-top:1px solid var(--line);padding:18px 0}.faq-list details:last-child,.faq-long details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:22px;color:var(--navy);font-weight:700;cursor:pointer;font-size:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:21px;font-weight:400;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;margin:12px 30px 2px 0}.site-footer{background:#0b1730;color:#a9b9d1;padding:43px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer-brand{color:#fff}.footer-brand p{max-width:330px;font-size:13px;line-height:1.8}.footer-links{display:flex;gap:50px}.footer-links h4{margin:0 0 12px;color:#fff;font-size:13px}.footer-links a{display:block;font-size:12px;margin:7px 0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;font-size:11px;color:#7e91ad}.page-hero{padding:76px 0 64px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:48px;margin-top:14px}.page-hero p{font-size:18px;margin:18px 0 0;max-width:600px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;font-size:14px;font-weight:600;color:var(--navy)}.filter-pills{display:flex;gap:8px}.pill{border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--muted);font-weight:500}.pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.route-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.route-panel{background:var(--white);border:1px solid var(--line);padding:35px 32px;border-radius:8px;min-height:330px}.route-panel h2{font-size:28px;margin:17px 0 12px}.route-panel p{font-size:14px;max-width:470px}.route-highlight{border-color:var(--teal);background:linear-gradient(145deg,var(--white),#effbfa)}.route-number{font-size:12px;color:var(--teal);font-weight:800;margin-bottom:25px}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{font-size:13px;margin:9px 0}.check-list li:before{content:"✓";color:var(--teal);font-weight:800;margin-right:9px}.compare-table{border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}.compare-row strong{color:var(--blue)}.compare-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.scenario-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.scenario-detail{background:var(--white);padding:32px 30px;min-height:230px}.scenario-mark{color:var(--teal);font-size:12px;font-weight:800}.scenario-detail h2{font-size:25px;margin:18px 0 10px}.scenario-detail p{font-size:14px;margin:0 0 16px}.faq-long{max-width:820px}.faq-long details{padding:23px 0}.faq-long summary{font-size:17px}.faq-long details p{font-size:14px;max-width:700px}.about-grid,.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px}.about-grid h2,.contact-main h2{font-size:30px;margin-bottom:20px}.about-grid p,.contact-main>p{font-size:15px;max-width:650px}.about-note,.contact-side{background:#10264d;color:#dce8ff;border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:17px;min-height:240px}.about-note .kicker{color:#73ded6}.about-note strong{font-size:24px;color:#fff}.contact-lines{border-top:1px solid var(--line);margin:26px 0}.contact-lines div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.contact-lines span{color:var(--muted)}.contact-lines strong{color:var(--navy)}.contact-code{font-size:58px;font-weight:800;line-height:.95;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:25px}.contact-side p{font-size:13px;color:#a9c5ec}.dark .route-highlight{background:#102339}.dark .product-tag{background:#1b315e}.dark .product-tag.teal{background:#153c41}.dark .compare-row strong{color:#a8bfff}
@media(max-width:980px){.main-nav{gap:13px}.nav-inner{gap:15px}.product-grid-full{grid-template-columns:repeat(2,1fr)}.hero{gap:35px}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}.site-header,.nav-inner{height:66px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:14px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px 8px}.menu-toggle{display:block}.nav-actions .btn{display:none}.hero{grid-template-columns:1fr;padding:55px 0 65px;gap:34px}.hero-visual{min-height:330px}.hero-lead{font-size:17px}.hero-meta{gap:9px 16px}.section{padding:62px 0}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:15px}.section-heading .text-link{display:inline-block;margin-top:15px}.advantage-grid{grid-template-columns:1fr 1fr}.advantage{min-height:145px;padding:22px 17px}.product-grid,.product-grid-full,.route-layout,.scenario-detail-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr;gap:35px}.page-hero{padding:55px 0 43px}.page-hero h1{font-size:39px}.filter-row{align-items:flex-start;gap:16px;flex-direction:column}.footer-grid{display:block}.footer-links{margin-top:28px;gap:45px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.compare-row{grid-template-columns:1fr 1fr;gap:7px}.compare-row span:last-child{grid-column:1/-1}.compare-head span:last-child{grid-column:auto}.about-grid,.contact-grid{gap:35px}}
@media(max-width:430px){h2{font-size:29px}.hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.advantage-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.footer-links{gap:24px}.footer-links>div{flex:1}}
.hero-visual{background-image:url('site-visual.svg')}