.distributor-section{background:#edf4f7;scroll-margin-top:160px}
.distributor-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;max-width:var(--ct-home-max,1400px);margin:0 auto;color:#143754}
.distributor-panel h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:14px 0 20px}
.distributor-panel p{font-size:17px;line-height:1.75;margin:0 0 18px}
.distributor-commitment{background:#fff;border:1px solid #b5cbd5;border-top:4px solid #ffbf18;border-radius:12px;padding:28px}
.distributor-commitment h3{font-size:23px;line-height:1.35;margin:0 0 16px}
.distributor-commitment p:last-child{margin-bottom:0}
.distributor-panel .content-cta:focus-visible{outline:3px solid #143754;outline-offset:4px}
@media(min-width:981px){.site-header .primary-nav{gap:14px;flex-wrap:wrap;min-width:0}.site-header .primary-nav .nav-link{font-size:13px}}
@media(max-width:780px){.distributor-panel{grid-template-columns:1fr;gap:24px}.distributor-commitment{padding:22px}.distributor-panel .content-cta{white-space:normal;line-height:1.5}}

.slide-partnership{background:linear-gradient(120deg,#071f33,#123e55);overflow:hidden;justify-content:center}
.slide-partnership::before{display:none}
.partnership-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:32px;width:calc(100% - 80px);max-width:1240px;margin:0 auto;padding:20px 0 44px}
.slide-partnership .hero-content{position:relative;z-index:2;width:100%;margin:0;padding:0;max-width:none}
.slide-partnership h1{font-size:clamp(30px,3.9vw,58px);line-height:1.12}
.partnership-map{position:relative;inset:auto;width:100%;max-width:600px;margin:0 auto;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0}
.partnership-map img{display:block;width:100%;max-height:510px;object-fit:contain;object-position:center}
.partnership-map figcaption{text-align:center;color:#c3dce7;font-size:12px;margin-top:10px}
@media(max-width:780px){.partnership-layout{grid-template-columns:1fr;gap:16px;width:calc(100% - 40px);max-width:500px;padding:12px 0 50px}.slide-partnership .hero-content{width:100%;margin:0;padding:0;text-align:center}.slide-partnership h1{font-size:28px;margin:8px 0}.slide-partnership .hero-description{font-size:13px;line-height:1.45;margin:8px 0}.slide-partnership .eyebrow{font-size:10px;margin:0}.slide-partnership .hero-actions{justify-content:center;margin-top:12px}.slide-partnership .primary-action{padding:10px 14px;font-size:12px}.partnership-map{max-width:380px}.partnership-map img{max-height:300px}.partnership-map figcaption{font-size:10px;margin-top:5px}}

/* ============================================================
   CUTTING TECH COSMETIC 02 — approved homepage standardization
   Presentation only. No functional behavior is changed here.
   ============================================================ */

/* Header actions: same CT interaction language; silhouette keeps hierarchy. */
.nav-account-actions .quote-button,
.nav-account-actions .signin-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  color:#eef5f8;
  background:var(--gold,#f4b41b);
  border:2px solid var(--gold,#f4b41b);
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.nav-account-actions .quote-button { border-radius:999px; }
.nav-account-actions .signin-link { border-radius:5px; }
.nav-account-actions .quote-button:hover,
.nav-account-actions .quote-button:focus-visible,
.nav-account-actions .signin-link:hover,
.nav-account-actions .signin-link:focus-visible {
  color:#eef5f8;
  background:var(--prussian,#153957);
  border-color:var(--prussian,#153957);
  transform:none;
  box-shadow:0 6px 16px rgba(11,35,56,.16);
  outline:none;
}

/* Hero: do not move/invert buttons. Only the text color comes alive. */
.hero-actions .primary-action:hover,
.hero-actions .primary-action:focus-visible {
  color:#eef5f8;
  background:var(--gold,#f4b41b);
  border-color:var(--gold,#f4b41b);
  transform:none;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.hero-actions .secondary-action:hover,
.hero-actions .secondary-action:focus-visible {
  color:var(--gold,#f4b41b);
  background:rgba(5,35,52,.34);
  border-color:rgba(255,255,255,.72);
  transform:none;
}
.secondary-action:hover .action-arrow,
.secondary-action:focus-visible .action-arrow { transform:none; }

/* Shared light strip + Prussian card language. */
.program-section,
#industries,
.resources-section {
  background:#eef4f5;
}
.program-card,
#industries .resource-grid article,
.resources-section .resource-grid article {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(145deg,#173f60 0%,#0b2338 100%);
  border:1px solid rgba(255,255,255,.08);
  border-top:4px solid var(--gold,#f4b41b);
  box-shadow:0 12px 28px rgba(11,35,56,.12);
}
.program-card::after,
#industries .resource-grid article::after,
.resources-section .resource-grid article::after {
  content:"";
  position:absolute;
  right:-58px;
  top:-42px;
  width:150px;
  height:150px;
  border:1px solid rgba(244,180,27,.10);
  border-radius:50%;
  pointer-events:none;
}
.program-card h3,
#industries .resource-grid h3,
.resources-section .resource-grid h3 { color:#fff; }
.program-card p,
#industries .resource-grid p,
.resources-section .resource-grid p { color:#d9e8ed; }
.program-tagline,
#industries .resource-grid article>span { color:var(--gold,#f4b41b); }
#industries .resource-grid a,
.resources-section .resource-grid a {
  position:relative;
  z-index:1;
  color:#eef5f8;
  transition:color .18s ease;
}
#industries .resource-grid a:hover,
#industries .resource-grid a:focus-visible,
.resources-section .resource-grid a:hover,
.resources-section .resource-grid a:focus-visible { color:var(--gold,#f4b41b); }
.program-card:target {
  background:linear-gradient(145deg,#1d4b70 0%,#0b2338 100%);
  box-shadow:0 14px 34px rgba(11,35,56,.18);
}

/* Get Instant Quote strip. */
.quote-system-section { background:#fff; }
.quote-system-section .content-cta {
  color:#eef5f8;
  background:var(--gold,#f4b41b);
  border:2px solid var(--gold,#f4b41b);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.quote-system-section .content-cta:hover,
.quote-system-section .content-cta:focus-visible {
  color:#eef5f8;
  background:var(--prussian,#153957);
  border-color:var(--prussian,#153957);
  box-shadow:0 6px 16px rgba(11,35,56,.16);
  outline:none;
}
#portal-preview-link a {
  color:var(--prussian,#153957);
  font-weight:700;
  transition:color .18s ease;
}
#portal-preview-link a:hover,
#portal-preview-link a:focus-visible { color:var(--gold,#f4b41b); }

/* White + Prussian information-card family (traceability reference). */
.company-section,
.distributor-section { background:#fff; }
.company-section .company-grid > div:last-child,
.distributor-commitment {
  padding:clamp(1.8rem,3vw,2.5rem);
  color:#fff;
  background:linear-gradient(145deg,#173f60 0%,#0b2338 100%);
  border:0;
  border-top:5px solid var(--gold,#f4b41b);
  border-radius:14px;
  box-shadow:0 16px 36px rgba(11,35,56,.14);
}
.company-section .company-grid > div:last-child p,
.distributor-commitment p { color:#d9e8ed; }
.distributor-commitment h3 { color:#fff; }
.company-section .company-grid > div:last-child .content-cta {
  color:#eef5f8;
  background:var(--gold,#f4b41b);
}
.company-section .company-grid > div:last-child .content-cta:hover,
.company-section .company-grid > div:last-child .content-cta:focus-visible {
  color:#eef5f8;
  background:var(--prussian,#153957);
  outline:2px solid var(--gold,#f4b41b);
  outline-offset:2px;
}

/* Consistent return-to-navigation treatment. */
.section-home { max-width:var(--ct-home-max,1400px); margin:26px auto 0; text-align:right; }
.section-home a {
  color:var(--prussian,#153957);
  font-weight:750;
  text-decoration:none;
  transition:color .18s ease;
}
.section-home a:hover,
.section-home a:focus-visible { color:var(--gold,#f4b41b); }

/* ============================================================
   CUTTING TECH COSMETIC 04 — authoritative CT button standard
   2026-09-21. Narrow overrides only; functionality unchanged.
   ============================================================ */

/* Header sits on a light background: CT blue first, gold on hover.
   All action buttons are rectangular with softly rounded corners. */
.nav-account-actions .quote-button,
.nav-account-actions .signin-link {
  color:#eef5f8;
  background:var(--prussian,#153957);
  border:2px solid var(--prussian,#153957);
  border-radius:7px;
}
.nav-account-actions .quote-button:hover,
.nav-account-actions .quote-button:focus-visible,
.nav-account-actions .signin-link:hover,
.nav-account-actions .signin-link:focus-visible {
  color:var(--prussian,#153957);
  background:var(--gold,#f4b41b);
  border-color:var(--gold,#f4b41b);
  box-shadow:0 6px 16px rgba(11,35,56,.16);
}

/* Restore Shane's original Customer Portal strip: CT blue section + light card. */
.quote-system-section {
  background:linear-gradient(135deg,var(--prussian-deep,#0b2338),var(--prussian,#153957));
}
.quote-system-section .quote-section-heading,
.quote-system-section .quote-section-heading h2 { color:#fff; }
.quote-system-section .quote-section-heading p { color:rgba(255,255,255,.86); }
.quote-system-section .section-kicker { color:var(--gold,#f4b41b); }

/* Actions inside the light portal card: CT blue first, gold on hover. */
.quote-system-section .content-cta,
.quote-system-section .quote-section-signin {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.8rem 1.25rem;
  color:#eef5f8;
  background:var(--prussian,#153957);
  border:2px solid var(--prussian,#153957);
  border-radius:7px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.quote-system-section .quote-section-signin { margin-left:.45rem; }
.quote-system-section .content-cta:hover,
.quote-system-section .content-cta:focus-visible,
.quote-system-section .quote-section-signin:hover,
.quote-system-section .quote-section-signin:focus-visible {
  color:var(--prussian,#153957);
  background:var(--gold,#f4b41b);
  border-color:var(--gold,#f4b41b);
  box-shadow:0 6px 16px rgba(11,35,56,.16);
  transform:translateY(-1px);
  outline:none;
}

/* This remains a text link, not a button. Light-card contrast rule. */
#portal-preview-link a {
  color:var(--prussian,#153957);
  background:none;
  border:0;
  font-weight:400;
}
#portal-preview-link a:hover,
#portal-preview-link a:focus-visible {
  color:var(--prussian,#153957);
  font-weight:700;
  outline:none;
}

/* Return link is on the CT-blue strip, so use gold for contrast. */
.quote-system-section .section-home a { color:var(--gold,#f4b41b); }

/* Cosmetic-05 — approved focused corrections, 2026-09-21. */
/* 1) Distributor CTA sits on a light background: CT blue first, gold on hover. */
.distributor-panel > div:first-child .content-cta {
  color:#eef5f8;
  background:var(--prussian,#153957);
  border:2px solid var(--prussian,#153957);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.distributor-panel > div:first-child .content-cta:hover,
.distributor-panel > div:first-child .content-cta:focus-visible {
  color:var(--prussian,#153957);
  background:var(--gold,#f4b41b);
  border-color:var(--gold,#f4b41b);
  box-shadow:0 6px 16px rgba(11,35,56,.16);
  transform:translateY(-1px);
  outline:none;
}

/* 2) About CTA sits on CT blue: gold first with CT-blue text, inverse on hover. */
.company-section .company-grid > div:last-child .content-cta {
  color:var(--prussian,#153957);
  background:var(--gold,#f4b41b);
  border:2px solid var(--gold,#f4b41b);
}
.company-section .company-grid > div:last-child .content-cta:hover,
.company-section .company-grid > div:last-child .content-cta:focus-visible {
  color:#eef5f8;
  background:var(--prussian,#153957);
  border-color:var(--gold,#f4b41b);
  outline:none;
  transform:translateY(-1px);
}

/* 3) Shared CT card behavior: match the approved Built Around service-card language. */
.program-card,
#industries .resource-grid article,
.resources-section .resource-grid article {
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 44%),
    linear-gradient(145deg,#173f60 0%,#0b2338 100%);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.program-card::after,
#industries .resource-grid article::after,
.resources-section .resource-grid article::after {
  right:-48px;
  bottom:-70px;
  top:auto;
  width:180px;
  height:180px;
  border-color:rgba(244,180,27,.13);
  box-shadow:0 0 0 28px rgba(244,180,27,.035),0 0 0 56px rgba(244,180,27,.022);
  transition:transform .28s ease,border-color .28s ease;
}
.program-card:hover,
.program-card:focus-within,
#industries .resource-grid article:hover,
#industries .resource-grid article:focus-within,
.resources-section .resource-grid article:hover,
.resources-section .resource-grid article:focus-within {
  transform:translateY(-5px);
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),transparent 44%),
    linear-gradient(145deg,#1b486d 0%,#0b2338 100%);
  border-color:rgba(244,180,27,.55);
  box-shadow:0 20px 42px rgba(11,35,56,.16);
}
.program-card:hover::after,
.program-card:focus-within::after,
#industries .resource-grid article:hover::after,
#industries .resource-grid article:focus-within::after,
.resources-section .resource-grid article:hover::after,
.resources-section .resource-grid article:focus-within::after {
  transform:scale(1.06);
  border-color:rgba(244,180,27,.28);
}
/* Gold title accent grows on hover, matching the approved service cards. */
.program-card h3::after,
#industries .resource-grid h3::after,
.resources-section .resource-grid h3::after {
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:.7rem;
  border-radius:999px;
  background:var(--gold,#f4b41b);
  transition:width .22s ease;
}
.program-card:hover h3::after,
.program-card:focus-within h3::after,
#industries .resource-grid article:hover h3::after,
#industries .resource-grid article:focus-within h3::after,
.resources-section .resource-grid article:hover h3::after,
.resources-section .resource-grid article:focus-within h3::after {
  width:66px;
}

/* Cosmetic-06 — approved hover-only refinements, 2026-09-21. */
/* Add the approved card lift + growing gold title accent to the three existing CT-blue info boxes.
   No layout, copy, background, sizing, or content changes. */
.distributor-commitment,
.feature-explainer-box,
.company-section .company-grid > div:last-child {
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.distributor-commitment:hover,
.distributor-commitment:focus-within,
.feature-explainer-box:hover,
.feature-explainer-box:focus-within,
.company-section .company-grid > div:last-child:hover,
.company-section .company-grid > div:last-child:focus-within {
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(11,35,56,.18);
}
.distributor-commitment h3::after,
.feature-explainer-box h3::after,
.company-section .company-grid > div:last-child > p:first-child::after {
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:.7rem;
  border-radius:999px;
  background:var(--gold,#f4b41b);
  transition:width .22s ease;
}
.distributor-commitment:hover h3::after,
.distributor-commitment:focus-within h3::after,
.feature-explainer-box:hover h3::after,
.feature-explainer-box:focus-within h3::after,
.company-section .company-grid > div:last-child:hover > p:first-child::after,
.company-section .company-grid > div:last-child:focus-within > p:first-child::after {
  width:66px;
}

/* Button-border standard: on hover, keep the opposite CT color as the border.
   Existing button fills/text/geometry are intentionally untouched. */
.distributor-panel > div:first-child .content-cta:hover,
.distributor-panel > div:first-child .content-cta:focus-visible,
.nav-account-actions .quote-button:hover,
.nav-account-actions .quote-button:focus-visible,
.nav-account-actions .signin-link:hover,
.nav-account-actions .signin-link:focus-visible,
.quote-system-section .content-cta:hover,
.quote-system-section .content-cta:focus-visible,
.quote-system-section .quote-section-signin:hover,
.quote-system-section .quote-section-signin:focus-visible {
  border-color:var(--prussian,#153957);
}
.company-section .company-grid > div:last-child .content-cta:hover,
.company-section .company-grid > div:last-child .content-cta:focus-visible,
.hero-slide .primary-action:hover,
.hero-slide .primary-action:focus-visible {
  border-color:var(--gold,#f4b41b);
}

/* Cosmetic-07 — final public-home visual polish approved 2026-09-21. */
/* Hero slider only: wherever button text was white, use the CT blue-white tone.
   Gold and Prussian text states remain untouched. */
.hero-actions .secondary-action {
  color:#dbeaf3;
}
.hero-actions .primary-action:hover,
.hero-actions .primary-action:focus-visible {
  color:#dbeaf3;
}

/* Contact links: preserve the existing tel:/mailto: destinations; add only a gold hover/focus color. */
.contact-panel address a {
  transition:color .18s ease,text-decoration-color .18s ease;
}
.contact-panel address a:hover,
.contact-panel address a:focus-visible {
  color:var(--gold,#f4b41b);
  text-decoration-color:var(--gold,#f4b41b);
  outline:none;
}

/* Cosmetic-58 — final header portal-button alignment.
   Get Instant Quote remains the CT standard; Employee Login matches its
   dimensions/typography and uses the approved inverted CT treatment. */
.site-header .primary-nav .nav-account-actions {
  display:inline-grid;
  grid-template-columns:repeat(2,1fr);
  align-items:stretch;
}
.site-header .primary-nav .nav-account-actions .quote-button,
.site-header .primary-nav .nav-account-actions .signin-link {
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:.8rem 1.25rem;
  font-size:inherit !important;
  font-weight:700;
  line-height:normal;
}
/* Employee Login only: inverted CT treatment. */
.site-header .primary-nav .nav-account-actions .signin-link {
  color:var(--prussian,#153957);
  background:var(--gold,#f4b41b);
  border-color:var(--gold,#f4b41b);
}
.site-header .primary-nav .nav-account-actions .signin-link:hover,
.site-header .primary-nav .nav-account-actions .signin-link:focus-visible {
  color:var(--gold,#f4b41b);
  background:var(--prussian,#153957);
  border-color:var(--gold,#f4b41b);
  outline:none;
}

/* Stage 71.5.1 — approved public CTA motion correction.
   This stylesheet loads after styles.css, so keep the final lift here to preserve the slide-model -6px motion. */
.distributor-panel > div:first-child .content-cta:hover,
.distributor-panel > div:first-child .content-cta:focus-visible,
.company-section .company-grid > div:last-child .content-cta:hover,
.company-section .company-grid > div:last-child .content-cta:focus-visible,
.quote-system-section .quote-section-signin:hover,
.quote-system-section .quote-section-signin:focus-visible,
.quote-system-section .quote-section-create:hover,
.quote-system-section .quote-section-create:focus-visible {
  transform:translateY(-6px);
}


/* Stage 71.5.2 — targeted correction after local visual test, 2026-09-30.
   This stylesheet loads last, so these are the authoritative desktop interaction overrides. */
@media (min-width:981px){
  /* Undo the older equal-column Employee-era layout. The two buttons size to their own content. */
  .site-header .primary-nav .nav-account-actions{
    display:flex;
    align-items:center;
  }
  /* Sign In uses exactly the same 12px/16px internal spacing as Get Instant Quote. */
  .site-header .primary-nav .nav-account-actions .signin-link{
    width:max-content;
    min-width:0;
    padding:12px 16px;
  }
}

/* Use the approved hero-slide -6px lift for the requested public buttons. */
.site-header .primary-nav .nav-account-actions .quote-button:hover,
.site-header .primary-nav .nav-account-actions .quote-button:focus-visible,
.site-header .primary-nav .nav-account-actions .signin-link:hover,
.site-header .primary-nav .nav-account-actions .signin-link:focus-visible,
.distributor-panel > div:first-child .content-cta:hover,
.distributor-panel > div:first-child .content-cta:focus-visible,
.company-section .company-grid > div:last-child .content-cta:hover,
.company-section .company-grid > div:last-child .content-cta:focus-visible,
.quote-system-section .quote-section-signin:hover,
.quote-system-section .quote-section-signin:focus-visible,
.quote-system-section .quote-section-create:hover,
.quote-system-section .quote-section-create:focus-visible{
  transform:translateY(-6px);
}

/* Stage 71.5.7 — header buttons only.
   Final loaded stylesheet owns the header CTA geometry, so keep both siblings
   content-sized with identical text-to-edge spacing and a very soft lift. */
@media (min-width:981px) {
  .nav-account-actions .quote-button,
  .nav-account-actions .signin-link {
    box-sizing:border-box;
    width:max-content;
    min-width:0;
    min-height:0;
    height:36px;
    padding:0 13px;
    line-height:1;
    flex:0 0 auto;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  .nav-account-actions .quote-button:hover,
  .nav-account-actions .quote-button:focus-visible,
  .nav-account-actions .signin-link:hover,
  .nav-account-actions .signin-link:focus-visible {
    transform:translateY(-1px);
  }
}

/* Stage 71.5.8 — HEADER BUTTONS ONLY.
   Compact siblings: same text-to-edge spacing, content-sized width, lower height,
   and an intentionally minimal header-only lift. */
@media (min-width:981px) {
  .site-header .primary-nav .nav-account-actions .quote-button,
  .site-header .primary-nav .nav-account-actions .signin-link {
    box-sizing:border-box;
    display:inline-flex;
    width:fit-content !important;
    min-width:0 !important;
    max-width:max-content;
    height:30px !important;
    min-height:30px !important;
    padding:0 12px !important;
    flex:0 0 auto !important;
    line-height:1;
  }
  .site-header .primary-nav .nav-account-actions .quote-button:hover,
  .site-header .primary-nav .nav-account-actions .quote-button:focus-visible,
  .site-header .primary-nav .nav-account-actions .signin-link:hover,
  .site-header .primary-nav .nav-account-actions .signin-link:focus-visible {
    transform:translateY(-0.5px);
  }
}