:root{--u:1px}
/* v88. Page-local stylesheet. A single cleaned illustration fills the
   complete diagram; its original captions are removed in the image itself.
   There is no artificial grid, caption-hole mask or separate center crop. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#00100e}
body{margin:0;color:#f7fbfa;font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
.servers-page{--u:min(.0651041666667vw,1.25px);width:calc(1536 * var(--u));margin:auto;background:radial-gradient(ellipse at 50% 72%,#001b17 0%,#00110f 60%,#000b0b 100%);font-size:calc(14 * var(--u));line-height:1.3;position:relative;padding-bottom:calc(24 * var(--u))}
a{color:inherit;text-decoration:none}button,select{font:inherit}em{font-style:normal;color:#63f7e5}
.icon{display:block;width:calc(32 * var(--u));height:calc(32 * var(--u));flex:none;color:#88fff0;filter:drop-shadow(0 0 calc(5 * var(--u)) #29c8b94d)}
.shell{margin-left:calc(37 * var(--u));margin-right:calc(37 * var(--u))}
.header-backdrop{position:absolute;z-index:1;left:0;right:0;top:0;height:calc(63 * var(--u));overflow:hidden;pointer-events:none}
.header-backdrop img{position:absolute;left:0;top:0;width:calc(1536 * var(--u));height:calc(1024 * var(--u));max-width:none}
.header-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00100eb8 0%,#00100e80 25%,#00100e30 42%,transparent 60%)}
.topbar{position:absolute;z-index:10;top:calc(5 * var(--u));left:calc(37 * var(--u));right:calc(37 * var(--u));height:calc(58 * var(--u));padding:0 calc(18 * var(--u));display:flex;align-items:center;border:calc(1 * var(--u)) solid #21645e;border-radius:calc(14 * var(--u));background:linear-gradient(105deg,#00100fe0 0%,#00141ba8 55%,#061a1c7a 100%);-webkit-backdrop-filter:blur(calc(1.5 * var(--u))) saturate(1.05);backdrop-filter:blur(calc(1.5 * var(--u))) saturate(1.05);box-shadow:inset 0 calc(1 * var(--u)) 0 #c1fff00a,0 calc(6 * var(--u)) calc(24 * var(--u)) #0003}
.logo{display:flex;align-items:center;gap:calc(13 * var(--u));font-size:calc(17 * var(--u));font-weight:700;white-space:nowrap}
/* Exact approved Node Network brand mark, reused from the approved tabs.
   Use regular HTML spans instead of SVG foreignObject so Safari renders it correctly. */
