/* ============================================================
   Elite Lighting / National Accounts
   Shared design system
   ============================================================ */

.national-accounts-mini-site {

  /* Core palette */
  --ink: #2a3556;
  --ink-2: #46517a;
  --paper: #f4f4f1;
  --paper-2: #e9eef2;
  --white: #ffffff;
  --line: #dde2e8;

  /* Elite accent: Under the Sea (periwinkle, aqua, lavender) */
  --flame: #6e84c4;
  --flame-dark: #51689f;
  --ember: #84c8cc;
  --brass: #b3a8db;

  /* Neutral text */
  --muted: #5f6781;
  --muted-2: #828ca0;

  /* Effects */
  --shadow-sm: 0 1px 3px rgba(20, 20, 15, 0.08);
  --shadow-md: 0 18px 40px -18px rgba(20, 20, 15, 0.32);
  --shadow-lg: 0 40px 80px -30px rgba(20, 20, 15, 0.45);
  --radius: 14px;
  --radius-lg: 22px;
  --maxw: 1240px;

  --serif: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Body-level defaults */

  margin: 0;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.national-accounts-mini-site *, .national-accounts-mini-site *::before, .national-accounts-mini-site *::after { box-sizing: border-box; }


.national-accounts-mini-site img { max-width: 100%; display: block; }
.national-accounts-mini-site a { color: inherit; text-decoration: none; }

.national-accounts-mini-site .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 28px; }

.national-accounts-mini-site h1, .national-accounts-mini-site h2, .national-accounts-mini-site h3, .national-accounts-mini-site h4 { font-family: var(--serif); font-weight: 500; line-height: 1.08; letter-spacing: -0.01em; margin: 0; }

.national-accounts-mini-site .eyebrow {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--flame);
  margin: 0 0 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.national-accounts-mini-site .eyebrow::before {
  content: "";
  width: 28px; height: 1px;
  background: var(--flame);
  display: inline-block;
}

/* ---------- Top utility bar ---------- */
.national-accounts-mini-site .util {
  background: var(--ink);
  color: #c2c8d6;
  font-size: 12.5px;
  letter-spacing: 0.02em;
}
.national-accounts-mini-site .util .wrap { display: flex; justify-content: space-between; align-items: center; height: 38px; }
.national-accounts-mini-site .util a { color: #c2c8d6; transition: color .2s; }
.national-accounts-mini-site .util a:hover { color: #fff; }
.national-accounts-mini-site .util .util-links { display: flex; gap: 22px; }

/* .parent-nav removed — Avada provides the real site header */

/* Section tabs (our internal National Accounts nav) */
.national-accounts-mini-site .section-tabs {
  position: sticky; top: 0; z-index: 50;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  backdrop-filter: saturate(140%) blur(10px);
}
.national-accounts-mini-site .section-tabs.scrolled { background: rgba(244,244,241,0.94); }
.national-accounts-mini-site .section-tabs .wrap { display: flex; align-items: center; gap: 4px; padding: 0 28px; min-height: 56px; }
.national-accounts-mini-site .section-tabs .st-label {
  font-family: var(--sans); font-size: 11px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--muted-2); padding-right: 18px; margin-right: 8px;
  border-right: 1px solid var(--line); align-self: stretch;
  display: flex; align-items: center;
}
.national-accounts-mini-site .section-tabs ul {
  display: flex; align-items: stretch; list-style: none; margin: 0; padding: 0; gap: 0;
  flex: 1; overflow-x: auto;
}
.national-accounts-mini-site .section-tabs ul::-webkit-scrollbar { display: none; }
.national-accounts-mini-site .section-tabs li { white-space: nowrap; }
.national-accounts-mini-site .section-tabs li a {
  display: flex; align-items: center; padding: 18px 18px;
  font-family: var(--sans); font-size: 14px; font-weight: 500;
  color: var(--ink-2); transition: color 0.18s; position: relative;
}
.national-accounts-mini-site .section-tabs li a:hover { color: var(--ink); }
.national-accounts-mini-site .section-tabs li.st-active a { color: var(--flame); font-weight: 700; }
.national-accounts-mini-site .section-tabs li.st-active a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 0;
  height: 2px; background: var(--flame);
}
@media (max-width: 760px)  {
.national-accounts-mini-site .section-tabs .st-label { display: none; }
.national-accounts-mini-site .section-tabs li a { padding: 14px 12px; font-size: 13px; }
}

/* ---------- Legacy Header / nav (kept for fallback) ---------- */
.national-accounts-mini-site .site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(247, 244, 238, 0.92);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--line);
}
.national-accounts-mini-site .nav { display: flex; align-items: center; justify-content: space-between; height: 76px; }
.national-accounts-mini-site .brand { display: flex; align-items: center; gap: 12px; }
.national-accounts-mini-site .brand img { height: 34px; width: auto; }
.national-accounts-mini-site .brand .fallback {
  font-family: var(--serif); font-size: 22px; letter-spacing: -0.02em; color: var(--ink);
}
.national-accounts-mini-site .nav-links { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
.national-accounts-mini-site .nav-links a {
  font-size: 14px; font-weight: 500; color: var(--ink-2); position: relative; padding: 6px 0;
  transition: color .2s;
}
.national-accounts-mini-site .nav-links a:hover { color: var(--ink); }
.national-accounts-mini-site .nav-links .tab-na a {
  color: var(--flame); font-weight: 700;
}
.national-accounts-mini-site .nav-links .tab-na a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--flame);
}
.national-accounts-mini-site .nav-toggle { display: none; }

/* ---------- Buttons ---------- */
.national-accounts-mini-site .btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  padding: 14px 26px; border-radius: 100px; border: 1px solid transparent;
  cursor: pointer; transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.national-accounts-mini-site .btn:hover { transform: translateY(-1px); }
