/* ============================================================
   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;
}

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

.national-accounts-mini-site { scroll-behavior: smooth; }

.national-accounts-mini-site {
  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 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,
.national-accounts-mini-site .eyebrow::after {
  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 (iuseelite.com mock) + SECTION TABS
   This is the real-environment representation: when our
   pages land inside iuseelite.com, the parent nav is
   provided by the CMS. Our pages only need to render
   the .section-tabs bar and below. The .parent-nav block
   below is included so stakeholders can preview the full
   page experience during review.
   ==================================================== */

.national-accounts-mini-site {
  --elite-green: #95C93D;
  --elite-green-dark: #7BAB30;
  --parent-ink: #14140f;
  --parent-muted: #5a5a55;
  --parent-line: #e6e6e2;
}

.national-accounts-mini-site .parent-nav {
  background: #fff;
  border-bottom: 1px solid var(--parent-line);
  position: relative; z-index: 100;
  font-family: var(--sans);
}

.national-accounts-mini-site .parent-nav .pn-top {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 28px 14px;
  max-width: 1240px; margin: 0 auto;
}
.national-accounts-mini-site .parent-nav .pn-logo img { height: 44px; width: auto; display: block; }
.national-accounts-mini-site .parent-nav .pn-search {
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid #d6d6d2; padding: 4px 0; min-width: 360px;
}
.national-accounts-mini-site .parent-nav .pn-search svg { width: 18px; height: 18px; stroke: #6a6a65; fill: none; stroke-width: 2; flex: none; }
.national-accounts-mini-site .parent-nav .pn-search input {
  border: 0; outline: 0; background: transparent; font-family: var(--sans);
  font-size: 14px; color: var(--parent-ink); width: 100%;
}
.national-accounts-mini-site .parent-nav .pn-search input::placeholder { color: #9a9a95; }

.national-accounts-mini-site .parent-nav .pn-bar {
  background: #fff; border-top: 1px solid var(--parent-line);
}
.national-accounts-mini-site .parent-nav .pn-items {
  display: flex; align-items: stretch; justify-content: center; gap: 0;
  list-style: none; margin: 0; padding: 0;
  max-width: 1240px; margin: 0 auto;
}
.national-accounts-mini-site .parent-nav .pn-items > li { position: relative; }
.national-accounts-mini-site .parent-nav .pn-items > li > a {
  display: block; padding: 22px 22px; font-size: 17px; font-weight: 400;
  color: var(--parent-ink); transition: color 0.18s; position: relative;
  letter-spacing: 0;
}
.national-accounts-mini-site .parent-nav .pn-items > li > a:hover { color: var(--elite-green); }
.national-accounts-mini-site .parent-nav .pn-items > li.pn-active > a {
  color: var(--elite-green); font-weight: 500;
}
.national-accounts-mini-site .parent-nav .pn-items > li.pn-active > a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 0;
  height: 3px; background: var(--elite-green);
}
.national-accounts-mini-site .parent-nav .pn-items > li.pn-has-dropdown > a::after {
  content: ""; display: inline-block; width: 0; height: 0; margin-left: 8px;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 4px solid currentColor; vertical-align: middle; opacity: 0.6;
}
.national-accounts-mini-site .parent-nav .pn-dropdown {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  background: #f4f4f1; border: 1px solid var(--parent-line); border-top: 0;
  list-style: none; margin: 0; padding: 6px 0; min-width: 200px;
  display: none; box-shadow: 0 10px 24px -10px rgba(0,0,0,0.15);
}
.national-accounts-mini-site .parent-nav .pn-has-dropdown:hover .pn-dropdown { display: block; }
.national-accounts-mini-site .parent-nav .pn-dropdown li a {
  display: block; padding: 12px 22px; color: var(--parent-ink);
  font-size: 16px; font-weight: 400;
}
.national-accounts-mini-site .parent-nav .pn-dropdown li a:hover { color: var(--elite-green); background: #ececea; }

@media (max-width: 980px) {
  .national-accounts-mini-site .parent-nav .pn-top { flex-direction: column; gap: 14px; align-items: stretch; }
  .national-accounts-mini-site .parent-nav .pn-search { min-width: 0; }
  .national-accounts-mini-site .parent-nav .pn-items { flex-wrap: wrap; justify-content: flex-start; }
  .national-accounts-mini-site .parent-nav .pn-items > li > a { padding: 14px 14px; font-size: 15px; }
}

/* 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: 14px; font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink-2);
  padding: 18px 18px;
  display: flex; align-items: center;
  text-decoration: none;
  position: relative;
  transition: color 0.18s;
}
.national-accounts-mini-site .section-tabs a.st-label:hover { color: var(--ink); }
.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,
.national-accounts-mini-site .hero .eyebrow::after { 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 img { transition: transform 0.55s cubic-bezier(.4,.2,.2,1); }
.national-accounts-mini-site .split-media:hover img { transform: scale(1.06); }
.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 .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; min-height: 380px; background: #0f1422; }
.national-accounts-mini-site .page-hero .bgfill {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}
.national-accounts-mini-site .page-hero .scrim { display: none; }
.national-accounts-mini-site .page-hero h1,
.national-accounts-mini-site .page-hero p,
.national-accounts-mini-site .page-hero .breadcrumb {
  text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 2px 8px rgba(0,0,0,0.5);
}
.national-accounts-mini-site .page-hero h1 { color: #fff; }
.national-accounts-mini-site .page-hero p { color: #e6ebf5; }
.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: 38px; color: var(--flame-dark); line-height: 1; letter-spacing: -0.01em; }
.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.62) sepia(0.18) hue-rotate(-8deg) brightness(0.92) contrast(0.92); }
.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 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-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 (plain text tags) */
.national-accounts-mini-site .ind-row { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 22px; padding: 0; justify-content: center; }
.national-accounts-mini-site .ind-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 4px 0;
  background: transparent; border: 0; border-radius: 0;
  font-size: 14.5px; color: var(--ink-2); font-weight: 400;
  cursor: default;
}
.national-accounts-mini-site .ind-chip .ic-dot { width: 4px; height: 4px; border-radius: 100%; background: var(--flame); flex: none; opacity: 0.8; }

/* 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: 24px; font-weight: 600; color: var(--ink); margin: 0; letter-spacing: -0.02em; line-height: 1.2; }
.national-accounts-mini-site .cat-card p { font-size: 15px; color: var(--ink-2); margin: 0; line-height: 1.6; font-weight: 400; }
.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: 12px; color: var(--muted); line-height: 1.65;
  margin: 8px 0 0; padding: 12px 0 0; font-weight: 400;
  border-top: 1px solid var(--line);
}
.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: 28px 30px; border-radius: var(--radius); position: relative;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
  transition: transform .25s ease;
}
.national-accounts-mini-site .mnb-col.them {
  background: rgba(255,255,255,0.02);
  border: 1px dashed rgba(180,150,140,0.20);
}
.national-accounts-mini-site .mnb-col.us {
  background: linear-gradient(160deg, rgba(110,132,196,0.28), rgba(132,200,204,0.14));
  border: 1px solid rgba(132,200,204,0.55);
  box-shadow: 0 0 0 1px rgba(132,200,204,0.15), 0 24px 48px -22px rgba(20,28,48,0.45);
}
.national-accounts-mini-site .mnb-col h3 {
  font-family: var(--sans); font-size: 13px;
  text-transform: uppercase; letter-spacing: 0.16em;
  margin: 0 0 18px; font-weight: 700;
  display: inline-flex; align-items: center; gap: 10px;
}
.national-accounts-mini-site .mnb-col.us h3 { color: #c8e8e8; }
.national-accounts-mini-site .mnb-col.us h3::before {
  content: "ELITE"; background: var(--ember); color: var(--ink);
  font-size: 10px; font-weight: 800; letter-spacing: 0.18em;
  padding: 4px 10px; border-radius: 100px;
}
.national-accounts-mini-site .mnb-col.them h3 { color: #8a93ab; }
.national-accounts-mini-site .mnb-col.them h3::before {
  content: "THE OLD WAY"; background: rgba(160,170,200,0.12);
  color: #8a93ab; border: 1px solid rgba(160,170,200,0.30);
  font-size: 10px; font-weight: 700; letter-spacing: 0.18em;
  padding: 3px 10px; border-radius: 100px;
}
.national-accounts-mini-site .mnb-col ul { list-style: none; margin: 0; padding: 0; }
.national-accounts-mini-site .mnb-col li {
  font-size: 15px; padding: 10px 0 10px 30px; position: relative;
  line-height: 1.55;
}
.national-accounts-mini-site .mnb-col.them li { color: #95a0bd; }
.national-accounts-mini-site .mnb-col.them li::before {
  content: "✕"; position: absolute; left: 0; top: 9px;
  width: 20px; height: 20px; line-height: 20px; text-align: center;
  font-size: 12px; font-weight: 700;
  color: #b97474; background: rgba(180,90,90,0.10);
  border-radius: 50%;
}
.national-accounts-mini-site .mnb-col.us li { color: #f0f4fb; font-weight: 500; }
.national-accounts-mini-site .mnb-col.us li::before {
  content: "✓"; position: absolute; left: 0; top: 9px;
  width: 20px; height: 20px; line-height: 20px; text-align: center;
  font-size: 13px; font-weight: 800;
  color: var(--ink); background: var(--ember);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(132,200,204,0.55);
}
@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: 6px 26px; margin-top: 22px; }
.national-accounts-mini-site .usa-marks .m {
  font-size: 13px; letter-spacing: 0.04em; text-transform: none;
  color: #e6ebf5; background: transparent; border: 0; padding: 4px 0;
  font-weight: 400;
  display: inline-flex; align-items: center; gap: 8px;
}
.national-accounts-mini-site .usa-marks .m::before {
  content: ""; width: 4px; height: 4px; border-radius: 100%;
  background: var(--ember); opacity: 0.85;
}

/* ---------- 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: 50%; 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); }

/* ============================================
   SPOTLIGHT: interactive 3D fixture viewer
   ============================================ */
.national-accounts-mini-site .spotlight {
  background: linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.national-accounts-mini-site .spotlight .wrap { padding: 72px 28px; }
.national-accounts-mini-site .spotlight .section-head { margin-bottom: 36px; }

.national-accounts-mini-site .spot-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 900px) {
  .national-accounts-mini-site .spot-grid { grid-template-columns: 1fr; gap: 32px; }
}

/* Viewer column */
.national-accounts-mini-site .spot-viewer { position: relative; }
.national-accounts-mini-site .spot-viewer model-viewer {
  --poster-color: #f4f4f1;
  border: 1px solid var(--line);
  box-shadow: 0 30px 60px -28px rgba(20,28,48,0.25), 0 8px 18px -10px rgba(20,28,48,0.12);
  outline: none;
}
.national-accounts-mini-site .spot-hint {
  margin: 14px 0 0;
  font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--muted-2); text-align: center;
}
.national-accounts-mini-site .spot-poster {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: #f4f4f1; color: var(--muted-2);
  font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase;
}
.national-accounts-mini-site .spot-ar-btn {
  position: absolute; bottom: 16px; right: 16px;
  background: var(--ink); color: #fff;
  border: 0; border-radius: 999px;
  padding: 11px 18px;
  font: 600 12px/1 Inter, sans-serif;
  letter-spacing: 0.06em; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 18px -6px rgba(20,28,48,0.45);
  transition: transform .15s ease, background .2s ease;
}
.national-accounts-mini-site .spot-ar-btn:hover { background: var(--flame-dark); transform: translateY(-1px); }

/* Info column */
.national-accounts-mini-site .spot-info { display: flex; flex-direction: column; gap: 28px; }
.national-accounts-mini-site .spot-meta .spot-code {
  display: inline-block;
  font: 600 11.5px/1 Inter, sans-serif;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--flame-dark);
  padding: 6px 10px;
  background: rgba(214, 90, 49, 0.08);
  border-radius: 4px;
  margin-bottom: 14px;
}
.national-accounts-mini-site .spot-meta h3 {
  margin: 0 0 12px;
  font-family: Fraunces, serif;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.2;
  color: var(--ink);
}
.national-accounts-mini-site .spot-lead {
  margin: 0;
  font-size: 16px; line-height: 1.65;
  color: var(--ink-2);
}

.national-accounts-mini-site .spot-block { border-top: 1px solid var(--line); padding-top: 22px; }
.national-accounts-mini-site .spot-label {
  margin: 0 0 12px;
  font: 600 11.5px/1 Inter, sans-serif;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--muted-2);
}

/* Finish chips */
.national-accounts-mini-site .finish-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.national-accounts-mini-site .finish-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px 8px 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  font: 500 13px/1 Inter, sans-serif;
  color: var(--ink-2);
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.national-accounts-mini-site .finish-chip:hover { border-color: var(--ink); transform: translateY(-1px); }
.national-accounts-mini-site .finish-chip.is-active {
  border-color: var(--ink);
  box-shadow: 0 0 0 2px var(--ink) inset, 0 4px 10px -4px rgba(20,28,48,0.25);
  color: var(--ink);
}
.national-accounts-mini-site .finish-chip.is-disabled {
  opacity: 0.5; cursor: not-allowed;
}
.national-accounts-mini-site .finish-chip.is-disabled:hover { border-color: var(--line); transform: none; }
.national-accounts-mini-site .finish-swatch {
  display: inline-block;
  width: 22px; height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.08);
  flex-shrink: 0;
}

.national-accounts-mini-site .spot-actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 8px; }
.national-accounts-mini-site .spot-actions .spec-btn { flex: 0 1 auto; }

/* ============================================
   ICON LIGHT-UP TREATMENT (v2 — fixture-on)
   Rest:  white-ish diffuser + dark-navy icon
   Hover: dark-navy housing + glowing warm light
   ============================================ */

