:root{--net-bg:#081017;--net-panel:#101b23;--net-line:rgba(255,255,255,.14);--net-accent:#ff7a00}.network-page{background:var(--net-bg);color:#fff}.network-hero{min-height:690px;padding:170px 6vw 90px;background:radial-gradient(circle at 82% 32%,color-mix(in srgb,var(--net-accent),transparent 76%),transparent 30%),linear-gradient(135deg,#091118,#142430)}.network-hero h1{max-width:1200px;margin:28px 0;font-size:clamp(58px,7vw,104px);line-height:.98;letter-spacing:-.06em}.network-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.72)}.network-hero>p{max-width:820px;color:#bac4cb;font-size:18px;line-height:1.85}.network-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.network-tags span{padding:8px 12px;border:1px solid color-mix(in srgb,var(--net-accent),transparent 35%);border-radius:99px;color:#cfd6da;font-size:10px;letter-spacing:.08em}.topology-section{padding:110px 5vw}.topology-head{display:flex;align-items:end;justify-content:space-between;gap:6vw;margin-bottom:50px}.topology-head h2,.feature-section h2,.design-notes h2{margin:16px 0 0;font-size:clamp(40px,5vw,70px);line-height:1.05;letter-spacing:-.05em}.topology-tabs{display:flex;gap:8px;flex-wrap:wrap}.topology-tabs button{padding:12px 18px;border:1px solid #3a4b56;background:transparent;color:#aab5bc;cursor:pointer;font-weight:700}.topology-tabs button.active,.topology-tabs button:hover{border-color:var(--net-accent);background:var(--net-accent);color:#fff}.network-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.network-viewport{min-height:620px;perspective:1100px;overflow:hidden;border:1px solid #29404f;background:radial-gradient(circle at 50% 40%,#153246,#091219 65%)}.network-scene{position:relative;width:760px;height:520px;margin:45px auto;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-32deg);transition:transform .25s ease}.network-floor{position:absolute;inset:0;background:linear-gradient(rgba(91,170,216,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(91,170,216,.14) 1px,transparent 1px);background-size:38px 38px;border:1px solid #2d5269;transform:translateZ(-4px);box-shadow:0 45px 90px rgba(0,0,0,.6)}.topology-view{position:absolute;inset:0;display:none;transform-style:preserve-3d}.topology-view.active{display:block}.network-node{position:absolute;left:var(--x);top:var(--y);width:115px;height:72px;border:1px solid color-mix(in srgb,var(--node),#fff 15%);background:linear-gradient(135deg,color-mix(in srgb,var(--node),#10202a 72%),#101c24);color:#fff;transform:translateZ(var(--z,55px));transform-style:preserve-3d;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.38)}.network-node::before{content:"";position:absolute;left:0;right:0;top:-36px;height:36px;background:color-mix(in srgb,var(--node),#15232c 63%);border:inherit;transform:rotateX(90deg);transform-origin:bottom}.network-node::after{content:"";position:absolute;right:-30px;top:0;width:30px;height:72px;background:#10202a;border:inherit;transform:rotateY(90deg);transform-origin:left}.network-node b,.network-node small{display:block;position:relative;z-index:2}.network-node b{font-size:12px}.network-node small{margin-top:8px;color:#b9c5cb;font-size:9px}.network-node:hover,.network-node.active{filter:drop-shadow(0 0 15px var(--node));outline:2px solid var(--node)}.cable{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:4px;background:var(--cable,#ff7a00);box-shadow:0 0 14px var(--cable,#ff7a00);transform:rotate(var(--r)) translateZ(10px);transform-origin:left center}.cable.dual{height:9px;background:repeating-linear-gradient(0deg,var(--cable) 0 3px,transparent 3px 6px,var(--cable) 6px 9px)}.network-info{padding:38px;border:1px solid #29404f;background:#0d171e}.network-info>span{color:var(--net-accent);font-size:10px;letter-spacing:.17em}.network-info h3{margin:18px 0;font-size:30px}.network-info>p{min-height:110px;color:#aeb8bf;font-size:14px;line-height:1.8}.info-spec{margin-top:35px;border-top:1px solid #344550}.info-spec div{padding:15px 0;border-bottom:1px solid #344550}.info-spec span{display:block;color:#6f7d87;font-size:9px;letter-spacing:.13em}.info-spec strong{display:block;margin-top:7px;font-size:13px}.feature-section{padding:120px 6vw;background:#f3f2ee;color:#0b1015}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}.feature-card{padding:42px;border:1px solid #c7cccf}.feature-card.good{border-top:4px solid #1f9d73}.feature-card.limit{border-top:4px solid #e36f14}.feature-card>span{font-size:10px;font-weight:800;letter-spacing:.15em}.feature-card h3{margin:15px 0 25px;font-size:28px}.feature-card ul{margin:0;padding:0;list-style:none}.feature-card li{padding:15px 0;border-top:1px solid #cdd1d3;color:#596268;font-size:14px;line-height:1.65}.feature-card li::before{content:"→";margin-right:12px;color:var(--net-accent)}.design-notes{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:120px 6vw}.design-notes ol{margin:0;padding:0;list-style:none;border-top:1px solid #34444e;counter-reset:item}.design-notes li{counter-increment:item;padding:20px 5px;border-bottom:1px solid #34444e;color:#c2cbd0}.design-notes li::before{content:"0" counter(item);display:inline-block;width:65px;color:var(--net-accent);font-size:10px}.source-note{padding:26px 6vw;border-top:1px solid var(--net-line);color:#78858e;font-size:11px;line-height:1.8}.source-note a{color:#a9b8c1}.network-page .parts-cta{background:var(--net-accent)}@media(max-width:1000px){.network-layout{grid-template-columns:1fr}.network-scene{scale:.78}.network-viewport{min-height:530px}.topology-head{display:block}.topology-tabs{margin-top:28px}.design-notes{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}}@media(max-width:620px){.network-hero{min-height:auto;padding:145px 24px 75px}.network-hero h1{font-size:49px}.network-hero>p{font-size:15px}.topology-section,.feature-section,.design-notes{padding:80px 24px}.network-viewport{min-height:400px}.network-scene{margin-left:-130px;scale:.57}.network-info>p{min-height:auto}}@media(prefers-reduced-motion:reduce){.network-scene{transition:none}}