.national-accounts-mini-site .btn-primary { background: var(--flame); color: #fff; box-shadow: 0 12px 26px -12px rgba(14, 124, 123, 0.6); }
.national-accounts-mini-site .btn-primary:hover { background: var(--flame-dark); }
.national-accounts-mini-site .btn-ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
.national-accounts-mini-site .btn-ghost:hover { background: var(--ink); color: var(--paper); }
.national-accounts-mini-site .btn-light { background: rgba(255,255,255,0.1); color: #fff; border-color: rgba(255,255,255,0.4); }
.national-accounts-mini-site .btn-light:hover { background: #fff; color: var(--ink); }
.national-accounts-mini-site .btn-sm { padding: 10px 18px; font-size: 13px; }

/* ---------- Hero ---------- */
.national-accounts-mini-site .hero {
  position: relative; color: #f4efe6; overflow: hidden;
  background:
    radial-gradient(1200px 600px at 78% -10%, rgba(110,132,196,0.55), transparent 60%),
    radial-gradient(900px 500px at 12% 110%, rgba(132,200,204,0.32), transparent 55%),
    linear-gradient(160deg, #243152 0%, #2c3f68 50%, #34657f 100%);
}
.national-accounts-mini-site .hero::after {
  /* subtle spotlight cones */
  content: ""; position: absolute; inset: 0;
  background:
    conic-gradient(from 200deg at 80% 0%, rgba(255,255,255,0.06), transparent 25%),
    conic-gradient(from 150deg at 20% 100%, rgba(255,255,255,0.05), transparent 22%);
  pointer-events: none;
}
.national-accounts-mini-site .hero .wrap { position: relative; z-index: 2; padding: 96px 28px 104px; }
.national-accounts-mini-site .hero .eyebrow { color: var(--ember); }
.national-accounts-mini-site .hero .eyebrow::before { background: var(--ember); }
.national-accounts-mini-site .hero h1 { font-size: clamp(40px, 6vw, 76px); max-width: 16ch; color: #f3f6fc; }
.national-accounts-mini-site .hero h1 .accent { font-style: italic; color: var(--ember); }
.national-accounts-mini-site .hero p.lead { font-size: clamp(17px, 1.6vw, 21px); max-width: 56ch; color: #cad0e2; margin: 26px 0 36px; }
.national-accounts-mini-site .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.national-accounts-mini-site .hero-stats { display: flex; gap: 48px; margin-top: 64px; flex-wrap: wrap; }
.national-accounts-mini-site .hero-stats .stat .n { font-family: var(--serif); font-size: 40px; color: #fff; line-height: 1; }
.national-accounts-mini-site .hero-stats .stat .l { font-size: 13px; color: #aab2c4; letter-spacing: 0.04em; margin-top: 8px; }

/* ---------- Section scaffolding ---------- */
.national-accounts-mini-site section { padding: 92px 0; }
.national-accounts-mini-site .section-head { max-width: 720px; margin-bottom: 52px; }
.national-accounts-mini-site .section-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.national-accounts-mini-site .section-head h2 { font-size: clamp(30px, 4vw, 46px); }
.national-accounts-mini-site .section-head p { color: var(--muted); font-size: 18px; margin: 18px 0 0; }

.national-accounts-mini-site .bg-paper2 { background: var(--paper-2); }
.national-accounts-mini-site .bg-ink { background: var(--ink); color: #d9deec; }
.national-accounts-mini-site .bg-ink h2, .national-accounts-mini-site .bg-ink h3 { color: #f3f6fc; }
.national-accounts-mini-site .bg-ink .section-head p { color: #aeb6cc; }

/* ---------- Segment cards ---------- */
.national-accounts-mini-site .seg-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.national-accounts-mini-site .seg-card {
  position: relative; border-radius: var(--radius-lg); overflow: hidden;
  min-height: 340px; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 32px; color: #fff; box-shadow: var(--shadow-md);
  transition: transform .25s ease, box-shadow .25s ease;
}
.national-accounts-mini-site .seg-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.national-accounts-mini-site .seg-card .bgfill { position: absolute; inset: 0; z-index: 0; }
.national-accounts-mini-site .seg-card .scrim { position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(15,16,24,0) 0%, rgba(15,16,24,0.10) 42%, rgba(15,16,24,0.74) 100%); }
.national-accounts-mini-site .seg-card .seg-photo { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.national-accounts-mini-site .seg-card.dim .scrim { background: linear-gradient(180deg, rgba(12,14,22,0.06) 0%, rgba(12,14,22,0.26) 45%, rgba(12,14,22,0.80) 100%); }
.national-accounts-mini-site .seg-card h3, .national-accounts-mini-site .seg-card p, .national-accounts-mini-site .seg-card .seg-num, .national-accounts-mini-site .seg-card .seg-link { text-shadow: 0 1px 14px rgba(0,0,0,0.5); }
.national-accounts-mini-site .seg-card > * { position: relative; z-index: 2; }
.national-accounts-mini-site .seg-card .seg-num { font-family: var(--serif); font-size: 14px; opacity: 0.8; margin-bottom: auto; }
.national-accounts-mini-site .seg-card h3 { font-size: 30px; margin-bottom: 8px; }
.national-accounts-mini-site .seg-card p { font-size: 15px; color: #d9deec; margin: 0 0 18px; max-width: 42ch; }
.national-accounts-mini-site .seg-card .seg-link { font-size: 13.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 8px; color: #fff; }
.national-accounts-mini-site .seg-card .seg-link svg { transition: transform .2s; }
.national-accounts-mini-site .seg-card:hover .seg-link svg { transform: translateX(4px); }

/* gradient fills standing in for segment photography */
.national-accounts-mini-site .fill-hospitality { background: linear-gradient(150deg, #4a4a86, #7d76c0 55%, #b3a8dd); }
.national-accounts-mini-site .fill-retail { background: linear-gradient(150deg, #38486f, #5d77be 55%, #9db0e0); }
.national-accounts-mini-site .fill-supermarket { background: linear-gradient(150deg, #2f5d4f, #4f9b86 55%, #9fd0bf); }
.national-accounts-mini-site .fill-commercial { background: linear-gradient(150deg, #2b4f63, #3f8aa0 55%, #8fcdd6); }

.national-accounts-mini-site .imgnote { position: absolute; z-index: 3; top: 14px; left: 14px;
  font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase;
  background: rgba(0,0,0,0.4); color: #fff; padding: 5px 10px; border-radius: 100px;
  border: 1px solid rgba(255,255,255,0.25); backdrop-filter: blur(4px); }

/* ---------- Value props ---------- */
.national-accounts-mini-site .value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.national-accounts-mini-site .value {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 32px; box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease;
}
.national-accounts-mini-site .value:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.national-accounts-mini-site .value .ico { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center;
  background: linear-gradient(140deg, var(--flame), var(--ember)); color: #fff; margin-bottom: 20px; }
.national-accounts-mini-site .value h3 { font-size: 21px; margin-bottom: 10px; }
.national-accounts-mini-site .value p { color: var(--muted); font-size: 15px; margin: 0; }

/* ---------- Product cards ---------- */
.national-accounts-mini-site .prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.national-accounts-mini-site .prod-card {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  overflow: hidden; display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease;
}
.national-accounts-mini-site .prod-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.national-accounts-mini-site .prod-thumb { position: relative; aspect-ratio: 1 / 1; overflow: hidden;
  background: radial-gradient(circle at 50% 36%, #f3f5f8 0%, #e9ecf1 68%, #dfe3ea 100%);
  display: grid; place-items: center; border-bottom: 1px solid var(--line); }
.national-accounts-mini-site .prod-thumb img { position: relative; z-index: 2; width: 82%; height: 82%; object-fit: contain;
  filter: drop-shadow(0 14px 28px rgba(20,30,60,0.18)); }
.national-accounts-mini-site .prod-thumb .ph { display: none; }
.national-accounts-mini-site .prod-body { padding: 22px; display: flex; flex-direction: column; flex: 1; }
.national-accounts-mini-site .prod-body .code { font-family: var(--sans); font-weight: 700; font-size: 12px; letter-spacing: 0.1em;
  color: var(--flame); text-transform: uppercase; }
.national-accounts-mini-site .prod-body h3 { font-size: 20px; margin: 6px 0 8px; }
.national-accounts-mini-site .prod-body p { font-size: 14px; color: var(--muted); margin: 0 0 16px; flex: 1; }
.national-accounts-mini-site .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.national-accounts-mini-site .chip { font-size: 11.5px; padding: 4px 10px; border-radius: 100px; background: var(--paper-2);
  color: var(--ink-2); border: 1px solid var(--line); }
.national-accounts-mini-site .prod-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.national-accounts-mini-site .prod-foot a.spec { font-size: 13px; font-weight: 600; color: var(--flame); display: inline-flex; align-items: center; gap: 6px; }
.national-accounts-mini-site .prod-foot a.spec:hover { color: var(--flame-dark); }

/* ---------- Split / feature rows ---------- */
.national-accounts-mini-site .split { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.national-accounts-mini-site .split.rev .split-media { order: 2; }
.national-accounts-mini-site .split-media { border-radius: var(--radius-lg); overflow: hidden; min-height: 420px; position: relative;
  box-shadow: var(--shadow-md); }
.national-accounts-mini-site .split-media .bgfill { position: absolute; inset: 0; }
.national-accounts-mini-site .split-media.fx-stage { background: radial-gradient(circle at 50% 40%, #f3f5f8 0%, #e9ecf1 68%, #dfe3ea 100%); display: grid; place-items: center; }
.national-accounts-mini-site .split-media.fx-stage img { position: relative; z-index: 2; width: 72%; height: 72%; object-fit: contain;
  filter: drop-shadow(0 16px 30px rgba(20,30,60,0.18)); }
.national-accounts-mini-site .split-media .stage-photo { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.national-accounts-mini-site .split h2 { font-size: clamp(28px, 3.4vw, 40px); margin-bottom: 18px; }
.national-accounts-mini-site .split p { color: var(--muted); font-size: 16px; margin: 0 0 16px; }
.national-accounts-mini-site .bg-ink .split p { color: #aeb6cc; }
.national-accounts-mini-site .ticks { list-style: none; padding: 0; margin: 22px 0 30px; display: grid; gap: 12px; }
.national-accounts-mini-site .ticks li { display: flex; gap: 12px; font-size: 15px; }
.national-accounts-mini-site .ticks li svg { flex: none; color: var(--flame); margin-top: 3px; }

/* ---------- Tech badges ---------- */
.national-accounts-mini-site .tech-row { display: flex; flex-wrap: wrap; gap: 14px; }
.national-accounts-mini-site .tech {
  display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-radius: 100px;
  background: var(--white); border: 1px solid var(--line); box-shadow: var(--shadow-sm);
}
.national-accounts-mini-site .tech .dot { width: 32px; height: 32px; border-radius: 50%; flex: none; }
.national-accounts-mini-site .tech .dot.tw { background: linear-gradient(90deg, #aab8e8, #84c8cc); }
.national-accounts-mini-site .tech .dot.dw { background: linear-gradient(90deg, #b3a8db, #d7def2); }
.national-accounts-mini-site .tech .dot.rgb { background: conic-gradient(#ff5a5a, #ffd84d, #57d977, #4db4ff, #b07bff, #ff5a5a); }
.national-accounts-mini-site .tech b { display: block; font-size: 14px; }
.national-accounts-mini-site .tech span { font-size: 12.5px; color: var(--muted); }

/* ---------- Process steps ---------- */
.national-accounts-mini-site .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; position: relative; padding-top: 34px; }
.national-accounts-mini-site .steps::before { content: ""; position: absolute; top: 7px; left: 7px; right: 7px; height: 2px;
  background: linear-gradient(90deg, var(--flame), rgba(110,132,196,0.25)); border-radius: 2px; }
.national-accounts-mini-site .step { position: relative; transition: transform .2s ease; }
.national-accounts-mini-site .step::before { content: ""; position: absolute; top: 7px; left: 0; width: 14px; height: 14px; border-radius: 50%;
  background: var(--flame); border: 3px solid var(--paper-2); transform: translateY(-50%); }
.national-accounts-mini-site .step .num { font-family: var(--serif); font-size: clamp(46px, 5vw, 72px); color: rgba(110,132,196,0.32);
  line-height: 1; margin: 20px 0 6px; transition: color .25s ease; }
.national-accounts-mini-site .step h3 { font-size: 21px; margin-bottom: 8px; }
.national-accounts-mini-site .step p { font-size: 14.5px; color: var(--muted); margin: 0; }
.national-accounts-mini-site .step:hover { transform: translateY(-3px); }
.national-accounts-mini-site .step:hover .num { color: var(--flame); }

/* ---------- CTA band ---------- */
.national-accounts-mini-site .cta {
  border-radius: var(--radius-lg); padding: 64px; text-align: center; color: #fff; position: relative; overflow: hidden;
  background: radial-gradient(700px 380px at 50% -30%, rgba(132,200,204,0.5), transparent 60%),
              linear-gradient(150deg, var(--flame-dark), var(--flame));
}
.national-accounts-mini-site .cta h2 { font-size: clamp(30px, 4vw, 46px); margin-bottom: 16px; color: #fff; }
.national-accounts-mini-site .cta p { font-size: 18px; color: #ffe8d6; max-width: 56ch; margin: 0 auto 32px; }
.national-accounts-mini-site .cta .hero-actions { justify-content: center; }

/* ---------- Footer ---------- */
.national-accounts-mini-site .mini-site-footer { background: var(--ink); color: #aeb6cc; padding: 64px 0 36px; }
.national-accounts-mini-site .foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 36px; margin-bottom: 44px; }
.national-accounts-mini-site .foot-grid h4 { font-family: var(--sans); font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase;
  color: #fff; margin-bottom: 18px; }
.national-accounts-mini-site .foot-grid ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.national-accounts-mini-site .foot-grid a { font-size: 14px; color: #aeb6cc; transition: color .2s; }
.national-accounts-mini-site .foot-grid a:hover { color: #fff; }
.national-accounts-mini-site .foot-brand .fallback { font-family: var(--serif); font-size: 24px; color: #fff; }
.national-accounts-mini-site .foot-brand p { font-size: 14px; max-width: 36ch; margin: 16px 0 0; }
.national-accounts-mini-site .foot-bottom { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 26px;
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #828ca6; }
.national-accounts-mini-site .badges { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.national-accounts-mini-site .badges .b { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.22); color: #c2c8d6; padding: 6px 12px; border-radius: 100px; }

/* ---------- Page hero (segment pages) ---------- */
.national-accounts-mini-site .page-hero { position: relative; color: #fff; overflow: hidden; }
.national-accounts-mini-site .page-hero .bgfill { position: absolute; inset: 0; z-index: 0; }
.national-accounts-mini-site .page-hero .scrim { position: absolute; inset: 0; z-index: 1;
  background: radial-gradient(ellipse 60% 70% at 22% 88%, rgba(10,14,22,0.78) 0%, rgba(10,14,22,0.36) 38%, rgba(10,14,22,0) 70%); }
.national-accounts-mini-site .page-hero h1, .national-accounts-mini-site .page-hero p, .national-accounts-mini-site .page-hero .breadcrumb { text-shadow: 0 2px 18px rgba(0,0,0,0.55); }
.national-accounts-mini-site .page-hero .wrap { position: relative; z-index: 2; padding: 84px 28px; }
.national-accounts-mini-site .breadcrumb { font-size: 13px; color: #cad0e2; margin-bottom: 20px; }
.national-accounts-mini-site .breadcrumb a { color: var(--ember); }
.national-accounts-mini-site .page-hero h1 { font-size: clamp(36px, 5.5vw, 64px); max-width: 18ch; }
.national-accounts-mini-site .page-hero p { font-size: clamp(16px, 1.5vw, 20px); color: #cdd3e3; max-width: 56ch; margin: 22px 0 0; }

/* ---------- Application zones ---------- */
.national-accounts-mini-site .zones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.national-accounts-mini-site .zone { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.national-accounts-mini-site .zone .ztop { height: 220px; position: relative; overflow: hidden; }
.national-accounts-mini-site .zone .ztop img { width: 100%; height: 100%; object-fit: cover; display: block; }
.national-accounts-mini-site .zone .ztop .bgfill { position: absolute; inset: 0; }
.national-accounts-mini-site .zone .zbody { padding: 24px; }
.national-accounts-mini-site .zone h3 { font-size: 19px; margin-bottom: 8px; }
.national-accounts-mini-site .zone p { font-size: 14px; color: var(--muted); margin: 0 0 14px; }
.national-accounts-mini-site .zone .fixt { font-size: 12.5px; color: var(--ink-2); }
.national-accounts-mini-site .zone .fixt b { color: var(--flame); }

/* ---------- Misc ---------- */
.national-accounts-mini-site .lead-form { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 38px; box-shadow: var(--shadow-md); }
.national-accounts-mini-site .lead-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.national-accounts-mini-site .lead-form label { font-size: 13px; font-weight: 600; color: var(--ink-2); display: block; margin-bottom: 6px; }
.national-accounts-mini-site .lead-form input, .national-accounts-mini-site .lead-form select, .national-accounts-mini-site .lead-form textarea {
  width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px;
  font-family: var(--sans); font-size: 14px; background: var(--paper); color: var(--ink); }
.national-accounts-mini-site .lead-form input:focus, .national-accounts-mini-site .lead-form select:focus, .national-accounts-mini-site .lead-form textarea:focus {
  outline: none; border-color: var(--flame); }

.national-accounts-mini-site .center { text-align: center; }
.national-accounts-mini-site .mt-40 { margin-top: 40px; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px)  {
.national-accounts-mini-site .prod-grid { grid-template-columns: repeat(2, 1fr); }
.national-accounts-mini-site .value-grid { grid-template-columns: 1fr; }
.national-accounts-mini-site .steps { grid-template-columns: repeat(2, 1fr); }
.national-accounts-mini-site .split { grid-template-columns: 1fr; }
.national-accounts-mini-site .split.rev .split-media { order: 0; }
.national-accounts-mini-site .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px)  {
.national-accounts-mini-site .util { display: none; }
.national-accounts-mini-site .nav-links { display: none; }
.national-accounts-mini-site .nav-links.open { display: flex; position: absolute; top: 76px; left: 0; right: 0;
    flex-direction: column; background: var(--paper); padding: 20px 28px; gap: 16px;
    border-bottom: 1px solid var(--line); box-shadow: var(--shadow-md); }
.national-accounts-mini-site .nav-toggle { display: inline-flex; background: none; border: none; cursor: pointer; }
.national-accounts-mini-site .seg-grid { grid-template-columns: 1fr; }
.national-accounts-mini-site .prod-grid { grid-template-columns: 1fr; }
.national-accounts-mini-site .zones { grid-template-columns: 1fr; }
.national-accounts-mini-site .lead-form .row { grid-template-columns: 1fr; }
.national-accounts-mini-site .cta { padding: 44px 26px; }
.national-accounts-mini-site section { padding: 64px 0; }
.national-accounts-mini-site .hero-stats { gap: 30px; }
}

/* ===== Image-forward additions ===== */
.national-accounts-mini-site .hero { min-height: 88vh; display: flex; align-items: flex-end; }
.national-accounts-mini-site .hero .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.national-accounts-mini-site .hero .hero-scrim { position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 70% 70% at 18% 80%, rgba(10,14,22,0.42), rgba(10,14,22,0.16) 50%, transparent 75%),
    linear-gradient(180deg, rgba(10,14,22,0.04) 0%, rgba(10,14,22,0) 35%, rgba(10,14,22,0.28) 100%); }
.national-accounts-mini-site .hero h1, .national-accounts-mini-site .hero .lead, .national-accounts-mini-site .hero .eyebrow { text-shadow: 0 2px 10px rgba(0,0,0,0.55), 0 0 30px rgba(0,0,0,0.35); }
.national-accounts-mini-site .hero .wrap { position: relative; z-index: 3; padding-top: 60px; padding-bottom: 76px; }
.national-accounts-mini-site .hero::after { display: none; }

/* slim stat strip */
.national-accounts-mini-site .statstrip { background: var(--paper-2); color: var(--ink-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.national-accounts-mini-site .statstrip .wrap { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; padding: 30px 28px; }
.national-accounts-mini-site .statstrip .s { display: flex; align-items: baseline; gap: 12px; }
.national-accounts-mini-site .statstrip .s .n { font-family: var(--serif); font-size: 32px; color: var(--flame-dark); line-height: 1; }
.national-accounts-mini-site .statstrip .s .l { font-size: 13.5px; color: var(--muted); max-width: 22ch; }

/* full-bleed image band */
.national-accounts-mini-site .band { position: relative; min-height: 58vh; display: grid; place-items: center; overflow: hidden; padding: 0; }
.national-accounts-mini-site .band .band-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.national-accounts-mini-site .band .band-scrim { position: absolute; inset: 0; z-index: 1;
  background: radial-gradient(ellipse 55% 60% at 50% 60%, rgba(10,14,22,0.55) 0%, rgba(10,14,22,0.22) 40%, rgba(10,14,22,0) 72%); }
.national-accounts-mini-site .band .band-text h2, .national-accounts-mini-site .band .band-text p, .national-accounts-mini-site .band .band-text .eyebrow { text-shadow: 0 2px 22px rgba(0,0,0,0.65); }
.national-accounts-mini-site .band .band-text { position: relative; z-index: 2; text-align: center; color: #fff; max-width: 42ch; padding: 0 24px; }
.national-accounts-mini-site .band .band-text .eyebrow { color: var(--ember); justify-content: center; }
.national-accounts-mini-site .band .band-text h2 { color: #fff; font-size: clamp(28px, 4.2vw, 50px); }
.national-accounts-mini-site .band .band-text p { color: rgba(255,255,255,0.88); font-size: 18px; margin: 16px 0 0; }
.national-accounts-mini-site .band .band-text .btn { margin-top: 26px; }

/* application gallery */
.national-accounts-mini-site .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.national-accounts-mini-site .gtile { position: relative; aspect-ratio: 3 / 4; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); }
.national-accounts-mini-site .gtile img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.national-accounts-mini-site .gtile:hover img { transform: scale(1.06); }
.national-accounts-mini-site .gtile .lbl { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; color: #fff; z-index: 2;
  background: linear-gradient(transparent, rgba(10,14,22,0.88)); font-family: var(--serif); font-size: 19px; }

/* track card as scene cover */
.national-accounts-mini-site .prod-thumb.cover::before { display: none; }
.national-accounts-mini-site .prod-thumb.cover img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1024px)  {.national-accounts-mini-site .gallery-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px)  {.national-accounts-mini-site .gallery-grid { grid-template-columns: 1fr 1fr; }.national-accounts-mini-site .band { min-height: 46vh; }.national-accounts-mini-site .hero { min-height: 80vh; }.national-accounts-mini-site .statstrip .wrap { gap: 20px; } }

/* CRI/R9 comparison visual */
.national-accounts-mini-site .compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.national-accounts-mini-site .scene { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-sm); }
.national-accounts-mini-site .scene .label { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 1px solid var(--line); }
.national-accounts-mini-site .scene .label b { font-size: 15px; }
.national-accounts-mini-site .scene .label .tag { font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 11px; border-radius: 100px; font-weight: 600; }
.national-accounts-mini-site .tag.bad { background: #e6e9ef; color: #6b7180; }
.national-accounts-mini-site .tag.good { background: var(--flame); color: #fff; }
.national-accounts-mini-site .cmp-sw { display: grid; grid-template-columns: repeat(4, 1fr); }
.national-accounts-mini-site .cmp-sw .sw { aspect-ratio: 1 / 1; position: relative; display: flex; align-items: flex-end; }
.national-accounts-mini-site .cmp-sw .sw span { position: relative; z-index: 2; font-size: 11px; color: rgba(255,255,255,0.95); padding: 8px 10px; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.national-accounts-mini-site .cmp-sw .sw.skin { background: #d9a07a; }
.national-accounts-mini-site .cmp-sw .sw.tomato { background: #d6361f; }
.national-accounts-mini-site .cmp-sw .sw.meat { background: #b22230; }
.national-accounts-mini-site .cmp-sw .sw.greens { background: #4f8f3a; }
.national-accounts-mini-site .scene.poor .cmp-sw .sw { filter: saturate(0.78) brightness(0.97) hue-rotate(-4deg) contrast(0.96); }
.national-accounts-mini-site .scene.poor .cmp-sw .sw.meat { filter: saturate(0.7) brightness(0.96) hue-rotate(3deg); }
.national-accounts-mini-site .scene .cri-photo { width: 100%; display: block; aspect-ratio: 4 / 5; object-fit: cover; }
.national-accounts-mini-site .scene.poor .cri-photo { filter: saturate(0.78) sepia(0.08) hue-rotate(-4deg) brightness(0.97) contrast(0.95); }
.national-accounts-mini-site .scene .cri-video { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; background: #11151f; }
.national-accounts-mini-site .scene.poor .cri-video { filter: saturate(0.78) sepia(0.08) hue-rotate(-4deg) brightness(0.97) contrast(0.95); }
.national-accounts-mini-site .cmp-block { margin-top: 30px; }
.national-accounts-mini-site .cmp-block .cmp-head { margin-bottom: 14px; }
.national-accounts-mini-site .cmp-block .cmp-head h3 { font-size: 22px; }
.national-accounts-mini-site .cmp-block .cmp-head p { color: var(--muted); font-size: 15px; margin: 4px 0 0; }

/* editorial numbered list */
.national-accounts-mini-site .numlist { list-style: none; margin: 26px 0 0; padding: 0; }
.national-accounts-mini-site .numlist li { display: flex; gap: 18px; padding: 17px 0; border-top: 1px solid var(--line); }
.national-accounts-mini-site .numlist li:last-child { border-bottom: 1px solid var(--line); }
.national-accounts-mini-site .numlist .nl-n { font-family: var(--serif); font-size: 18px; color: var(--flame); flex: none; width: 30px; line-height: 1.5; }
.national-accounts-mini-site .numlist .nl-b { font-size: 16px; font-weight: 600; color: var(--ink); margin: 0 0 2px; }
.national-accounts-mini-site .numlist .nl-d { font-size: 14px; color: var(--muted); margin: 0; }

/* interactive compliance badges */
.national-accounts-mini-site #compliance .b { border-color: var(--line); color: var(--ink-2); cursor: pointer; outline: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease; }
.national-accounts-mini-site #compliance .b:hover, .national-accounts-mini-site #compliance .b.active, .national-accounts-mini-site #compliance .b:focus-visible {
  background: var(--flame); color: #fff; border-color: var(--flame); transform: translateY(-1px); }
.national-accounts-mini-site .b-desc { text-align: center; max-width: 62ch; margin: 26px auto 0; min-height: 46px;
  color: var(--ink-2); font-size: 15.5px; line-height: 1.55; transition: opacity .2s ease; }

/* 4-column layer row for category pages */
.national-accounts-mini-site .layers-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.national-accounts-mini-site .layers-row .lcard { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease; }
.national-accounts-mini-site .layers-row .lcard:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.national-accounts-mini-site .layers-row .lcard h3 { font-size: 18px; margin-bottom: 8px; }
.national-accounts-mini-site .layers-row .lcard p { font-size: 14px; color: var(--muted); margin: 0 0 12px; }
.national-accounts-mini-site .layers-row .lcard .lead { font-size: 13px; color: var(--ink-2); }
.national-accounts-mini-site .layers-row .lcard .lead b { color: var(--flame); }
@media (max-width: 1024px)  {.national-accounts-mini-site .layers-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)   {.national-accounts-mini-site .layers-row { grid-template-columns: 1fr; } }

/* shared comparison table for category pages */
.national-accounts-mini-site .scale { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.national-accounts-mini-site .scale th, .national-accounts-mini-site .scale td { padding: 16px 18px; text-align: left; border-bottom: 1px solid var(--line); font-size: 15px; }
.national-accounts-mini-site .scale th { background: var(--paper-2); font-family: var(--sans); font-weight: 600; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); }
.national-accounts-mini-site .scale tr:last-child td { border-bottom: none; }
.national-accounts-mini-site .scale .elite-col { background: rgba(110,132,196,0.07); font-weight: 600; color: var(--ink); }
.national-accounts-mini-site .scale .other-col { color: var(--muted); }
.national-accounts-mini-site .scale .pill { font-size: 12px; padding: 4px 10px; border-radius: 100px; font-weight: 600; }
.national-accounts-mini-site .scale .pill.low { background: #e6e9ef; color: #6b7180; }
.national-accounts-mini-site .scale .pill.hi { background: #e3f0e6; color: #3f7a55; }
.national-accounts-mini-site .scale .pill.elite { background: var(--flame); color: #fff; }

/* 2x2 feature grid */
.national-accounts-mini-site .feature-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
@media (max-width: 760px)  {.national-accounts-mini-site .feature-2x2 { grid-template-columns: 1fr; } }

/* zone "why" addendum */
.national-accounts-mini-site .zone .zwhy { font-size: 13px; color: var(--muted); margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); }
.national-accounts-mini-site .zone .zwhy b { color: var(--ink-2); }

/* ===== "Lit" treatment: glowing icons + spotlit cards ===== */
.national-accounts-mini-site .value { background-image: linear-gradient(180deg, rgba(110,132,196,0.07) 0%, rgba(255,255,255,0) 30%); background-color: var(--white); }
.national-accounts-mini-site .value .ico { box-shadow:
  0 0 24px 4px rgba(110,132,196,0.35),
  0 0 56px 18px rgba(132,200,204,0.18);
  transition: box-shadow .3s ease, transform .3s ease; }
.national-accounts-mini-site .value:hover .ico { transform: scale(1.06);
  box-shadow:
    0 0 32px 8px rgba(110,132,196,0.55),
    0 0 72px 24px rgba(132,200,204,0.28),
    0 0 110px 36px rgba(255,225,180,0.18); }

/* product tiles "turn on" on hover */
.national-accounts-mini-site .prod-thumb { position: relative; }
.national-accounts-mini-site .prod-thumb::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0;
  background: radial-gradient(circle at 50% 40%, rgba(255,228,190,0.35), rgba(170,190,245,0.18) 45%, transparent 70%);
  transition: opacity .35s ease; }
.national-accounts-mini-site .prod-card:hover .prod-thumb::after { opacity: 1; }
.national-accounts-mini-site .prod-card:hover .prod-thumb img { filter: drop-shadow(0 16px 28px rgba(255,210,160,0.30)) drop-shadow(0 6px 14px rgba(20,30,60,0.18)); }

/* layer cards lit accent on hover */
.national-accounts-mini-site .layers-row .lcard { background-image: linear-gradient(180deg, rgba(110,132,196,0.06) 0%, rgba(255,255,255,0) 30%); }
.national-accounts-mini-site .layers-row .lcard:hover { box-shadow: var(--shadow-md), 0 0 50px 0 rgba(110,132,196,0.22); }

/* photo-led feature card (for "What we bring") */
.national-accounts-mini-site .feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.national-accounts-mini-site .feat-card { position: relative; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .25s ease; }
.national-accounts-mini-site .feat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md), 0 0 50px 0 rgba(110,132,196,0.18); }
.national-accounts-mini-site .feat-card .feat-img { aspect-ratio: 16 / 10; overflow: hidden; position: relative; background: #0e1320; }
.national-accounts-mini-site .feat-card .feat-img img, .national-accounts-mini-site .feat-card .feat-img video { width: 100%; height: 100%; object-fit: cover; display: block; }
.national-accounts-mini-site .feat-card .feat-body { padding: 24px 26px 26px; }
.national-accounts-mini-site .feat-card h3 { font-size: 21px; margin: 0 0 8px; }
.national-accounts-mini-site .feat-card p { font-size: 15px; color: var(--muted); margin: 0; line-height: 1.55; }
@media (max-width: 760px)  {.national-accounts-mini-site .feat-grid { grid-template-columns: 1fr; } }

/* enlarged zone grid (category pages) */
.national-accounts-mini-site .zones.lg { grid-template-columns: repeat(2, 1fr); gap: 26px; }
.national-accounts-mini-site .zones.lg .ztop { height: 320px; }
@media (max-width: 760px)  {.national-accounts-mini-site .zones.lg { grid-template-columns: 1fr; }.national-accounts-mini-site .zones.lg .ztop { height: 220px; } }

/* Made in USA placeholder */
.national-accounts-mini-site .usa-stage { position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 70% at 70% 30%, rgba(255,220,170,0.18), transparent 60%),
    linear-gradient(135deg, #14213d 0%, #0e1730 60%, #1c2748 100%); }
.national-accounts-mini-site .usa-stage::before { content: ""; position: absolute; inset: 0;
  background: repeating-linear-gradient(180deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 14px); opacity: 0.5; pointer-events: none; }
.national-accounts-mini-site .usa-stage .usa-stripe { position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, #b22234 0%, #b22234 50%, #fff 50%, #fff 100%); }
.national-accounts-mini-site .usa-stage .usa-body { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; padding: 24px; }
.national-accounts-mini-site .usa-stage .usa-flag { font-size: 38px; line-height: 1; }
.national-accounts-mini-site .usa-stage .usa-cap { color: rgba(255,255,255,0.96); font-family: var(--sans); font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; }
.national-accounts-mini-site .usa-stage .usa-sub { color: rgba(255,255,255,0.65); font-size: 12px; }
@media (max-width: 760px)  {.national-accounts-mini-site .compare-grid { grid-template-columns: 1fr; } }

/* Scope grid — master "What We Cover" at-a-glance */
.national-accounts-mini-site .scope-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 28px; }
.national-accounts-mini-site .scope-tile {
  display: flex; flex-direction: column; gap: 8px; padding: 22px 18px 20px;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  position: relative; min-height: 138px; text-decoration: none; color: inherit;
}
.national-accounts-mini-site .scope-tile:hover { transform: translateY(-2px); border-color: var(--flame); box-shadow: 0 18px 32px -20px rgba(110,132,196,0.4); }
.national-accounts-mini-site .scope-tile .st-ico {
  width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; flex: none;
  background: linear-gradient(135deg, #eef1fb, #e3e9f7);
  color: var(--flame-dark); border: 1px solid #d8def0;
}
.national-accounts-mini-site .scope-tile .st-ico svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.7; }
.national-accounts-mini-site .scope-tile.headline .st-ico { background: linear-gradient(135deg, var(--flame), var(--flame-dark)); color: #fff; border-color: transparent; }
.national-accounts-mini-site .scope-tile h4 { font-family: var(--sans); font-size: 14px; font-weight: 600; color: var(--ink); margin: 4px 0 2px; line-height: 1.25; letter-spacing: -0.01em; }
.national-accounts-mini-site .scope-tile p { font-size: 12.5px; color: var(--muted); margin: 0; line-height: 1.45; }
.national-accounts-mini-site .scope-tile.headline { background: linear-gradient(160deg, #2a3556 0%, #1f2944 100%); border-color: transparent; }
.national-accounts-mini-site .scope-tile.headline h4 { color: #fff; }
.national-accounts-mini-site .scope-tile.headline p { color: #c7cee2; }
.national-accounts-mini-site .scope-cta { margin-top: 26px; display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
@media (max-width: 1100px)  {.national-accounts-mini-site .scope-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px)  {.national-accounts-mini-site .scope-grid { grid-template-columns: repeat(2, 1fr); } }

/* Industries row — extended industries served (chip cards) */
.national-accounts-mini-site .ind-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 26px; }
.national-accounts-mini-site .ind-chip {
  display: flex; align-items: center; gap: 10px; padding: 14px 14px;
  background: var(--paper-2); border: 1px solid var(--line); border-radius: 100px;
  font-size: 13.5px; color: var(--ink-2); font-weight: 500;
}
.national-accounts-mini-site .ind-chip .ic-dot { width: 8px; height: 8px; border-radius: 100%; background: var(--flame); flex: none; }
@media (max-width: 900px)  {.national-accounts-mini-site .ind-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px)  {.national-accounts-mini-site .ind-row { grid-template-columns: repeat(2, 1fr); } }

/* Program Support grid */
.national-accounts-mini-site .support-section { background: linear-gradient(170deg, #f8f9fb 0%, #eef2f6 100%); }
.national-accounts-mini-site .support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; }
.national-accounts-mini-site .support-card {
  padding: 22px 22px 20px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  display: flex; flex-direction: column; gap: 10px;
}
.national-accounts-mini-site .support-card .sc-head { display: flex; align-items: center; gap: 10px; }
.national-accounts-mini-site .support-card .sc-ico {
  width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; flex: none;
  background: linear-gradient(135deg, #eef4f3, #e2efed); color: #437b7a; border: 1px solid #d6e8e5;
}
.national-accounts-mini-site .support-card .sc-ico svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.7; }
.national-accounts-mini-site .support-card h4 { font-size: 15px; font-weight: 600; color: var(--ink); margin: 0; letter-spacing: -0.01em; }
.national-accounts-mini-site .support-card p { font-size: 13.5px; color: var(--muted); margin: 0; line-height: 1.55; }
@media (max-width: 900px)  {.national-accounts-mini-site .support-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  {.national-accounts-mini-site .support-grid { grid-template-columns: 1fr; } }

/* 6-step process */
.national-accounts-mini-site .steps.six { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 1100px)  {.national-accounts-mini-site .steps.six { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  {.national-accounts-mini-site .steps.six { grid-template-columns: repeat(2, 1fr); } }

/* Beyond fixtures — category page */
.national-accounts-mini-site .cat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 30px; }
.national-accounts-mini-site .cat-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 26px 26px 24px; display: flex; flex-direction: column; gap: 12px;
}
.national-accounts-mini-site .cat-card .cc-head { display: flex; align-items: center; gap: 14px; }
.national-accounts-mini-site .cat-card .cc-ico {
  width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; flex: none;
  background: linear-gradient(135deg, #eef1fb, #e3e9f7); color: var(--flame-dark); border: 1px solid #d8def0;
}
.national-accounts-mini-site .cat-card .cc-ico svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.7; }
.national-accounts-mini-site .cat-card .cc-n { font-family: var(--serif); font-size: 14px; color: var(--flame); }
.national-accounts-mini-site .cat-card h3 { font-family: var(--serif); font-size: 22px; color: var(--ink); margin: 0; letter-spacing: -0.02em; }
.national-accounts-mini-site .cat-card p { font-size: 14.5px; color: var(--muted); margin: 0; line-height: 1.6; }
.national-accounts-mini-site .cat-card ul { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.national-accounts-mini-site .cat-card li {
  font-size: 12px; padding: 4px 10px; border-radius: 100px;
  background: var(--paper-2); color: var(--ink-2); border: 1px solid var(--line);
}

/* Before/after drag slider for Light Quality hero */
.national-accounts-mini-site .lq-slider {
  position: relative; width: 100%;
  height: clamp(420px, 62vh, 720px);
  overflow: hidden; user-select: none;
  background: #0a0e16;
  border-bottom: 1px solid var(--line);
}
.national-accounts-mini-site .lq-slider .lq-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  display: block; pointer-events: none;
}
.national-accounts-mini-site .lq-slider .lq-img.lq-a {
  /* Before / Most Fixtures */
  z-index: 1;
}
.national-accounts-mini-site .lq-slider .lq-img.lq-b {
  /* After / Elite — clipped to reveal as user drags */
  z-index: 2;
  clip-path: inset(0 0 0 50%);
  -webkit-clip-path: inset(0 0 0 50%);
}
.national-accounts-mini-site .lq-slider .lq-text {
  position: absolute; left: 0; right: 0; top: 0;
  z-index: 5; padding: 56px 28px 0;
  pointer-events: none;
}
.national-accounts-mini-site .lq-slider .lq-text .wrap { max-width: 1240px; margin: 0 auto; }
.national-accounts-mini-site .lq-slider .lq-text .breadcrumb { color: #cad0e2; margin-bottom: 14px; font-size: 13px; text-shadow: 0 1px 8px rgba(0,0,0,0.55); }
.national-accounts-mini-site .lq-slider .lq-text .breadcrumb a { color: var(--ember); pointer-events: auto; }
.national-accounts-mini-site .lq-slider .lq-text h1 {
  color: #fff; font-size: clamp(34px, 4.6vw, 58px);
  max-width: 22ch; text-shadow: 0 2px 18px rgba(0,0,0,0.6);
}
.national-accounts-mini-site .lq-slider .lq-tags { position: absolute; left: 0; right: 0; bottom: 26px; z-index: 4; pointer-events: none; }
.national-accounts-mini-site .lq-slider .lq-tags .wrap { max-width: 1240px; margin: 0 auto; padding: 0 28px; display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.national-accounts-mini-site .lq-slider .lq-tag {
  font-family: var(--sans); font-size: 11px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: #fff; padding: 8px 14px;
  background: rgba(10,14,22,0.55); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 4px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5);
  transition: opacity 0.18s ease;
}
.national-accounts-mini-site .lq-slider .lq-tag.before { color: #ffd7b8; }
.national-accounts-mini-site .lq-slider .lq-tag.after { color: #c2e0e2; }
.national-accounts-mini-site .lq-slider .lq-handle {
  position: absolute; top: 0; bottom: 0; left: 50%;
  z-index: 6; width: 4px;
  background: #fff; transform: translateX(-50%);
  pointer-events: none;
  box-shadow: 0 0 18px rgba(0,0,0,0.45), 0 0 0 1px rgba(0,0,0,0.08);
}
.national-accounts-mini-site .lq-slider .lq-handle::before {
  content: ""; position: absolute;
  top: 50%; left: 50%; width: 56px; height: 56px;
  transform: translate(-50%, -50%);
  background: #fff; border-radius: 100%;
  box-shadow: 0 6px 20px rgba(0,0,0,0.32);
  border: 1px solid rgba(0,0,0,0.06);
}
.national-accounts-mini-site .lq-slider .lq-handle::after {
  content: ""; position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 26px; height: 14px;
  background: var(--ink);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 14'><path d='M8 1L1 7l7 6M18 1l7 6-7 6' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 14'><path d='M8 1L1 7l7 6M18 1l7 6-7 6' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
}
.national-accounts-mini-site .lq-slider .lq-hit {
  position: absolute; inset: 0;
  z-index: 7; cursor: ew-resize;
}

/* Pipe-separated list inside cat-card (replaces the chip-style pills) */
.national-accounts-mini-site .cat-card .cat-list {
  font-size: 13.5px; color: var(--ink-2); line-height: 1.7;
  margin: 4px 0 0; padding: 0; font-weight: 400;
}
.national-accounts-mini-site .cat-card .cat-list .cat-sep {
  color: var(--flame); font-weight: 700;
  padding: 0 2px; opacity: 0.7;
}
@media (max-width: 800px)  {.national-accounts-mini-site .cat-grid { grid-template-columns: 1fr; } }

/* ---------- Manufacturer, not broker ---------- */
.national-accounts-mini-site .mnb {
  background: linear-gradient(135deg, #2a3556 0%, #1f2944 100%);
  color: #fff; position: relative; overflow: hidden;
}
.national-accounts-mini-site .mnb::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 50% 60% at 78% 22%, rgba(110,132,196,0.32), transparent 60%),
    radial-gradient(ellipse 40% 60% at 12% 78%, rgba(132,200,204,0.18), transparent 60%);
  pointer-events: none;
}
.national-accounts-mini-site .mnb .wrap { position: relative; }
.national-accounts-mini-site .mnb .eyebrow { color: #b8c3e0; }
.national-accounts-mini-site .mnb h2 { color: #fff; max-width: 22ch; }
.national-accounts-mini-site .mnb p.lead { color: #c7cee2; font-size: 17px; max-width: 64ch; margin: 16px 0 0; line-height: 1.65; }
.national-accounts-mini-site .mnb-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 36px; }
.national-accounts-mini-site .mnb-col {
  padding: 24px 26px; border-radius: var(--radius); position: relative;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
}
.national-accounts-mini-site .mnb-col.us { background: linear-gradient(160deg, rgba(110,132,196,0.18), rgba(132,200,204,0.06));
  border-color: rgba(132,200,204,0.32); }
.national-accounts-mini-site .mnb-col h3 { font-family: var(--sans); font-size: 14px; text-transform: uppercase; letter-spacing: 0.12em; margin: 0 0 14px; }
.national-accounts-mini-site .mnb-col.us h3 { color: #b8d7d6; }
.national-accounts-mini-site .mnb-col.them h3 { color: #95a1c0; }
.national-accounts-mini-site .mnb-col ul { list-style: none; margin: 0; padding: 0; }
.national-accounts-mini-site .mnb-col li { font-size: 14.5px; color: #d8def0; padding: 8px 0 8px 24px; position: relative; line-height: 1.5; }
.national-accounts-mini-site .mnb-col li::before {
  content: ""; position: absolute; left: 0; top: 14px; width: 14px; height: 2px; background: currentColor; opacity: 0.5;
}
.national-accounts-mini-site .mnb-col.us li { color: #e6ecf6; }
.national-accounts-mini-site .mnb-col.us li::before { background: #84c8cc; opacity: 1; }
@media (max-width: 760px)  {.national-accounts-mini-site .mnb-compare { grid-template-columns: 1fr; } }

/* ---------- Customers / Logos wall ---------- */
.national-accounts-mini-site .logos-section { background: var(--paper); }
.national-accounts-mini-site .logo-wall {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 32px;
}
.national-accounts-mini-site .logo-cell {
  aspect-ratio: 5 / 2;
  background: #fff; border: 1px solid var(--line); border-radius: 12px;
  display: grid; place-items: center; padding: 10px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.national-accounts-mini-site .logo-cell:hover { transform: translateY(-2px); border-color: var(--flame); }
.national-accounts-mini-site .logo-cell img { max-width: 80%; max-height: 60%; object-fit: contain; opacity: 0.86; filter: grayscale(0.25); }
.national-accounts-mini-site .logo-cell .ph {
  font-family: var(--serif); font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--muted-2); text-align: center; padding: 8px;
}
.national-accounts-mini-site .logos-note { margin-top: 20px; text-align: center; font-size: 13.5px; color: var(--muted); font-style: italic; }
@media (max-width: 900px)  {.national-accounts-mini-site .logo-wall { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px)  {.national-accounts-mini-site .logo-wall { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Made in USA band ---------- */
.national-accounts-mini-site .usa-band { position: relative; min-height: 56vh; color: #fff; overflow: hidden; }
.national-accounts-mini-site .usa-band .usa-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.national-accounts-mini-site .usa-band .usa-scrim {
  position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 70% 80% at 25% 50%, rgba(10,14,22,0.72), rgba(10,14,22,0.36) 50%, rgba(10,14,22,0.05) 75%);
}
.national-accounts-mini-site .usa-band .wrap { position: relative; z-index: 2; padding: 80px 28px; }
.national-accounts-mini-site .usa-band .eyebrow { color: #cdd3e3; }
.national-accounts-mini-site .usa-band h2 { color: #fff; font-size: clamp(34px, 4.8vw, 56px); max-width: 18ch; }
.national-accounts-mini-site .usa-band p { color: #d8dded; font-size: clamp(15px, 1.4vw, 18px); max-width: 56ch; margin: 18px 0 0; line-height: 1.65; }
.national-accounts-mini-site .usa-marks { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.national-accounts-mini-site .usa-marks .m {
  font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.32); color: #e6ebf5;
  padding: 7px 14px; border-radius: 100px;
}

/* ---------- Case studies ---------- */
.national-accounts-mini-site .cases-section { background: var(--paper-2); }
.national-accounts-mini-site .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 32px; }
.national-accounts-mini-site .case-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 28px 26px 26px; display: flex; flex-direction: column;
  position: relative; overflow: hidden;
}
.national-accounts-mini-site .case-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--flame), #84c8cc);
}
.national-accounts-mini-site .case-card .case-cat { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--flame); margin-bottom: 14px; font-weight: 600; }
.national-accounts-mini-site .case-card h3 { font-family: var(--serif); font-size: 22px; color: var(--ink); margin: 0 0 6px; letter-spacing: -0.02em; line-height: 1.22; }
.national-accounts-mini-site .case-card .case-sub { font-size: 13px; color: var(--muted); margin: 0 0 18px; font-style: italic; }
.national-accounts-mini-site .case-card .case-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 18px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.national-accounts-mini-site .case-card .case-metrics .met { display: flex; flex-direction: column; gap: 2px; }
.national-accounts-mini-site .case-card .case-metrics .met .n { font-family: var(--serif); font-size: 22px; color: var(--flame-dark); line-height: 1; }
.national-accounts-mini-site .case-card .case-metrics .met .l { font-size: 11px; color: var(--muted-2); text-transform: uppercase; letter-spacing: 0.08em; }
.national-accounts-mini-site .case-card p.story { font-size: 14px; color: var(--ink-2); margin: 0; line-height: 1.6; }
@media (max-width: 900px)  {.national-accounts-mini-site .case-grid { grid-template-columns: 1fr; } }

/* ---------- Sustainability ---------- */
.national-accounts-mini-site .sustain-section { background: linear-gradient(170deg, #eef5f0 0%, #e3eee8 100%); }
.national-accounts-mini-site .sustain-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px; }
.national-accounts-mini-site .sustain-card {
  background: #fff; border: 1px solid #d4e3da; border-radius: var(--radius);
  padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 10px;
}
.national-accounts-mini-site .sustain-card .sx-ico {
  width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: none;
  background: linear-gradient(135deg, #d8ebe0, #c3dfcf); color: #2f6b53; border: 1px solid #b9d5c5;
}
.national-accounts-mini-site .sustain-card .sx-ico svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.7; }
.national-accounts-mini-site .sustain-card h4 { font-size: 15px; font-weight: 600; color: var(--ink); margin: 0; letter-spacing: -0.01em; }
.national-accounts-mini-site .sustain-card p { font-size: 13.5px; color: var(--muted); margin: 0; line-height: 1.55; }
@media (max-width: 900px)  {.national-accounts-mini-site .sustain-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Team ---------- */
.national-accounts-mini-site .team-section { background: var(--paper-2); }
.national-accounts-mini-site .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 32px; max-width: 980px; margin-left: auto; margin-right: auto; }
.national-accounts-mini-site .team-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 26px 24px 22px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.national-accounts-mini-site .team-avatar {
  width: 104px; height: 104px; border-radius: 100%; margin-bottom: 6px;
  background: linear-gradient(135deg, #c9d3ef 0%, #a8bce0 100%);
  display: grid; place-items: center; overflow: hidden; position: relative;
  border: 3px solid #fff; box-shadow: 0 4px 16px -6px rgba(110,132,196,0.45);
}
.national-accounts-mini-site .team-avatar svg { width: 56px; height: 56px; color: #5a72ab; }
.national-accounts-mini-site .team-avatar img { width: 100%; height: 100%; object-fit: cover; }
.national-accounts-mini-site .team-card h4 { font-family: var(--serif); font-size: 19px; color: var(--ink); margin: 6px 0 0; letter-spacing: -0.01em; }
.national-accounts-mini-site .team-card .role { font-size: 12.5px; color: var(--flame); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; margin: 2px 0 12px; }
.national-accounts-mini-site .team-card .bio { font-size: 13.5px; color: var(--muted); margin: 0 0 14px; line-height: 1.55; }
.national-accounts-mini-site .team-card .team-contact { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--ink-2); }
.national-accounts-mini-site .team-card .team-contact a { color: var(--flame); }
.national-accounts-mini-site .team-card .team-contact a:hover { color: var(--flame-dark); text-decoration: underline; }
@media (max-width: 900px)  {.national-accounts-mini-site .team-grid { grid-template-columns: 1fr; } }

/* ====================================================
   PHASE 2: VISUAL UPGRADES
   Image placeholders, right-rail section navigator,
   big-number callouts, tighter text density patterns.
   ==================================================== */

/* Brochure-style image placeholder */
.national-accounts-mini-site .photo-band {
  background: #EEF1F6;
  border: 1px solid #C9D2E0;
  border-radius: var(--radius-lg);
  min-height: 280px;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center; padding: 28px 24px;
  margin: 0;
  position: relative; overflow: hidden;
}
.national-accounts-mini-site .photo-band.tall { min-height: 420px; }
.national-accounts-mini-site .photo-band.cinema { min-height: 360px; border-radius: 0; border-left: 0; border-right: 0; }
.national-accounts-mini-site .photo-band .ph-label {
  font-size: 10px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--muted-2);
  display: inline-flex; align-items: center; gap: 8px;
}
.national-accounts-mini-site .photo-band .ph-label::before, .national-accounts-mini-site .photo-band .ph-label::after {
  content: ""; display: inline-block; width: 18px; height: 1px; background: var(--muted-2); opacity: 0.5;
}
.national-accounts-mini-site .photo-band .ph-sub {
  font-size: 13px; color: var(--muted); margin: 10px 0 0;
  font-style: italic; max-width: 48ch; line-height: 1.55;
}
.national-accounts-mini-site .photo-band .ph-icon {
  width: 40px; height: 40px; border-radius: 100%;
  background: #fff; border: 1px solid var(--line);
  display: grid; place-items: center; margin-bottom: 14px;
  color: var(--muted-2);
}
.national-accounts-mini-site .photo-band .ph-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.6; }

/* Side-by-side image placeholder + text */
.national-accounts-mini-site .photo-split {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
}
.national-accounts-mini-site .photo-split.rev { grid-template-columns: 1fr 1fr; }
.national-accounts-mini-site .photo-split.rev .photo-band { order: 2; }
.national-accounts-mini-site .photo-split .photo-band { min-height: 360px; margin: 0; }
.national-accounts-mini-site .photo-split-body h2 { margin-bottom: 14px; }
.national-accounts-mini-site .photo-split-body p { color: var(--muted); margin: 0 0 12px; line-height: 1.6; }
@media (max-width: 900px)  {
.national-accounts-mini-site .photo-split, .national-accounts-mini-site .photo-split.rev { grid-template-columns: 1fr; gap: 24px; }
.national-accounts-mini-site .photo-split.rev .photo-band { order: 0; }
}

/* Big number callout (pulled-out stat) */
.national-accounts-mini-site .bignum-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 28px 0; }
.national-accounts-mini-site .bignum {
  text-align: center; padding: 24px 18px;
  background: linear-gradient(170deg, #fff 0%, #f8faff 100%);
  border: 1px solid var(--line); border-radius: var(--radius);
  border-top: 3px solid var(--flame);
}
.national-accounts-mini-site .bignum .bn-n {
  font-family: var(--serif); font-size: clamp(40px, 5vw, 60px);
  color: var(--flame-dark); line-height: 1; margin: 0 0 8px;
  font-weight: 500;
}
.national-accounts-mini-site .bignum .bn-l {
  font-size: 13px; color: var(--muted); line-height: 1.5;
  font-weight: 500; letter-spacing: 0.01em;
}
@media (max-width: 720px)  {.national-accounts-mini-site .bignum-grid { grid-template-columns: 1fr; } }

/* Section number marker (big numbered tags like SECTION 01) */
.national-accounts-mini-site .sect-num {
  display: inline-flex; align-items: center; gap: 14px;
  margin-bottom: 16px;
}
.national-accounts-mini-site .sect-num .sn-n {
  font-family: var(--serif); font-size: 36px; line-height: 1;
  color: var(--flame); font-weight: 500;
}
.national-accounts-mini-site .sect-num .sn-label {
  font-size: 10px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--muted-2);
  border-left: 1px solid var(--line); padding-left: 14px;
  line-height: 1.4;
}

/* Right-side rail in-page navigator */
.national-accounts-mini-site .rail-nav {
  position: fixed; top: 60%; right: 28px;
  transform: translateY(-50%); z-index: 40;
  display: flex; flex-direction: column; gap: 6px;
  padding: 14px 14px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid var(--line); border-radius: 14px;
  box-shadow: 0 12px 28px -16px rgba(42,53,86,0.18);
  max-height: 80vh; overflow-y: auto;
}
.national-accounts-mini-site .rail-nav::-webkit-scrollbar { width: 4px; }
.national-accounts-mini-site .rail-nav::-webkit-scrollbar-thumb { background: var(--line); border-radius: 2px; }

.national-accounts-mini-site .rail-nav a {
  display: flex; align-items: center; gap: 10px;
  padding: 6px 8px; border-radius: 8px;
  font-size: 11.5px; color: var(--muted);
  font-weight: 500; transition: all 0.18s;
  letter-spacing: 0.01em;
}
.national-accounts-mini-site .rail-nav a:hover { background: var(--paper-2); color: var(--ink); }
.national-accounts-mini-site .rail-nav a.active { color: var(--flame-dark); font-weight: 700; background: #eef1fb; }
.national-accounts-mini-site .rail-nav a .rn-dot {
  width: 8px; height: 8px; border-radius: 100%;
  background: var(--line); flex: none;
  transition: all 0.18s;
}
.national-accounts-mini-site .rail-nav a:hover .rn-dot { background: var(--flame); }
.national-accounts-mini-site .rail-nav a.active .rn-dot { background: var(--flame); transform: scale(1.3); }
.national-accounts-mini-site .rail-nav a .rn-num {
  font-family: var(--serif); font-size: 11px; color: var(--muted-2);
  min-width: 18px; text-align: right;
}
.national-accounts-mini-site .rail-nav a.active .rn-num { color: var(--flame-dark); }
.national-accounts-mini-site .rail-nav a .rn-label { flex: 1; white-space: nowrap; }

@media (max-width: 1300px)  {
.national-accounts-mini-site .rail-nav { display: none; }
}

/* Industries expansion note */
.national-accounts-mini-site .ind-note { margin-top: 22px; text-align: center; font-size: 13.5px; color: var(--muted); font-style: italic; max-width: 64ch; margin-left: auto; margin-right: auto; line-height: 1.6; }
.national-accounts-mini-site .ind-note a { color: var(--flame); font-weight: 600; }
.national-accounts-mini-site .ind-note a:hover { color: var(--flame-dark); }

/* ---------- Category pages (catalog) ---------- */
.national-accounts-mini-site .fam-group { margin-top: 42px; }
.national-accounts-mini-site .fam-group:first-child { margin-top: 26px; }
.national-accounts-mini-site .fam-group-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 22px; flex-wrap: wrap; }
.national-accounts-mini-site .fam-group-head h3 { font-family: var(--serif); font-size: clamp(22px, 2.4vw, 28px); color: var(--ink); margin: 0; letter-spacing: -0.02em; }
.national-accounts-mini-site .fam-group-head .fam-group-meta { font-size: 13px; color: var(--muted-2); font-style: italic; }

.national-accounts-mini-site .fam-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.national-accounts-mini-site .fam-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.national-accounts-mini-site .fam-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 960px)  {.national-accounts-mini-site .fam-grid, .national-accounts-mini-site .fam-grid.cols-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  {.national-accounts-mini-site .fam-grid, .national-accounts-mini-site .fam-grid.cols-2, .national-accounts-mini-site .fam-grid.cols-4 { grid-template-columns: 1fr; } }

.national-accounts-mini-site .fam-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 20px 22px 18px; display: flex; flex-direction: column; gap: 8px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  position: relative;
}
.national-accounts-mini-site .fam-card:hover { transform: translateY(-2px); border-color: var(--flame); box-shadow: 0 16px 32px -20px rgba(110,132,196,0.4); }
.national-accounts-mini-site .fam-card .code {
  align-self: flex-start;
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--flame-dark); background: #eef1fb; border: 1px solid #d8def0;
  padding: 4px 10px; border-radius: 100px;
}
.national-accounts-mini-site .fam-card h4 { font-family: var(--serif); font-size: 18px; color: var(--ink); margin: 4px 0 2px; letter-spacing: -0.01em; line-height: 1.25; }
.national-accounts-mini-site .fam-card .fam-desc { font-size: 13.5px; color: var(--muted); margin: 0; line-height: 1.55; flex: 1; }
.national-accounts-mini-site .fam-card .chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.national-accounts-mini-site .fam-card .chip { font-size: 11px; padding: 3px 8px; }
.national-accounts-mini-site .fam-card .spec-btn {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 14px;
  font-size: 12.5px; font-weight: 600; color: var(--flame); text-decoration: none;
  padding: 8px 0 0; border-top: 1px solid var(--line);
  letter-spacing: 0.02em;
}
.national-accounts-mini-site .fam-card .spec-btn:hover { color: var(--flame-dark); }
.national-accounts-mini-site .fam-card .spec-btn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }
.national-accounts-mini-site .fam-card .spec-btn.disabled { color: var(--muted-2); pointer-events: none; }

/* Beam distribution visual */
.national-accounts-mini-site .beam-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 28px; }
.national-accounts-mini-site .beam-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 22px 18px; text-align: center; display: flex; flex-direction: column; gap: 8px;
}
.national-accounts-mini-site .beam-card .beam-vis {
  width: 60px; height: 60px; border-radius: 100%; margin: 0 auto 4px;
  background: radial-gradient(circle at 50% 30%, #fff8dc 0%, #ffeaa7 35%, transparent 70%);
  position: relative;
}
.national-accounts-mini-site .beam-card .beam-deg { font-family: var(--serif); font-size: 20px; color: var(--flame-dark); }
.national-accounts-mini-site .beam-card .beam-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-2); }
.national-accounts-mini-site .beam-card .beam-use { font-size: 11.5px; color: var(--muted); line-height: 1.5; }
@media (max-width: 900px)  {.national-accounts-mini-site .beam-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px)  {.national-accounts-mini-site .beam-grid { grid-template-columns: repeat(2, 1fr); } }

/* Category page hero variant — slightly brighter */
.national-accounts-mini-site .cat-hero { position: relative; color: #fff; overflow: hidden; min-height: 50vh; display: flex; align-items: flex-end; }
.national-accounts-mini-site .cat-hero .bgfill { position: absolute; inset: 0; z-index: 0; }
.national-accounts-mini-site .cat-hero .bgfill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.national-accounts-mini-site .cat-hero .scrim {
  position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 70% 80% at 18% 80%, rgba(10,14,22,0.62), rgba(10,14,22,0.20) 55%, transparent 78%),
    linear-gradient(180deg, rgba(10,14,22,0.04) 0%, rgba(10,14,22,0) 30%, rgba(10,14,22,0.38) 100%);
}
.national-accounts-mini-site .cat-hero .wrap { position: relative; z-index: 2; padding: 72px 28px 56px; }
.national-accounts-mini-site .cat-hero h1, .national-accounts-mini-site .cat-hero p, .national-accounts-mini-site .cat-hero .breadcrumb { text-shadow: 0 2px 14px rgba(0,0,0,0.55); }
.national-accounts-mini-site .cat-hero h1 { font-size: clamp(36px, 5vw, 60px); max-width: 18ch; margin: 0; }
.national-accounts-mini-site .cat-hero p.lead { font-size: clamp(16px, 1.4vw, 18px); color: #d8dded; max-width: 60ch; margin: 20px 0 0; line-height: 1.65; }

/* Per-category accent strip below hero */
.national-accounts-mini-site .cat-bar {
  background: var(--paper-2); border-bottom: 1px solid var(--line);
  font-size: 12.5px; color: var(--ink-2);
}
.national-accounts-mini-site .cat-bar .wrap { display: flex; flex-wrap: wrap; gap: 22px; padding: 14px 28px; align-items: center; }
.national-accounts-mini-site .cat-bar a { color: var(--flame-dark); font-weight: 600; }
.national-accounts-mini-site .cat-bar a:hover { color: var(--flame); }
.national-accounts-mini-site .cat-bar .sep { color: var(--line); }