.national-accounts-mini-site .cat-card .cc-ico {
  width: 56px; height: 56px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: none;
  position: relative;
  background:
    radial-gradient(ellipse at 28% 25%, #ffffff, #f1f4fb 55%, #e3e8f3);
  border: 1px solid rgba(160, 175, 215, 0.45);
  color: var(--ink, #181b25);
  overflow: hidden;
  transition:
    background .4s ease,
    border-color .35s ease,
    box-shadow .4s ease,
    transform .35s cubic-bezier(.4,.2,.2,1);
  box-shadow:
    0 1px 2px rgba(20,28,48,0.04),
    inset 0 1px 1px rgba(255,255,255,0.9);
}

/* Subtle highlight wash on the "lens" at rest */
.national-accounts-mini-site .cat-card .cc-ico::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.5), transparent 65%);
  pointer-events: none;
  transition: opacity .4s ease, background .4s ease;
  opacity: 0.7;
  border-radius: inherit;
}

/* Tiny LED indicator (off state — quiet) */
.national-accounts-mini-site .cat-card .cc-ico::after {
  content: "";
  position: absolute;
  top: 7px; right: 7px;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: rgba(140, 155, 195, 0.6);
  box-shadow: 0 0 0 1.5px rgba(140, 155, 195, 0.15);
  transition: background .35s ease, box-shadow .35s ease;
}

/* Icon at rest: dark-navy stroke on the light diffuser */
.national-accounts-mini-site .cat-card .cc-ico svg {
  width: 28px; height: 28px;
  stroke: var(--ink, #181b25);
  fill: none;
  stroke-width: 1.7;
  position: relative;
  z-index: 1;
  transition: stroke .4s ease, transform .45s cubic-bezier(.4,.2,.2,1), filter .4s ease;
}

/* Card-level hover */
.national-accounts-mini-site .cat-card {
  transition: border-color .3s ease, box-shadow .3s ease;
}
.national-accounts-mini-site .cat-card:hover {
  border-color: rgba(160, 175, 215, 0.55);
  box-shadow:
    0 14px 32px -18px rgba(20,28,48,0.22),
    0 4px 10px -6px rgba(20,28,48,0.08);
}

/* ===== Light turns on: housing goes dark, icon glows ===== */
.national-accounts-mini-site .cat-card:hover .cc-ico {
  background:
    radial-gradient(ellipse at 30% 25%, #1f2a44, #141a2c 60%, #0d1322);
  border-color: #0d1322;
  transform: scale(1.04);
  box-shadow:
    0 0 0 4px rgba(255, 205, 130, 0.10),
    0 14px 32px -10px rgba(15, 22, 40, 0.55),
    inset 0 1px 1px rgba(255, 220, 160, 0.10);
}

/* Warm interior glow inside the dark housing */
.national-accounts-mini-site .cat-card:hover .cc-ico::before {
  opacity: 1;
  background: radial-gradient(circle at 50% 50%, rgba(255, 215, 140, 0.45), rgba(255, 195, 110, 0.18) 50%, transparent 75%);
}

/* Icon: bright warm light with a glow */
.national-accounts-mini-site .cat-card:hover .cc-ico svg {
  stroke: #ffe7b0;
  transform: scale(1.06);
  filter:
    drop-shadow(0 0 4px rgba(255, 220, 140, 0.85))
    drop-shadow(0 0 10px rgba(255, 190, 100, 0.45));
}

/* LED switches on (warm amber, gentle pulse) */
.national-accounts-mini-site .cat-card:hover .cc-ico::after {
  background: #ffd070;
  box-shadow:
    0 0 0 2px rgba(255, 200, 110, 0.25),
    0 0 8px rgba(255, 200, 110, 0.75),
    0 0 14px rgba(255, 180, 90, 0.35);
  animation: led-pulse 1.6s ease-in-out infinite;
}

@keyframes led-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 2px rgba(255, 200, 110, 0.25),
      0 0 8px rgba(255, 200, 110, 0.75),
      0 0 14px rgba(255, 180, 90, 0.35);
  }
  50% {
    box-shadow:
      0 0 0 2px rgba(255, 200, 110, 0.35),
      0 0 12px rgba(255, 200, 110, 0.95),
      0 0 22px rgba(255, 180, 90, 0.5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .national-accounts-mini-site .cat-card:hover .cc-ico,
.national-accounts-mini-site .cat-card:hover .cc-ico svg { transform: none; }
  .national-accounts-mini-site .cat-card:hover .cc-ico::after { animation: none; }
}

/* ============================================
   SCOPE TILES (home page) — uniform lit-fixture
   treatment + obvious hover lift
   ============================================ */

/* Tile hover: clear lift + dark housing color shift */
.national-accounts-mini-site .scope-tile {
  transition: transform .25s cubic-bezier(.4,.2,.2,1),
              border-color .3s ease,
              box-shadow .3s ease,
              background .3s ease;
}
.national-accounts-mini-site .scope-tile:hover {
  transform: translateY(-4px);
  border-color: #0d1322;
  background: #fbfcfe;
  box-shadow:
    0 20px 36px -18px rgba(20,28,48,0.28),
    0 6px 14px -8px rgba(20,28,48,0.10);
}

/* Reshape the small icon container into a frosted "diffuser" */
.national-accounts-mini-site .scope-tile .st-ico {
  width: 40px; height: 40px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 28% 25%, #ffffff, #f1f4fb 55%, #e3e8f3);
  border: 1px solid rgba(160, 175, 215, 0.45);
  color: var(--ink, #181b25);
  transition:
    background .35s ease,
    border-color .3s ease,
    box-shadow .35s ease,
    transform .35s cubic-bezier(.4,.2,.2,1);
  box-shadow:
    0 1px 2px rgba(20,28,48,0.04),
    inset 0 1px 1px rgba(255,255,255,0.9);
}
.national-accounts-mini-site .scope-tile .st-ico::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.5), transparent 65%);
  pointer-events: none;
  transition: opacity .35s ease, background .35s ease;
  opacity: 0.7;
  border-radius: inherit;
}
.national-accounts-mini-site .scope-tile .st-ico::after {
  content: "";
  position: absolute;
  top: 6px; right: 6px;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: rgba(140, 155, 195, 0.55);
  box-shadow: 0 0 0 1.5px rgba(140, 155, 195, 0.12);
  transition: background .3s ease, box-shadow .3s ease;
}
.national-accounts-mini-site .scope-tile .st-ico svg {
  width: 20px; height: 20px;
  stroke: var(--ink, #181b25);
  fill: none;
  stroke-width: 1.7;
  position: relative;
  z-index: 1;
  transition: stroke .35s ease, transform .35s cubic-bezier(.4,.2,.2,1), filter .35s ease;
}

/* Hover: the housing goes dark, the icon glows warm — applies to ALL tiles */
.national-accounts-mini-site .scope-tile:hover .st-ico {
  background:
    radial-gradient(ellipse at 30% 25%, #1f2a44, #141a2c 60%, #0d1322);
  border-color: #0d1322;
  transform: scale(1.08);
  box-shadow:
    0 0 0 3px rgba(255, 205, 130, 0.14),
    0 12px 26px -10px rgba(15, 22, 40, 0.55),
    inset 0 1px 1px rgba(255, 220, 160, 0.12);
}
.national-accounts-mini-site .scope-tile:hover .st-ico::before {
  opacity: 1;
  background: radial-gradient(circle at 50% 50%, rgba(255, 215, 140, 0.50), rgba(255, 195, 110, 0.20) 50%, transparent 75%);
}
.national-accounts-mini-site .scope-tile:hover .st-ico svg {
  stroke: #ffe7b0;
  transform: scale(1.08);
  filter:
    drop-shadow(0 0 4px rgba(255, 220, 140, 0.9))
    drop-shadow(0 0 10px rgba(255, 190, 100, 0.5));
}
.national-accounts-mini-site .scope-tile:hover .st-ico::after {
  background: #ffd070;
  box-shadow:
    0 0 0 1.5px rgba(255, 200, 110, 0.30),
    0 0 8px rgba(255, 200, 110, 0.85),
    0 0 14px rgba(255, 180, 90, 0.45);
  animation: led-pulse 1.6s ease-in-out infinite;
}

/* ============================================
   SUPPORT & SUSTAIN CARDS — lit-fixture hover
   Support glows warm amber, Sustain glows mint
   ============================================ */

.national-accounts-mini-site .support-card,
.national-accounts-mini-site .sustain-card {
  transition: transform .25s cubic-bezier(.4,.2,.2,1),
              border-color .3s ease,
              box-shadow .3s ease;
}
.national-accounts-mini-site .support-card:hover,
.national-accounts-mini-site .sustain-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 18px 32px -18px rgba(20,28,48,0.22),
    0 4px 10px -6px rgba(20,28,48,0.08);
}
.national-accounts-mini-site .support-card:hover { border-color: rgba(160, 175, 215, 0.55); }
.national-accounts-mini-site .sustain-card:hover { border-color: rgba(120, 175, 145, 0.6); }

/* Icon containers — frosted lens look at rest */
.national-accounts-mini-site .support-card .sc-ico,
.national-accounts-mini-site .sustain-card .sx-ico {
  position: relative;
  overflow: hidden;
  transition:
    background .35s ease,
    border-color .3s ease,
    box-shadow .35s ease,
    transform .35s cubic-bezier(.4,.2,.2,1);
  box-shadow:
    0 1px 2px rgba(20,28,48,0.04),
    inset 0 1px 1px rgba(255,255,255,0.85);
}

/* Subtle light-spill highlight */
.national-accounts-mini-site .support-card .sc-ico::before,
.national-accounts-mini-site .sustain-card .sx-ico::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.45), transparent 65%);
  pointer-events: none;
  transition: opacity .35s ease, background .35s ease;
  opacity: 0.7;
  border-radius: inherit;
}

/* Tiny LED indicator */
.national-accounts-mini-site .support-card .sc-ico::after,
.national-accounts-mini-site .sustain-card .sx-ico::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: rgba(140, 155, 195, 0.55);
  box-shadow: 0 0 0 1.2px rgba(140, 155, 195, 0.12);
  transition: background .3s ease, box-shadow .3s ease;
}
.national-accounts-mini-site .sustain-card .sx-ico::after {
  background: rgba(120, 175, 145, 0.6);
  box-shadow: 0 0 0 1.2px rgba(120, 175, 145, 0.14);
}

.national-accounts-mini-site .support-card .sc-ico svg,
.national-accounts-mini-site .sustain-card .sx-ico svg {
  position: relative;
  z-index: 1;
  transition: stroke .35s ease, transform .35s cubic-bezier(.4,.2,.2,1), filter .35s ease;
}

/* ===== Hover: housing goes dark, light turns on ===== */

