@charset "UTF-8";
:root{--paper:#f4f2eb;--ink:#183c33;--muted:#52665e;--line:#d2d9cd;--lime:#d1e49b;--forest:#193e34;--white:#fffef9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body.network-page{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 104px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #75952c;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(48px,5.2vw,77px);margin-bottom:28px}h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:27px}h3{font-size:25px;line-height:1.22}p{margin-bottom:23px}.preview-band{padding:5px 20px;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#e5e9de;color:#4b5d4a}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark{width:42px;height:42px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.brand-mark path{fill:none}.brand>span{font-size:27px;letter-spacing:.07em;line-height:1}.brand b{display:block;font-size:9px;letter-spacing:.24em;font-weight:500;margin-top:6px}.main-nav{display:flex;gap:27px;font-size:13px}.main-nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.languages{display:flex;gap:13px;font-size:11px;letter-spacing:.06em}.languages [aria-current]{border-bottom:1px solid var(--ink);font-weight:bold}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding-top:78px;padding-bottom:74px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:24px}h1 em{font-style:normal;color:#6c814f}.lead{font-size:17px;line-height:1.8;max-width:580px;color:var(--muted)}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--forest);color:var(--white);padding:14px 23px;font-size:13px;border:1px solid var(--forest);min-height:50px}.button:hover{background:#2e5748}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}.connection{position:relative;aspect-ratio:1.08;background:var(--forest);color:var(--white);padding:30px 27px;overflow:hidden}.connection-top{font-size:11px;display:flex;gap:10px;align-items:center;letter-spacing:.03em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.orbits{height:310px;position:relative;isolation:isolate}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #47705e;border-radius:50%;z-index:-1}.orbit.one{width:155px;height:155px}.orbit.two{width:255px;height:255px}.orbit.three{width:355px;height:355px;border-color:#345747}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;background:var(--lime);color:var(--forest);padding:20px 24px;box-shadow:0 0 0 10px #193e34}.core strong{font-size:26px;line-height:1.1;letter-spacing:.06em}.core strong span{display:block;font-size:9px;letter-spacing:.15em}.orb-node{position:absolute;font-size:11px;display:flex;gap:8px;align-items:center;background:#254d40;padding:8px 11px;border:1px solid #60816d}.node-symbol{font-size:15px;color:var(--lime)}.node-0{left:0;top:34px}.node-1{right:0;top:81px}.node-2{left:0;bottom:71px}.node-3{right:12px;bottom:17px}.connection>p{font-size:11px;line-height:1.6;max-width:260px;margin:0;color:#c4d3bf}.visual-index{position:absolute;right:24px;bottom:28px;font-size:9px;letter-spacing:.1em;color:#b7c9ab}.principles{display:flex;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding-block:20px;font-size:12px}.principles i{font-style:normal;margin-right:10px;color:#708446}.system,.network{padding-block:90px}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:32px}.section-top h2{margin-bottom:0}.section-intro{max-width:430px;color:var(--muted);font-size:15px}.example-controls{display:flex;gap:6px;margin-top:40px;border-bottom:1px solid var(--line)}.example-controls button{cursor:pointer;border:0;border-bottom:2px solid transparent;background:none;padding:15px 26px;font-size:14px;color:var(--muted)}.example-controls button[aria-selected=true]{color:var(--ink);border-color:var(--ink);font-weight:bold}.example{padding:40px;background:#e8ece2;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:12px}.example-index{font-size:11px;color:var(--muted)}.example h3{font-size:30px;margin-block:15px 20px;max-width:460px}.example p{font-size:14px;max-width:490px;margin-bottom:0;color:var(--muted)}.workflow{padding:0;margin:0;list-style:none}.workflow li{padding:12px 0;border-bottom:1px solid #c7d0be;display:flex;align-items:center;gap:18px;font-size:14px}.workflow li:last-child{border:0}.workflow span{font-size:11px;border:1px solid #b4c2a9;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0}.small{font-size:12px!important;line-height:1.6}.muted{color:var(--muted)}.system>.small{margin:12px 0 0}.practice{background:var(--forest);color:var(--white);padding-block:80px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.practice p{max-width:530px;font-size:15px;color:#d4dece}.practice .eyebrow{color:var(--lime);font-size:11px}.practice a{color:var(--lime)}blockquote{margin:0;font-size:clamp(24px,2.5vw,36px);line-height:1.4;font-family:Georgia,serif}blockquote>span{display:block;font-size:80px;line-height:.8;color:var(--lime);margin-bottom:20px}.geographies{font-family:Arial,sans-serif;letter-spacing:.2em;font-size:12px;color:var(--lime);margin-top:35px}.geographies i{font-style:normal;color:#718c74;padding-inline:20px}.roles{margin-top:45px}.role{display:grid;grid-template-columns:70px 1fr 1.6fr;gap:30px;border-top:1px solid var(--line);padding:27px 0;align-items:start}.role>span{font-size:11px;padding-top:6px;color:var(--muted)}.role h3,.role p{margin:0}.role p{color:var(--muted);font-size:15px}.regions{padding-block:0 80px}.regions .section-top{align-items:end}.regions h2{font-size:30px;letter-spacing:-.035em}.regions .section-top p{margin:15px 0 0;color:var(--muted);font-size:14px}.region-grid,.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.region{border-top:2px solid var(--ink);padding:22px 0 0}.region>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.region-number{font-size:11px;color:var(--muted)}.region img{object-fit:contain}.region h3{font-size:24px;letter-spacing:.01em;margin:0 0 10px}.region p{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin:0}.region:hover h3,.company:hover h3{text-decoration:underline;text-underline-offset:6px}.contact{border-top:1px solid var(--line);padding-block:80px 90px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact>div>p{max-width:520px;font-size:15px}.contact .button{margin-block:6px 12px}.email{font-size:13px;border-bottom:1px solid var(--line)}.footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding-block:35px;font-size:11px}.footer>p{margin:0}.footer nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.footer>span{flex-basis:100%;font-size:10px;color:var(--muted)}.footer .brand-mark{width:30px;height:30px}.footer .brand>span{font-size:18px}.footer .brand b{font-size:7px}.ehf-hero{padding-block:85px 55px}.ehf-hero h1{font-size:clamp(50px,6vw,85px)}.ehf-hero .lead{max-width:720px}.companies{padding-bottom:90px}.companies>h2{font-size:30px}.company{padding:30px 23px;background:#e8ece2}.company h3{font-size:25px}.company p{color:var(--muted);font-size:14px;margin-bottom:0}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}
@media(min-width:1500px){.connection{max-width:520px}.orbits{height:340px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.main-nav{gap:14px;font-size:12px}.header{gap:18px}.hero{gap:30px}.hero h1{font-size:52px}.connection{padding:25px 20px;aspect-ratio:auto}.orbits{height:300px}.orb-node{font-size:10px;padding:6px}.practice-grid{gap:60px}.principles{font-size:10px}.section-top{gap:30px}.section-intro{max-width:360px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding-block:20px;gap:22px;min-height:0}.main-nav{order:3;width:100%;justify-content:space-between;gap:10px}.languages{margin-left:auto}.hero{grid-template-columns:1fr;padding-block:48px;gap:36px}.hero h1{font-size:clamp(41px,7.6vw,61px)}.hero .lead{font-size:16px}.connection{max-width:520px;width:100%;justify-self:center}.principles{flex-direction:column;gap:9px;font-size:12px}.system,.network{padding-block:56px}.section-top{display:block}.section-intro{max-width:none;margin-top:24px}.example{grid-template-columns:1fr;padding:26px;gap:25px}.example-controls button{padding:12px 19px}.example h3{font-size:28px}.practice{padding-block:55px}.practice-grid{grid-template-columns:1fr;gap:45px}.role{grid-template-columns:30px 1fr;gap:12px;padding-block:22px}.role p{grid-column:2}.regions{padding-bottom:55px}.regions .text-link{display:inline-block;margin-top:20px}.region-grid,.company-grid{grid-template-columns:1fr}.region{padding-top:18px}.region>div{margin-bottom:20px}.region p{margin-bottom:15px}.contact{grid-template-columns:1fr;padding-block:55px;gap:20px}.footer{gap:22px}.footer nav{margin-left:0;width:100%}.ehf-hero{padding-block:50px 30px}.companies{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* FMS product identity: neutral Core surfaces and its blue information accent.
   EHF Network retains the established green brand palette. */
.network-page[data-brand="fms-network"]{--paper:#f4f6f7;--ink:#172029;--muted:#66727d;--line:#d9e0e4;--lime:#b9d9f4;--forest:#21364a;--white:#fff;font-family:"Segoe UI",Arial,sans-serif}
[data-brand="fms-network"] .preview-band{background:#e8edf2;color:#526374}
[data-brand="fms-network"] h1 em{color:#315d84}
[data-brand="fms-network"] .button{background:#315d84;border-color:#315d84;border-radius:7px}
[data-brand="fms-network"] .button:hover{background:#254a6b}
[data-brand="fms-network"] .connection{border-radius:11px;background:#21364a}
[data-brand="fms-network"] .orbit{border-color:#4c6880}
[data-brand="fms-network"] .orbit.three{border-color:#354f67}
[data-brand="fms-network"] .core{box-shadow:0 0 0 10px #21364a;border-radius:9px}
[data-brand="fms-network"] .orb-node{background:#2b4863;border-color:#597790;border-radius:7px}
[data-brand="fms-network"] .connection>p{color:#d3e1ed}
[data-brand="fms-network"] .visual-index{color:#b4c9dd}
[data-brand="fms-network"] .principles i{color:#315d84}
[data-brand="fms-network"] .example{background:#fff;border:1px solid #d9e0e4;border-radius:11px;box-shadow:0 5px 20px #0000000d}
[data-brand="fms-network"] .workflow li{border-color:#d9e0e4}
[data-brand="fms-network"] .workflow span{border-color:#cbdbea;background:#eef5fb;color:#315d84}
[data-brand="fms-network"] .practice{background:#21364a}
[data-brand="fms-network"] .practice p{color:#d4e0eb}
[data-brand="fms-network"] .geographies i{color:#809db7}
[data-brand="fms-network"] a:focus-visible,[data-brand="fms-network"] button:focus-visible,[data-brand="fms-network"] [tabindex]:focus-visible{outline-color:#315d84}

/* 0.7.5: wrapping navigation and tabs; usable touch surfaces on narrow screens. */
@media(max-width:800px){
 .network-page .main-nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 16px}
 .network-page .main-nav a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 .network-page .languages{flex-wrap:wrap;gap:4px;max-width:100%}
 .network-page .languages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .network-page .example-controls{flex-wrap:wrap;gap:4px}
 .network-page .example-controls button{flex:1 1 auto;min-width:0;min-height:44px;max-width:100%;padding:12px 16px;white-space:normal;overflow-wrap:anywhere}
 .network-page .hero-copy,.network-page .example-copy,.network-page .role>*{min-width:0}
 .network-page .hero h1,.network-page .ehf-hero h1,.network-page .role h3{overflow-wrap:anywhere}
 .network-page .footer nav a{display:inline-flex;align-items:center;min-height:44px}
}