:root{--bg:#031027;--bg2:#061a38;--line:#17375e;--blue:#0788ff;--cyan:#26b8ff;--text:#f5f9ff;--muted:#a9bbd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,11,28,.93);backdrop-filter:blur(14px);border-bottom:1px solid #10294b}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:white;display:flex;flex-direction:column;line-height:1}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong span{color:var(--blue)}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:5px}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a,.main-nav .menu a{color:#dce8f8;text-decoration:none;font-size:14px}.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-cta{padding:9px 17px;background:var(--blue);border-radius:5px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:590px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,#063d7c 0,transparent 35%),linear-gradient(135deg,#020b1d,#041a3a 60%,#031027)}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(30,117,207,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,117,207,.08) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:75px 0 45px}.eyebrow{color:#6fc8ff;font-size:12px;letter-spacing:1.8px;margin-bottom:18px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 24px}.hero h1 span{color:var(--blue)}.hero p{color:#c5d4e7;max-width:590px}.actions{display:flex;gap:15px;margin:28px 0}.btn{display:inline-block;padding:13px 21px;border-radius:5px;text-decoration:none;font-weight:700;font-size:13px}.primary{background:linear-gradient(90deg,#0875ed,#079cff);color:white}.secondary{border:1px solid #4c6382;color:white}.white{background:white;color:#0865c9}.micro{display:flex;gap:28px;color:#d9e8f8;font-size:12px}.network-map{position:relative;min-height:420px;background:radial-gradient(ellipse,#0759a855 0,transparent 62%)}.network-map:before{content:"";position:absolute;width:210px;height:310px;left:135px;top:55px;border:2px solid #0e8dff55;transform:rotate(-18deg);border-radius:60% 40% 55% 45%;box-shadow:0 0 45px #008cff55 inset}.sumatra{position:absolute;left:185px;top:190px;transform:rotate(-20deg);font-weight:800;letter-spacing:6px;color:#198ee055}.network-map svg{position:absolute;inset:0;width:100%;height:100%}.network-map path{fill:none;stroke:#149cff;stroke-width:3;filter:drop-shadow(0 0 5px #149cff)}.node{position:absolute;padding-left:18px;text-transform:uppercase}.node:before{content:"";position:absolute;width:11px;height:11px;background:#fff;border:5px solid #078cff;border-radius:50%;left:-10px;top:5px;box-shadow:0 0 18px #0aa2ff}.node b{display:block}.node small{color:#91b9df}.pku{left:135px;top:120px}.btm{right:35px;top:95px}.jkt{right:75px;bottom:65px}.stats{position:relative;margin-top:-35px}.stat-grid{background:#071b37;border:1px solid #254d78;border-radius:7px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 50px #0005}.stat-grid div{padding:25px 20px;border-right:1px solid #244261}.stat-grid div:last-child{border:0}.stat-grid strong{font-size:24px;display:block}.stat-grid span{font-size:11px;color:#b8c9dc}.section{padding:70px 0}.alt{background:#04142c}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:22px;margin:0 0 8px}.section-title p,.disclaimer{color:var(--muted);font-size:13px}.logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-row div{height:70px;background:#fff;color:#1b426e;border-radius:6px;display:grid;place-items:center;font-weight:800;letter-spacing:1px}.disclaimer{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid #326294;background:linear-gradient(180deg,#09244b,#06162e);padding:15px;border-radius:7px;overflow:hidden}.city-art{height:150px;display:grid;place-items:center;font-size:60px;font-weight:900;letter-spacing:12px;color:#3aa7ff44;background:radial-gradient(circle,#1377cb55,transparent 65%),linear-gradient(135deg,#0b2e59,#061329);border-radius:4px}.cards h3{font-size:21px}.cards h3 small{color:#1fa1ff;font-size:10px}.cards p{color:#b9c9dc;font-size:13px;min-height:60px}.cards b{color:#35b6ff;font-size:12px}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.benefit-grid div{text-align:center}.benefit-grid i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#0b3264;border:1px solid #1f69aa;color:#6bc2ff;font-size:25px;font-style:normal}.benefit-grid b{display:block}.benefit-grid p{font-size:12px;color:var(--muted)}.traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.traffic-card,.join-card{border:1px solid #275582;border-radius:6px;padding:28px;min-height:300px}.chart{height:190px;position:relative;border-bottom:1px solid #23517e;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#17446a 47px)}.chart span{position:absolute;top:0;color:#94b9dc;font-size:11px}.chart svg{position:absolute;inset:20px 0 0;width:100%;height:160px}.chart polyline{fill:none;stroke:#149cff;stroke-width:3}.traffic-card p{color:var(--muted);font-size:12px}.join-card{background:linear-gradient(135deg,#0a55b4,#087ef1);display:flex;flex-direction:column;justify-content:center}.join-card h2{font-size:28px;line-height:1.15}.footer{padding:55px 0 0;background:#020b1b;border-top:1px solid #153453}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer p,.footer a{font-size:12px;color:#9fb4cc;text-decoration:none;display:block;margin:7px 0}.footer h4{margin-top:0}.footer-brand{margin-bottom:18px}.copyright{text-align:center;border-top:1px solid #102945;margin-top:40px;padding:18px;color:#7890ab;font-size:11px}.content-page{min-height:60vh}.content-page h1{font-size:42px}@media(max-width:850px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#031027;padding:25px;flex-direction:column}.main-nav.open{display:flex}.main-nav ul{flex-direction:column}.menu-toggle{display:block}.hero-grid,.traffic-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.network-map{min-height:350px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid div{border-bottom:1px solid #244261}.logo-row{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.micro{flex-wrap:wrap}}
/* v2 pages */
.inner-hero{padding:105px 0 65px;background:radial-gradient(circle at 70% 20%,rgba(0,128,255,.18),transparent 35%),#020b1d;border-bottom:1px solid #15345b}.inner-hero h1{font-size:56px;margin:8px 0 12px}.inner-hero p{max-width:760px;color:#b9cae0;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid>a,.feature-grid>div{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid #234a78;border-radius:12px;background:linear-gradient(145deg,#071a36,#031126);color:#fff;text-decoration:none}.feature-grid b{font-size:20px}.feature-grid span{color:#a9c2df}.member-table{border:1px solid #234a78;border-radius:12px;overflow:hidden}.member-head,.member-row{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 1fr;padding:18px 20px;gap:15px}.member-head{background:#0a2a55;color:#69b9ff}.member-row{border-top:1px solid #18385d}.notice{margin-top:20px;padding:16px 18px;border:1px solid #294c74;background:#081a31;border-radius:9px;color:#a9c2df}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px}.cix-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px;border:1px solid #234a78;border-radius:14px;background:#06162d}.cix-form label{display:flex;flex-direction:column;gap:7px;color:#b9cae0}.cix-form label:last-of-type{grid-column:1/-1}.cix-form input,.cix-form select,.cix-form textarea,.tool-panel input,.tool-panel select{padding:13px;border-radius:7px;border:1px solid #2b527f;background:#020d1f;color:#fff}.success{grid-column:1/-1;padding:12px;background:#083b2e;border:1px solid #1d8c68;border-radius:8px}.info-list p{padding:14px;border-bottom:1px solid #18385d}.policy-grid,.tech-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.policy-grid article,.tech-cards article{padding:24px;border:1px solid #234a78;border-radius:12px;background:#06162d}.tech-cards{grid-template-columns:1fr 1fr;margin-bottom:35px}.tech-cards code{display:block;margin:8px 0;padding:10px;background:#020a15;color:#62c0ff}.codebox,.terminal{white-space:pre-wrap;margin-top:20px;padding:22px;border:1px solid #1e4d7d;border-radius:10px;background:#010812;color:#71d2ff;font-family:monospace}.tool-panel{display:grid;grid-template-columns:2fr 1fr auto;gap:15px;align-items:end}.tool-panel label{display:flex;flex-direction:column;gap:7px}.topology{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:35px}.topo-node{padding:28px 35px;border:1px solid #248bff;border-radius:50px;background:#061a36;text-align:center;box-shadow:0 0 35px rgba(0,120,255,.12)}.topo-node span{display:block;color:#6bbcff;font-size:12px;margin-top:5px}.topo-line{color:#5aaeff;font-size:11px;letter-spacing:1px}.traffic-card.big{max-width:100%;}.live-dot{float:right;color:#45e28a}.cta-wide{margin-top:25px;padding:38px;border-radius:14px;background:linear-gradient(120deg,#0756c8,#0b8cff);}.cdn-hero{background:radial-gradient(circle at 75% 30%,rgba(0,136,255,.28),transparent 32%),#020b1d}
@media(max-width:900px){.feature-grid,.policy-grid{grid-template-columns:1fr 1fr}.split,.tech-cards{grid-template-columns:1fr}.member-head{display:none}.member-row{grid-template-columns:1fr 1fr}.tool-panel{grid-template-columns:1fr}.topology{flex-direction:column}.topo-line{transform:rotate(90deg);margin:12px}.inner-hero h1{font-size:40px}}@media(max-width:600px){.feature-grid,.policy-grid,.member-row,.cix-form{grid-template-columns:1fr}.cix-form label:last-of-type{grid-column:auto}}
/* CENTRO-IX v2.1 Production */
.prod{min-height:520px}.prod-grid{grid-template-columns:.9fr 1.05fr .78fr;gap:22px;padding-top:48px}.prod .hero-copy h1{font-size:39px}.prod .network-map{min-height:360px}.ops-panel,.quick-card,.announce{border:1px solid #24486f;background:#06152b;border-radius:8px;padding:18px;height:max-content}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #183a60;padding-bottom:12px}.status-dot{font-size:10px;color:#25df72}.ops-panel p{border-bottom:1px solid #153252;padding:10px 0;margin:0;font-size:12px}.ops-panel p i{color:#25df72;margin-right:7px}.ops-panel p small{display:block;color:#6f91b5;margin-left:18px}.ops-panel>strong{font-size:26px;display:block;margin-top:15px}.ops-panel>a{color:#45aaff;font-size:11px;text-decoration:none}.prod-members{margin-top:-25px;position:relative;z-index:3}.bar-title{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.bar-title a{color:#3ca8ff;text-decoration:none}.member-strip{border:1px solid #24486f;background:#06152b;padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;border-radius:8px}.member-strip>div{height:58px;background:white;color:#13345d;border-radius:5px;display:grid;place-items:center;padding:7px;text-align:center}.member-strip img{max-width:100%;max-height:42px;width:auto;height:auto}.member-strip .empty-members{grid-column:1/-1;background:#071b36;color:#86a9cc}.prod-section{padding-top:25px}.dashboard{display:grid;grid-template-columns:2.1fr .9fr;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-grid>div{min-height:135px;padding:18px;border:1px solid #24486f;background:#06152b;border-radius:8px}.metric-grid span,.metric-grid small{display:block;color:#82a3c5;font-size:10px}.metric-grid strong{font-size:20px;display:block;margin:12px 0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:14px;border:1px solid #24486f;border-radius:8px;overflow:hidden}.service-grid a{min-height:145px;padding:20px 12px;text-align:center;background:#06152b;color:white;text-decoration:none;border-right:1px solid #24486f}.service-grid a:last-child{border:0}.service-grid i{font-size:34px;color:#2ca8ff;font-style:normal;display:block}.service-grid b{font-size:11px;display:block;margin:9px 0}.service-grid span{font-size:9px;color:#77a6d0}.dash-side{display:grid;gap:12px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid p{margin:0;padding:12px;border:1px solid #183a60}.quick-grid b,.quick-grid span{display:block}.quick-grid b{font-size:18px}.quick-grid span{font-size:9px;color:#7fa3c7}.traffic-card.compact{min-height:0;padding:18px}.traffic-card.compact .chart{height:175px}.announce a{display:flex;justify-content:space-between;color:#b9cbe0;text-decoration:none;padding:9px 0;border-bottom:1px solid #173553;font-size:11px}.announce time{color:#7899bb}.footer-prod-grid{display:grid;grid-template-columns:1.5fr 1.2fr 1fr 1.1fr 1.2fr;gap:28px}.status-list{display:grid;gap:12px}.status-list article{display:flex;justify-content:space-between;padding:22px;border:1px solid #24486f;background:#06152b;border-radius:8px}.portal{border:1px solid #38516d;padding:8px 12px;border-radius:5px}
@media(max-width:1100px){.prod-grid{grid-template-columns:1fr 1fr}.ops-panel{grid-column:1/-1}.dashboard{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.footer-prod-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.prod-grid{grid-template-columns:1fr}.member-strip{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.footer-prod-grid{grid-template-columns:1fr}.status-list article{display:block}}