:root{--net-ink:#08142a;--net-muted:#61718a;--net-line:#dbe4f0;--net-blue:#1764ff;--net-green:#17b981;--net-soft:#f3f7fc;--net-dark:#0a1930}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--net-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.network-wrap{width:min(1280px,calc(100% - 48px));margin:auto}
.network-crumb{display:flex;gap:9px;padding:28px 0 18px;color:#8491a3;font-size:.72rem;font-weight:750}
.network-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:70px;min-height:580px;padding:66px;border:1px solid var(--net-line);border-radius:26px;background:radial-gradient(circle at 88% 5%,rgba(23,100,255,.12),transparent 26%),linear-gradient(135deg,#fff,#f5f9ff);overflow:hidden}
.network-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--net-blue);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.network-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--net-blue);box-shadow:0 0 0 5px rgba(23,100,255,.09)}
.network-hero h1{max-width:760px;margin:24px 0 22px;font-size:clamp(3.2rem,5.6vw,6.3rem);line-height:.92;letter-spacing:-.065em}
.network-hero h1 span{display:block;color:var(--net-blue)}
.network-lead{max-width:680px;margin:0;color:var(--net-muted);font-size:1.05rem;line-height:1.72}
.network-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.network-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border:1px solid #cbd7e6;border-radius:11px;background:#fff;font-size:.82rem;font-weight:850}
.network-button.primary{border-color:var(--net-blue);background:var(--net-blue);color:#fff;box-shadow:0 12px 26px rgba(23,100,255,.2)}
.network-visual{position:relative;min-height:390px;padding:32px;border-radius:22px;background:var(--net-dark);color:#fff;overflow:hidden}
.network-visual:before{content:"";position:absolute;width:280px;height:280px;right:-70px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(43,220,185,.25),transparent 66%)}
.network-visual>*{position:relative}
.visual-label{color:#91a5bf;font-size:.68rem;font-weight:850;letter-spacing:.1em}
.visual-title{max-width:360px;margin:16px 0 38px;font-size:1.55rem;line-height:1.25}
.route-list{display:grid;gap:9px}
.route-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055)}
.route-item i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(23,100,255,.24);color:#a9c5ff;font-style:normal;font-size:.72rem;font-weight:900}
.route-item b{display:block;font-size:.86rem}.route-item small{color:#9dafc4;font-size:.7rem}.route-item em{color:#6ee2c6;font-style:normal;font-size:.66rem;font-weight:850}
.network-section{padding:105px 0;border-bottom:1px solid var(--net-line)}
.section-heading{display:grid;grid-template-columns:150px minmax(0,760px);gap:34px;margin-bottom:48px}
.section-index{color:rgba(23,100,255,.13);font-size:4.8rem;font-weight:750;line-height:.8;letter-spacing:-.07em}
.section-heading h2{margin:0;font-size:clamp(2.4rem,4.3vw,4.8rem);line-height:1;letter-spacing:-.055em}
.section-heading p{grid-column:2;margin:-18px 0 0;color:var(--net-muted);font-size:1rem;line-height:1.7}
.step-grid,.policy-grid,.node-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.step-card,.policy-card,.summary-card{padding:30px;border:1px solid var(--net-line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(31,61,106,.045)}
.step-card>span{color:var(--net-blue);font-size:.72rem;font-weight:900}.step-card h3,.policy-card h3{margin:34px 0 12px;font-size:1.28rem}.step-card p,.policy-card p{margin:0;color:var(--net-muted);line-height:1.68}
.network-band{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;padding:72px;border-radius:25px;background:var(--net-soft)}
.network-band h2{margin:15px 0 20px;font-size:clamp(2.2rem,3.8vw,4.1rem);line-height:1;letter-spacing:-.05em}.network-band p{color:var(--net-muted);line-height:1.72}
.access-list{margin:0;padding:0;border-top:1px solid #cdd9e8}.access-list li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #cdd9e8;list-style:none}.access-list b{color:var(--net-blue)}.access-list strong{display:block;margin-bottom:5px}.access-list span{color:var(--net-muted);font-size:.9rem;line-height:1.55}
.example-card{padding:34px;border:1px solid #cbdcf2;border-radius:20px;background:linear-gradient(145deg,#edf5ff,#fff)}
.example-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.example-head span{color:var(--net-blue);font-size:.68rem;font-weight:900;letter-spacing:.1em}.example-head b{padding:7px 10px;border-radius:999px;background:#fff;color:#5c6c83;font-size:.68rem}
.example-card h3{margin:0 0 12px;font-size:2rem;letter-spacing:-.04em}.example-card p{margin:0;color:var(--net-muted);line-height:1.7}.example-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:30px}.example-flow div{padding:17px;border:1px solid #d5e1ef;border-radius:13px;background:#fff}.example-flow strong{display:block;font-size:.82rem}.example-flow small{color:#78889d}.example-flow i{color:var(--net-blue);font-style:normal;font-weight:900}
.institution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.institution-card{display:flex;align-items:center;justify-content:center;min-height:118px;padding:20px;border:1px solid var(--net-line);border-radius:16px;background:#fff;transition:.18s ease}.institution-card:hover{transform:translateY(-3px);border-color:#bdd0ec;box-shadow:0 15px 34px rgba(34,66,117,.08)}.institution-card img{display:block;max-width:85%;max-height:58px;object-fit:contain}
.summary-card small{display:block;color:#78889e;font-size:.72rem;font-weight:800}.summary-card strong{display:block;margin-top:13px;font-size:3.4rem;letter-spacing:-.06em}.summary-card strong[data-state="live"]{color:var(--net-green)}
.node-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 16px}.node-toolbar p{margin:0;color:var(--net-muted)}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#eafaf5;color:#108563;font-size:.7rem;font-weight:900}.live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--net-green);box-shadow:0 0 0 4px rgba(23,185,129,.12)}
.public-nodes{border:1px solid var(--net-line);border-radius:18px;background:#fff;overflow:hidden}.public-node{display:grid;grid-template-columns:minmax(220px,1.4fr) .7fr .7fr auto;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid var(--net-line)}.public-node:last-child{border-bottom:0}.public-node b{display:block}.public-node small{color:#8492a5}.node-type{color:var(--net-blue);font-size:.76rem;font-weight:850}.node-status{padding:7px 10px;border-radius:999px;background:#f0f3f7;color:#718096;font-size:.66rem;font-weight:900}.node-status.online,.node-status.busy{background:#e9faf4;color:#108563}.node-empty{padding:40px;text-align:center;color:var(--net-muted)}
.network-note{margin-top:18px;color:#7b899c;font-size:.8rem;line-height:1.6}
.network-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:90px 0 30px;padding:44px 48px;border-radius:22px;background:linear-gradient(115deg,#eaf2ff,#f4f0ff)}.network-cta h2{margin:0 0 9px;font-size:2.2rem;letter-spacing:-.04em}.network-cta p{margin:0;color:var(--net-muted)}
.network-footer{display:flex;align-items:center;justify-content:space-between;padding:34px 0 46px;color:#8491a2;font-size:.75rem}.network-footer nav{display:flex;flex-wrap:wrap;gap:18px}.network-footer a:hover{color:var(--net-blue)}
.institutional-hero{background:linear-gradient(120deg,#fff 0%,#f8fbff 72%,#edf4ff 100%)}
.institutional-hero h1{font-size:clamp(3.1rem,5vw,5.65rem)}
.compact-heading{grid-template-columns:115px minmax(0,850px)}
.compact-heading .section-index{font-size:4.1rem}
.role-matrix{border-top:1px solid var(--net-line)}
.role-row{display:grid;grid-template-columns:58px minmax(210px,.72fr) minmax(300px,1.35fr) auto;align-items:center;gap:26px;padding:27px 6px;border-bottom:1px solid var(--net-line)}
.role-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd9eb;border-radius:50%;color:var(--net-blue);font-size:.72rem;font-weight:900}
.role-row small,.capability-list small,.research-journey small{display:block;margin-bottom:6px;color:#7b8aa0;font-size:.63rem;font-weight:900;letter-spacing:.1em}
.role-row h3,.capability-list h3,.research-journey h3{margin:0;font-size:1.08rem}.role-row p{margin:0;color:var(--net-muted);line-height:1.62}.role-row a,.text-link{color:var(--net-blue);font-size:.78rem;font-weight:850;white-space:nowrap}
.process-section{background:linear-gradient(#fff,#fbfdff)}
.process-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--net-line);border-left:1px solid var(--net-line)}
.process-ledger li{display:grid;grid-template-columns:48px minmax(150px,.75fr) minmax(190px,1.25fr);align-items:start;gap:18px;min-height:170px;padding:27px;border-right:1px solid var(--net-line);border-bottom:1px solid var(--net-line);list-style:none;background:#fff}
.process-ledger>li>span{color:var(--net-blue);font-size:.75rem;font-weight:900}.process-ledger h3{margin:0;font-size:1.04rem}.process-ledger small{display:block;margin-bottom:7px;color:#78879b;font-size:.63rem;font-weight:900;letter-spacing:.1em}.process-ledger p{margin:0;color:var(--net-muted);font-size:.9rem;line-height:1.62}
.audience-intro{max-width:850px;margin-bottom:38px}.audience-intro h2{margin:17px 0 15px;font-size:clamp(2.4rem,4vw,4.3rem);line-height:1;letter-spacing:-.052em}.audience-intro p{max-width:760px;margin:0;color:var(--net-muted);line-height:1.7}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--net-line);background:#fff}
.audience-panel{padding:42px}.audience-panel+article{border-left:1px solid var(--net-line)}.audience-panel header{min-height:138px;padding-bottom:24px;border-bottom:1px solid var(--net-line)}.audience-panel header span{color:var(--net-blue);font-size:.67rem;font-weight:900;letter-spacing:.11em}.audience-panel h3{max-width:500px;margin:14px 0 0;font-size:1.55rem;line-height:1.25;letter-spacing:-.025em}.audience-panel ul{display:grid;gap:0;margin:25px 0;padding:0}.audience-panel li{position:relative;padding:13px 0 13px 25px;border-bottom:1px solid #edf1f6;color:var(--net-muted);line-height:1.5;list-style:none}.audience-panel li:before{content:"";position:absolute;left:2px;top:21px;width:7px;height:7px;border-radius:50%;background:var(--net-blue)}.audience-panel.institution li:before{background:#7251e6}
.governance-band{background:#f1f5fa}.governance-band h2{font-size:clamp(2.25rem,3.5vw,3.8rem)}
.policy-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--net-line);border-left:1px solid var(--net-line)}.policy-table article{min-height:210px;padding:34px;border-right:1px solid var(--net-line);border-bottom:1px solid var(--net-line)}.policy-table span,.control-grid span{color:var(--net-blue);font-size:.65rem;font-weight:900;letter-spacing:.1em}.policy-table h3,.control-grid h3{margin:24px 0 10px;font-size:1.22rem}.policy-table p,.control-grid p{margin:0;color:var(--net-muted);line-height:1.65}
.institutional-note{display:grid;grid-template-columns:170px 1fr;gap:24px;margin-top:28px;padding:24px 28px;border-left:3px solid var(--net-blue);background:#f5f8fc;color:var(--net-muted);line-height:1.65}.institutional-note strong{color:var(--net-ink)}
.faq-list{border-top:1px solid var(--net-line)}.faq-list details{border-bottom:1px solid var(--net-line)}.faq-list summary{position:relative;padding:25px 48px 25px 0;cursor:pointer;font-weight:780;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:8px;top:20px;color:var(--net-blue);font-size:1.35rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:900px;margin:-6px 0 25px;color:var(--net-muted);line-height:1.7}
.institutional-cta{background:#eef4fc}.institutional-cta .network-kicker{margin-bottom:12px}.institutional-cta h2{font-size:2rem}
.research-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--net-line);border-left:1px solid var(--net-line)}.research-journey li{display:grid;grid-template-columns:38px 1fr;gap:14px;min-height:255px;padding:30px;border-right:1px solid var(--net-line);border-bottom:1px solid var(--net-line);list-style:none}.research-journey>li>span{color:var(--net-blue);font-size:.72rem;font-weight:900}.research-journey p{margin:14px 0 0;color:var(--net-muted);line-height:1.65}
.capability-list{border-top:1px solid var(--net-line)}.capability-list article{display:grid;grid-template-columns:52px minmax(230px,.8fr) minmax(300px,1.2fr);align-items:start;gap:24px;padding:26px 4px;border-bottom:1px solid var(--net-line)}.capability-list>article>span{color:#adc2df;font-size:1.3rem;font-weight:800}.capability-list p{margin:0;color:var(--net-muted);line-height:1.62}
.researcher-band{background:#f5f8fc}.checklist-list li{grid-template-columns:42px 1fr;padding:17px 0}
.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--net-line);border-left:1px solid var(--net-line)}.control-grid article{min-height:230px;padding:30px 27px;border-right:1px solid var(--net-line);border-bottom:1px solid var(--net-line)}
.access-path{display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;border:1px solid var(--net-line)}.access-path div{display:flex;min-height:125px;flex-direction:column;justify-content:center;padding:22px}.access-path strong{font-size:.9rem}.access-path span{margin-top:7px;color:var(--net-muted);font-size:.78rem;line-height:1.45}.access-path i{display:grid;place-items:center;color:#93a4ba;font-style:normal;font-weight:900}.access-path .result{background:var(--net-dark);color:#fff}.access-path .result span{color:#a9b7c9}.researcher-note{margin:0}
@media(max-width:1180px){.eco-header{padding-left:24px;padding-right:24px}.eco-nav-left,.eco-nav-right{gap:14px}.eco-login{display:none}}
@media(max-width:950px){.network-hero,.network-band{grid-template-columns:1fr}.step-grid,.policy-grid{grid-template-columns:1fr}.institution-grid{grid-template-columns:repeat(3,1fr)}.node-summary{grid-template-columns:repeat(2,1fr)}.role-row{grid-template-columns:48px 1fr}.role-row p,.role-row a{grid-column:2}.process-ledger,.policy-table,.audience-grid{grid-template-columns:1fr}.audience-panel+article{border-left:0;border-top:1px solid var(--net-line)}.research-journey{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:repeat(2,1fr)}.access-path{grid-template-columns:1fr}.access-path i{min-height:34px}}
@media(max-width:680px){.network-wrap{width:calc(100% - 24px)}.network-hero{min-height:0;padding:40px 23px;gap:38px}.network-hero h1,.institutional-hero h1{font-size:3.05rem}.network-visual{min-height:340px;padding:24px}.route-item{grid-template-columns:38px 1fr}.route-item em{display:none}.network-section{padding:72px 0}.section-heading,.compact-heading{grid-template-columns:1fr;gap:15px}.section-heading p{grid-column:1;margin:0}.section-index{font-size:3.8rem}.network-band{padding:34px 23px;gap:38px}.institution-grid{grid-template-columns:repeat(2,1fr)}.institution-card{min-height:95px;padding:13px}.institution-card img{max-height:44px}.node-summary{grid-template-columns:1fr 1fr}.summary-card{padding:21px}.summary-card strong{font-size:2.7rem}.public-node{grid-template-columns:1fr auto}.public-node .node-platform{display:none}.network-cta{align-items:flex-start;flex-direction:column;padding:34px 25px}.network-footer{align-items:flex-start;flex-direction:column;gap:15px}.role-row{gap:14px;padding:24px 0}.process-ledger{grid-template-columns:1fr}.process-ledger li{grid-template-columns:34px 1fr;min-height:0;padding:23px}.process-ledger li p{grid-column:2}.audience-panel{padding:30px 23px}.audience-panel header{min-height:0}.policy-table{grid-template-columns:1fr}.policy-table article{min-height:0;padding:28px 23px}.institutional-note{grid-template-columns:1fr;gap:8px}.research-journey{grid-template-columns:1fr}.research-journey li{min-height:0;padding:25px 21px}.capability-list article{grid-template-columns:38px 1fr;gap:16px}.capability-list article p{grid-column:2}.control-grid{grid-template-columns:1fr}.control-grid article{min-height:0}.audience-intro h2{font-size:2.6rem}}
.network-nav-menu{position:relative}
.network-nav-menu summary{list-style:none;cursor:pointer}
.network-nav-menu summary::-webkit-details-marker{display:none}
.network-nav-trigger{display:flex;align-items:center;gap:6px;white-space:nowrap}
.network-nav-trigger .network-nav-chevron{color:#7b8798;font-size:.9rem;transition:transform .18s ease}
.network-nav-menu[open] .network-nav-chevron{transform:rotate(180deg)}
.network-nav-dropdown{position:absolute;top:calc(100% + 10px);left:-16px;z-index:120;width:210px;padding:9px;border:1px solid #dbe3ef;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(18,42,76,.14)}
.network-nav-dropdown a{display:block;padding:10px 11px;border-radius:9px;color:#53627a;font-size:.78rem;font-weight:650;letter-spacing:.01em;text-decoration:none}
.network-nav-dropdown a:hover,.network-nav-dropdown a:focus-visible,.network-nav-dropdown a.active{background:#edf4ff;color:#1768ff;outline:none}
