:root { --nd-ink:#0a202a; --nd-muted:#566f78; --nd-line:#c9d9dc; --nd-soft:#edf4f4; --nd-green:#63cfa0; --nd-cyan:#47c4dc; --nd-amber:#e9b45b; }
.network-discovery-page { overflow-x:hidden; }
.nd-section { position:relative; padding:104px clamp(24px,6vw,96px); }
.nd-section-light { color:var(--nd-ink); background:#f3f7f7; }
.nd-section-white { color:var(--nd-ink); background:#fff; }
.nd-section-soft { color:var(--nd-ink); background:var(--nd-soft); }
.nd-shell { width:min(1420px,100%); margin:0 auto; }
.nd-heading { max-width:820px; }
.nd-heading-compact { margin-bottom:48px; }
.nd-heading h2,.nd-copy h2,.nd-company-heading h2 { margin:14px 0 20px; font-size:clamp(34px,4vw,60px); line-height:1.04; letter-spacing:0; }
.nd-heading>p:last-child,.nd-copy>p,.nd-company-heading>p { margin:0; color:var(--nd-muted); font-size:17px; line-height:1.72; }
.nd-copy>p+p { margin-top:18px; }
.nd-kicker { display:block; color:#287687; font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.nd-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:clamp(54px,8vw,120px); align-items:end; }
.nd-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--nd-line); border-left:1px solid var(--nd-line); }
.nd-facts>div { min-height:220px; padding:28px; border-right:1px solid var(--nd-line); border-bottom:1px solid var(--nd-line); }
.nd-facts span { color:#3b8593; font-size:11px; font-weight:800; }
.nd-facts strong { display:block; margin-top:46px; font-size:20px; }
.nd-facts p { margin:10px 0 0; color:var(--nd-muted); font-size:14px; line-height:1.6; }
.nd-evidence-row,.nd-export-layout { display:grid; grid-template-columns:minmax(320px,.78fr) minmax(620px,1.22fr); gap:clamp(48px,7vw,104px); align-items:center; }
.nd-evidence-row-reverse { grid-template-columns:minmax(620px,1.22fr) minmax(320px,.78fr); }
.nd-copy { max-width:510px; }
.nd-copy h2 { font-size:clamp(32px,3.4vw,50px); }
.nd-check-list { margin:30px 0 0; padding:0; list-style:none; }
.nd-check-list li { position:relative; padding:13px 0 13px 28px; border-bottom:1px solid var(--nd-line); color:#3e5963; line-height:1.55; }
.nd-check-list li::before { position:absolute; top:19px; left:2px; width:8px; height:8px; content:""; border:2px solid #2692a5; transform:rotate(45deg); }
.nd-note { margin-top:30px; padding:24px 0 2px 24px; border-left:3px solid var(--nd-amber); }
.nd-note strong,.nd-note span { display:block; }
.nd-note strong { font-size:15px; }
.nd-note span { margin-top:8px; color:var(--nd-muted); font-size:14px; line-height:1.65; }
.nd-product-shot { width:100%; max-width:790px; margin:0; overflow:hidden; border:1px solid #c7d7da; border-radius:5px; background:#fff; box-shadow:0 24px 54px rgba(16,47,58,.1); }
.nd-shot-bar { display:flex; justify-content:space-between; align-items:center; min-height:42px; padding:0 16px; border-bottom:1px solid #d4e0e2; background:#f8fbfb; color:#5d767f; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.nd-shot-bar b { color:#208198; }
.nd-shot-canvas { overflow:auto; background:#fff; scrollbar-color:#83aeb6 #eaf0f1; scrollbar-width:thin; }
.nd-shot-canvas img { display:block; width:100%; height:auto; }
.nd-product-shot figcaption { padding:13px 16px 15px; border-top:1px solid #dde6e8; color:#5a7179; font-size:12px; line-height:1.5; }
.nd-shot-overview { max-width:770px; }
.nd-shot-map { max-width:760px; }
.nd-shot-radial { max-width:720px; }
.nd-company-band { color:#eff8fa; background:#0a222d; }
.nd-company-heading { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.68fr); gap:8vw; align-items:end; margin-bottom:66px; }
.nd-company-heading h2 { max-width:850px; }
.nd-company-heading>p { padding-bottom:8px; color:#a9bec5; }
.nd-company-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:clamp(46px,7vw,96px); align-items:start; }
.nd-company-points { position:sticky; top:120px; display:grid; }
.nd-company-points>div { padding:24px 0; border-top:1px solid rgba(145,198,214,.2); }
.nd-company-points span { color:var(--nd-green); font-size:10px; font-weight:800; }
.nd-company-points strong { display:block; margin-top:18px; font-size:18px; }
.nd-company-points p { margin:8px 0 0; color:#9db3ba; font-size:13px; line-height:1.6; }
.nd-company-stack { display:grid; gap:34px; justify-items:end; }
.nd-product-shot-dark { border-color:rgba(145,198,214,.28); background:#0d2a36; box-shadow:0 26px 70px rgba(0,0,0,.28); }
.nd-product-shot-dark .nd-shot-bar { border-color:rgba(145,198,214,.18); background:#0d2a36; color:#89a9b2; }
.nd-product-shot-dark .nd-shot-bar b { color:var(--nd-green); }
.nd-product-shot-dark figcaption { border-color:rgba(145,198,214,.18); color:#9eb4bb; }
.nd-shot-company { max-width:850px; }
.nd-shot-company-detail { width:84%; max-width:680px; margin-right:5%; }
.nd-export-layout { grid-template-columns:minmax(320px,.7fr) minmax(620px,1.3fr); }
.nd-shot-list { max-width:820px; }
.nd-export-box { margin-top:34px; padding:24px; border:1px solid #c6d9dc; background:#fff; }
.nd-export-box span { display:block; color:#398391; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.nd-export-box strong { display:block; margin-top:10px; font-size:22px; }
.nd-export-box p { margin:8px 0 0; color:var(--nd-muted); font-size:14px; line-height:1.6; }
.nd-state-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--nd-line); border-left:1px solid var(--nd-line); }
.nd-state-grid article { min-height:225px; padding:28px; border-right:1px solid var(--nd-line); border-bottom:1px solid var(--nd-line); }
.nd-state-grid span { color:#377e8d; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.nd-state-grid h3 { margin:42px 0 12px; font-size:20px; }
.nd-state-grid p { margin:0; color:var(--nd-muted); font-size:14px; line-height:1.65; }
@media(max-width:1120px){.nd-intro,.nd-evidence-row,.nd-evidence-row-reverse,.nd-export-layout{grid-template-columns:1fr}.nd-copy{max-width:760px}.nd-product-shot{justify-self:center}.nd-evidence-row-reverse .nd-product-shot{order:2}.nd-evidence-row-reverse .nd-copy{order:1}.nd-company-layout{grid-template-columns:240px minmax(0,1fr)}.nd-state-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nd-section{padding:82px 28px}.nd-company-heading{grid-template-columns:1fr;gap:24px}.nd-company-layout{grid-template-columns:1fr}.nd-company-points{position:static;grid-template-columns:repeat(3,1fr);gap:24px}.nd-company-stack{justify-items:center}.nd-shot-company-detail{width:88%;margin-right:0}}
@media(max-width:620px){.nd-section{padding:70px 18px}.nd-heading h2,.nd-copy h2,.nd-company-heading h2{font-size:36px}.nd-facts,.nd-company-points,.nd-state-grid{grid-template-columns:1fr}.nd-facts>div{min-height:170px}.nd-facts strong{margin-top:28px}.nd-product-shot{max-width:100%}.nd-shot-canvas img{width:auto;max-width:none;min-width:820px}.nd-shot-company .nd-shot-canvas img,.nd-shot-company-detail .nd-shot-canvas img{min-width:980px}.nd-shot-company-detail{width:100%}.nd-shot-bar{gap:18px;overflow:hidden}.nd-shot-bar span,.nd-shot-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}