.brand-mark{--accent:#64f1d9;--mark-size:calc(41 * var(--u));--mark-radius:calc(11 * var(--u));--diamond-lg:calc(20 * var(--u));--diamond-sm:calc(8 * var(--u));--dot-size:calc(4 * var(--u));width:var(--mark-size);height:var(--mark-size);display:grid;place-items:center;position:relative;flex:none;border:calc(1 * var(--u)) solid rgba(100,241,217,.5);border-radius:var(--mark-radius);background:rgba(100,241,217,.035)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:50%;top:50%;border:calc(1 * var(--u)) solid var(--accent);transform:translate(-50%,-50%) rotate(45deg)}
.brand-mark:before{width:var(--diamond-lg);height:var(--diamond-lg)}
.brand-mark:after{width:var(--diamond-sm);height:var(--diamond-sm)}
.brand-mark i{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--accent);box-shadow:0 0 calc(14 * var(--u)) var(--accent)}
.logo .brand-mark{align-self:center}
.section-icon{display:flex;align-items:center;justify-content:center;flex:none}
.brand-mark--section{--mark-size:calc(32 * var(--u));--mark-radius:calc(8.6 * var(--u));--diamond-lg:calc(15.6 * var(--u));--diamond-sm:calc(6.2 * var(--u));--dot-size:calc(3.1 * var(--u))}
.topbar>nav{position:absolute;left:calc(524 * var(--u));top:0;height:calc(56 * var(--u));display:flex;align-items:center;gap:calc(36 * var(--u))}
.topbar>nav a{font-size:calc(15 * var(--u));position:relative;white-space:nowrap;color:#d1e0e5;padding:calc(18 * var(--u)) 0}
.topbar>nav a[aria-current]{color:white;font-weight:700}
.topbar>nav a[aria-current]::before{content:"";position:absolute;bottom:calc(7 * var(--u));left:50%;transform:translateX(-50%);width:calc(74 * var(--u));height:calc(1 * var(--u));background:linear-gradient(90deg,transparent,#54ffe1,transparent)}
.topbar>nav a[aria-current]::after{content:"";position:absolute;bottom:calc(5 * var(--u));left:50%;transform:translateX(-50%);width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:#79ffe7;box-shadow:0 0 calc(9 * var(--u)) calc(3 * var(--u)) #25eac8}
.head-actions{margin-left:auto;display:flex;align-items:center;gap:calc(12 * var(--u))}
.head-actions select{width:calc(57 * var(--u));height:calc(41 * var(--u));padding:0 calc(9 * var(--u));color:white;border:calc(1 * var(--u)) solid #22625d;border-radius:calc(9 * var(--u));background:#001514;cursor:pointer;font-size:calc(13 * var(--u))}
.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));height:calc(42 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(13 * var(--u));font-weight:700;border:calc(1 * var(--u)) solid #157a6f;border-radius:calc(8 * var(--u));white-space:nowrap;transition:box-shadow .18s,background .18s,transform .18s}
.button span{font-size:calc(18 * var(--u));font-weight:400;line-height:1}
.primary{background:linear-gradient(115deg,#5bf4e4,#73f8e9);color:#001b1b;border-color:#67f4e4;box-shadow:0 0 calc(17 * var(--u)) #42ffe11c}
.secondary{color:#f8ffff;background:linear-gradient(135deg,#001614e0,#00161499)}
.primary:hover{background:#93fff0;box-shadow:0 0 calc(24 * var(--u)) #60ffe244;transform:translateY(calc(-1 * var(--u)))}
.secondary:hover{background:#073b33}
a:focus-visible,select:focus-visible,.map-viewport:focus-visible{outline:calc(2 * var(--u)) solid #b0fff2;outline-offset:calc(4 * var(--u))}
.topbar .button{width:calc(180 * var(--u));height:calc(41 * var(--u));padding:0 calc(14 * var(--u));font-size:calc(12.5 * var(--u))}
.hero{position:relative;height:calc(384 * var(--u));overflow:hidden;background:#00100e}
.hero-art{position:absolute;left:0;right:0;top:calc(63 * var(--u));height:calc(321 * var(--u));overflow:hidden;pointer-events:none}
.hero-art img{position:absolute;width:calc(1536 * var(--u));height:calc(1024 * var(--u));max-width:none;left:0;top:calc(-63 * var(--u))}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00100e70 0%,#00100e45 27%,#00100e0d 44%,transparent 60%),linear-gradient(0deg,#00100e44,transparent calc(20 * var(--u)))}
.hero-content{text-shadow:0 calc(1 * var(--u)) calc(5 * var(--u)) #0008;position:relative;z-index:1;padding-top:calc(82 * var(--u));margin-left:calc(55 * var(--u));width:calc(490 * var(--u))}
.eyebrow{margin:0 0 calc(8 * var(--u));color:#66ffe9;font-size:calc(11 * var(--u));font-weight:700;letter-spacing:calc(1.65 * var(--u));line-height:calc(15 * var(--u))}
h1{margin:0;font-size:calc(35 * var(--u));line-height:calc(35.5 * var(--u));font-weight:700;letter-spacing:calc(-.65 * var(--u))}
/* Same compact hero punctuation as players.html / internal-redesign.css. */
h1 .dot{display:inline;position:relative;top:-.07em;transform:none;margin-left:.025em;font-size:.28em;line-height:1;color:inherit}
.hero-description{margin:calc(12 * var(--u)) 0 calc(13 * var(--u));color:#c4dfe2;font-size:calc(15 * var(--u));line-height:calc(18.8 * var(--u));letter-spacing:calc(.04 * var(--u));white-space:normal}
.hero-buttons{text-shadow:none;display:flex;gap:calc(11 * var(--u))}
.hero-buttons .primary{width:calc(200 * var(--u))}.hero-buttons .secondary{width:calc(201 * var(--u));padding:0 calc(14 * var(--u));font-size:calc(12.5 * var(--u))}
.pulse{height:calc(70 * var(--u));margin-top:calc(7 * var(--u));margin-bottom:calc(9 * var(--u));display:grid;grid-template-columns:repeat(4,1fr);border:calc(1 * var(--u)) solid #096c60;border-radius:calc(13 * var(--u));background:linear-gradient(100deg,#001613c9,#001913a6,#001511d9)}
.metric{display:flex;align-items:center;gap:calc(20 * var(--u));position:relative;padding-left:calc(79 * var(--u))}
.metric:nth-child(2){padding-left:calc(66 * var(--u))}.metric:nth-child(3){padding-left:calc(52 * var(--u))}.metric:nth-child(4){padding-left:calc(52 * var(--u))}
.metric:not(:last-child)::after{content:"";position:absolute;right:0;top:calc(15 * var(--u));height:calc(37 * var(--u));width:calc(1 * var(--u));background:#117c6d}
.metric-icon{width:calc(59 * var(--u));height:calc(50 * var(--u));display:grid;place-items:center;border:calc(1 * var(--u)) solid #075a52;border-radius:calc(11 * var(--u));background:radial-gradient(ellipse,#003c3433,#001a16aa)}
.metric-icon .icon{width:calc(29 * var(--u));height:calc(29 * var(--u))}
.metric strong{display:block;font-size:calc(24 * var(--u));line-height:calc(25 * var(--u));font-weight:700;letter-spacing:calc(-.4 * var(--u))}
.metric div>span{display:block;font-size:calc(11.5 * var(--u));line-height:calc(16 * var(--u));letter-spacing:calc(1.1 * var(--u));white-space:nowrap}
.system{isolation:isolate;height:calc(440 * var(--u));position:relative;border:calc(1 * var(--u)) solid #086b5c;border-radius:calc(13 * var(--u));overflow:hidden;background:#00120f}

.system-heading{position:absolute;z-index:2;left:calc(29 * var(--u));top:calc(13 * var(--u));display:flex;gap:calc(23 * var(--u));align-items:center;pointer-events:none}

.system-heading h2{margin:0 0 calc(2 * var(--u));color:#64f6e8;font-size:calc(15 * var(--u));font-weight:700;letter-spacing:calc(1.65 * var(--u));line-height:calc(20 * var(--u))}
.system-heading p{margin:0;font-size:calc(12.5 * var(--u));color:#aacdce;line-height:calc(17 * var(--u))}
.system-note{position:absolute;z-index:2;left:calc(915 * var(--u));top:calc(14 * var(--u));margin:0;color:#a7c7cc;font-size:calc(11.5 * var(--u));line-height:calc(16 * var(--u));white-space:nowrap;pointer-events:none}
.system-arrow{position:absolute;z-index:1;top:calc(152 * var(--u));height:calc(74 * var(--u));pointer-events:none}
.system-arrow svg{display:block;width:100%;height:100%;overflow:visible}
.system-arrow--left{left:calc(289 * var(--u));width:calc(52 * var(--u))}
.system-arrow--right{left:calc(1108 * var(--u));width:calc(56 * var(--u))}
.system-arrow--right svg{transform:scaleX(-1)}
.arrow-outline{fill:none;stroke:#5ffff0;stroke-width:.85;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 0 3px #35f9df)}
.arrow-symbol{fill:none;stroke:#bdfff5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #52ffe2)}
.arrow-light{fill:#cafff5;filter:drop-shadow(0 0 3px #52ffe2)}
.map-hint{display:none}
.map-viewport{position:absolute;left:calc(289 * var(--u));top:calc(-1 * var(--u));width:calc(870 * var(--u));height:calc(440 * var(--u));overflow:hidden}
.map-canvas{position:relative;width:calc(870 * var(--u));height:calc(440 * var(--u))}
.system-backdrop{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.system-backdrop img{position:absolute;left:calc(-38 * var(--u));top:calc(-471 * var(--u));width:calc(1536 * var(--u));height:calc(1024 * var(--u));max-width:none}
.map-canvas::before{content:none}
.map-label{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:calc(1 * var(--u)) solid #5ac6ad70;border-radius:calc(10 * var(--u));background:linear-gradient(155deg,#002a24f2,#001b17ed);-webkit-backdrop-filter:blur(calc(2 * var(--u)));backdrop-filter:blur(calc(2 * var(--u)));text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #0009;color:#f6ffff;padding:calc(3 * var(--u));box-shadow:inset 0 calc(1 * var(--u)) 0 #a3ffe512,0 calc(3 * var(--u)) calc(10 * var(--u)) #00000026;line-height:1.1}
.map-label strong{display:block;font-size:calc(13 * var(--u));line-height:calc(16 * var(--u));font-weight:700}
.map-label span{display:block;font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));color:#b8dedf;margin-top:calc(1 * var(--u))}
.core{left:calc(352 * var(--u));top:calc(64 * var(--u));width:calc(178 * var(--u));height:calc(51 * var(--u))}.core strong{font-size:calc(18 * var(--u));line-height:calc(20 * var(--u))}.core span{font-size:calc(10.5 * var(--u));line-height:calc(13 * var(--u));letter-spacing:calc(.4 * var(--u))}
.living{left:calc(100 * var(--u));top:calc(195 * var(--u));width:calc(177 * var(--u));height:calc(64 * var(--u))}
.vault{left:calc(354 * var(--u));top:calc(195 * var(--u));width:calc(173 * var(--u));height:calc(64 * var(--u))}
.services{left:calc(592 * var(--u));top:calc(195 * var(--u));width:calc(179 * var(--u));height:calc(64 * var(--u))}

.world-1{left:calc(31 * var(--u));top:calc(357 * var(--u));width:calc(130 * var(--u));height:calc(62 * var(--u))}.world-2{left:calc(251 * var(--u));top:calc(357 * var(--u));width:calc(134 * var(--u));height:calc(62 * var(--u))}.world-3{left:calc(481 * var(--u));top:calc(357 * var(--u));width:calc(133 * var(--u));height:calc(62 * var(--u))}.world-4{left:calc(708 * var(--u));top:calc(357 * var(--u));width:calc(134 * var(--u));height:calc(62 * var(--u))}
.world-1 strong,.world-2 strong,.world-3 strong,.world-4 strong{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u))}
.world-1 span,.world-2 span,.world-3 span,.world-4 span{font-size:calc(11 * var(--u));line-height:calc(13 * var(--u))}
.panel{border:calc(1 * var(--u)) solid #064c43;border-radius:calc(12 * var(--u));background:linear-gradient(130deg,#00251cbd,#001b16ae)}
.players-panel{position:absolute;left:calc(12 * var(--u));top:calc(63 * var(--u));width:calc(278 * var(--u));height:calc(273 * var(--u));padding:calc(15 * var(--u)) calc(16 * var(--u));display:flex;flex-direction:column;justify-content:space-between}
.info-item{display:flex;align-items:center;gap:calc(16 * var(--u));min-width:0}
.icon-tile{display:grid;place-items:center;flex:none;width:calc(61 * var(--u));height:calc(57 * var(--u));border:calc(1 * var(--u)) solid #08685d;border-radius:calc(12 * var(--u));background:radial-gradient(ellipse,#00382f44,#00181366)}
.icon-tile .icon{width:calc(32 * var(--u));height:calc(32 * var(--u))}
.info-item h3{margin:0 0 calc(6 * var(--u));font-size:calc(13 * var(--u));line-height:calc(15 * var(--u));font-weight:700}
.info-item p{margin:0;color:#adcfd1;font-size:calc(12 * var(--u));line-height:calc(15 * var(--u))}
.players-panel .info-item:nth-child(2) .icon-tile{height:calc(66 * var(--u))}
.players-panel .info-item:nth-child(3) .icon-tile{height:calc(61 * var(--u))}
.right-panels{position:absolute;left:calc(1164 * var(--u));right:calc(9 * var(--u));top:calc(55 * var(--u));bottom:calc(3 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}
.right-panels .panel{padding:calc(5 * var(--u)) calc(14 * var(--u))}
.right-panels h2{color:#69f5e7;letter-spacing:calc(1.25 * var(--u));font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));margin:0 0 calc(3 * var(--u));font-weight:700;white-space:nowrap}
.right-panels .info-item{gap:calc(17 * var(--u));align-items:flex-start;margin-top:calc(5 * var(--u))}
.right-panels .icon-tile{width:calc(37 * var(--u));height:calc(37 * var(--u));border-radius:calc(9 * var(--u))}
.right-panels .icon{width:calc(25 * var(--u));height:calc(25 * var(--u))}
.right-panels .info-item h3{font-size:calc(12 * var(--u));line-height:calc(14 * var(--u));margin:0 0 calc(1 * var(--u))}
.right-panels .info-item p{font-size:calc(11.5 * var(--u));line-height:calc(13.5 * var(--u));white-space:nowrap}
.benefits{height:calc(220 * var(--u))}.autonomy{flex:1}.autonomy .info-item{margin-top:calc(7 * var(--u))}
.connection{height:calc(81 * var(--u));margin-top:calc(10 * var(--u));border:calc(1 * var(--u)) solid #085e51;border-radius:calc(13 * var(--u));display:flex;align-items:center;gap:calc(13 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u)) calc(16 * var(--u));background:linear-gradient(100deg,#001b15cc,#001712ee);scroll-margin-top:calc(12 * var(--u))}
.connection-heading{flex:none;align-self:flex-start;padding-top:calc(4 * var(--u));width:calc(175 * var(--u))}
.connection h2{margin:0 0 calc(2 * var(--u));font-size:calc(12 * var(--u));line-height:calc(17 * var(--u));letter-spacing:calc(1.2 * var(--u));color:#6affed;white-space:nowrap}
.connection-heading p{margin:0;color:#adcccd;font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));white-space:nowrap}
.steps{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(25 * var(--u));list-style:none;margin:0;padding:0}
.steps li{height:calc(69 * var(--u));display:flex;align-items:center;gap:calc(11 * var(--u));border:calc(1 * var(--u)) solid #064d42;border-radius:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));position:relative;min-width:0}
.steps li:not(:last-child)::after{content:"→";position:absolute;right:calc(-20 * var(--u));top:calc(20 * var(--u));color:#3fe4cc;font-size:calc(21 * var(--u));font-weight:400}
.step-icon{display:grid;place-items:center;width:calc(49 * var(--u));height:calc(53 * var(--u));flex:none;border:calc(1 * var(--u)) solid #075e52;border-radius:calc(10 * var(--u));background:radial-gradient(ellipse,#004d3930,transparent)}
.step-icon .icon{width:calc(25 * var(--u));height:calc(25 * var(--u))}
.step-number{display:block;color:#6affe8;font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));letter-spacing:calc(1 * var(--u));font-weight:700}
.steps h3{font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));margin:0 0 calc(2 * var(--u));white-space:nowrap}
.steps p{font-size:calc(10 * var(--u));line-height:calc(12 * var(--u));color:#aacdcf;margin:0;white-space:nowrap}
.connection>.button{width:calc(176 * var(--u));flex:none;margin-left:calc(10 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(12 * var(--u))}
.demo-note{margin-top:calc(30 * var(--u));color:#87aaa7;font-size:calc(11 * var(--u));line-height:calc(17 * var(--u))}
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(20 * var(--u));border-top:calc(1 * var(--u)) solid #124439;padding-top:calc(16 * var(--u));margin-top:calc(17 * var(--u));color:#9bbcb6;font-size:calc(12 * var(--u))}
.footer-brand{display:flex;align-items:center;gap:calc(9 * var(--u));white-space:nowrap}.footer-brand a{font-weight:700;color:#e2f3ed}.footer-brand span{color:#8ca79f;font-weight:500}.footer nav{display:flex;justify-content:center;gap:calc(24 * var(--u))}.footer small{font-size:calc(11 * var(--u));text-align:right;color:#8ca79f}.footer nav a[aria-current]{color:#e2f3ed}
.skip-link{position:fixed;top:calc(-100 * var(--u));left:calc(20 * var(--u));z-index:100;background:#66ffe4;color:#001a16;padding:calc(12 * var(--u));font:calc(16 * var(--u)) Arial}.skip-link:focus{top:calc(10 * var(--u))}

@media(min-width:1920px){.servers-page{max-width:1920px}}
@media(max-width:900px){
 .servers-page{--u:1px;width:100%;padding-bottom:24px;font-size:14px}
 .shell{margin-left:16px;margin-right:16px}
 .header-backdrop{height:112px}.header-backdrop img{left:calc(50% - 960px);width:1536px;height:1024px}
 .topbar{position:relative;left:auto;right:auto;top:auto;margin:8px 12px 0;height:104px;padding:0 12px;align-items:flex-start;border-radius:12px}
 .logo{margin-top:10px;font-size:15px;gap:9px}.topbar .brand-mark{--mark-size:36px;--mark-radius:9.65px;--diamond-lg:17.56px;--diamond-sm:7.02px;--dot-size:3.51px}
 .head-actions{padding-top:10px}.head-actions select{height:36px;width:54px}.head-actions>.button{display:none}
 .topbar>nav{left:12px;right:12px;top:55px;height:44px;gap:0;justify-content:space-between}
 .topbar>nav a{font-size:13px;padding:10px 0}.topbar>nav a[aria-current]::before{bottom:0;width:65px}.topbar>nav a[aria-current]::after{bottom:-2px}
 .hero{height:auto;min-height:620px;padding-bottom:25px}
 .hero-art{left:0;right:0;top:0;height:300px}
 .hero-art img{left:calc(50% - 960px);top:-63px;width:1536px;height:1024px}
 .hero-art::after{background:linear-gradient(0deg,#00100e,transparent 75%)}
 .hero-content{margin:0 23px;padding-top:235px;width:auto}
 .eyebrow{font-size:10px;letter-spacing:1.25px}
 h1{font-size:clamp(27px,5.6vw,35px);line-height:1.06;letter-spacing:-.6px}
 .hero-description{font-size:14px;line-height:1.5;margin-top:16px;max-width:540px}.desktop-break{display:none}
 .hero-buttons{flex-wrap:wrap;gap:10px}.hero-buttons .button{height:44px;width:auto;padding:0 16px}
 .pulse{height:auto;grid-template-columns:1fr 1fr;margin-top:0;margin-bottom:12px}
 .metric,.metric:nth-child(n){padding:14px 12px;gap:12px;min-height:80px}
 .metric:nth-child(2)::after{display:none}.metric:nth-child(-n+2){border-bottom:1px solid #085d50}
 .metric-icon{height:43px;width:43px}.metric-icon .icon{width:26px;height:26px}
 .metric strong{font-size:23px;line-height:25px}.metric div>span{font-size:8px;line-height:12px;letter-spacing:.6px;white-space:normal}
 .system{isolation:isolate;height:auto;padding:18px 0 12px;display:flex;flex-direction:column;overflow:hidden}
 .system-heading{position:relative;left:auto;top:auto;margin:0 15px;gap:12px;align-items:flex-start;pointer-events:auto}
 .system-heading h2{font-size:13px;line-height:19px;letter-spacing:1px}.system-heading p{font-size:12px;line-height:17px}
 .system-note{position:relative;left:auto;right:auto;top:auto;white-space:normal;margin:14px 16px 4px;font-size:12px;line-height:18px;pointer-events:auto}.system-note br{display:none}
 .map-hint{display:flex;align-items:center;gap:8px;margin:12px 16px 3px;color:#81c8bd;font-size:10px;letter-spacing:.3px}.map-hint span{font-size:18px}
 .map-viewport{--u:.82px;position:relative;left:auto;top:auto;width:100%;height:calc(440 * var(--u));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#17675b #001612;scrollbar-width:thin}
 .system-backdrop,.system-arrow{display:none}
 .map-canvas::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("assets/servers-continuous-art-v84.png");background-repeat:no-repeat;background-size:calc(1536 * var(--u)) calc(1024 * var(--u));background-position:calc(-327 * var(--u)) calc(-470 * var(--u))}
 .map-canvas{--u:.82px;width:calc(870 * var(--u));height:calc(440 * var(--u));margin:auto}
 .players-panel{position:static;width:auto;height:auto;margin:15px 12px 8px;padding:15px;gap:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .players-panel .info-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.players-panel .icon-tile{width:48px;height:48px!important}
 .info-item h3{font-size:12px;line-height:16px;margin-bottom:4px}.info-item p{font-size:11px;line-height:15px}.players-panel p br{display:none}
 .right-panels{position:static;margin:0 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .right-panels .panel{padding:12px}.right-panels h2{font-size:11px;line-height:17px;white-space:normal;letter-spacing:.6px;margin-bottom:8px}
 .right-panels .info-item{gap:8px;margin-top:10px}.right-panels .icon-tile{width:32px;height:34px;flex:none}.right-panels .icon{width:23px;height:23px}
 .right-panels .info-item h3{font-size:11px;line-height:15px}.right-panels .info-item p{font-size:11px;line-height:15px;white-space:normal}.right-panels p br{display:none}
 .benefits{height:auto}.autonomy{height:auto}
 .connection{height:auto;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-top:12px}
 .connection-heading{width:auto;padding:0}.connection h2{font-size:13px;line-height:18px}.connection-heading p{font-size:12px;line-height:18px}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.steps li{height:auto;min-height:80px;padding:8px;gap:9px}
 .steps li::after{display:none}.step-icon{width:35px;height:43px}.step-icon .icon{width:23px;height:23px}
 .steps h3{font-size:11px;line-height:15px;white-space:normal}.steps p{font-size:10px;line-height:14px;white-space:normal}.steps p br{display:none}
 .connection>.button{width:auto;margin:0;height:44px;font-size:13px;align-self:stretch}
 .demo-note{font-size:10px;line-height:16px;margin-top:18px}.footer{font-size:11px;gap:16px;grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center;flex-wrap:wrap}.footer nav{gap:18px;flex-wrap:wrap}.footer small{text-align:center}
}
@media(max-width:420px){.right-panels{grid-template-columns:1fr}.right-panels .info-item p{font-size:12px}.right-panels .info-item h3{font-size:12px}.right-panels .panel{padding:14px}.right-panels h2{font-size:12px}.hero-buttons .button{width:100%}.logo{font-size:14px}.metric,.metric:nth-child(n){gap:8px;padding:12px 8px}.metric-icon{width:36px;height:39px}.players-panel{gap:10px;padding:12px}.steps{grid-template-columns:1fr}.steps li{min-height:65px}.step-icon{width:43px}.steps p br{display:initial}.steps h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media print{.servers-page{--u:.65px}html,body{background:white}.skip-link{display:none}}

/* v90: approved-site NODE NETWORK marks, same inner geometry as styles.css.
   Only the two marks in servers.html are affected. */
.servers-page .topbar .logo .brand-mark {
  --mark-size: 41px;
  --mark-radius: 11px;
  --diamond-lg: 20px;
  --diamond-sm: 8px;
  --dot-size: 4px;
  box-sizing: border-box;
  align-self: center;
}
.servers-page .system-heading .brand-mark--section {
  --mark-size: 32px;
  --mark-radius: 0px;
  --diamond-lg: 20px;
  --diamond-sm: 8px;
  --dot-size: 4px;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}
.servers-page .topbar .logo .brand-mark::before,
.servers-page .topbar .logo .brand-mark::after,
.servers-page .system-heading .brand-mark--section::before,
.servers-page .system-heading .brand-mark--section::after {
  box-sizing: content-box;
  border-width: 1px;
}
@media(max-width:900px) {
  .servers-page .topbar .logo .brand-mark { --mark-size: 36px; --diamond-lg: 20px; --diamond-sm: 8px; --dot-size: 4px; }
}