/* Support — warm amber glow */
.national-accounts-mini-site .support-card:hover .sc-ico {
  background:
    radial-gradient(ellipse at 30% 25%, #1f2a44, #141a2c 60%, #0d1322);
  border-color: #0d1322;
  transform: scale(1.08);
  box-shadow:
    0 0 0 3px rgba(255, 205, 130, 0.14),
    0 10px 22px -8px rgba(15, 22, 40, 0.5),
    inset 0 1px 1px rgba(255, 220, 160, 0.10);
}
.national-accounts-mini-site .support-card:hover .sc-ico::before {
  opacity: 1;
  background: radial-gradient(circle at 50% 50%, rgba(255, 215, 140, 0.50), rgba(255, 195, 110, 0.20) 50%, transparent 75%);
}
.national-accounts-mini-site .support-card:hover .sc-ico svg {
  stroke: #ffe7b0;
  transform: scale(1.06);
  filter:
    drop-shadow(0 0 4px rgba(255, 220, 140, 0.85))
    drop-shadow(0 0 10px rgba(255, 190, 100, 0.45));
}
.national-accounts-mini-site .support-card:hover .sc-ico::after {
  background: #ffd070;
  box-shadow:
    0 0 0 1.5px rgba(255, 200, 110, 0.30),
    0 0 8px rgba(255, 200, 110, 0.85),
    0 0 14px rgba(255, 180, 90, 0.45);
  animation: led-pulse 1.6s ease-in-out infinite;
}

/* Sustain — mint glow (keeps the mint identity of the section) */
.national-accounts-mini-site .sustain-card:hover .sx-ico {
  background:
    radial-gradient(ellipse at 30% 25%, #1a3a2c, #102a20 60%, #0a1f17);
  border-color: #0a1f17;
  transform: scale(1.08);
  box-shadow:
    0 0 0 3px rgba(150, 220, 180, 0.16),
    0 10px 22px -8px rgba(15, 35, 25, 0.55),
    inset 0 1px 1px rgba(180, 240, 200, 0.12);
}
.national-accounts-mini-site .sustain-card:hover .sx-ico::before {
  opacity: 1;
  background: radial-gradient(circle at 50% 50%, rgba(160, 240, 195, 0.55), rgba(110, 215, 165, 0.22) 50%, transparent 75%);
}
.national-accounts-mini-site .sustain-card:hover .sx-ico svg {
  stroke: #c8f5dc;
  transform: scale(1.06);
  filter:
    drop-shadow(0 0 4px rgba(150, 230, 185, 0.9))
    drop-shadow(0 0 10px rgba(100, 210, 160, 0.55));
}
.national-accounts-mini-site .sustain-card:hover .sx-ico::after {
  background: #8eecbb;
  box-shadow:
    0 0 0 1.5px rgba(140, 235, 185, 0.35),
    0 0 8px rgba(140, 235, 185, 0.85),
    0 0 14px rgba(100, 210, 160, 0.5);
  animation: led-pulse 1.6s ease-in-out infinite;
}

/* ============================================
   Compliance grid (logos with labels)
   ============================================ */
.national-accounts-mini-site .comp-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin: 30px auto 0;
  max-width: 1100px;
}
.national-accounts-mini-site .comp-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 14px 14px;
  display: flex; flex-direction: column; align-items: center;
  gap: 12px; text-align: center;
  cursor: pointer; outline: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.national-accounts-mini-site .comp-card:hover,
.national-accounts-mini-site .comp-card.active,
.national-accounts-mini-site .comp-card:focus-visible {
  transform: translateY(-3px);
  background: var(--flame);
  border-color: var(--flame);
  box-shadow: 0 16px 32px -18px rgba(110,132,196,0.5);
}
.national-accounts-mini-site .comp-card:hover span,
.national-accounts-mini-site .comp-card.active span,
.national-accounts-mini-site .comp-card:focus-visible span { color: #fff; }
.national-accounts-mini-site .comp-card img {
  width: 72px; height: 72px;
  object-fit: contain;
  display: block;
  border-radius: 6px;
}
.national-accounts-mini-site .comp-card span {
  font-size: 12.5px; font-weight: 600;
  color: var(--ink); letter-spacing: 0.01em;
  line-height: 1.3;
}
@media (max-width: 900px) { .national-accounts-mini-site .comp-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 540px) { .national-accounts-mini-site .comp-grid { grid-template-columns: repeat(2, 1fr); } }

/* Consistency card: highlight Elite + 2-step MacAdam */
.national-accounts-mini-site .cdcard.cdcard-elite {
  border: 1px solid rgba(110,132,196,0.55);
  background: linear-gradient(180deg, rgba(110,132,196,0.06) 0%, rgba(255,255,255,0) 60%);
  box-shadow: 0 16px 32px -22px rgba(110,132,196,0.35);
}
.national-accounts-mini-site .cdcard h4 .pop-elite {
  color: var(--flame-dark);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.national-accounts-mini-site .cdcard h4 .pop-mac {
  color: var(--flame);
  font-weight: 700;
  background: linear-gradient(180deg, transparent 62%, rgba(110,132,196,0.18) 62%);
  padding: 0 2px;
}

/* Hero — prominent "National Accounts" program title */
.national-accounts-mini-site .hero .hero-program {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ember);
  margin: 8px 0 16px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.55), 0 0 30px rgba(0,0,0,0.35);
}

/* Team cards — variant for members without photo */
.national-accounts-mini-site .team-card.team-card-noimg .team-initials {
  display: grid; place-items: center;
  width: 84px; height: 84px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--periwinkle, #b8c4e8), var(--ember, #84c8cc));
  color: #fff;
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 auto 16px;
  box-shadow: 0 8px 20px -10px rgba(110,132,196,0.45);
}
.national-accounts-mini-site .team-card.team-card-lead { position: relative; }
.national-accounts-mini-site .team-card.team-card-lead::before {
  content: "Lead";
  position: absolute; top: 14px; right: 14px;
  font: 700 10px/1 Inter, sans-serif;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--flame-dark);
  background: rgba(110,132,196,0.10);
  padding: 5px 9px;
  border-radius: 4px;
}

/* Zone images on industry pages (retail / supermarkets / commercial) */
.national-accounts-mini-site .zone .ztop img.zone-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
}
.national-accounts-mini-site .zone .ztop .imgnote { z-index: 3; }

