*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#dce7f5;background:#050b14}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #17293d;background:rgba(5,11,20,.86);backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #2e78aa;border-radius:11px;background:linear-gradient(145deg,#102e49,#081524);color:#72c7ff;font-weight:900}.brand b{display:block;font-size:13px;letter-spacing:1.5px}.brand small{display:block;margin-top:3px;color:#5b738b;font-size:8px;letter-spacing:1.8px}.nav nav{display:flex;gap:28px;color:#7890a7;font-size:11px;font-weight:700}.nav nav a:hover{color:#fff}.nav-actions{display:flex;gap:8px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:900}.primary{color:#fff;background:linear-gradient(135deg,#1484cf,#1c5da5);border:1px solid #2b8dd0;box-shadow:0 8px 28px rgba(20,132,207,.18)}.ghost{color:#8fa7bc;background:#0a1624;border:1px solid #20364b}.primary:hover,.ghost:hover{transform:translateY(-1px)}.hero{min-height:720px;display:grid;grid-template-columns:.82fr 1.18fr;gap:5vw;align-items:center;padding:80px 7vw 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#123555 0,transparent 34%),radial-gradient(circle at 15% 5%,#10253c 0,transparent 30%),#050b14}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(82,140,185,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,140,185,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-copy,.hero-screen{position:relative;z-index:1}.kicker{margin:0 0 12px;color:#55b8f2;font-size:9px;font-weight:900;letter-spacing:2px}.hero h1{margin:0;font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-2.8px}.hero h1 span{color:#71c8ff}.subtitle{max-width:560px;margin:25px 0;color:#8198ae;font-size:15px;line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{padding:7px 10px;border:1px solid #203c55;border-radius:5px;background:#091724;color:#83a5bd;font-size:9px}.hero-actions{display:flex;gap:9px;margin-top:28px}.big{padding:12px 16px;font-size:10px}.note{max-width:600px;margin:20px 0 0;color:#4d657c;font-size:9px;line-height:1.7}.hero-screen{padding:15px;border:1px solid #28516f;border-radius:15px;background:linear-gradient(145deg,#0b1d2d,#06101b);box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 70px rgba(30,132,194,.08);transform:perspective(1200px) rotateY(-4deg)}.screen-head{display:flex;justify-content:space-between;padding:5px 7px 14px;color:#7f9ab1;font-size:9px;font-weight:800}.screen-head span:last-child{color:#4ed6a8}.screen-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.screen-stats div{padding:13px;border:1px solid #19364d;border-radius:7px;background:#091622}.screen-stats small{display:block;color:#5d7890;font-size:7px}.screen-stats strong{display:block;margin:7px 0 5px;font-size:20px}.screen-stats em{font-style:normal;color:#54708a;font-size:6px;letter-spacing:1px}.screen-stats .ok{color:#45c99b}.screen-stats .warn{color:#ddb154}.screen-stats .bad{color:#ef7178}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-map,.chart{height:230px;border:1px solid #19364d;border-radius:7px;background:#07121e;position:relative;overflow:hidden}.mini-map{background-image:linear-gradient(rgba(55,103,139,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(55,103,139,.13) 1px,transparent 1px);background-size:28px 28px}.zone{position:absolute;color:#29475f;font-size:9px;font-weight:900}.za{left:8%;top:12%}.zb{right:12%;top:14%}.zc{left:12%;bottom:14%}.zd{right:14%;bottom:18%}.pin{position:absolute;width:9px;height:9px;border-radius:50%;background:#35d49c;box-shadow:0 0 0 5px rgba(53,212,156,.08)}.p1{left:25%;top:30%}.p2{left:55%;top:25%;background:#e7b34e}.p3{left:72%;top:46%;background:#ed6872}.p4{left:36%;top:67%}.p5{left:82%;top:73%}.p6{left:18%;top:78%;background:#ed6872}.chart{padding:13px;background:linear-gradient(#07131f,#081725)}.chart-title{color:#55728b;font-size:8px;font-weight:900;letter-spacing:1px}.line{position:absolute;height:2px;left:5%;right:5%;top:53%;background:#35d49c;transform:rotate(-7deg);box-shadow:0 0 8px rgba(53,212,156,.5)}.l2{top:62%;background:#42a8df;transform:rotate(5deg)}.l3{top:45%;background:#e6b34e;transform:rotate(12deg)}.axis{position:absolute;bottom:10px;left:7%;right:7%;display:flex;justify-content:space-between;color:#36536a;font-size:7px}.screen-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.screen-row div{padding:11px;border-top:1px solid #19364d}.screen-row small{display:block;color:#526e86;font-size:7px}.screen-row strong{display:block;margin-top:6px;font-size:14px}.screen-row span{font-size:7px;color:#52708b}.section{padding:100px 7vw}.section-title{max-width:850px}.section-title h2{margin:0;font-size:38px;letter-spacing:-1.4px}.section-title>p:last-child{margin:15px 0 0;color:#6f879d;font-size:12px;line-height:1.8}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.module-card{position:relative;min-height:275px;padding:21px;border:1px solid #172c40;border-radius:10px;background:linear-gradient(145deg,#0a1623,#07111c);transition:.2s}.module-card:hover{transform:translateY(-5px);border-color:#2a5879}.module-card.ai{background:linear-gradient(145deg,#0b1c2d,#0b1420);border-color:#25587a}.num{position:absolute;right:17px;top:16px;color:#36536b;font-size:9px;font-weight:900}.icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px;border:1px solid #24445e;border-radius:10px;background:#0c2234;color:#5ec3fa;font-size:13px;font-weight:900}.module-grid h3{margin:0;font-size:16px}.module-grid p{min-height:86px;margin:13px 0;color:#657d94;font-size:10px;line-height:1.75}.module-card.map{grid-column:1/-1;display:grid;grid-template-columns:66px 1fr;align-items:center;column-gap:22px;min-height:0;padding:22px 26px;background:linear-gradient(145deg,#101d2b,#0a1420);border-color:#3d6b8f;box-shadow:0 0 0 1px rgba(61,165,245,.14),0 10px 30px -16px rgba(61,165,245,.6)}.module-card.map:hover{border-color:#4f93c4}.module-card.map .icon{grid-row:1/4;width:66px;height:66px;margin-bottom:0;font-size:20px}.module-card.map h3{grid-column:2}.module-card.map p{grid-column:2;min-height:0;margin:7px 0 0;max-width:760px}.module-card.map b{grid-column:2;display:block;margin-top:10px}.module-grid b{color:#4385ad;font-size:8px;letter-spacing:.7px}.split{background:#07101a}.architecture{margin-top:40px;padding:24px;border:1px solid #1b3248;border-radius:12px;background:#081521}.arch-row{display:flex;align-items:center;gap:10px;padding:12px 0}.arch-label{width:55px;color:#4d718b;font-size:8px;font-weight:900;letter-spacing:1px}.node{flex:1;min-height:74px;display:flex;flex-direction:column;justify-content:center;padding:13px 15px;border:1px solid #1d3a52;border-radius:8px;background:#0a1a28}.node b{font-size:11px}.node small{margin-top:5px;color:#59758c;font-size:8px}.node.wide{flex:1.35}.node.cloud{border-color:#27658b;background:linear-gradient(145deg,#0d2638,#0a1a27)}.ai-node{border-color:#5a3d78;background:#151126}.arch-row i{color:#39769b;font-style:normal;font-size:16px}.story{background:radial-gradient(circle at 85% 30%,#102940,transparent 32%),#050b14}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.story-card{padding:22px;border:1px solid #1a3044;border-radius:9px;background:#091521}.story-card span{color:#4c87ad;font-size:8px;font-weight:900;letter-spacing:1px}.story-card strong{display:block;margin-top:15px;font-size:14px}.story-card p{margin:11px 0 0;color:#637b91;font-size:10px;line-height:1.8}.quote{margin-top:30px;padding:25px;border-left:3px solid #2f91ce;background:#081725;color:#9bb2c6;font-size:16px;line-height:1.7}.cta{margin:0 7vw 80px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #24465f;border-radius:12px;background:linear-gradient(100deg,#0b2235,#0a1724)}.cta h2{margin:0;font-size:27px}.cta p:not(.kicker){margin:8px 0 0;color:#668198;font-size:10px}.cta-actions{display:flex;flex-wrap:wrap;gap:8px}footer{padding:25px 7vw;border-top:1px solid #122436;color:#3e586e;font-size:8px;letter-spacing:.5px}@media(max-width:1050px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-screen{max-width:900px}.module-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav{padding:0 18px}.nav-actions .ghost{display:none}.hero,.section{padding:65px 20px}.hero h1{font-size:44px}.hero-screen{transform:none;padding:8px}.screen-stats{grid-template-columns:repeat(2,1fr)}.screen-grid{grid-template-columns:1fr}.mini-map,.chart{height:180px}.module-grid,.story-grid{grid-template-columns:1fr}.arch-row{flex-wrap:wrap}.arch-label{width:100%}.arch-row i{display:none}.node,.node.wide{flex:1 1 100%}.cta{margin:0 20px 50px;padding:28px 22px;display:block}.cta-actions{margin-top:22px}.section-title h2{font-size:30px}}.workflow{position:relative}.flow-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:38px}.flow-step{flex:0 0 auto;min-width:134px;padding:14px 16px;border:1px solid #172c40;border-radius:10px;background:linear-gradient(145deg,#0a1623,#07111c);text-align:center;transition:.2s}.flow-step:hover{transform:translateY(-3px);border-color:#2a5879}.flow-step span{display:block;color:#36536b;font-size:9px;font-weight:900;letter-spacing:1px}.flow-step b{display:block;margin:6px 0 4px;color:#cfe3f5;font-size:13px}.flow-step small{display:block;color:#657d94;font-size:10px}.flow-step.active{border-color:#2f6d97;background:linear-gradient(145deg,#0b2135,#08182a);box-shadow:0 0 0 1px rgba(85,184,242,.16),0 10px 26px -16px rgba(85,184,242,.7)}.flow-step.active b{color:#7cc9f8}.flow-line>i{color:#2f5570;font-size:13px;font-style:normal}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.loop-grid article{padding:18px;border:1px solid #172c40;border-radius:10px;background:linear-gradient(145deg,#0a1623,#07111c)}.loop-grid .micro{display:block;color:#4585ad;font-size:8px;font-weight:900;letter-spacing:1px}.loop-grid strong{display:block;margin:10px 0 8px;color:#dbe9f6;font-size:14px}.loop-grid p{margin:0;color:#657d94;font-size:10px;line-height:1.75}@media(max-width:1050px){.flow-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-line>i{display:none}.flow-step{min-width:0}.loop-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.flow-line{grid-template-columns:repeat(2,1fr)}.loop-grid{grid-template-columns:1fr}}