.network-overview .overview-hero { padding: 70px 0 65px; overflow: hidden; }
.overview-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
.network-overview .overview-hero h1 { font-size:clamp(44px,4.8vw,70px); max-width:760px; }
.overview-intro { max-width:570px; color:#bed1df; font-size:22px; line-height:1.65; margin-bottom:30px; }
.overview-map { width:100%; max-height:440px; object-fit:contain; }
.benefit-nav { background:#fff; border-bottom:1px solid var(--line); }
.benefit-nav .wrap { display:grid; grid-template-columns:repeat(3,1fr); }
.benefit-nav a { display:flex; align-items:center; gap:18px; padding:28px 0; font-size:18px; font-weight:600; }
.benefit-nav a:hover { color:#476b83; }
.benefit-nav span { color:#708fa5; font-size:14px; font-weight:500; }
.benefit-section { padding:92px 0; scroll-margin-top:20px; }
.benefit-section + .benefit-section { border-top:1px solid var(--line); }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.benefit-number { font-size:14px; color:#63839a; letter-spacing:.14em; font-weight:600; margin-bottom:24px; }
.benefit-copy h2 { max-width:560px; font-size:clamp(34px,3.3vw,48px); }
.benefit-copy > p:last-child { color:var(--muted); font-size:19px; max-width:520px; margin-bottom:0; }
.discovery-list { list-style:none; margin:0; padding:0; }
.discovery-list li { display:flex; align-items:center; gap:24px; padding:23px 0; border-bottom:1px solid var(--line); }
.discovery-list li:first-child { padding-top:0; }
.discovery-list li:last-child { border:0; padding-bottom:0; }
.overview-icon { width:46px; height:46px; stroke:#6c90a9; stroke-width:1.5; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.discovery-list strong { font-size:22px; font-weight:550; display:block; margin-bottom:6px; }
.discovery-list p { font-size:16px; line-height:1.6; color:var(--muted); margin:0; }
.expertise-section { background:#edf2f3; }
.expertise-visual { padding:12px 0 12px 34px; }
.question-node { display:flex; align-items:center; gap:20px; padding-bottom:25px; font-size:23px; font-weight:550; }
.expertise-branches { border-left:1px solid #a6bcc8; margin:0 0 0 22px; padding:5px 0; list-style:none; }
.expertise-branches li { display:flex; align-items:center; gap:18px; min-height:60px; position:relative; padding-left:35px; font-size:19px; }
.expertise-branches li::before { content:''; width:22px; height:1px; background:#a6bcc8; position:absolute; left:0; }
.expertise-branches svg { width:28px; height:28px; }
.oraia-support { margin-top:72px; padding-top:36px; border-top:1px solid #cbd8df; display:grid; grid-template-columns:1fr 1.25fr; gap:60px; }
.oraia-support h3 { font-size:25px; margin:0 0 12px; }
.oraia-support p { color:var(--muted); line-height:1.65; margin:0; }
.support-areas { display:flex; flex-wrap:wrap; gap:12px 26px; padding:0; list-style:none; margin:2px 0 18px; font-size:18px; font-weight:600; }
.support-areas li::before { content:'+'; color:#6c90a9; margin-right:10px; }
.multicentre-section { background:var(--navy); color:var(--paper); border:0!important; }
.multicentre-section .benefit-number { color:#a9c3d4; }
.multicentre-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:end; }
.multicentre-heading h2 { max-width:610px; margin-bottom:0; }
.multicentre-heading > p { color:#bed1df; font-size:19px; line-height:1.7; margin:0; max-width:500px; }
.centre-path { list-style:none; padding:0; margin:65px 0 27px; display:grid; grid-template-columns:repeat(3,1fr); gap:60px; }
.centre-path li { position:relative; }
.centre-path li:not(:last-child)::after { content:'→'; position:absolute; top:16px; right:0; color:#9bbdd2; font-size:28px; }
.centre-path svg { width:54px; height:54px; stroke:#a9c3d4; margin-bottom:27px; }
.centre-path h3 { font-size:29px; margin:0 0 12px; }
.centre-path strong { display:block; font-size:19px; font-weight:500; color:#c1d5e2; margin-bottom:9px; }
.centre-path p { color:#adc4d3; font-size:16px; line-height:1.6; margin:0; max-width:280px; }
.illustrative-note { color:#a9c3d4; font-size:13px; margin:0; }
.getting-started { padding:78px 0 85px; }
.getting-started h2 { font-size:36px; }
.joining-steps { list-style:none; margin:42px 0 55px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:35px; }
.joining-steps span { color:#6b8ba1; font-size:13px; display:block; margin-bottom:14px; }
.joining-steps h3 { font-size:21px; margin:0 0 10px; }
.joining-steps p { color:var(--muted); line-height:1.65; font-size:16px; margin:0; }
.platform-invitation { display:flex; align-items:center; justify-content:space-between; gap:40px; border-top:1px solid var(--line); padding-top:40px; }
.platform-invitation h3 { font-size:28px; margin:0 0 8px; }
.platform-invitation p { margin:0; color:var(--muted); }
.platform-invitation .button { white-space:nowrap; }
.research-note { font-size:13px; color:var(--muted); margin:28px 0 0; }
@media(min-width:1600px) { .overview-hero-grid { min-height:450px; } }
@media(max-width:1000px) { .benefit-grid { gap:55px; } .overview-hero-grid { gap:30px; } .multicentre-heading { gap:40px; } .centre-path { gap:35px; } .joining-steps { grid-template-columns:repeat(2,1fr); gap:32px; } }
@media(max-width:700px) {
 .network-overview .overview-hero { padding:48px 0 40px; } .overview-hero-grid { grid-template-columns:1fr; gap:30px; }
 .network-overview .overview-hero h1 { font-size:44px; } .overview-intro { font-size:19px; } .overview-map { max-height:265px; }
 .benefit-nav .wrap { grid-template-columns:1fr; } .benefit-nav a { padding:16px 0; border-bottom:1px solid var(--line); font-size:17px; } .benefit-nav a:last-child { border:0; }
 .benefit-section { padding:55px 0; } .benefit-grid { grid-template-columns:1fr; gap:36px; } .benefit-copy > p:last-child { font-size:18px; }
 .expertise-visual { padding:0; } .oraia-support { grid-template-columns:1fr; gap:24px; margin-top:42px; padding-top:30px; }
 .multicentre-heading { grid-template-columns:1fr; gap:25px; } .centre-path { grid-template-columns:1fr; gap:30px; margin-top:40px; }
 .centre-path li { padding-left:83px; min-height:108px; } .centre-path svg { position:absolute; left:0; top:4px; width:42px; height:42px; }
 .centre-path li:not(:last-child)::after { content:''; left:20px; top:63px; bottom:-14px; width:1px; background:#617f95; }
 .centre-path h3 { font-size:26px; } .centre-path p { max-width:none; } .getting-started { padding:55px 0; }
 .joining-steps { gap:30px 20px; margin:32px 0; } .joining-steps h3 { font-size:19px; } .platform-invitation { align-items:flex-start; flex-direction:column; gap:25px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