/* Approach grid: force 4 cards in one row on desktop */
.national-accounts-mini-site .zones.approach-4 { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.national-accounts-mini-site .zones.approach-4 .zone .zbody { padding: 20px 18px 18px; }
.national-accounts-mini-site .zones.approach-4 .zone h3 { font-size: 18px; line-height: 1.25; margin-bottom: 8px; }
.national-accounts-mini-site .zones.approach-4 .zone p { font-size: 13.5px; line-height: 1.55; }
.national-accounts-mini-site .zones.approach-4 .zone .fixt { font-size: 12.5px; margin-top: 14px; }
@media (max-width: 1024px) { .national-accounts-mini-site .zones.approach-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .national-accounts-mini-site .zones.approach-4 { grid-template-columns: 1fr; } }

/* ============================================================
   RESPONSIVE OVERHAUL — tablet & phone
   ============================================================ */

/* TABLET (1024px and below) */
@media (max-width: 1024px) {
  /* Hide right-rail in-page navigator on tablet/phone */
  .national-accounts-mini-site .rail-nav { display: none !important; }

  /* Hero typography breathes a little */
  .national-accounts-mini-site .hero h1 { font-size: clamp(34px, 6vw, 56px); }
  .national-accounts-mini-site .hero .hero-program { font-size: clamp(30px, 5vw, 48px); }
  .national-accounts-mini-site .hero .wrap { padding: 64px 24px 72px; }
  .national-accounts-mini-site .hero p.lead { font-size: clamp(16px, 1.8vw, 19px); }

  /* Page hero on category/industry pages */
  .national-accounts-mini-site .page-hero .wrap { padding: 60px 24px; }
  .national-accounts-mini-site .page-hero h1 { font-size: clamp(34px, 5vw, 52px); }
  .national-accounts-mini-site .page-hero p { font-size: clamp(15px, 1.8vw, 18px); }

  /* Stat strip slightly tighter */
  .national-accounts-mini-site .statstrip .wrap { gap: 18px 32px; padding: 24px 24px; }
  .national-accounts-mini-site .statstrip .s .n { font-size: 32px; }

  /* Lineup → 2 cols */
  .national-accounts-mini-site .prod-grid { grid-template-columns: repeat(2, 1fr); }

  /* Industries 2x2 stays at 2 cols (default) */
  .national-accounts-mini-site .seg-grid { grid-template-columns: repeat(2, 1fr); }

  /* Compliance grid 5 → 4 */
  .national-accounts-mini-site .comp-grid { grid-template-columns: repeat(4, 1fr); }

  /* Industry application zones 3 → 2 */
  .national-accounts-mini-site .zones { grid-template-columns: repeat(2, 1fr); }

  /* MNB header chips a tad smaller */
  .national-accounts-mini-site .mnb-col h3 { font-size: 12px; }
  .national-accounts-mini-site .mnb-col h3::before { padding: 3px 8px; font-size: 9.5px; }

  /* Section padding slightly tighter */
  .national-accounts-mini-site section { padding: 72px 0; }
  .national-accounts-mini-site .section-head { margin-bottom: 40px; }

  /* Split: tighter gap */
  .national-accounts-mini-site .split { gap: 36px; }
}

/* PHONE (760px and below) */
@media (max-width: 760px) {
  /* Body baseline smaller padding */
  .national-accounts-mini-site .wrap { padding: 0 20px; }
  .national-accounts-mini-site section { padding: 56px 0; }

  /* Section-tabs nav: tighter on small screens */
  .national-accounts-mini-site .section-tabs .wrap { padding: 0 16px; min-height: 50px; gap: 0; }
  .national-accounts-mini-site .section-tabs .st-label { font-size: 13px; padding: 14px 12px; }
  .national-accounts-mini-site .section-tabs li a { font-size: 13px; padding: 14px 10px; }
  .national-accounts-mini-site .section-tabs ul { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Hero */
  .national-accounts-mini-site .hero { min-height: auto; padding: 24px 0 0; }
  .national-accounts-mini-site .hero .wrap { padding: 60px 20px 64px; }
  .national-accounts-mini-site .hero h1 { font-size: clamp(30px, 7vw, 44px); }
  .national-accounts-mini-site .hero .hero-program { font-size: clamp(26px, 6vw, 38px); }
  .national-accounts-mini-site .hero p.lead { font-size: 16px; margin: 20px 0 28px; }
  .national-accounts-mini-site .hero-actions { flex-direction: column; gap: 12px; }
  .national-accounts-mini-site .hero-actions .btn { width: 100%; justify-content: center; }
  .national-accounts-mini-site .hero-stats { gap: 24px; margin-top: 40px; }

  /* Page hero */
  .national-accounts-mini-site .page-hero { min-height: 320px; }
  .national-accounts-mini-site .page-hero .wrap { padding: 50px 20px; }
  .national-accounts-mini-site .page-hero h1 { font-size: clamp(28px, 7vw, 40px); }
  .national-accounts-mini-site .page-hero p { font-size: 15px; }

  /* Stat strip stacks 2x2 */
  .national-accounts-mini-site .statstrip .wrap {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 20px 24px; padding: 24px 20px;
  }
  .national-accounts-mini-site .statstrip .s { gap: 8px; }
  .national-accounts-mini-site .statstrip .s .n { font-size: 28px; }
  .national-accounts-mini-site .statstrip .s .l { font-size: 12.5px; }

  /* Section headings */
  .national-accounts-mini-site .section-head h2 { font-size: clamp(24px, 5.5vw, 32px); }
  .national-accounts-mini-site .section-head p { font-size: 15.5px; }

  /* Split layouts stack */
  .national-accounts-mini-site .split { grid-template-columns: 1fr; gap: 24px; }
  .national-accounts-mini-site .split.rev .split-media { order: 0; }
  .national-accounts-mini-site .split-media { min-height: 280px; }

  /* Numbered list */
  .national-accounts-mini-site .numlist li { padding: 14px 0; }
  .national-accounts-mini-site .numlist .nl-n { width: 28px; font-size: 16px; }
  .national-accounts-mini-site .numlist .nl-b { font-size: 15px; }
  .national-accounts-mini-site .numlist .nl-d { font-size: 13.5px; }

  /* Lineup → 1 col */
  .national-accounts-mini-site .prod-grid { grid-template-columns: 1fr; }

  /* Scope grid: 2 cols */
  .national-accounts-mini-site .scope-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .national-accounts-mini-site .scope-tile { min-height: 110px; padding: 16px 14px; }

  /* Industries: 1 col, no orphans */
  .national-accounts-mini-site .seg-grid { grid-template-columns: 1fr; }
  .national-accounts-mini-site .seg-card { min-height: 260px; padding: 24px; }
  .national-accounts-mini-site .seg-card h3 { font-size: 24px; }

  /* ALSO SERVING tags wrap nicely */
  .national-accounts-mini-site .ind-row { gap: 6px 20px; justify-content: center; }
  .national-accounts-mini-site .ind-chip { font-size: 13.5px; }

  /* MNB comparison: chips wrap, padding tight */
  .national-accounts-mini-site .mnb-col { padding: 20px 22px; }
  .national-accounts-mini-site .mnb-col h3 { font-size: 11.5px; flex-wrap: wrap; gap: 8px; }
  .national-accounts-mini-site .mnb-col li { font-size: 14px; padding: 8px 0 8px 28px; }

  /* Logos wall already responsive */
  .national-accounts-mini-site .logo-cell { padding: 18px 10px; min-height: 84px; }

  /* Compliance grid 4 → 2 */
  .national-accounts-mini-site .comp-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .national-accounts-mini-site .comp-card img { width: 60px; height: 60px; }
  .national-accounts-mini-site .comp-card span { font-size: 12px; }

  /* Application zones: 1 col */
  .national-accounts-mini-site .zones { grid-template-columns: 1fr; gap: 14px; }
  .national-accounts-mini-site .zone .ztop { min-height: 160px; }

  /* Cat-cards already 1-col under 800px */
  .national-accounts-mini-site .cat-card { padding: 22px 22px 20px; }
  .national-accounts-mini-site .cat-card h3 { font-size: 21px; }

  /* Support grid: 2 cols → already handled, override gap */
  .national-accounts-mini-site .support-grid { gap: 12px; }

  /* Process steps: 2 cols → 1 cleaner */
  .national-accounts-mini-site .steps.six { grid-template-columns: 1fr; gap: 18px; padding-top: 0; }
  .national-accounts-mini-site .steps::before { display: none; }
  .national-accounts-mini-site .step::before { display: none; }
  .national-accounts-mini-site .step .num { font-size: 36px; margin: 0 0 4px; }

  /* Sustainability grid 4 → 2 */
  .national-accounts-mini-site .sustain-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .national-accounts-mini-site .sustain-card { padding: 18px 18px 16px; }
  .national-accounts-mini-site .sustain-card h4 { font-size: 14px; }
  .national-accounts-mini-site .sustain-card p { font-size: 13px; }

  /* Team grid: 1 col already */
  .national-accounts-mini-site .team-card { padding: 26px 22px; }

  /* Made-in-USA */
  .national-accounts-mini-site .usa-band .wrap { padding: 56px 20px; }
  .national-accounts-mini-site .usa-band h2 { font-size: clamp(28px, 6vw, 40px); }
  .national-accounts-mini-site .usa-marks { gap: 4px 18px; margin-top: 18px; }
  .national-accounts-mini-site .usa-marks .m { font-size: 12.5px; }

  /* Case studies 1 col */
  .national-accounts-mini-site .case-grid { grid-template-columns: 1fr; gap: 14px; }

  /* CRI comparison */
  .national-accounts-mini-site .compare-grid { grid-template-columns: 1fr; gap: 12px; }

  /* Light-quality before/after slider */
  .national-accounts-mini-site .lq-slider { min-height: 320px; }

  /* Footer family card grids */
  .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; gap: 12px; }
  .national-accounts-mini-site .fam-card { padding: 18px 18px 16px; }

  /* CTA */
  .national-accounts-mini-site .cta { padding: 40px 24px; }
  .national-accounts-mini-site .cta h2 { font-size: clamp(24px, 6vw, 32px); }
  .national-accounts-mini-site .cta p { font-size: 15.5px; }

  /* Buttons */
  .national-accounts-mini-site .btn { padding: 12px 22px; font-size: 13.5px; }

  /* Lead form */
  .national-accounts-mini-site .lead-form { padding: 24px; }
  .national-accounts-mini-site .lead-form .row { grid-template-columns: 1fr; gap: 16px; }

  /* CRI scene labels tighter */
  .national-accounts-mini-site .scene .label { padding: 12px 14px; }
  .national-accounts-mini-site .scene .label b { font-size: 13px; }
  .national-accounts-mini-site .scene .label .tag { font-size: 10.5px; padding: 4px 8px; }
}

/* SMALL PHONE (480px and below) */
@media (max-width: 480px) {
  /* Hero typography one more notch */
  .national-accounts-mini-site .hero h1 { font-size: clamp(26px, 8vw, 36px); }
  .national-accounts-mini-site .hero .hero-program { font-size: clamp(22px, 6vw, 32px); }

  /* Stat strip: single column */
  .national-accounts-mini-site .statstrip .wrap { grid-template-columns: 1fr; gap: 16px; }

  /* Scope grid 1 col */
  .national-accounts-mini-site .scope-grid { grid-template-columns: 1fr; }

  /* Sustainability 1 col */
  .national-accounts-mini-site .sustain-grid { grid-template-columns: 1fr; }

  /* Compliance 1 col */
  .national-accounts-mini-site .comp-grid { grid-template-columns: 1fr; }
  .national-accounts-mini-site .comp-card { padding: 20px 16px; flex-direction: row; text-align: left; gap: 16px; }
  .national-accounts-mini-site .comp-card img { width: 56px; height: 56px; }

  /* Support grid 1 col */
  .national-accounts-mini-site .support-grid { grid-template-columns: 1fr; }

  /* Section-tabs even tighter */
  .national-accounts-mini-site .section-tabs .st-label { padding: 12px 10px; }
  .national-accounts-mini-site .section-tabs li a { padding: 12px 8px; font-size: 12.5px; }

  /* Wrap padding */
  .national-accounts-mini-site .wrap { padding: 0 16px; }
}

/* ============================================================
   Light Quality — Consistency dots & CRI scale
   Moved out of inline <style> so it survives WordPress paste.
   ============================================================ */
.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 .rate { font-family: var(--serif); font-size: 20px; }
.national-accounts-mini-site .pill { font-size: 12px; padding: 4px 10px; border-radius: 100px; font-weight: 600; }
.national-accounts-mini-site .pill.low { background: #e6e9ef; color: #6b7180; }
.national-accounts-mini-site .pill.mid { background: #e3e8f4; color: #51689f; }
.national-accounts-mini-site .pill.hi { background: #e3f0e6; color: #3f7a55; }
.national-accounts-mini-site .pill.elite { background: var(--flame); color: #fff; }

.national-accounts-mini-site .cdots-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.national-accounts-mini-site .cdcard { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow-sm); }
.national-accounts-mini-site .cdcard h4 { font-family: var(--sans); font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 20px; }
.national-accounts-mini-site .cdots { display: flex; gap: 16px; justify-content: space-between; }
.national-accounts-mini-site .cdots .d { width: 54px; height: 54px; border-radius: 50%; box-shadow: 0 8px 16px rgba(20,30,60,0.12), inset 0 0 0 1px rgba(0,0,0,0.04); }
.national-accounts-mini-site .good-r .d { background: radial-gradient(circle at 50% 34%, #fffdf7, #f0ece2); }
.national-accounts-mini-site .bad-r .d:nth-child(1){ background: radial-gradient(circle at 50% 34%, #fffdf7, #f1ece0); }
.national-accounts-mini-site .bad-r .d:nth-child(2){ background: radial-gradient(circle at 50% 34%, #eef4ff, #d4e1f2); }
.national-accounts-mini-site .bad-r .d:nth-child(3){ background: radial-gradient(circle at 50% 34%, #fff6e4, #efdfc4); opacity: .72; }
.national-accounts-mini-site .bad-r .d:nth-child(4){ background: radial-gradient(circle at 50% 34%, #fffdf7, #f0ece2); }
.national-accounts-mini-site .bad-r .d:nth-child(5){ background: radial-gradient(circle at 50% 34%, #eef2f6, #dbe5ee); opacity: .85; }
.national-accounts-mini-site .cdcap { color: var(--muted); font-size: 13.5px; margin-top: 18px; }
@media (max-width: 760px) { .national-accounts-mini-site .cdots-grid { grid-template-columns: 1fr; } }

/* ============================================================
   Fixtures page — moved out of inline <style> for WordPress safety
   ============================================================ */
.national-accounts-mini-site .crinote { border-left: 3px solid var(--flame); background: var(--paper-2); border-radius: 0 12px 12px 0; padding: 18px 22px; margin: 20px 0; }
.national-accounts-mini-site .crinote .h { font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--flame-dark); margin-bottom: 7px; display: flex; align-items: center; gap: 8px; }
.national-accounts-mini-site .crinote p { margin: 0; font-size: 14.5px; color: var(--ink-2); }
.national-accounts-mini-site .fx-shine { font-size: 14.5px; color: var(--muted); margin: 16px 0 0; }
.national-accounts-mini-site .fx-shine b { color: var(--ink); }
.national-accounts-mini-site .fx-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.national-accounts-mini-site .fx-nav a { font-size: 13px; font-weight: 600; padding: 9px 16px; border-radius: 100px; border: 1px solid var(--line); background: var(--white); color: var(--ink-2); transition: all .2s; }
.national-accounts-mini-site .fx-nav a:hover { border-color: var(--flame); color: var(--flame-dark); }
.national-accounts-mini-site .fx-block { scroll-margin-top: 96px; }

/* Single-card team layout for v2 (Nicole as solo point of contact) */
.national-accounts-mini-site .team-grid.team-grid-single {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.national-accounts-mini-site .team-grid.team-grid-single .team-card {
  max-width: 520px;
  text-align: center;
  padding: 36px 32px 32px;
}
.national-accounts-mini-site .team-grid.team-grid-single .team-card .team-initials {
  margin: 0 auto 18px;
  width: 96px; height: 96px;
  font-size: 32px;
}
.national-accounts-mini-site .team-grid.team-grid-single .team-card h4 { font-size: 24px; margin-bottom: 4px; }
.national-accounts-mini-site .team-grid.team-grid-single .team-card .role { font-size: 13px; margin-bottom: 16px; }
.national-accounts-mini-site .team-grid.team-grid-single .team-card .bio { font-size: 15.5px; max-width: 44ch; margin-left: auto; margin-right: auto; }
.national-accounts-mini-site .team-grid.team-grid-single .team-card.team-card-lead::before { left: 50%; transform: translateX(-50%); }

/* Distribution — cooperative distributor section */
.national-accounts-mini-site #distribution { padding: 88px 0; }
.national-accounts-mini-site .dist-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 36px; }
.national-accounts-mini-site .dist-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 32px 28px 28px; box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.national-accounts-mini-site .dist-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.national-accounts-mini-site .dist-card .dist-ico {
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(135deg, rgba(110,132,196,0.12), rgba(132,200,204,0.18));
  display: grid; place-items: center;
  color: var(--flame-dark); margin-bottom: 18px;
}
.national-accounts-mini-site .dist-card .dist-ico svg { width: 28px; height: 28px; stroke-width: 1.7; }
.national-accounts-mini-site .dist-card h4 { font-family: var(--serif); font-size: 21px; color: var(--ink); margin: 0 0 10px; line-height: 1.25; letter-spacing: -0.01em; }
.national-accounts-mini-site .dist-card p { font-size: 14.5px; color: var(--muted); margin: 0; line-height: 1.55; }
@media (max-width: 900px) { .national-accounts-mini-site .dist-grid { grid-template-columns: 1fr; gap: 14px; } }

/* Made in USA — compact, image-led variant (v2) */
.national-accounts-mini-site .usa-compact {
  background: linear-gradient(170deg, #1c2748 0%, #14213d 100%);
  color: #fff;
  padding: 72px 0;
  position: relative;
}
.national-accounts-mini-site .usa-compact .usa-split {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 48px;
  align-items: center;
}
.national-accounts-mini-site .usa-compact .eyebrow { color: #cdd3e3; }
.national-accounts-mini-site .usa-compact .eyebrow::before,
.national-accounts-mini-site .usa-compact .eyebrow::after { background: #cdd3e3; }
.national-accounts-mini-site .usa-compact h2 {
  color: #fff;
  font-size: clamp(28px, 3.4vw, 42px);
  max-width: 18ch;
  margin: 0 0 16px;
  line-height: 1.15;
}
.national-accounts-mini-site .usa-compact p { color: #d8dded; font-size: 16px; max-width: 56ch; margin: 0; line-height: 1.6; }
.national-accounts-mini-site .usa-compact .usa-marks { margin-top: 22px; gap: 6px 24px; }
.national-accounts-mini-site .usa-compact .usa-marks .m { color: #fff; }
.national-accounts-mini-site .usa-compact .usa-marks .m::before { background: var(--ember); }
.national-accounts-mini-site .usa-compact .usa-image {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 30px 60px -28px rgba(0,0,0,0.5);
}
.national-accounts-mini-site .usa-compact .usa-image img {
  width: 100%; height: 100%; max-height: 380px;
  object-fit: cover; display: block;
}
@media (max-width: 900px) {
  .national-accounts-mini-site .usa-compact .usa-split { grid-template-columns: 1fr; gap: 24px; }
  .national-accounts-mini-site .usa-compact { padding: 56px 0; }
}

/* Why Elite — value-prop grid */
.national-accounts-mini-site #why-elite { padding: 88px 0; background: var(--paper-2); }
.national-accounts-mini-site .why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 36px;
}
.national-accounts-mini-site .why-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px 24px 22px;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.national-accounts-mini-site .why-card:hover {
  transform: translateY(-3px);
  border-color: rgba(110,132,196,0.45);
  box-shadow: 0 18px 36px -22px rgba(20,28,48,0.22);
}
.national-accounts-mini-site .why-card .why-tag {
  display: inline-block;
  font-family: var(--sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--flame-dark);
  background: rgba(110,132,196,0.10);
  padding: 5px 11px;
  border-radius: 100px;
  margin-bottom: 14px;
}
.national-accounts-mini-site .why-card h3 {
  font-family: var(--serif);
  font-size: 20px;
  color: var(--ink);
  margin: 0 0 10px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .why-card p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 1024px) { .national-accounts-mini-site .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .national-accounts-mini-site .why-grid { grid-template-columns: 1fr; gap: 12px; } }

/* Complete Lighting Solutions — 5-zone framework */
.national-accounts-mini-site .solutions-section { padding: 92px 0; }
.national-accounts-mini-site .solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.national-accounts-mini-site .sol-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 32px 30px 28px;
  box-shadow: var(--shadow-sm);
  display: flex; flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.national-accounts-mini-site .sol-card:hover {
  transform: translateY(-3px);
  border-color: rgba(110,132,196,0.45);
  box-shadow: 0 18px 40px -22px rgba(20,28,48,0.22);
}
.national-accounts-mini-site .sol-card .sol-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 12px; }
.national-accounts-mini-site .sol-card .sol-num {
  font-family: var(--serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--flame);
  letter-spacing: 0.04em;
}
.national-accounts-mini-site .sol-card h3 {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--ink);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .sol-card .sol-lead {
  font-size: 14.5px;
  color: var(--ink-2);
  margin: 0 0 16px;
  line-height: 1.6;
}
.national-accounts-mini-site .sol-card .sol-list {
  list-style: none;
  padding: 0;
  margin: 0 0 4px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}
.national-accounts-mini-site .sol-card .sol-list li {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.55;
  padding: 8px 0;
  border-bottom: 1px dashed var(--line);
}
.national-accounts-mini-site .sol-card .sol-list li:last-child { border-bottom: 0; }
.national-accounts-mini-site .sol-card .sol-list li b { color: var(--ink); font-weight: 600; }

.national-accounts-mini-site .sol-card.sol-card-cta {
  background: linear-gradient(165deg, #2a3556 0%, #1f2944 100%);
  color: #fff;
  border-color: transparent;
}
.national-accounts-mini-site .sol-card.sol-card-cta .sol-head h3 { color: #fff; font-size: 24px; }
.national-accounts-mini-site .sol-card.sol-card-cta .sol-lead { color: #cad0e2; margin-bottom: 22px; }
.national-accounts-mini-site .sol-card.sol-card-cta .sol-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }

@media (max-width: 1024px) { .national-accounts-mini-site .solutions-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .national-accounts-mini-site .solutions-grid { grid-template-columns: 1fr; gap: 14px; } }

/* Services narrative — dedicated team / design / project management */
.national-accounts-mini-site .services-section { padding: 92px 0; background: linear-gradient(170deg, #f8f9fb 0%, #eef2f6 100%); }
.national-accounts-mini-site .svc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.national-accounts-mini-site .svc-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 28px 26px 24px;
  box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.national-accounts-mini-site .svc-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.national-accounts-mini-site .svc-card .svc-ico {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(110,132,196,0.12), rgba(132,200,204,0.18));
  display: grid; place-items: center;
  color: var(--flame-dark);
  margin-bottom: 18px;
}
.national-accounts-mini-site .svc-card .svc-ico svg { width: 26px; height: 26px; stroke-width: 1.7; }
.national-accounts-mini-site .svc-card h3 {
  font-family: var(--serif);
  font-size: 20px;
  color: var(--ink);
  margin: 0 0 10px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .svc-card p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}

.national-accounts-mini-site .svc-promise {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 36px;
  margin-top: 30px;
  box-shadow: var(--shadow-sm);
}
.national-accounts-mini-site .svc-promise ul {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 30px;
}
.national-accounts-mini-site .svc-promise li {
  font-size: 14px;
  color: var(--ink-2);
  padding-left: 26px;
  position: relative;
  line-height: 1.5;
}
.national-accounts-mini-site .svc-promise li::before {
  content: "✓";
  position: absolute; left: 0; top: 0;
  font-weight: 700;
  color: var(--flame);
}
@media (max-width: 1024px) { .national-accounts-mini-site .svc-grid { grid-template-columns: repeat(2, 1fr); } .national-accounts-mini-site .svc-promise ul { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .national-accounts-mini-site .svc-grid { grid-template-columns: 1fr; gap: 14px; } .national-accounts-mini-site .svc-promise ul { grid-template-columns: 1fr; } .national-accounts-mini-site .svc-promise { padding: 24px 22px; } }

/* Confidentiality block — replaces named-brand logo wall */
.national-accounts-mini-site .confid-section { padding: 88px 0; }
.national-accounts-mini-site .confid-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 36px;
  max-width: 920px; margin-left: auto; margin-right: auto;
}
.national-accounts-mini-site .confid-item {
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 28px 26px 22px;
  text-align: center;
}
.national-accounts-mini-site .confid-item .confid-num {
  font-family: var(--serif);
  font-size: 38px;
  color: var(--flame-dark);
  margin-bottom: 8px;
  line-height: 1;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .confid-item p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
  line-height: 1.55;
}
@media (max-width: 760px) { .national-accounts-mini-site .confid-grid { grid-template-columns: 1fr; gap: 12px; } }

/* Walkthrough — facility-by-facility coverage */
.national-accounts-mini-site .walk-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.national-accounts-mini-site .walk-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 30px 26px;
  box-shadow: var(--shadow-sm);
  display: flex; flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.national-accounts-mini-site .walk-card:hover {
  transform: translateY(-3px);
  border-color: rgba(110,132,196,0.45);
  box-shadow: 0 18px 40px -22px rgba(20,28,48,0.22);
}
.national-accounts-mini-site .walk-card .walk-head { margin-bottom: 16px; }
.national-accounts-mini-site .walk-card .walk-tag {
  display: inline-block;
  font-family: var(--sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--flame-dark);
  background: rgba(110,132,196,0.10);
  padding: 5px 11px;
  border-radius: 100px;
  margin-bottom: 12px;
}
.national-accounts-mini-site .walk-card .walk-head h3 {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--ink);
  margin: 0;
  line-height: 1.22;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.national-accounts-mini-site .walk-card .walk-list {
  list-style: none;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--line);
}
.national-accounts-mini-site .walk-card .walk-list li {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.55;
  padding: 9px 0;
  border-bottom: 1px dashed var(--line);
  position: relative;
  padding-left: 18px;
}
.national-accounts-mini-site .walk-card .walk-list li:last-child { border-bottom: 0; }
.national-accounts-mini-site .walk-card .walk-list li::before {
  content: "";
  position: absolute;
  left: 0; top: 16px;
  width: 8px; height: 1px;
  background: var(--ember);
}
.national-accounts-mini-site .walk-card .walk-list li b { color: var(--ink); font-weight: 600; }

.national-accounts-mini-site .walk-promise {
  margin-top: 36px;
  background: linear-gradient(165deg, #2a3556 0%, #1f2944 100%);
  color: #fff;
  border-radius: var(--radius-lg);
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}
.national-accounts-mini-site .walk-promise p {
  margin: 0;
  font-size: 16px;
  color: #d8dded;
  max-width: 72ch;
  line-height: 1.55;
}
.national-accounts-mini-site .walk-promise p b { color: #fff; }
.national-accounts-mini-site .walk-promise .walk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

@media (max-width: 1024px) { .national-accounts-mini-site .walk-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px)  { .national-accounts-mini-site .walk-grid { grid-template-columns: 1fr; gap: 14px; } .national-accounts-mini-site .walk-promise { padding: 24px 26px; flex-direction: column; align-items: flex-start; } }

/* ===== Lighting Design Services section (v=29) ===== */
.national-accounts-mini-site .design-section{
  background: linear-gradient(180deg, #f7f6fa 0%, #efedf6 100%);
  padding: 88px 0 96px;
  position: relative;
}
.national-accounts-mini-site .design-section::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--flame), var(--ember), var(--brass));
  opacity:.5;
}
.national-accounts-mini-site .design-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 40px;
}
@media (max-width: 1100px){
  .national-accounts-mini-site .design-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .national-accounts-mini-site .design-grid{ grid-template-columns: 1fr; }
}
.national-accounts-mini-site .design-card{
  position: relative;
  background: #fff;
  border: 1px solid rgba(110, 132, 196, 0.18);
  border-radius: 16px;
  padding: 28px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.national-accounts-mini-site .design-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(42, 53, 86, 0.10);
  border-color: rgba(110, 132, 196, 0.42);
}
.national-accounts-mini-site .design-ico{
  width: 52px;
  height: 52px;
  border-radius: 13px;
  background: var(--flame);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  box-shadow: 0 8px 20px rgba(110, 132, 196, 0.28);
}
.national-accounts-mini-site .design-ico svg{ width: 26px; height: 26px; }
.national-accounts-mini-site .design-tag{
  font: 600 11px/1 'Inter', sans-serif;
  letter-spacing: .18em;
  color: var(--brass);
  text-transform: uppercase;
}
.national-accounts-mini-site .design-card h3{
  font: 500 22px/1.22 'Fraunces', serif;
  color: var(--ink);
  margin: 0;
}
.national-accounts-mini-site .design-card p{
  font: 400 15px/1.55 'Inter', sans-serif;
  color: var(--muted);
  margin: 0;
}
.national-accounts-mini-site .design-promise{
  margin-top: 40px;
  background: var(--ink);
  color: #fff;
  border-radius: 18px;
  padding: 38px 44px;
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 32px;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.national-accounts-mini-site .design-promise::before{
  content:"";
  position: absolute;
  inset: 0;
  background: radial-gradient(700px 220px at 0% 0%, rgba(132,200,204,0.18), transparent 60%);
  pointer-events: none;
}
@media (max-width: 800px){
  .national-accounts-mini-site .design-promise{
    grid-template-columns: 1fr;
    padding: 30px 26px;
  }
}
.national-accounts-mini-site .design-promise-text{ position: relative; }
.national-accounts-mini-site .design-promise-text h3{
  font: 500 28px/1.18 'Fraunces', serif;
  margin: 0 0 12px;
  color: var(--ember);
}
.national-accounts-mini-site .design-promise-text p{
  font: 400 15px/1.6 'Inter', sans-serif;
  color: rgba(255,255,255,0.86);
  margin: 0;
}
.national-accounts-mini-site .design-promise-cta{
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 800px){
  .national-accounts-mini-site .design-promise-cta{ justify-content: flex-start; }
}

/* ============================================================
   RESPONSIVE POLISH v29 — new sections & mobile refinements
   ============================================================ */

/* Prevent any accidental horizontal scroll */
.national-accounts-mini-site,
.national-accounts-mini-site { overflow-x: hidden; }
/* Responsive media, but do NOT touch absolutely-positioned covers (hero/page-hero backgrounds, split-media) */
.national-accounts-mini-site img:not(.hero-bg):not(.page-hero-bg):not(.split-media img):not(.usa-bg),
.national-accounts-mini-site video:not(.hero-bg) {
  max-width: 100%;
  height: auto;
}

/* Hero image: keep the ceiling & reception detail centered on portrait crops */
.national-accounts-mini-site .hero .hero-bg { object-position: 45% 50%; }
@media (max-width: 760px) {
  .national-accounts-mini-site .hero .hero-bg { object-position: 42% 55%; }
}

/* Distribution grid: intermediate 2-col at tablet */
@media (max-width: 1024px) and (min-width: 641px) {
  .national-accounts-mini-site .dist-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}

/* Design section — tablet refinements */
@media (max-width: 1100px) {
  .national-accounts-mini-site .design-section { padding: 72px 0 78px; }
  .national-accounts-mini-site .design-card { padding: 24px 20px 22px; }
  .national-accounts-mini-site .design-card h3 { font-size: 20px; }
  .national-accounts-mini-site .design-card p { font-size: 14.5px; }
  .national-accounts-mini-site .design-promise { padding: 30px 32px; gap: 24px; }
  .national-accounts-mini-site .design-promise-text h3 { font-size: 24px; }
}
/* Design section — phone */
@media (max-width: 640px) {
  .national-accounts-mini-site .design-section { padding: 56px 0 60px; }
  .national-accounts-mini-site .design-grid { gap: 14px; margin-top: 28px; }
  .national-accounts-mini-site .design-card { padding: 22px 20px 20px; border-radius: 14px; }
  .national-accounts-mini-site .design-ico { width: 44px; height: 44px; border-radius: 11px; }
  .national-accounts-mini-site .design-ico svg { width: 22px; height: 22px; }
  .national-accounts-mini-site .design-card h3 { font-size: 19px; }
  .national-accounts-mini-site .design-card p { font-size: 14.5px; }
  .national-accounts-mini-site .design-promise { margin-top: 28px; padding: 26px 22px; border-radius: 14px; gap: 18px; }
  .national-accounts-mini-site .design-promise-text h3 { font-size: 22px; }
  .national-accounts-mini-site .design-promise-text p { font-size: 14.5px; }
  .national-accounts-mini-site .design-promise-cta .btn { width: 100%; justify-content: center; }
}

/* Walk cards (facility walkthroughs) — tighten on phone */
@media (max-width: 760px) {
  .national-accounts-mini-site .walk-card { padding: 24px 22px 20px; border-radius: 14px; }
  .national-accounts-mini-site .walk-card .walk-head h3 { font-size: 20px; }
  .national-accounts-mini-site .walk-card .walk-list li { font-size: 14.5px; padding: 8px 0 8px 22px; }
  .national-accounts-mini-site .walk-card .walk-list li::before { left: 4px; }
  .national-accounts-mini-site .walk-promise p { font-size: 15px; }
  .national-accounts-mini-site .walk-promise .walk-actions { flex-direction: column; align-items: stretch; gap: 10px; width: 100%; }
  .national-accounts-mini-site .walk-promise .walk-actions .btn { width: 100%; justify-content: center; }
}

/* Why-Elite 12 cards — tighten on phone */
@media (max-width: 600px) {
  .national-accounts-mini-site .why-card { padding: 22px 20px; border-radius: 14px; }
  .national-accounts-mini-site .why-card h3 { font-size: 18px; }
  .national-accounts-mini-site .why-card p { font-size: 14.5px; }
  .national-accounts-mini-site .why-tag { font-size: 10.5px; }
}

/* Services grid — tighten on phone */
@media (max-width: 640px) {
  .national-accounts-mini-site .svc-card { padding: 22px 20px; border-radius: 14px; }
  .national-accounts-mini-site .svc-card h3 { font-size: 19px; }
  .national-accounts-mini-site .svc-card p { font-size: 14.5px; }
}

/* Distribution cards — tighten on phone */
@media (max-width: 900px) {
  .national-accounts-mini-site .dist-card { padding: 22px 20px; border-radius: 14px; }
  .national-accounts-mini-site .dist-card h4 { font-size: 19px; }
}

/* Made-in-USA compact block — tighten on phone */
@media (max-width: 900px) {
  .national-accounts-mini-site .usa-compact { padding: 60px 0 66px; }
  .national-accounts-mini-site .usa-compact h2 { font-size: clamp(26px, 6vw, 38px); }
  .national-accounts-mini-site .usa-compact p { font-size: 15px; }
  .national-accounts-mini-site .usa-compact .usa-image { max-height: 260px; overflow: hidden; }
  .national-accounts-mini-site .usa-compact .usa-image img { width: 100%; height: auto; object-fit: contain; }
}
@media (max-width: 640px) {
  .national-accounts-mini-site .usa-compact { padding: 48px 0 54px; }
  .national-accounts-mini-site .usa-compact .usa-marks { gap: 4px 18px; }
  .national-accounts-mini-site .usa-compact .usa-marks .m { font-size: 12px; }
}

/* Team single-card — tighten on phone */
@media (max-width: 760px) {
  .national-accounts-mini-site .team-grid.team-grid-single .team-card { padding: 30px 24px; border-radius: 16px; }
  .national-accounts-mini-site .team-grid.team-grid-single .team-card .team-initials { width: 78px; height: 78px; font-size: 26px; }
  .national-accounts-mini-site .team-grid.team-grid-single .team-card h4 { font-size: 22px; }
  .national-accounts-mini-site .team-grid.team-grid-single .team-card .bio { font-size: 14.5px; }
}

/* Section eyebrows on mobile — a hair smaller */
@media (max-width: 640px) {
  .national-accounts-mini-site .eyebrow { font-size: 12px; letter-spacing: .14em; }
  .national-accounts-mini-site .eyebrow::before,
.national-accounts-mini-site .eyebrow::after { width: 22px; }
}

/* Section headings — make h2 fits comfortably on all phones */
@media (max-width: 480px) {
  .national-accounts-mini-site .section-head h2 { font-size: clamp(22px, 6vw, 28px); line-height: 1.2; }
  .national-accounts-mini-site .section-head p { font-size: 14.5px; }
}

/* Statstrip: on very small screens the labels should stay legible */
@media (max-width: 480px) {
  .national-accounts-mini-site .statstrip .wrap { grid-template-columns: 1fr; gap: 14px; padding: 20px 20px; }
  .national-accounts-mini-site .statstrip .s .n { font-size: 26px; }
  .national-accounts-mini-site .statstrip .s .l { font-size: 12.5px; max-width: 26ch; }
}

/* Contact form on phone: tighter labels & inputs */
@media (max-width: 640px) {
  .national-accounts-mini-site #contact .split { grid-template-columns: 1fr; gap: 32px; }
  .national-accounts-mini-site .lead-form .row { grid-template-columns: 1fr; }
  .national-accounts-mini-site .lead-form input,
.national-accounts-mini-site .lead-form select,
.national-accounts-mini-site .lead-form textarea { font-size: 15px; }
}

/* Any large horizontal-scrolling nav on mobile: fade edges */
.national-accounts-mini-site .section-tabs ul { -webkit-overflow-scrolling: touch; scrollbar-width: none; }

/* Ensure buttons wrap properly */
.national-accounts-mini-site .hero-actions .btn { min-width: 0; }
.national-accounts-mini-site .btn { max-width: 100%; }

/* Long inline links should break, not overflow */
.national-accounts-mini-site a { word-break: break-word; }

/* Made-in-USA video treatment */
.national-accounts-mini-site .usa-compact .usa-video {
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #1a2340;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}
.national-accounts-mini-site .usa-compact .usa-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 900px) {
  .national-accounts-mini-site .usa-compact .usa-video { aspect-ratio: 16 / 10; }
}

/* =========================================================
   OVERHAUL v33 — process (proc), color quality (cq),
   three-item stat strip, compact CRI comparison
   ========================================================= */

/* --- Stat strip variant: 3 items, text-first labels --- */
.national-accounts-mini-site .statstrip.statstrip-three .wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 34px 28px;
  align-items: flex-start;
}
.national-accounts-mini-site .statstrip.statstrip-three .s {
  display: block;
  gap: 6px;
}
.national-accounts-mini-site .statstrip.statstrip-three .s .n {
  display: block;
  font-family: var(--serif);
  font-size: clamp(22px, 2.2vw, 28px);
  color: var(--flame-dark);
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
  max-width: none;
}
.national-accounts-mini-site .statstrip.statstrip-three .s .l {
  display: block;
  font-size: 14px;
  color: var(--muted);
  max-width: 34ch;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .national-accounts-mini-site .statstrip.statstrip-three .wrap { grid-template-columns: 1fr; gap: 22px; padding: 26px 22px; }
  .national-accounts-mini-site .statstrip.statstrip-three .s .n { font-size: 20px; }
}

/* --- Process section: 6 stages, expanded cards --- */
.national-accounts-mini-site .proc-section { padding: 90px 0 96px; }
.national-accounts-mini-site .proc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 40px;
}
.national-accounts-mini-site .proc-card {
  background: #fff;
  border: 1px solid rgba(110,132,196,0.16);
  border-radius: 16px;
  padding: 28px 30px 26px;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 22px;
  align-items: flex-start;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.national-accounts-mini-site .proc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(42,53,86,0.08);
  border-color: rgba(110,132,196,0.36);
}
.national-accounts-mini-site .proc-card-wide { grid-column: 1 / -1; }
.national-accounts-mini-site .proc-num {
  font-family: var(--serif);
  font-size: 44px;
  line-height: 1;
  color: var(--flame);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.national-accounts-mini-site .proc-body h3 {
  font-family: var(--serif);
  font-size: 24px;
  color: var(--ink);
  margin: 0 0 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .proc-body p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 12px;
}
.national-accounts-mini-site .proc-body p:last-child { margin-bottom: 0; }
.national-accounts-mini-site .proc-body .proc-sub {
  font-family: var(--serif);
  font-size: 18px;
  color: var(--flame-dark);
  font-style: italic;
  margin-bottom: 14px;
}
@media (max-width: 900px) {
  .national-accounts-mini-site .proc-section { padding: 66px 0 72px; }
  .national-accounts-mini-site .proc-grid { grid-template-columns: 1fr; gap: 16px; }
  .national-accounts-mini-site .proc-card { padding: 24px 22px; grid-template-columns: 54px 1fr; gap: 16px; }
  .national-accounts-mini-site .proc-num { font-size: 36px; }
  .national-accounts-mini-site .proc-body h3 { font-size: 21px; }
  .national-accounts-mini-site .proc-body p { font-size: 14.5px; }
}

/* --- Color Quality section (replaces old why-elite grid) --- */
.national-accounts-mini-site .cq-section { padding: 92px 0 96px; }
.national-accounts-mini-site .cq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.national-accounts-mini-site .cq-card {
  background: #fff;
  border: 1px solid rgba(110,132,196,0.18);
  border-radius: 16px;
  padding: 30px 30px 28px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.national-accounts-mini-site .cq-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(42,53,86,0.10);
  border-color: rgba(110,132,196,0.42);
}
.national-accounts-mini-site .cq-tag {
  display: inline-block;
  font: 600 11px/1.2 'Inter', sans-serif;
  letter-spacing: .12em;
  color: var(--brass);
  text-transform: uppercase;
  padding: 4px 10px;
  border: 1px solid rgba(179,168,219,0.5);
  border-radius: 6px;
  margin-bottom: 14px;
}
.national-accounts-mini-site .cq-card h3 {
  font-family: var(--serif);
  font-size: 26px;
  color: var(--ink);
  line-height: 1.18;
  letter-spacing: -0.01em;
  margin: 0 0 14px;
}
.national-accounts-mini-site .cq-card p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 12px;
}
.national-accounts-mini-site .cq-card p:last-child { margin-bottom: 0; }
/* Last card is the summary — spans full width */
.national-accounts-mini-site .cq-grid .cq-card:last-child { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .national-accounts-mini-site .cq-section { padding: 68px 0 72px; }
  .national-accounts-mini-site .cq-grid { grid-template-columns: 1fr; gap: 16px; }
  .national-accounts-mini-site .cq-card { padding: 24px 22px; }
  .national-accounts-mini-site .cq-card h3 { font-size: 22px; }
  .national-accounts-mini-site .cq-card p { font-size: 14.5px; }
  .national-accounts-mini-site .cq-tag { font-size: 10.5px; }
}

/* --- Compact CRI compare grid (half-size images) --- */
.national-accounts-mini-site .compare-grid.compare-grid-sm {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.national-accounts-mini-site .compare-grid.compare-grid-sm .scene img.cri-photo {
  aspect-ratio: 4 / 5;
}
@media (max-width: 760px) {
  .national-accounts-mini-site .compare-grid.compare-grid-sm { max-width: 480px; }
}

/* =========================================================
   PROC CARDS v34 — restore big-number aesthetic w/ hover darken
   ========================================================= */
.national-accounts-mini-site .proc-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 44px;
}
.national-accounts-mini-site .proc-card {
  display: block;
  padding: 34px 30px 30px;
  background: #fff;
  border: 1px solid rgba(110,132,196,0.14);
  border-radius: 18px;
  position: relative;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.national-accounts-mini-site .proc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(42,53,86,0.10);
  border-color: rgba(110,132,196,0.42);
}
.national-accounts-mini-site .proc-card .proc-num {
  font-family: var(--serif);
  font-size: clamp(56px, 6vw, 84px);
  line-height: 1;
  letter-spacing: -0.03em;
  color: #c8cee1;             /* soft periwinkle-gray by default */
  font-weight: 500;
  display: block;
  margin: 0 0 22px;
  transition: color .28s ease, transform .28s ease;
}
.national-accounts-mini-site .proc-card:hover .proc-num {
  color: var(--ink);           /* deep ink on hover */
}
.national-accounts-mini-site .proc-card .proc-body h3 {
  font-family: var(--serif);
  font-size: clamp(20px, 1.8vw, 24px);
  color: var(--ink);
  margin: 0 0 12px;
  line-height: 1.22;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .proc-card .proc-body p {
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 12px;
}
.national-accounts-mini-site .proc-card .proc-body p:last-child { margin-bottom: 0; }
.national-accounts-mini-site .proc-card .proc-body .proc-sub {
  font-family: var(--serif);
  font-style: italic;
  color: var(--flame-dark);
  font-size: 16px;
  margin-bottom: 12px;
}

/* wide cards (05 and 06) span all three columns */
.national-accounts-mini-site .proc-card.proc-card-wide { grid-column: 1 / -1; }
.national-accounts-mini-site .proc-card.proc-card-wide .proc-num { font-size: clamp(72px, 8vw, 108px); }

/* Tablet: 2 columns */
@media (max-width: 1100px) {
  .national-accounts-mini-site .proc-grid { grid-template-columns: repeat(2, 1fr); }
  .national-accounts-mini-site .proc-card.proc-card-wide { grid-column: 1 / -1; }
}
/* Phone: 1 column */
@media (max-width: 700px) {
  .national-accounts-mini-site .proc-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 32px; }
  .national-accounts-mini-site .proc-card { padding: 26px 22px 22px; border-radius: 14px; }
  .national-accounts-mini-site .proc-card .proc-num { font-size: 60px; margin-bottom: 14px; }
  .national-accounts-mini-site .proc-card.proc-card-wide .proc-num { font-size: 68px; }
  .national-accounts-mini-site .proc-card .proc-body h3 { font-size: 21px; }
}

/* =========================================================
   AESTHETIC REVIVE v35 — break the white-box monotony
   ========================================================= */

/* --- Stat strip goes dark: dramatic contrast right after hero --- */
.national-accounts-mini-site .statstrip.statstrip-three {
  background: linear-gradient(135deg, #1e2846 0%, #2a3556 60%, #3a4670 100%);
  border-top: 0;
  border-bottom: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.national-accounts-mini-site .statstrip.statstrip-three::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, var(--flame), var(--ember), var(--brass));
  opacity: 0.9;
}
.national-accounts-mini-site .statstrip.statstrip-three::after {
  content: "";
  position: absolute;
  right: -60px;
  top: -60px;
  width: 320px; height: 320px;
  background: radial-gradient(closest-side, rgba(132,200,204,0.16), transparent 70%);
  pointer-events: none;
}
.national-accounts-mini-site .statstrip.statstrip-three .wrap {
  gap: 44px;
  padding: 40px 28px;
  position: relative;
  z-index: 2;
}
.national-accounts-mini-site .statstrip.statstrip-three .s .n {
  color: var(--ember);
  font-size: clamp(24px, 2.4vw, 30px);
  font-style: italic;
  font-weight: 500;
}
.national-accounts-mini-site .statstrip.statstrip-three .s .l {
  color: rgba(255,255,255,0.82);
  font-size: 14.5px;
  font-weight: 400;
}
.national-accounts-mini-site .statstrip.statstrip-three .s {
  position: relative;
  padding-left: 22px;
  border-left: 2px solid rgba(132,200,204,0.35);
}
@media (max-width: 900px) {
  .national-accounts-mini-site .statstrip.statstrip-three .s {
    padding-left: 16px;
    border-left-width: 2px;
  }
}

/* --- Process cards: colored top-accent bars per stage --- */
.national-accounts-mini-site .proc-section {
  background: linear-gradient(180deg, #faf9f4 0%, #f4f2e9 100%);
}
.national-accounts-mini-site .proc-card {
  overflow: hidden;
  position: relative;
}
.national-accounts-mini-site .proc-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--flame);
  transition: height .28s ease;
}
.national-accounts-mini-site .proc-card:nth-child(1)::before { background: linear-gradient(90deg, var(--flame), #93a4d6); }
.national-accounts-mini-site .proc-card:nth-child(2)::before { background: linear-gradient(90deg, var(--ember), #a5d4d6); }
.national-accounts-mini-site .proc-card:nth-child(3)::before { background: linear-gradient(90deg, var(--brass), #c9c1e3); }
.national-accounts-mini-site .proc-card:nth-child(4)::before { background: linear-gradient(90deg, #d5a6b8, #e5c9d3); }
.national-accounts-mini-site .proc-card:nth-child(5)::before { background: linear-gradient(90deg, var(--flame), var(--ember)); }
.national-accounts-mini-site .proc-card:nth-child(6)::before { background: linear-gradient(90deg, var(--brass), var(--flame)); }
.national-accounts-mini-site .proc-card:hover::before { height: 6px; }

/* Subtle warm shading on hover to feel less clinical */
.national-accounts-mini-site .proc-card:hover {
  background: #fffdf7;
  border-color: transparent;
}

/* --- Color Quality: warmer, less boxy --- */
.national-accounts-mini-site .cq-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8f5ef 100%);
}
.national-accounts-mini-site .cq-card {
  border: 0;
  background: #fff;
  box-shadow: 0 4px 20px rgba(42,53,86,0.05);
  position: relative;
  overflow: hidden;
}
.national-accounts-mini-site .cq-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 4px;
  background: var(--flame);
  transition: width .28s ease;
}
.national-accounts-mini-site .cq-card:nth-child(1)::before { background: var(--flame); }
.national-accounts-mini-site .cq-card:nth-child(2)::before { background: #d15d68; }        /* red for R9 card */
.national-accounts-mini-site .cq-card:nth-child(3)::before { background: var(--brass); }
.national-accounts-mini-site .cq-card:nth-child(4)::before { background: var(--ember); }
.national-accounts-mini-site .cq-card:nth-child(5)::before { background: #93a4d6; }
.national-accounts-mini-site .cq-card:nth-child(6)::before { background: #b3a8db; }
.national-accounts-mini-site .cq-card:hover::before { width: 6px; }
.national-accounts-mini-site .cq-card:hover {
  box-shadow: 0 18px 44px rgba(42,53,86,0.12);
  transform: translateY(-4px);
}

/* Colored pill tag instead of muted uppercase */
.national-accounts-mini-site .cq-card .cq-tag {
  background: linear-gradient(90deg, rgba(110,132,196,0.10), rgba(132,200,204,0.10));
  color: var(--flame-dark);
  border: 0;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .10em;
  font-size: 10.5px;
}
.national-accounts-mini-site .cq-card:nth-child(2) .cq-tag {
  background: linear-gradient(90deg, rgba(209,93,104,0.12), rgba(209,93,104,0.05));
  color: #a54350;
}
.national-accounts-mini-site .cq-card:nth-child(3) .cq-tag {
  background: linear-gradient(90deg, rgba(179,168,219,0.16), rgba(179,168,219,0.06));
  color: #7d6fb0;
}
.national-accounts-mini-site .cq-card:nth-child(4) .cq-tag {
  background: linear-gradient(90deg, rgba(132,200,204,0.20), rgba(132,200,204,0.08));
  color: #3a8b90;
}

/* Last CQ card becomes the dark climax band */
.national-accounts-mini-site .cq-grid .cq-card:last-child {
  background: linear-gradient(135deg, var(--ink) 0%, #3a4670 100%);
  color: #fff;
  padding: 36px 40px;
  border-radius: 18px;
}
.national-accounts-mini-site .cq-grid .cq-card:last-child::before { display: none; }
.national-accounts-mini-site .cq-grid .cq-card:last-child::after {
  content: "";
  position: absolute;
  right: -80px; top: -80px;
  width: 360px; height: 360px;
  background: radial-gradient(closest-side, rgba(132,200,204,0.20), transparent 70%);
  pointer-events: none;
}
.national-accounts-mini-site .cq-grid .cq-card:last-child .cq-tag {
  background: rgba(132,200,204,0.20);
  color: var(--ember);
}
.national-accounts-mini-site .cq-grid .cq-card:last-child h3 { color: var(--ember); }
.national-accounts-mini-site .cq-grid .cq-card:last-child p { color: rgba(255,255,255,0.88); }

/* --- Design section a hair richer --- */
.national-accounts-mini-site .design-card {
  border: 0;
  box-shadow: 0 4px 18px rgba(42,53,86,0.05);
}
.national-accounts-mini-site .design-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--flame), var(--ember));
  border-radius: 16px 16px 0 0;
}
.national-accounts-mini-site .design-card:hover::before { height: 5px; }
.national-accounts-mini-site .design-card:hover { box-shadow: 0 20px 44px rgba(42,53,86,0.12); }

/* --- Add a hairline divider between big sections so they feel intentional --- */
.national-accounts-mini-site section + section { position: relative; }

/* =========================================================
   DENSITY FIX v36 — compact Process + Color Quality grids
   Landing feels scannable, not scroll-heavy
   ========================================================= */

/* --- Process compact: 3 columns × 2 rows, always compact --- */
.national-accounts-mini-site .proc-section.proc-compact .proc-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.national-accounts-mini-site .proc-section.proc-compact .proc-card {
  padding: 26px 24px 22px;
}
.national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-num {
  font-size: clamp(44px, 4vw, 60px);
  margin: 0 0 14px;
}
.national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-body h3 {
  font-size: 20px;
  line-height: 1.22;
  margin: 0 0 8px;
}
.national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-body p {
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0;
}
.national-accounts-mini-site .proc-section.proc-compact { padding: 76px 0 82px; }

@media (max-width: 900px) {
  .national-accounts-mini-site .proc-section.proc-compact .proc-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .national-accounts-mini-site .proc-section.proc-compact .proc-card { padding: 22px 20px; }
  .national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-num { font-size: 44px; }
  .national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-body h3 { font-size: 18px; }
  .national-accounts-mini-site .proc-section.proc-compact .proc-card .proc-body p { font-size: 14px; }
}
@media (max-width: 560px) {
  .national-accounts-mini-site .proc-section.proc-compact .proc-grid { grid-template-columns: 1fr; }
}

/* --- Color Quality compact: 3 columns × 3 rows (last row: 1 card centered) --- */
.national-accounts-mini-site .cq-section.cq-compact { padding: 76px 0 82px; }
.national-accounts-mini-site .cq-section.cq-compact .cq-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.national-accounts-mini-site .cq-section.cq-compact .cq-card {
  padding: 24px 22px 22px;
  box-shadow: 0 3px 14px rgba(42,53,86,0.05);
}
.national-accounts-mini-site .cq-section.cq-compact .cq-card .cq-tag {
  font-size: 10px;
  padding: 4px 11px;
  margin-bottom: 12px;
}
.national-accounts-mini-site .cq-section.cq-compact .cq-card h3 {
  font-size: 21px;
  margin: 0 0 10px;
  line-height: 1.22;
}
.national-accounts-mini-site .cq-section.cq-compact .cq-card p {
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0;
}
/* 7th card lives on its own row, centered, spans 2 cols on desktop  */
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child {
  grid-column: 2 / 3;
  padding: 26px 26px 24px;
}
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child::before { display: block; }
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child::after { display: none; }
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child {
  background: linear-gradient(135deg, var(--ink) 0%, #3a4670 100%);
  color: #fff;
}
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child .cq-tag {
  background: rgba(132,200,204,0.20);
  color: var(--ember);
}
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child h3 { color: var(--ember); }
.national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child p { color: rgba(255,255,255,0.88); }

@media (max-width: 1024px) {
  .national-accounts-mini-site .cq-section.cq-compact .cq-grid { grid-template-columns: repeat(2, 1fr); }
  .national-accounts-mini-site .cq-section.cq-compact .cq-grid .cq-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .national-accounts-mini-site .cq-section.cq-compact .cq-grid { grid-template-columns: 1fr; gap: 14px; }
  .national-accounts-mini-site .cq-section.cq-compact .cq-card { padding: 22px 20px; }
  .national-accounts-mini-site .cq-section.cq-compact .cq-card h3 { font-size: 19px; }
}

/* =========================================================
   EDITORIAL LAYOUTS v37 — keep full text, drop the card boxes
   Numbered vertical process + side-by-side color quality rows
   ========================================================= */

/* --- Process editorial timeline --- */
.national-accounts-mini-site .proc-section.proc-editorial {
  padding: 90px 0 100px;
  background: linear-gradient(180deg, #faf9f4 0%, #f4f2e9 100%);
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-list {
  list-style: none;
  margin: 48px 0 0;
  padding: 0;
  position: relative;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
/* Subtle vertical guide line down the number column */
.national-accounts-mini-site .proc-section.proc-editorial .proc-list::before {
  content: "";
  position: absolute;
  left: 60px;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(110,132,196,0.35), rgba(132,200,204,0.35), rgba(179,168,219,0.35), transparent);
  pointer-events: none;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 32px;
  padding: 40px 0;
  border-bottom: 1px solid rgba(110,132,196,0.15);
  position: relative;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-row:last-child { border-bottom: 0; }
.national-accounts-mini-site .proc-section.proc-editorial .proc-num {
  font-family: var(--serif);
  font-size: clamp(52px, 5vw, 76px);
  line-height: 1;
  color: #c8cee1;
  font-weight: 500;
  letter-spacing: -0.03em;
  padding-top: 8px;
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #faf9f4, #faf9f4);
  transition: color .3s ease;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-row:hover .proc-num {
  color: var(--ink);
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-body h3 {
  font-family: var(--serif);
  font-size: clamp(24px, 2.4vw, 32px);
  color: var(--ink);
  margin: 0 0 16px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-body p {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.65;
  margin: 0 0 14px;
  max-width: 62ch;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-body p:last-child { margin-bottom: 0; }
.national-accounts-mini-site .proc-section.proc-editorial .proc-body .proc-sub {
  font-family: var(--serif);
  font-style: italic;
  color: var(--flame-dark);
  font-size: 19px;
  margin-bottom: 16px;
}

@media (max-width: 800px) {
  .national-accounts-mini-site .proc-section.proc-editorial { padding: 68px 0 76px; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-list::before { display: none; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 28px 0;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-num {
    font-size: 48px;
    padding-top: 0;
    background: transparent;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-body h3 { font-size: 22px; margin-bottom: 12px; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-body p { font-size: 15px; }
}

/* --- Color Quality editorial rows --- */
.national-accounts-mini-site .cq-section.cq-editorial {
  padding: 90px 0 100px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f5ef 100%);
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-list {
  display: block;
  max-width: 1120px;
  margin: 48px auto 0;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 48px;
  padding: 42px 0;
  border-bottom: 1px solid rgba(110,132,196,0.16);
  align-items: start;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  transform: none;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row::before { display: none; }
.national-accounts-mini-site .cq-section.cq-editorial .cq-row:last-child { border-bottom: 0; }
.national-accounts-mini-site .cq-section.cq-editorial .cq-side {
  position: sticky;
  top: 100px;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag {
  display: inline-block;
  font: 600 10.5px/1.3 'Inter', sans-serif;
  letter-spacing: .12em;
  color: var(--flame-dark);
  text-transform: uppercase;
  background: linear-gradient(90deg, rgba(110,132,196,0.10), rgba(132,200,204,0.08));
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
  border: 0;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-red {
  background: linear-gradient(90deg, rgba(209,93,104,0.14), rgba(209,93,104,0.06));
  color: #a54350;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-lavender {
  background: linear-gradient(90deg, rgba(179,168,219,0.18), rgba(179,168,219,0.06));
  color: #7d6fb0;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-aqua {
  background: linear-gradient(90deg, rgba(132,200,204,0.22), rgba(132,200,204,0.08));
  color: #3a8b90;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-side h3 {
  font-family: var(--serif);
  font-size: clamp(24px, 2.4vw, 30px);
  color: var(--ink);
  line-height: 1.18;
  letter-spacing: -0.01em;
  margin: 0;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-body p {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.7;
  margin: 0 0 14px;
  max-width: 68ch;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-body p:last-child { margin-bottom: 0; }

/* Climax row: dark navy full-width band */
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax {
  background: linear-gradient(135deg, var(--ink) 0%, #3a4670 100%);
  border-bottom: 0;
  border-radius: 18px;
  padding: 44px 44px;
  margin-top: 40px;
  color: #fff;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax::after {
  content: "";
  position: absolute;
  right: -80px; top: -80px;
  width: 360px; height: 360px;
  background: radial-gradient(closest-side, rgba(132,200,204,0.20), transparent 70%);
  pointer-events: none;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax .cq-side { position: static; }
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax .cq-side h3 { color: var(--ember); }
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax .cq-tag {
  background: rgba(132,200,204,0.22);
  color: var(--ember);
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax .cq-body p {
  color: rgba(255,255,255,0.88);
}

@media (max-width: 900px) {
  .national-accounts-mini-site .cq-section.cq-editorial { padding: 68px 0 76px; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 0;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-side { position: static; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-side h3 { font-size: 22px; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-body p { font-size: 15px; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax {
    padding: 28px 24px;
    border-radius: 14px;
  }
}

/* =========================================================
   FIXES v38 — climax hover bg + non-buttony CQ tags
   ========================================================= */

/* Climax card: keep dark navy on hover so text stays readable */
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax:hover {
  background: linear-gradient(135deg, var(--ink) 0%, #3a4670 100%) !important;
  transform: none;
  box-shadow: none;
}

/* CQ tags: drop the pill background so they don't look clickable.
   Use a colored left-bar + uppercase label — reads as a category label. */
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag {
  display: inline-block;
  background: none;
  border: 0;
  border-left: 3px solid currentColor;
  border-radius: 0;
  padding: 3px 0 3px 10px;
  font: 700 10.5px/1.35 'Inter', sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--flame-dark);
  margin-bottom: 16px;
  max-width: 100%;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-red      { color: #b25460; }
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-lavender { color: #8479b3; }
.national-accounts-mini-site .cq-section.cq-editorial .cq-tag-aqua     { color: #3a8b90; }

/* Climax card's tag: aqua bar + aqua text on dark bg */
.national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax .cq-tag {
  color: var(--ember);
  background: none;
  border-left: 3px solid var(--ember);
}

/* =========================================================
   DESIGN SLIDER v39 — INTERPOL-style tabs + featured image
   ========================================================= */

.national-accounts-mini-site .dslider {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 0;
  margin-top: 44px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 50px rgba(42,53,86,0.10);
  min-height: 480px;
  position: relative;
}

/* Tabs column */
.national-accounts-mini-site .dslider-tabs {
  list-style: none;
  margin: 0;
  padding: 24px 0;
  background: #f4f2ea;
  border-right: 1px solid rgba(110,132,196,0.14);
  display: flex;
  flex-direction: column;
}
.national-accounts-mini-site .dtab {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  align-items: center;
  padding: 20px 24px 20px 22px;
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
  position: relative;
}
.national-accounts-mini-site .dtab:hover { background: rgba(110,132,196,0.06); }
.national-accounts-mini-site .dtab .dtab-num {
  font-family: var(--serif);
  font-size: 28px;
  line-height: 1;
  color: #b6bbcd;
  transition: color .25s ease;
}
.national-accounts-mini-site .dtab .dtab-lbl {
  font: 500 14.5px/1.35 'Inter', sans-serif;
  color: var(--muted);
  transition: color .25s ease;
}
.national-accounts-mini-site .dtab.active {
  background: #fff;
  border-left-color: var(--flame);
}
.national-accounts-mini-site .dtab.active .dtab-num { color: var(--flame); }
.national-accounts-mini-site .dtab.active .dtab-lbl { color: var(--ink); font-weight: 600; }
/* Little tab-connector nub */
.national-accounts-mini-site .dtab.active::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #fff;
  border-top: 1px solid rgba(110,132,196,0.14);
  border-right: 1px solid rgba(110,132,196,0.14);
  transform: translateY(-50%) rotate(45deg);
  z-index: 3;
}

/* Panels area */
.national-accounts-mini-site .dslider-panels {
  position: relative;
  min-height: 480px;
}
.national-accounts-mini-site .dpanel {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease;
  pointer-events: none;
}
.national-accounts-mini-site .dpanel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.national-accounts-mini-site .dpanel-image {
  position: relative;
  background: linear-gradient(135deg, #e9ebf3 0%, #d9dcea 100%);
  overflow: hidden;
}
.national-accounts-mini-site .dpanel-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.national-accounts-mini-site .dpanel-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 50%, rgba(255,255,255,0.06) 100%);
  pointer-events: none;
}
.national-accounts-mini-site .dpanel-text {
  padding: 44px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.national-accounts-mini-site .dpanel-num {
  font: 700 12px/1 'Inter', sans-serif;
  letter-spacing: .18em;
  color: var(--flame);
  text-transform: uppercase;
  margin-bottom: 14px;
}
.national-accounts-mini-site .dpanel-text h3 {
  font-family: var(--serif);
  font-size: clamp(24px, 2.4vw, 32px);
  color: var(--ink);
  margin: 0 0 18px;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
.national-accounts-mini-site .dpanel-text p {
  font-size: 15.5px;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
  max-width: 46ch;
}

/* Tablet */
@media (max-width: 1024px) {
  .national-accounts-mini-site .dslider { grid-template-columns: 280px 1fr; min-height: 440px; }
  .national-accounts-mini-site .dslider-panels { min-height: 440px; }
  .national-accounts-mini-site .dpanel { grid-template-columns: 1fr 1fr; }
  .national-accounts-mini-site .dpanel-text { padding: 30px 32px; }
  .national-accounts-mini-site .dtab { padding: 16px 20px 16px 18px; }
  .national-accounts-mini-site .dtab .dtab-num { font-size: 24px; }
  .national-accounts-mini-site .dtab .dtab-lbl { font-size: 13.5px; }
}

/* Mobile: tabs horizontal on top, panel below */
@media (max-width: 760px) {
  .national-accounts-mini-site .dslider {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .national-accounts-mini-site .dslider-tabs {
    flex-direction: row;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(110,132,196,0.14);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .national-accounts-mini-site .dslider-tabs::-webkit-scrollbar { display: none; }
  .national-accounts-mini-site .dtab {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 4px;
    padding: 14px 18px;
    border-left: 0;
    border-bottom: 3px solid transparent;
    flex: 1 0 auto;
    min-width: 160px;
  }
  .national-accounts-mini-site .dtab.active { border-left-color: transparent; border-bottom-color: var(--flame); }
  .national-accounts-mini-site .dtab.active::after { display: none; }
  .national-accounts-mini-site .dtab .dtab-num { font-size: 20px; }
  .national-accounts-mini-site .dtab .dtab-lbl { font-size: 12.5px; line-height: 1.3; }
  .national-accounts-mini-site .dslider-panels { min-height: auto; }
  .national-accounts-mini-site .dpanel {
    position: relative;
    inset: auto;
    grid-template-columns: 1fr;
  }
  .national-accounts-mini-site .dpanel-image { height: 220px; }
  .national-accounts-mini-site .dpanel-image img { position: relative; }
  .national-accounts-mini-site .dpanel-text { padding: 24px 22px 28px; }
}

/* Overrides for older design-grid patterns that might conflict */
.national-accounts-mini-site .design-section .design-card { display: none !important; }

/* =========================================================
   PROCESS + COLOR QUALITY IMAGE SPREADS v40
   ========================================================= */

/* ---------- Process: image column added on the right ---------- */
.national-accounts-mini-site .proc-section.proc-editorial .proc-list {
  max-width: 1200px;   /* a touch wider to accommodate images */
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-row {
  grid-template-columns: 96px 1fr 380px;
  gap: 32px;
  align-items: start;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-image {
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(135deg, #e9e4d6 0%, #d6d0be 100%);
  position: relative;
  box-shadow: 0 8px 24px rgba(42,53,86,0.10);
  align-self: start;
  margin-top: 8px;
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-image img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
/* Placeholder styling when image fails to load */
.national-accounts-mini-site .proc-section.proc-editorial .proc-image.is-empty::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(110,132,196,0.18) 0%, rgba(132,200,204,0.18) 100%),
    repeating-linear-gradient(45deg, transparent 0 12px, rgba(255,255,255,0.35) 12px 13px);
}
.national-accounts-mini-site .proc-section.proc-editorial .proc-image.is-empty img { display: none; }

/* Tablet: narrower image column */
@media (max-width: 1100px) {
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 80px 1fr 280px;
    gap: 24px;
  }
}
/* Mobile: stack, image below text */
@media (max-width: 800px) {
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-image {
    aspect-ratio: 16 / 10;
    order: 3;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-num { order: 1; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-body { order: 2; }
}

/* ---------- Color Quality: full editorial spreads ---------- */
/* Override the earlier editorial two-column list treatment for media rows */
.national-accounts-mini-site .cq-section.cq-editorial .cq-list {
  max-width: none;         /* let rows breathe wide */
  margin: 56px 0 0;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media {
  display: grid;
  grid-template-columns: minmax(320px, 5fr) 8fr;
  gap: 0;
  padding: 0;
  border-bottom: 0;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
  background: #edeff7;      /* soft periwinkle paper */
  margin-bottom: 24px;
  min-height: 480px;
}
/* Flipped rows: image on left, text on right */
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media.cq-row-flip {
  grid-template-columns: 8fr minmax(320px, 5fr);
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-text {
  padding: 56px 52px 56px 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: static;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media.cq-row-flip .cq-text {
  order: 2;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media.cq-row-flip .cq-media {
  order: 1;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-tag {
  align-self: flex-start;
  margin-bottom: 18px;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media h3 {
  font-family: var(--serif);
  font-size: clamp(28px, 2.6vw, 36px);
  color: var(--ink);
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 0 0 24px;
  max-width: 20ch;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-body p {
  font-size: 15.5px;
  line-height: 1.68;
  color: var(--muted);
  margin: 0 0 14px;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-body p:last-child { margin-bottom: 0; }

.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #d3d7e5 0%, #b7bccc 100%);
  min-height: 480px;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media.is-empty::after {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(135deg, rgba(110,132,196,0.22), rgba(132,200,204,0.22)),
    repeating-linear-gradient(45deg, transparent 0 18px, rgba(255,255,255,0.35) 18px 19px);
}
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media.is-empty img { display: none; }

/* Tablet & phone: stack text on top, image below */
@media (max-width: 900px) {
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media {
    grid-template-columns: 1fr;
    min-height: auto;
    margin-bottom: 20px;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media.cq-row-flip {
    grid-template-columns: 1fr;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-text {
    padding: 32px 26px 26px;
    order: 1 !important;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media {
    order: 2 !important;
    min-height: 240px;
    aspect-ratio: 16 / 10;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media h3 {
    font-size: 24px;
    max-width: none;
  }
}

/* =========================================================
   IMAGE FIT FIX v41 — accommodate landscape process images
   ========================================================= */

/* Process images: switch from square (1:1) to landscape 4:3 so
   landscape assets fill cleanly and square assets crop only lightly */
.national-accounts-mini-site .proc-section.proc-editorial .proc-image {
  aspect-ratio: 4 / 3 !important;
}

/* Widen the process image column slightly to match the new aspect */
@media (min-width: 1101px) {
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 96px 1fr 420px;
  }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 80px 1fr 320px;
  }
}

/* Design slider image: ensure cover-fit is enforced regardless of aspect
   so landscape or portrait uploads never letterbox */
.national-accounts-mini-site .dpanel .dpanel-image img {
  object-fit: cover !important;
  object-position: center center;
}

/* =========================================================
   IMAGE FIT v42 — hard override for responsive img rule
   (older generic img:not(...) had higher specificity and
   was forcing height:auto, leaving empty space in containers)
   ========================================================= */
.national-accounts-mini-site .proc-section.proc-editorial .proc-image img,
.national-accounts-mini-site .dpanel .dpanel-image img,
.national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* =========================================================
   RESPONSIVE POLISH v43 — recent sections at mobile & tablet
   ========================================================= */

/* Hero: ensure headline scales cleanly and CTAs stack tightly */
@media (max-width: 640px) {
  .national-accounts-mini-site .hero h1 { font-size: clamp(28px, 8vw, 40px); line-height: 1.08; }
  .national-accounts-mini-site .hero p.lead { font-size: 15px; margin: 18px 0 26px; }
  .national-accounts-mini-site .hero-actions { flex-direction: column; align-items: stretch; }
  .national-accounts-mini-site .hero-actions .btn { width: 100%; justify-content: center; }
}
@media (max-width: 400px) {
  .national-accounts-mini-site .hero h1 { font-size: 26px; }
}

/* Stat strip: already stacks 1 col at 900px — tighten padding on tiny screens */
@media (max-width: 480px) {
  .national-accounts-mini-site .statstrip.statstrip-three .wrap { gap: 18px; padding: 24px 20px; }
  .national-accounts-mini-site .statstrip.statstrip-three .s .n { font-size: 20px; }
  .national-accounts-mini-site .statstrip.statstrip-three .s .l { font-size: 13.5px; }
}

/* Process editorial: on mobile stack (number, text, image) with better spacing */
@media (max-width: 800px) {
  .national-accounts-mini-site .proc-section.proc-editorial .proc-list::before { display: none; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-row {
    grid-template-columns: 1fr !important;
    gap: 12px;
    padding: 28px 0;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-num {
    font-size: 48px;
    padding-top: 0;
    background: transparent;
    margin-bottom: 4px;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-body h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-body p { font-size: 14.5px; }
  .national-accounts-mini-site .proc-section.proc-editorial .proc-image {
    aspect-ratio: 16 / 10 !important;
    margin-top: 4px;
    max-width: 100%;
    order: 3;
  }
}

/* Design slider: mobile handling (image over text, tabs scroll horizontal) */
@media (max-width: 760px) {
  .national-accounts-mini-site .dslider {
    grid-template-columns: 1fr;
    min-height: auto;
    border-radius: 14px;
  }
  .national-accounts-mini-site .dslider-tabs {
    flex-direction: row;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(110,132,196,0.16);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .national-accounts-mini-site .dslider-tabs::-webkit-scrollbar { display: none; }
  .national-accounts-mini-site .dtab {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 14px 16px;
    border-left: 0;
    border-bottom: 3px solid transparent;
    min-width: 150px;
    flex: 1 0 auto;
  }
  .national-accounts-mini-site .dtab.active { border-left: 0; border-bottom-color: var(--flame); }
  .national-accounts-mini-site .dtab.active::after { display: none; }
  .national-accounts-mini-site .dtab .dtab-num { font-size: 20px; }
  .national-accounts-mini-site .dtab .dtab-lbl { font-size: 12.5px; line-height: 1.3; }
  .national-accounts-mini-site .dslider-panels { min-height: auto; }
  .national-accounts-mini-site .dpanel {
    position: relative !important;
    inset: auto !important;
    grid-template-columns: 1fr;
    display: none;
  }
  .national-accounts-mini-site .dpanel.active { display: grid; }
  .national-accounts-mini-site .dpanel-image { height: 220px; position: relative; }
  .national-accounts-mini-site .dpanel-image img { position: absolute !important; }
  .national-accounts-mini-site .dpanel-text { padding: 24px 22px 28px; }
  .national-accounts-mini-site .dpanel-text h3 { font-size: 22px; }
}

/* Color Quality media rows: mobile stack text -> image */
@media (max-width: 900px) {
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media {
    grid-template-columns: 1fr !important;
    min-height: auto;
    margin-bottom: 20px;
    border-radius: 16px;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-text {
    padding: 28px 24px 22px !important;
    order: 1 !important;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-media {
    order: 2 !important;
    min-height: 220px;
    aspect-ratio: 16 / 10;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media h3 {
    font-size: 24px;
    max-width: none;
    margin-bottom: 16px;
  }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-body p {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media (max-width: 480px) {
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-text { padding: 22px 18px 18px !important; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media h3 { font-size: 21px; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row.cq-row-media .cq-body p { font-size: 14.5px; }
  .national-accounts-mini-site .cq-section.cq-editorial .cq-row-climax { padding: 28px 22px; border-radius: 14px; }
}

/* Section head typography on small screens */
@media (max-width: 640px) {
  .national-accounts-mini-site .section-head h2 { font-size: clamp(24px, 6vw, 30px); line-height: 1.18; }
  .national-accounts-mini-site .section-head p { font-size: 14.5px; }
  .national-accounts-mini-site .section-head { margin-bottom: 24px; }
}

/* Ensure the "Let's bring your vision to life" promise band stacks nicely */
@media (max-width: 760px) {
  .national-accounts-mini-site .design-promise {
    grid-template-columns: 1fr;
    padding: 26px 22px;
    gap: 18px;
    border-radius: 14px;
  }
  .national-accounts-mini-site .design-promise-text h3 { font-size: 22px; }
  .national-accounts-mini-site .design-promise-text p { font-size: 14.5px; }
  .national-accounts-mini-site .design-promise-cta { justify-content: flex-start; }
  .national-accounts-mini-site .design-promise-cta .btn { width: 100%; justify-content: center; }
}

/* Made-in-USA video block: keep aspect and prevent overflow on small screens */
@media (max-width: 900px) {
  .national-accounts-mini-site .usa-compact .usa-split { grid-template-columns: 1fr; gap: 24px; }
  .national-accounts-mini-site .usa-compact .usa-video { aspect-ratio: 16 / 9; max-width: 100%; }
}

/* Contact section: form + text stack cleanly */
@media (max-width: 760px) {
  .national-accounts-mini-site #contact .split { grid-template-columns: 1fr; gap: 28px; }
  .national-accounts-mini-site .lead-form .row { grid-template-columns: 1fr; gap: 14px; }
  .national-accounts-mini-site .lead-form input,
.national-accounts-mini-site .lead-form select,
.national-accounts-mini-site .lead-form textarea { font-size: 15px; }
}

/* Section-tabs at very small: tighter but scrollable */
@media (max-width: 480px) {
  .national-accounts-mini-site .section-tabs .wrap { padding: 0 12px; }
  .national-accounts-mini-site .section-tabs li a { font-size: 12.5px; padding: 12px 10px; }
}

/* Prevent any accidental overflow on tiny screens */
.national-accounts-mini-site,
.national-accounts-mini-site { overflow-x: hidden; }