/* Networking & IT Infrastructure — marketing page (PE shell + blue accents) */
.ni{
  --ni-blue:#60a5fa;
  --ni-teal:#93c5fd;
  --ni-deep:#2563eb;
  --ni-line:rgba(255,255,255,.14);
  --ni-ink:#f2f4f7;
  --ni-muted:#d5dbe3;
}

.ni .we2-btn{
  box-sizing:border-box;min-height:48px;padding:0 22px;border-radius:0;
  font:600 15px/1 var(--font-sans);justify-content:center;gap:8px;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .15s ease;
}
.ni .we2-btn--primary,.ni .we2-btn--primary:visited{
  background:#fff!important;border:1.5px solid #fff!important;color:#121212!important;
}
.ni .we2-btn--primary:hover,.ni .we2-btn--primary:focus-visible{
  background:#eff6ff!important;border-color:#eff6ff!important;color:#121212!important;
}
.ni .we2-btn--ghost,.ni .we2-btn--ghost:visited{
  background:transparent!important;border:1.5px solid rgba(255,255,255,.42)!important;color:var(--ni-ink)!important;
}
.ni .we2-btn--ghost:hover,.ni .we2-btn--ghost:focus-visible{
  background:#fff!important;border-color:#fff!important;color:#121212!important;
}
.ni .we2-btn:active{transform:translateY(1px)}
.ni .we2-btn:focus-visible{outline:2px solid var(--ni-blue);outline-offset:3px}
.ni .we2-form .we2-btn{width:100%}
.ni .pe-done-actions{display:flex;flex-wrap:wrap;gap:12px}
.ni .pe-done-actions .we2-btn{min-height:48px;width:auto}
.ni .pe-kicker--soft{color:var(--ni-blue)}

/* Hero panel */
.ni-panel{
  border:1px solid rgba(96,165,250,.35);
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(37,99,235,.35),transparent 55%),
    linear-gradient(165deg,#0f1520 0%,#070b12 100%);
  padding:clamp(20px,2.6vw,28px);
  display:grid;gap:14px;align-content:start;min-width:0;
}
.ni-panel__eyebrow{margin:0;font:600 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ni-blue)}
.ni-panel__title{margin:0;font:600 clamp(1.2rem,1.8vw,1.45rem)/1.25 var(--font-sans);letter-spacing:-.02em;color:var(--ni-ink);text-wrap:balance}
.ni-panel__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ni-panel__list li{
  display:grid;gap:4px;padding:14px 16px;
  border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28);
  border-left:3px solid var(--ni-deep);
}
.ni-panel__list b{font:600 14px/1.3 var(--font-sans);color:var(--ni-ink)}
.ni-panel__list span{font-size:14px;line-height:1.45;color:var(--ni-muted)}
.ni-panel__cta{justify-self:start;margin-top:4px}

.ni-context{
  display:grid;gap:16px;max-width:68ch;
  color:var(--ni-muted);font-size:16.5px;line-height:1.55;
}
.ni-context p{margin:0}

/* Challenge + focus cards — mobile-first */
.ni-challenges,.ni-focus,.ni-why{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr);gap:14px;
}
.ni-card,.ni-focus__card,.ni-why article{
  margin:0;min-width:0;padding:clamp(18px,2vw,22px);
  background:#05080d;border:1px solid var(--ni-line);
  display:grid;gap:10px;align-content:start;
  transition:border-color .2s ease,transform .2s ease;
}
.ni-card:hover,.ni-focus__card:hover,.ni-why article:hover{
  border-color:rgba(96,165,250,.45);transform:translateY(-2px);
}
.ni-card__tag{
  margin:0;font:600 12px/1.2 var(--font-mono);letter-spacing:.1em;
  text-transform:uppercase;color:var(--ni-teal);
}
.ni-card h3,.ni-focus__card h3,.ni-why h3{
  margin:0;font:600 clamp(1.05rem,1.2vw,1.2rem)/1.3 var(--font-sans);
  letter-spacing:-.015em;color:var(--ni-ink);text-wrap:balance;
}
.ni-card p,.ni-focus__card p,.ni-why p{
  margin:0;color:var(--ni-muted);font-size:15px;line-height:1.5;text-wrap:pretty;
}

/* Industries */
.ni-industries{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
}
.ni-industries li{
  margin:0;padding:18px 18px;min-width:0;
  display:grid;gap:6px;background:#05080d;border:1px solid var(--ni-line);
  border-top:3px solid var(--ni-deep);
}
.ni-industries b{font:600 1.02rem/1.3 var(--font-sans);color:var(--ni-ink)}
.ni-industries span{font-size:14.5px;line-height:1.45;color:var(--ni-muted)}
.ni-inline-cta{margin-top:24px}

/* Approach */
.ni-approach{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;counter-reset:none;
}
.ni-approach li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;
  padding:18px 18px;background:#05080d;border:1px solid var(--ni-line);min-width:0;
}
.ni-approach__n{
  font:600 1.35rem/1 var(--font-mono);letter-spacing:-.04em;color:rgba(96,165,250,.85);
}
.ni-approach h3{
  margin:0 0 6px;font:600 1.05rem/1.3 var(--font-sans);color:var(--ni-ink);letter-spacing:-.01em;
}
.ni-approach p{margin:0;color:var(--ni-muted);font-size:14.5px;line-height:1.5}

/* Closing band */
.ni-band{background:#070b12}
.ni-band__row{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px 28px;
}
.ni-band__row h2{
  margin:0 0 10px;font:600 clamp(1.25rem,2vw,1.6rem)/1.25 var(--font-sans);
  color:var(--ni-ink);letter-spacing:-.02em;max-width:28ch;text-wrap:balance;
}
.ni-band__row>div>p{margin:0;max-width:56ch;color:var(--ni-muted);font-size:15.5px;line-height:1.5}
.ni-band__row>div>p+p{margin-top:12px}
.ni-band__tag{color:var(--ni-blue)!important;font-weight:600}

@media (min-width:720px){
  .ni-challenges,.ni-focus,.ni-why,.ni-industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ni-approach{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ni-approach li:last-child{grid-column:1 / -1}
}
@media (min-width:1100px){
  .ni-challenges{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .ni-focus{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .ni-why{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ni-industries{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .ni-approach{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .ni-approach li{grid-template-columns:minmax(0,1fr);gap:12px}
  .ni-approach li:last-child{grid-column:auto}
  .ni-why p{font-size:14px}
}
@media (max-width:860px){
  .ni .ec-hero__grid,.ni .we2-start__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .ni .we2-actions{flex-direction:column;align-items:stretch;width:100%}
  .ni .we2-actions .we2-btn{width:100%;justify-content:center}
  .ni-band__row{flex-direction:column;align-items:flex-start}
  .ni-band__row .we2-btn{width:100%;justify-content:center}
  .ni-inline-cta .we2-btn{width:100%;justify-content:center}
  .ni .we2-wrap{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
  .ni-card:hover,.ni-focus__card:hover,.ni-why article:hover{transform:none}
  .ni .we2-f2{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .ni-card,.ni-focus__card,.ni-why article,.ni .we2-btn{transition:none;transform:none!important}
}