:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f7f9;margin:0}a{color:inherit}main{min-height:100dvh;overflow:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7f9eb;border-bottom:1px solid #7b89973d;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:#0f1f2d;align-items:center;gap:10px;font-size:.96rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:.02em;background:#0f1f2d;border-radius:8px;place-items:center;width:34px;height:34px;font-size:.78rem;display:grid}.nav{color:#526271;align-items:center;gap:clamp(12px,3vw,28px);font-size:.9rem;font-weight:750;display:flex}.nav a{text-decoration:none}.nav a:hover{color:#00857d}.hero{background:linear-gradient(115deg,#00857d1f,#0000 30%),linear-gradient(315deg,#3e5d841f,#0000 38%),#f4f7f9;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:center;gap:clamp(32px,7vw,88px);min-height:calc(100dvh - 68px);padding:clamp(42px,8vw,96px) clamp(18px,5vw,72px) clamp(34px,5vw,64px);display:grid}.hero-copy{max-width:760px}.eyebrow,.section-kicker{color:#007a73;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}h1,h2,p{margin-top:0}h1{color:#0d1720;max-width:900px;margin-bottom:22px;font-size:clamp(2.7rem,6.4vw,6.6rem);line-height:.96}h2{color:#111c25;margin-bottom:18px;font-size:clamp(1.85rem,3.4vw,3.2rem);line-height:1.05}.lead,.section p,.closing p{color:#4a5b68;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.lead{max-width:780px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions a{color:#fff;background:#132638;border:1px solid #1b3244;border-radius:8px;align-items:center;min-height:44px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.hero-actions a+a{color:#17202a;background:#fff;border-color:#b9c5cf}.network-visual{background-color:#fff;background-image:linear-gradient(#12222f0a 1px,#0000 1px),linear-gradient(90deg,#12222f0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c3ced8;border-radius:8px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 26px 80px #182a3729}.backplane,.backplane:before,.backplane:after{content:"";background:#98a8b6;position:absolute}.backplane{height:2px;inset:50% 12%}.backplane:before{width:2px;height:350px;top:-175px;left:50%}.backplane:after{background:0 0;border:2px solid #98a8b6;border-left:0;border-right:0;width:64%;height:216px;top:-108px;left:18%}.node{color:#243342;text-align:center;background:#f8fafc;border:1px solid #b9c5cf;border-radius:8px;place-items:center;min-width:112px;min-height:58px;padding:10px;font-size:.86rem;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 30px #182a371f}.node.central{color:#fff;background:#0f1f2d;border-color:#0f1f2d;width:188px;min-height:118px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.node.central strong{color:#76d2ca;margin-top:8px;font-size:.76rem;display:block}.n1{top:54px;left:52px}.n2{top:72px;right:56px}.n3{bottom:74px;right:56px}.n4{bottom:76px;left:58px}.n5{bottom:30px;left:50%;transform:translate(-50%)}.signal{background:#00a49a;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 0 0 8px #00a49a1f}.s1{top:49%;left:24%}.s2{background:#db7b2b;top:30%;right:28%;box-shadow:0 0 0 8px #db7b2b21}.s3{background:#536d8f;bottom:31%;right:22%;box-shadow:0 0 0 8px #536d8f24}.section{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(28px,6vw,72px);padding:clamp(58px,9vw,112px) clamp(18px,5vw,72px);display:grid}.intro{background:#fff;border-top:1px solid #d8e0e7}.tech-grid{background:#c9d3dc;border-top:1px solid #c9d3dc;border-bottom:1px solid #c9d3dc;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.tech-card{background:#f7fafc;flex-direction:column;justify-content:space-between;min-height:310px;padding:clamp(22px,3vw,34px);text-decoration:none;display:flex}.tech-card p{color:#007a73;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;font-size:.78rem;font-weight:850}.tech-card h2{margin-bottom:auto;font-size:clamp(1.55rem,2.4vw,2.45rem)}.tech-card span{color:#51616e;margin-top:28px;line-height:1.65}.tech-card:hover h2,.article-link:hover strong{color:#007a73}.split{background:#eef3f6;align-items:center}.reverse{background:#fff}.stack-list{gap:12px;display:grid}.stack-list span{color:#1c2d3a;background:#fff;border-left:4px solid #00857d;align-items:center;min-height:58px;padding:0 20px;font-weight:850;display:flex;box-shadow:0 14px 38px #1c2d3a14}.spec-table{background:#f7fafc;border:1px solid #c9d3dc;border-radius:8px;overflow:hidden}.spec-row{border-bottom:1px solid #dce4eb;grid-template-columns:140px minmax(0,1fr);gap:18px;padding:20px;display:grid}.spec-row:last-child{border-bottom:0}.spec-row strong{color:#102234}.spec-row span{color:#526271;line-height:1.6}.closing{color:#fff;background:#101d28;padding:clamp(64px,10vw,124px) clamp(18px,5vw,72px)}.closing h2{color:#fff;max-width:1000px}.closing p{color:#c5d0d9;max-width:760px}.page-hero{background:linear-gradient(115deg,#00857d1f,#0000 34%),#f4f7f9;padding:clamp(58px,9vw,112px) clamp(18px,5vw,72px)}.page-hero.compact{border-bottom:1px solid #d8e0e7}.page-hero h1,.article-header h1{max-width:1100px;font-size:clamp(2.4rem,5.4vw,5.4rem)}.detail-layout{background:#fff;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);gap:clamp(28px,6vw,72px);padding:clamp(54px,8vw,100px) clamp(18px,5vw,72px);display:grid}.detail-copy{gap:36px;display:grid}.detail-copy section{max-width:860px}.detail-copy p,.article-body p{color:#4a5b68;font-size:1.08rem;line-height:1.78}.side-panel{background:#f7fafc;border:1px solid #c9d3dc;border-radius:8px;align-self:start;gap:12px;padding:22px;display:grid}.side-panel span{color:#273847;background:#fff;border-left:3px solid #00857d;padding:13px 14px;font-weight:750;line-height:1.5}.article-index{background:#eef3f6;border-top:1px solid #d8e0e7;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:clamp(28px,6vw,72px);padding:clamp(58px,9vw,108px) clamp(18px,5vw,72px);display:grid}.article-index-head h2{max-width:620px}.article-list{gap:12px;display:grid}.article-link{background:#fff;border:1px solid #c9d3dc;border-radius:8px;gap:8px;padding:20px;text-decoration:none;display:grid;box-shadow:0 14px 34px #1c2d3a14}.article-link span{color:#007a73;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:850}.article-link strong{color:#132333;font-size:1.2rem}.article-link p{color:#526271;margin-bottom:0;line-height:1.6}.article-link.active{border-color:#00857d}.article-page article{background:#fff}.article-header{background:linear-gradient(120deg,#536d8f1f,#0000 36%),#f4f7f9;padding:clamp(58px,9vw,112px) clamp(18px,5vw,72px) clamp(34px,5vw,64px)}.article-body{gap:44px;max-width:880px;padding:clamp(48px,8vw,92px) clamp(18px,5vw,72px);display:grid}.article-body h2{font-size:clamp(1.55rem,2.4vw,2.35rem)}@media (width<=980px){.hero,.section,.detail-layout,.article-index{grid-template-columns:1fr}.network-visual{min-height:430px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;padding:14px 18px}.nav{justify-content:flex-start;gap:10px;width:100%;padding-bottom:3px;font-size:.82rem;overflow-x:auto}.hero{min-height:auto;padding-top:44px}.network-visual{min-height:390px}.node{min-width:92px;min-height:50px;font-size:.74rem}.node.central{width:150px;min-height:96px}.n1{top:34px;left:20px}.n2{top:54px;right:18px}.n3{bottom:64px;right:20px}.n4{bottom:68px;left:22px}.n5{bottom:20px}.tech-grid{grid-template-columns:1fr}.tech-card{min-height:auto}.spec-row{grid-template-columns:1fr;gap:8px}}