/* NUR public website design system */
:root { --ink:#202832; --muted:#69747f; --blue:#176bcc; --blue-d:#10529f; --navy:#111b26; --line:#dfe4e9; --soft:#f3f5f7; --radius:4px; }
.container { max-width:1240px; padding-left:28px; padding-right:28px; }
body { font-size:16px; }
h1,h2,h3 { font-weight:500; letter-spacing:-.035em; }
h1 { font-size:64px; }
h2 { font-size:38px; }
.status-strip { background:#f1f4f7; color:#566575; font-size:12px; }
.status-strip .lang-switch a { color:#405d79; }
.status-strip .lang-switch a.is-active { color:#176bcc; }
.site-head { box-shadow:0 2px 10px #142c4410; }
.head-row { min-height:88px; }
.logo-mark { width:42px; height:42px; border-radius:3px; background:#176bcc; }
.logo-text strong { font-size:23px; letter-spacing:-1px; }
.logo-text small { font-size:10px; letter-spacing:2px; text-transform:uppercase; }
.site-nav { gap:26px; }
.site-nav a { font-size:14px; color:#263849; padding:32px 0; }
.btn { border-radius:3px; min-height:46px; font-size:14px; }
.btn-sm { min-height:40px; }
.sec { padding:80px 0; }
.sec-head { max-width:820px; margin-bottom:36px; }
.sec-head h2 { font-size:40px; font-weight:500; }
.eyebrow { font-size:12px; letter-spacing:.12em; }
.card { border-radius:4px; box-shadow:none; padding:30px; transition:transform .2s,border-color .2s; }
.card:hover { transform:translateY(-3px); border-color:#8fb7e2; }
.card h3 { font-size:23px; }
.table-wrap { border-radius:3px; }
th { text-transform:none; letter-spacing:0; font-size:13px; }
td { padding-top:20px; padding-bottom:20px; }
.badge { border-radius:3px; letter-spacing:.04em; }
.warn-box { border-radius:3px; }
.site-foot { background:#f2f4f6; color:#606b77; border-top:1px solid #e0e5e9; }
.site-foot h4,.foot-brand strong { color:#263849; }
.site-foot ul a,.host { color:#606b77; }
.site-foot ul a:hover { color:#176bcc; }
.tag { color:#176bcc; border-color:#b9cde3; }
.foot-bottom { color:#69747f; border-color:#d8dfe6; }
.foot-grid { padding-top:60px; padding-bottom:50px; }
.site-subnav { background:#f6f8fa; border-bottom:1px solid var(--line); }
.site-subnav .container { display:flex; gap:24px; overflow-x:auto; white-space:nowrap; padding-top:11px; padding-bottom:11px; font-size:12px; }
.site-subnav a { color:#596a7a; }
.site-subnav a:hover { color:var(--blue); }
.skip-link { position:fixed; left:16px; top:-80px; z-index:100; background:#fff; padding:12px 20px; }
.skip-link:focus { top:10px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #7db6f2; outline-offset:4px; }
.nav-toggle { display:none; }
.showcase { background:radial-gradient(ellipse at 75% 40%,#d8e9f5 0,transparent 52%),linear-gradient(115deg,#f1f4f7,#e9eff4); overflow:hidden; }
.showcase-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; min-height:590px; padding-top:70px; padding-bottom:70px; }
.showcase h1 { margin:16px 0 22px; }
.showcase .lead { font-size:18px; line-height:1.7; max-width:510px; }
.showcase-facts { display:flex; gap:24px; flex-wrap:wrap; margin-top:28px; color:#516476; font-size:13px; }
.showcase-facts strong { display:block; color:#243e56; font-size:21px; font-weight:500; }
.network-art { position:relative; padding:36px 0; }
.appliance { border:1px solid #b5c4d1; background:linear-gradient(160deg,#fff,#d5dee6); padding:30px; box-shadow:0 35px 50px #223e5b26; border-radius:9px; transform:perspective(900px) rotateY(-12deg) rotateX(5deg); }
.appliance-top { display:flex; justify-content:space-between; color:#486079; font-size:12px; padding-bottom:40px; }
.appliance-top strong { font-size:28px; letter-spacing:-1px; color:#243d55; }
.ports { display:flex; gap:9px; padding:20px 0; border-top:1px solid #b5c4d1; }
.port { flex:1; height:38px; background:#1d2b39; border:4px solid #94a6b5; position:relative; }
.port:after { content:''; position:absolute; width:5px; height:4px; background:#68c9a1; bottom:-12px; left:2px; }
.art-caption { color:#5e7285; font-size:11px; text-align:center; margin-top:30px; letter-spacing:.08em; text-transform:uppercase; }
.product-strip { border-bottom:1px solid var(--line); }
.product-strip .container { display:grid; grid-template-columns:repeat(4,1fr); }
.product-strip a { padding:25px 22px; border-right:1px solid var(--line); color:var(--ink); font-size:16px; }
.product-strip a:first-child { border-left:1px solid var(--line); }
.product-strip small { display:block; font-size:12px; color:var(--muted); margin-top:4px; }
.product-strip a:hover { background:var(--soft); color:var(--blue); }
.section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:35px; }
.section-heading h2 { margin-top:9px; }
.feature-number { font-size:42px; font-weight:300; color:#a5bdd4; margin-bottom:25px; }
.management-band { background:#142b40; color:#fff; padding:80px 0; overflow:hidden; }
.management-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }
.management-band h2 { margin:14px 0 20px; }
.management-band p { color:#c0cfdd; }
.management-band .eyebrow { color:#92c9ff; }
.management-band img { width:100%; border:1px solid #53708a; border-radius:5px; box-shadow:0 25px 60px #0005; }
.management-band .btn-line { background:transparent; color:#fff; border-color:#66829a; }
.news-card { background:#f3f5f7; border:0; }
.news-card .eyebrow { margin-bottom:22px; }
.pilot-note { border-top:1px solid var(--line); padding:28px 0; color:#667482; font-size:13px; }
@media(max-width:1000px) { .site-nav { gap:15px; } .showcase-grid { gap:25px; } h1 { font-size:52px; } .management-grid { gap:30px; } }
@media(max-width:760px) {
 .head-row { min-height:76px; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; }
 .nav-toggle { display:inline-flex; background:transparent; border:1px solid #cbd7e2; padding:9px 13px; border-radius:3px; font:inherit; font-size:13px; cursor:pointer; }
 .site-nav { width:100%; order:4; display:flex; flex-wrap:wrap; padding:12px 0; gap:12px 22px; }
 .site-nav a { padding:8px 0; }
 .js-nav .site-nav:not(.nav-open) { display:none; }
 .head-row>.btn { display:none; }
 .showcase-grid,.management-grid { grid-template-columns:1fr; }
 .showcase-grid { padding-top:44px; padding-bottom:30px; gap:20px; }
 .showcase h1 { font-size:46px; }
 .network-art { max-width:500px; width:100%; margin:auto; }
 .product-strip .container { grid-template-columns:1fr 1fr; padding:0; }
 .product-strip a { border-bottom:1px solid var(--line); }
 .sec { padding:50px 0; } .sec-head h2,h2 { font-size:30px; }
 .section-heading { align-items:start; flex-direction:column; }
 .management-band { padding:50px 0; }
 .container { padding-left:22px; padding-right:22px; }
 .cols-4 { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .card { transition:none; } .card:hover { transform:none; } }