:root{
  --bn-blue:#0b4f9f;
  --bn-blue-dark:#07366c;
  --bn-navy:#101828;
  --bn-gray:#667085;
  --bn-light:#f5f8fc;
  --bn-border:#d9e2ef;
  --bn-green:#15803d;
  --bn-orange:#f97316;
  --white:#ffffff;
  --shadow:0 14px 35px rgba(16,24,40,.10);
  --radius:18px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--bn-navy);background:#fff;line-height:1.55}
a{color:var(--bn-blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:0 auto}
.topbar{background:var(--bn-blue-dark);color:white;font-size:.92rem;padding:.45rem 0}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar a{color:white}
.header{background:white;border-bottom:1px solid var(--bn-border);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;color:var(--bn-navy)}
.brand-mark{background:linear-gradient(135deg,var(--bn-blue),#1e88e5);color:white;border-radius:14px;width:48px;height:48px;display:grid;place-items:center;font-weight:900;letter-spacing:.5px}
.brand small{display:block;color:var(--bn-gray);font-weight:600;font-size:.75rem;line-height:1.1}
.menu{display:flex;gap:1.05rem;align-items:center;flex-wrap:wrap;font-size:.95rem}
.menu a{color:var(--bn-navy);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.82rem 1.15rem;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.16s ease;background:var(--bn-blue);color:white;text-decoration:none}
.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 18px rgba(11,79,159,.24)}
.btn.secondary{background:white;color:var(--bn-blue);border-color:var(--bn-blue)}
.btn.dark{background:var(--bn-navy);color:white}
.btn.green{background:var(--bn-green);color:white}
.btn.orange{background:var(--bn-orange);color:white}
.mobile-toggle{display:none;background:white;border:1px solid var(--bn-border);padding:.65rem;border-radius:12px;font-weight:800}
.hero{background:radial-gradient(circle at top right,#e8f2ff 0,#fff 40%,#f7fbff 100%);padding:5.5rem 0 4rem;border-bottom:1px solid var(--bn-border)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.kicker{display:inline-block;background:#e8f2ff;color:var(--bn-blue-dark);padding:.42rem .75rem;border-radius:999px;font-weight:800;font-size:.88rem;margin-bottom:1rem}
h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.02;margin:.1rem 0 1rem;letter-spacing:-.04em}
h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.025em}
h3{font-size:1.18rem;margin:.2rem 0 .55rem}.lead{font-size:1.2rem;color:var(--bn-gray);max-width:780px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.hero-card{background:white;border:1px solid var(--bn-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.status-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}.status-list li{display:flex;gap:.75rem;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:.8rem}.status-list li:last-child{border-bottom:0;padding-bottom:0}.check{width:24px;height:24px;border-radius:50%;background:#e7f8ee;color:var(--bn-green);display:grid;place-items:center;font-weight:900;flex:0 0 24px}.section{padding:4rem 0}.section.alt{background:var(--bn-light);border-top:1px solid var(--bn-border);border-bottom:1px solid var(--bn-border)}.section-head{max-width:760px;margin-bottom:2rem}.grid{display:grid;gap:1.1rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--bn-border);border-radius:var(--radius);padding:1.35rem;box-shadow:0 8px 24px rgba(16,24,40,.05)}.card.highlight{border-top:5px solid var(--bn-blue)}.icon{width:44px;height:44px;border-radius:14px;background:#e8f2ff;color:var(--bn-blue);display:grid;place-items:center;font-weight:900;margin-bottom:.85rem}.muted{color:var(--bn-gray)}.steps{counter-reset:steps}.step{position:relative;padding-left:4.2rem}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:1.2rem;top:1.2rem;width:34px;height:34px;border-radius:50%;background:var(--bn-blue);color:white;display:grid;place-items:center;font-weight:900}.cta-band{background:linear-gradient(135deg,var(--bn-blue-dark),var(--bn-blue));color:white;border-radius:26px;padding:2.2rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.cta-band p{color:#dcecff}.cta-band .btn{background:white;color:var(--bn-blue-dark)}.list-clean{padding-left:1.1rem}.list-clean li{margin:.38rem 0}.form-wrap{background:white;border:1px solid var(--bn-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field.full{grid-column:1/-1}label{display:block;font-weight:800;margin-bottom:.35rem}input,select,textarea{width:100%;padding:.85rem;border:1px solid var(--bn-border);border-radius:12px;font:inherit;background:white}textarea{min-height:130px;resize:vertical}.helper{font-size:.88rem;color:var(--bn-gray)}.notice{border-left:4px solid var(--bn-blue);background:#f0f6ff;padding:1rem;border-radius:12px}.footer{background:#0b1220;color:#d0d5dd;padding:3rem 0 1.5rem}.footer h3,.footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;color:#98a2b3;font-size:.9rem}.badge-row{display:flex;gap:.6rem;flex-wrap:wrap}.badge{background:#eef6ff;border:1px solid #cfe5ff;color:#07366c;padding:.42rem .65rem;border-radius:999px;font-weight:800;font-size:.86rem}.table{width:100%;border-collapse:collapse;background:white;border-radius:var(--radius);overflow:hidden;border:1px solid var(--bn-border)}.table th,.table td{border-bottom:1px solid var(--bn-border);padding:.85rem;text-align:left}.table th{background:#eef6ff}.alert-success{display:none;margin-top:1rem;padding:1rem;border-radius:12px;background:#e7f8ee;border:1px solid #b9edca;color:#14532d;font-weight:700}.alert-error{display:none;margin-top:1rem;padding:1rem;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-weight:700}
@media(max-width:900px){.mobile-toggle{display:inline-block}.menu{display:none;width:100%;padding-top:1rem}.menu.open{display:grid}.nav{flex-wrap:wrap}.hero-grid,.grid.three,.grid.two,.grid.four,.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.cta-band{display:block}.hero{padding:3.5rem 0}.topbar .container{display:block}.topbar span{display:block;margin:.15rem 0}}


.trust-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.trust-strip span{background:white;border:1px solid var(--bn-border);border-radius:999px;padding:.42rem .7rem;font-weight:800;color:var(--bn-blue-dark);font-size:.88rem}.service-band{background:#fff;border:1px solid var(--bn-border);border-radius:var(--radius);padding:1rem}.brand-note{border:1px solid var(--bn-border);background:#fbfdff;border-radius:var(--radius);padding:1rem}.menu .btn{color:white}.menu .btn:hover{color:white}
@media(max-width:900px){.trust-strip{display:grid}.menu{align-items:start}.menu a{padding:.2rem 0}}


/* Best Networks logo integration */
.brand{min-width:220px}
.brand-logo{height:54px;width:auto;max-width:260px;object-fit:contain}
.footer-logo{height:58px;width:auto;margin-bottom:1rem}
.hero-brand{display:flex;justify-content:center;margin-bottom:1rem}
.hero-brand img{height:92px;width:auto;max-width:100%;filter:drop-shadow(0 10px 20px rgba(16,24,40,.14))}
.brand-visual{background:linear-gradient(135deg,#06172e,#0b4f9f);border-radius:26px;padding:1.3rem;margin-top:1.2rem;display:flex;align-items:center;justify-content:center}
.brand-visual img{max-height:120px;width:auto}
.favicon-note{font-size:.82rem;color:var(--bn-gray)}
@media(max-width:900px){.brand{min-width:0}.brand-logo{height:46px;max-width:220px}.hero-brand img{height:72px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Social links */
.social-links{display:inline-flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.35rem}
.social-links strong{color:#fff}
.social-links a{border:1px solid rgba(255,255,255,.22);padding:.22rem .5rem;border-radius:999px;text-decoration:none}
.social-links a:hover{background:rgba(255,255,255,.1);color:#fff}


/* Website service banner graphics */
.page-visual{margin:2rem 0 0;border-radius:26px;overflow:hidden;border:1px solid var(--bn-border);box-shadow:var(--shadow);background:#fff}
.page-visual img{width:100%;height:auto;display:block}
.hero .page-visual{margin-top:2.4rem}
.section.alt .page-visual{box-shadow:0 18px 45px rgba(16,24,40,.12)}
.service-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:1.5rem}
.service-image-card{background:white;border:1px solid var(--bn-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.service-image-card img{width:100%;display:block}
.service-image-card div{padding:1rem}
@media(max-width:900px){.page-visual{border-radius:18px}.service-image-grid{grid-template-columns:1fr}}


/* Consistent top navigation */
.menu a.active{
  color:var(--bn-blue);
  background:#e8f2ff;
  border-radius:999px;
  padding:.32rem .62rem;
}
.menu a.active:hover{text-decoration:none}
.menu{row-gap:.55rem}
@media(max-width:1100px){
  .menu{font-size:.9rem;gap:.75rem}
  .brand-logo{max-width:220px}
}


/* Anti-spam honeypot field: visible to simple bots, hidden from real users */
.bn-honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


/* Homepage portal refresh */
.portal-hero{position:relative;padding:82px 0 72px;background:radial-gradient(circle at top left,rgba(35,126,255,.18),transparent 34%),linear-gradient(135deg,#071b38 0%,#0d2c57 52%,#06203d 100%);color:#fff;overflow:hidden}
.portal-hero:after{content:"";position:absolute;right:-140px;bottom:-160px;width:420px;height:420px;border-radius:999px;background:rgba(83,201,155,.18);filter:blur(8px)}
.portal-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:36px;align-items:center}
.portal-copy h1{max-width:880px;margin:14px 0 18px;font-size:clamp(2.35rem,5vw,4.45rem);line-height:.98;letter-spacing:-.055em}
.portal-copy .lead{max-width:760px;color:rgba(255,255,255,.82)}
.portal-card{background:rgba(255,255,255,.96);color:#10233f;border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.portal-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.portal-card-head h2{margin:0 0 3px}.portal-card-head p,.portal-note{margin:0;color:#5c6b7f}
.status-dot{width:14px;height:14px;margin-top:9px;border-radius:999px;background:#36c889;box-shadow:0 0 0 7px rgba(54,200,137,.16);flex:0 0 auto}
.portal-actions{display:grid;gap:12px}.portal-actions a{display:block;padding:16px 17px;border:1px solid #e4ebf4;border-radius:18px;background:#f8fbff;text-decoration:none;color:#10233f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.portal-actions a:hover{transform:translateY(-2px);border-color:#b8cee9;box-shadow:0 12px 30px rgba(9,42,82,.12)}
.portal-actions strong{display:block;margin-bottom:4px}.portal-actions span{display:block;color:#627086;font-size:.94rem}.portal-note{margin-top:16px;font-size:.94rem}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-strip span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:9px 13px;font-weight:700;font-size:.92rem}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-card{border:1px solid #e1e9f3;background:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 42px rgba(20,50,90,.08)}
.dashboard-card .metric{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#0e376b;color:#fff;font-weight:800;margin-bottom:16px}.dashboard-card h3{margin:0 0 8px}.dashboard-card p{margin:0;color:#5e6d80}
.portal-image img{aspect-ratio:16/9;object-fit:cover}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.pill-grid{display:flex;flex-wrap:wrap;gap:12px}.pill-grid a{display:inline-flex;align-items:center;border:1px solid #dbe6f3;background:#fff;border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:800;color:#10233f}.pill-grid a:hover{border-color:#9fbadc;box-shadow:0 10px 24px rgba(20,50,90,.08)}
.align-center{align-items:center}
@media(max-width:980px){.portal-hero-grid,.dashboard-grid{grid-template-columns:1fr}.portal-hero{padding:54px 0}}


/* Best Networks branded support/social topbar */
.support-topbar {
  background: #061a33;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.support-topbar .support-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 48px;
}
.support-brand-mini {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.support-brand-mini img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 999px;
  background: #fff;
}
.support-topbar-links {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.support-portal-link,
.support-blog-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  line-height: 1;
}
.support-portal-link {
  background: #0d6efd;
  color: #fff !important;
  padding: 9px 13px;
  box-shadow: 0 8px 20px rgba(13,110,253,.22);
}
.support-portal-link:hover {
  background: #0b5ed7;
}
.support-blog-link {
  color: #dcecff !important;
  border: 1px solid rgba(255,255,255,.18);
  padding: 8px 12px;
}
.support-blog-link:hover {
  background: rgba(255,255,255,.08);
}
.support-social-label {
  font-size: .88rem;
  color: rgba(255,255,255,.72);
  font-weight: 700;
}
.support-icon svg,
.social-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
}
.social-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.14);
  text-decoration: none;
}
.social-icon:hover {
  background: #0d6efd;
  border-color: #0d6efd;
}
@media (max-width: 760px) {
  .support-topbar .support-topbar-inner {
    align-items: flex-start;
    flex-direction: column;
    padding-top: 9px;
    padding-bottom: 10px;
  }
  .support-topbar-links {
    justify-content: flex-start;
  }
  .support-social-label {
    display: none;
  }
}


/* Grouped dropdown menu and local blog update */
.grouped-menu{gap:8px;align-items:center}.nav-group{position:relative;display:inline-flex;align-items:center}.nav-group-label{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;padding:10px 8px}.nav-dropdown{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid #dce7f3;border-radius:16px;box-shadow:0 18px 42px rgba(20,50,90,.16);padding:10px;display:none;z-index:50}.nav-dropdown a{display:block;color:#10233f!important;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700}.nav-dropdown a:hover{background:#eef6ff}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}.article-layout{max-width:980px}.article-card{padding:34px}@media(max-width:980px){.nav-group{display:block;width:100%}.nav-group-label{width:100%;text-align:left;padding:12px 0}.nav-dropdown{position:static;display:block;box-shadow:none;border-radius:12px;margin:6px 0 10px;min-width:0}}


/* Technology RFQ catalog pages */
.nav-dropdown.mega { min-width: 320px; }
.nav-dropdown hr { border: 0; border-top: 1px solid #e4ecf5; margin: 8px 0; }
.rfq-toolbar { margin: 0 0 18px; }
.rfq-toolbar input {
  width: 100%;
  max-width: 560px;
  border: 1px solid #d8e4f2;
  border-radius: 14px;
  padding: 13px 15px;
  font: inherit;
}
.rfq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.rfq-card {
  background: #fff;
  border: 1px solid #e1e9f3;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 14px 32px rgba(20,50,90,.07);
}
.rfq-card h3 { margin: 12px 0 8px; }
.rfq-card .btn { margin-top: 12px; }
.form-card { padding: 28px; }
.narrow { max-width: 980px; }
@media (max-width: 980px) {
  .rfq-grid { grid-template-columns: 1fr; }
}