:root {

  --pomegranate: #7B0F1E;
  --garnet: #941B2E;
  --seed: #B83543;
  --rose: #F3D6DB;
  --ivory: #FAF7F2;
  --charcoal: #20242A;
  --muted: #66717A;
  --line: #E5E8EC;
  --shadow: 0 28px 80px rgba(62, 18, 24, 0.12);
  --radius: 32px;
  --type-body: 0.98rem;
  --type-small: 0.88rem;
  --type-nav: 0.92rem;
  --text-primary: #3F4650;
  --text-secondary: #66707C;
  --text-tertiary: #8A919C;
  --surface: #FFFFFF;
  --surface-soft: #F7F8FA;
  --line-brand: rgba(123, 15, 30, .12);
  --shadow-soft: 0 12px 34px rgba(32, 36, 42, .07);
  --shadow-card: 0 18px 46px rgba(32, 36, 42, .09);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --dark-bg: #181B20;
  --dark-surface: #23272D;
  --dark-surface-2: #2D3238;
  --dark-border: rgba(255,255,255,.16);
  --dark-heading: #FFFFFF;
  --dark-text: #D7DCE2;
  --dark-muted: #B8C0C9;
  --brand-on-dark: #FFB7C1;
  --white: #FFFFFF;
  --site-max: 1160px;
  --site-gutter: 40px;
  --section-space: clamp(72px, 8vw, 116px);
  --content-gap: 40px;
  --card-radius: 18px;
  --control-radius: 12px;
  --page-title-size: clamp(1.5rem, 2.6vw, 2.3rem);
  --section-title-size: clamp(1.5rem, 2.6vw, 2.3rem);
  --card-title-size: clamp(1rem, 1.25vw, 1.22rem);
  --body-size: 0.98rem;
  --card-body-size: 0.90rem;
  --font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --page-max: 1180px;
  --surface-tint: #fbfaf8;
  --surface-cool: #f5f7f9;
  --ink: #23272d;
  --copy: #58616c;
  --brand-deep: #73101e;
  --brand-mid: #9b2336;
  --focus-ring: 0 0 0 4px rgba(123, 15, 30, .13);
  --anarbio-velvet-burgundy: #7B0F1E;
  --anarbio-page-opening-background: radial-gradient(circle at 85% 12%, rgba(184, 53, 67, .08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, var(--surface-tint, #f7f5f3) 100%);

}

* {

  box-sizing: border-box;

}

html {

  scroll-behavior: smooth;
  font-size: 16px;

}

body {

  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  overflow-x: hidden;
  font-size: var(--body-size);
  font-weight: 400;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

}

a {

  color: inherit;
  text-decoration: none;

}

button,
input,
textarea,
select {

  font: inherit;

}

.container {

  width: min(var(--page-max), calc(100% - 48px));
  margin: 0 auto;
  margin-inline: auto !important;

}

.site-header {

  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(32, 36, 42, .08);
  box-shadow: 0 2px 16px rgba(32, 36, 42, .035);
  -webkit-backdrop-filter: blur(16px);

}

.nav {

  min-height: 82px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;

}

.brand-logo {

  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;

}

.brand-logo img {

  width: 280px !important;
  max-width: 32vw !important;
  height: auto;
  display: block;
  background: transparent;
  padding: 0;
  object-fit: contain;

}

.desktop-nav {

  display: flex;
  gap: 22px !important;
  color: #111;
  font-size: 1.04rem;
  font-weight: 600;
  align-items: center;
  letter-spacing: -0.01em;

}

.desktop-nav a:hover {

  color: var(--pomegranate);

}

.eyebrow {

  margin: 0 0 18px;
  color: var(--seed);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .76rem;
  font-weight: 700;
  margin-bottom: 13px !important;
  line-height: 1.3;

}

h1,
h2,
h3,
p {

  margin-top: 0;

}

h1,
h2,
h3 {

  font-family: Inter, system-ui, sans-serif;

}

h1 {

  margin-bottom: 22px !important;
  font-size: clamp(1.8rem, 3.2vw, 2.95rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  font-weight: 700 !important;

}

h2 {

  font-size: clamp(1.5rem, 2.6vw, 2.3rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 18px !important;
  font-weight: 700 !important;

}

h3 {

  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(0.9rem, 1.15vw, 1.05rem) !important;
  font-weight: 600 !important;

}

.button {

  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
  border-radius: 6px;
  font-weight: 700;
  transition: transform 220ms ease, box-shadow 220ms ease;
  font-size: 0.94rem;

}

.button:hover {

  transform: translateY(-2px);

}

.button.primary {

  color: white;
  background: linear-gradient(135deg, var(--pomegranate), var(--garnet));
  box-shadow: 0 12px 28px rgba(123, 15, 30, .18);

}

.button.secondary {

  color: var(--pomegranate) !important;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(123, 15, 30, .28);
  border-color: rgba(123,15,30,.38) !important;
  border-radius: 999px;

}

.section {

  padding: 68px 0!important;
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);

}

.section-head {

  max-width: 760px;
  margin-bottom: clamp(34px, 5vw, 58px);

}

.section-head.centered {

  text-align: center;
  margin-left: auto;
  margin-right: auto;

}

.section-head p {

  color: var(--copy);
  font-size: 1.07rem;

}

label {

  color: #6E1020;
  font-weight: 600;
  font-size: .82rem;

}

input,
textarea,
select {

  width: 100%;
  margin-top: 7px;
  border: 1px solid var(--line);
  background: #FFFFFF;
  color: #20242A;
  border-radius: var(--control-radius) !important;
  padding: 11px 13px !important;
  outline: none;
  font-size: 0.94rem !important;
  border-color: #CDD3DA;

}

input:focus,
textarea:focus,
select:focus {

  border-color: rgba(123,15,30,.38);
  box-shadow: 0 0 0 4px rgba(123,15,30,.08);

}

textarea {

  min-height: 116px;
  resize: vertical;

}

.site-footer {

  padding: 44px 0;
  background: #181b20;
  color: white;
  padding-top: clamp(58px, 7vw, 88px);
  padding-bottom: 42px !important;

}

.footer-grid {

  display: grid;
  grid-template-columns: 1.6fr 0.7fr 0.7fr 0.8fr;
  gap: 34px;

}

.footer-logo img {

  width: 270px !important;
  max-width: 100%;
  height: auto;
  background: transparent !important;
  border-radius: 10px;
  padding: 8px;
  margin-bottom: 16px;

}

.site-footer p,
.site-footer a {

  display: block;
  color: rgba(255,255,255,.85) !important;
  margin: 5px 0;
  font-size: 0.86rem !important;

}

.site-footer strong {

  display: block;
  margin-bottom: 12px;

}

.configurator-section {

  background: radial-gradient(circle at 20% 20%, rgba(192,57,63,0.10), transparent 28%), rgba(255,255,255,0.38);

}

.configurator-heading {

  max-width: 760px !important;
  margin-bottom: 32px !important;

}

.configurator-heading p {

  color: var(--muted);
  font-size: 1.07rem;

}

.configurator {

  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 22px !important;
  align-items: start;

}

.configurator-main {

  display: grid;
  gap: 18px;

}

.panel,
.summary-card {

  border: 1px solid var(--line);
  background: rgba(255,255,255,0.82);
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(62,18,24,0.08);

}

.panel {

  padding: 20px !important;

}

.panel-head {

  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 20px !important;

}

.panel-head > span {

  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: white;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  font-weight: 700;
  font-size: .8rem;

}

.panel-head h3 {

  margin-bottom: 5px;
  font-size: 1.05rem;
  font-weight: 600;

}

.panel-head p {

  margin: 0;
  color: var(--text-secondary);
  font-size: .86rem;

}

.field-grid {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px !important;

}

.slider-block {

  padding: 20px;
  border-radius: 24px;
  background: rgba(250,247,242,0.68);
  border: 1px solid var(--line);
  margin-bottom: 16px;

}

.slider-label {

  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 8px;

}

.slider-label strong {

  color: var(--charcoal);
  font-size: .9rem;
  font-weight: 600;

}

.slider-label output {

  color: white;
  background: var(--pomegranate);
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 600;
  white-space: nowrap;
  font-size: .8rem;

}

input[type="range"] {

  appearance: none;
  -webkit-appearance: none;
  height: 8px;
  border-radius: 999px;
  padding: 0;
  border: 0;
  background: linear-gradient(90deg,#F4CDD3 0%,var(--seed) 50%,var(--pomegranate) 100%);
  cursor: pointer;

}

input[type="range"]::-webkit-slider-thumb {

  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: white;
  border: 4px solid var(--pomegranate);
  box-shadow: 0 6px 18px rgba(62,18,24,0.24);

}

input[type="range"]::-moz-range-thumb {

  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: white;
  border: 4px solid var(--pomegranate);
  box-shadow: 0 6px 18px rgba(62,18,24,0.24);

}

.range-captions {

  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: .72rem;
  margin-top: 6px;

}

.toggle-grid {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 18px;

}

.toggle-card {

  position: relative;
  padding: 14px 14px 14px 46px;
  border-radius: 15px;
  background: rgba(255,255,255,.75);
  border: 1px solid var(--line);
  cursor: pointer;
  transition: transform 220ms ease, border 220ms ease, background 220ms ease;
  border-color: var(--line);

}

.toggle-card:hover {

  transform: translateY(-2px);
  border-color: rgba(192,57,63,0.34);

}

.toggle-card input {

  position: absolute;
  left: 17px;
  top: 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--pomegranate);

}

.toggle-card span {

  display: block;
  color: var(--charcoal);
  font-weight: 600;

}

.toggle-card small {

  display: block;
  color: var(--text-secondary);
  margin-top: 5px;
  line-height: 1.4;
  font-size: .79rem;

}

.summary-panel {

  position: sticky;
  top: 128px;

}

.summary-card {

  padding: 20px !important;
  background: #FFFFFF;

}

.summary-kicker {

  margin: 0 0 10px;
  color: var(--seed);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
  font-weight: 900;

}

.summary-card h3 {

  font-size: 1.34rem;
  margin-bottom: 14px;
  line-height: 1.2;
  letter-spacing: -0.035em;
  font-weight: 600;

}

.summary-card dl {

  display: grid;
  gap: 6px;
  margin: 0 0 22px;

}

.summary-card dl div {

  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(123,15,30,0.11);

}

.summary-card dt {

  color: var(--text-secondary);
  font-weight: 500;
  font-size: .84rem;

}

.summary-card dd {

  margin: 0;
  color: var(--charcoal);
  font-weight: 600;
  text-align: right;
  overflow-wrap: anywhere;
  font-size: .86rem;

}

.summary-note {

  padding: 16px;
  border-radius: 20px;
  background: rgba(243,214,219,0.38);
  margin-bottom: 18px;

}

.summary-note p {

  margin: 4px 0 0;
  color: var(--muted);

}

.submit-button {

  width: 100%;
  min-height: 50px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  color: white;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 18px 38px rgba(123,15,30,0.20);

}

.submit-help {

  display: block;
  color: var(--muted);
  margin-top: 12px;
  line-height: 1.45;

}

.compact-panel,
.mini-panel,
.specs-panel {

  padding: 22px;

}

.panel-head>span {

  width: 34px;
  height: 34px;
  font-size: .88rem;

}

.full-field {

  margin-top: 16px;

}

.disabled-field {

  opacity: .72;

}

.disabled-field textarea {

  cursor: not-allowed;
  background: rgba(238,232,226,.65);

}

#formulationHint {

  color: var(--muted);
  font-weight: 700;

}

.slider-block.slim-slider {

  padding: 12px 14px;
  border-radius: 15px;
  margin-bottom: 12px;
  background: rgba(247,248,250,.88);

}

.disabled-slider {

  opacity: .45;
  filter: grayscale(.25);

}

.disabled-slider input[type="range"] {

  cursor: not-allowed;

}

.docs-grid {

  grid-template-columns: repeat(3,1fr);

}

.testing-slider {

  margin-top: 14px;

}

.mini-panel .toggle-grid {

  grid-template-columns: repeat(3, 1fr);

}

#bufferNameLabel.disabled-field {

  opacity: .48;

}

#bufferNameHint {

  color: var(--muted);
  font-weight: 650;
  font-size: .78rem;

}

#bufferNameLabel:not(.disabled-field) {

  opacity: 1;

}

.builder-page .configurator-section {

  padding-top: 52px;

}

.builder-intro {

  padding: 34px 0 0;
  background: radial-gradient(circle at 20% 20%, rgba(192,57,63,0.10), transparent 28%),
    rgba(255,255,255,0.38);
  padding-top: 18px !important;
  padding-bottom: 18px !important;

}

.builder-back-link {

  display: inline-flex;
  align-items: center;
  color: var(--pomegranate);
  font-weight: 800;

}

.builder-back-link:hover {

  text-decoration: underline;

}

.page-back-link {

  display: inline-flex;
  align-items: center;
  color: var(--pomegranate);
  font-weight: 800;

}

.page-back-link:hover {

  text-decoration: underline;

}

.page-topbar {

  padding: 30px 0 0;
  background: radial-gradient(circle at 20% 20%, rgba(192,57,63,.08), transparent 28%),
    rgba(255,255,255,.34);
  padding-top: 20px;

}

.about-hero {

  padding: 78px 0 92px;
  background: radial-gradient(circle at 80% 20%, rgba(192,57,63,.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(250,247,242,.98));

}

.about-hero-grid {

  display: grid;
  grid-template-columns: 1.1fr .75fr;
  gap: 58px;
  align-items: center;

}

.about-hero-copy h1 span {

  color: var(--pomegranate);

}

.about-hero-copy > p {

  max-width: 780px;
  margin-top: 28px;
  color: var(--muted);
  font-size: 1.15rem;
  line-height: 1.65;

}

.about-hero-card {

  padding: 34px;
  border-radius: 32px;
  background: linear-gradient(145deg, var(--pomegranate), var(--seed));
  color: white;
  box-shadow: var(--shadow);

}

.about-hero-card > span {

  display: block;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
  font-weight: 900;
  opacity: .76;

}

.about-hero-card strong {

  display: block;
  margin-top: 15px;
  font-size: 1.7rem;
  line-height: 1.15;

}

.about-hero-card p {

  margin: 18px 0 0;
  color: rgba(255,255,255,.76);

}

.about-split-grid,
.about-why-grid {

  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 58px;
  align-items: start;

}

.about-split-grid > div:first-child > p,
.about-why-card > p {

  color: var(--muted);
  font-size: 1.04rem;

}

.about-pillar-stack {

  display: grid;
  gap: 14px;

}

.about-pillar-stack article {

  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 18px;
  padding: 24px;
  border-radius: 24px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--line);

}

.about-pillar-stack article > span {

  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: white;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  font-weight: 900;

}

.about-pillar-stack h3 {

  margin: 0 0 5px;

}

.about-pillar-stack p {

  margin: 0;
  color: var(--muted);

}

.about-why-section {

  background: #181216 !important;
  color: #FFFFFF !important;

}

.about-why-card > p {

  color: rgba(255,255,255,.68);

}

.about-statement-grid {

  display: grid;
  gap: 18px;

}

.about-statement-grid article {

  padding: 28px;
  border-radius: 26px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.13);

}

.about-statement-grid article > span {

  display: block;
  color: #F4CDD3;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: 10px;

}

.about-statement-grid h3 {

  margin: 0;
  color: white;
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 600;

}

.about-values-grid {

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;

}

.about-values-grid article {

  padding: 24px;
  min-height: 220px;
  border-radius: 24px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--line);

}

.about-values-grid article > span.value-label {

  display: block;
  color: var(--pomegranate);
  font-weight: 850;
  line-height: 1.2;

}

.about-values-grid article .icon-badge {

  margin-bottom: 14px;

}

.about-values-grid p {

  margin-top: 14px;
  color: var(--muted);
  font-size: .92rem;

}

.about-values-section {

  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(250,247,242,.96));

}

.about-choice-section {

  background: #fff;

}

.about-choice-grid {

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;

}

.about-choice-grid article {

  padding: 28px;
  border-radius: 26px;
  background: white;
  border: 1px solid var(--line);
  text-align: center;

}

.about-choice-grid h3 {

  color: var(--pomegranate);
  margin-bottom: 7px;

}

.about-choice-grid p {

  color: var(--muted);
  margin: 0;

}

.about-cta-section {

  padding: 64px 0 84px;
  background: var(--ivory);

}

.about-cta-card {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 38px;
  border-radius: 32px;
  color: white;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  box-shadow: var(--shadow);

}

.about-cta-card h2 {

  margin-bottom: 8px;

}

.about-cta-card p {

  margin: 0;
  color: rgba(255,255,255,.76);

}

.about-cta-card .eyebrow {

  color: #F4CDD3;

}

.about-cta-card .button {

  flex-shrink: 0;
  background: white;
  color: var(--pomegranate);

}

.builder-page,
.builder-page main,
.builder-page .configurator-section,
.builder-page .configurator,
.builder-page .configurator-main,
.builder-page .panel,
.builder-page .summary-panel,
.builder-page .summary-card {

  min-width: 0;
  max-width: 100%;

}

.builder-page input,
.builder-page select,
.builder-page textarea,
.builder-page button {

  max-width: 100%;

}

.about-statement-grid article p {

  margin: 14px 0 0;
  color: rgba(255,255,255,.70);
  line-height: 1.6;

}

.about-collaboration-section {

  background: linear-gradient(180deg, rgba(255,255,255,.74), rgba(250,247,242,.98));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

}

.about-collaboration-grid {

  display: grid;
  grid-template-columns: 1fr .85fr;
  gap: 56px;
  align-items: start;

}

.about-collaboration-grid > div:first-child > p {

  color: var(--muted);
  font-size: 1.04rem;
  line-height: 1.7;

}

.about-collaboration-card {

  padding: 30px;
  border-radius: 28px;
  background: rgba(255,255,255,.88);
  border: 1px solid var(--line);
  box-shadow: 0 22px 52px rgba(62,18,24,.08);

}

.about-collaboration-card > span {

  display: block;
  color: var(--pomegranate);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: 18px;

}

.about-collaboration-card ul {

  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;

}

.about-collaboration-card li {

  position: relative;
  padding: 13px 14px 13px 42px;
  border-radius: 15px;
  background: rgba(250,247,242,.72);
  border: 1px solid var(--line);
  color: var(--charcoal);
  font-weight: 700;

}

.about-collaboration-card li::before {

  content: "✓";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pomegranate);
  font-weight: 900;

}

.site-header .desktop-nav > a {

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  letter-spacing: inherit;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  padding: 7px 0;
  display: flex;
  align-items: center;

}

.career-alert {

  padding: 12px 0;
  color: white;
  background: #241419;

}

.career-alert-inner {

  display: flex;
  align-items: center;
  gap: 18px;

}

.career-alert strong {

  flex: 0 0 auto;
  color: #F4CDD3;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .09em;

}

.career-alert p {

  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: .84rem;

}

.careers-v43-hero {

  padding: 84px 0 96px;
  background: radial-gradient(circle at 78% 22%, rgba(192,57,63,.14), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(250,247,242,.98));

}

.careers-v43-hero-grid {

  display: grid;
  grid-template-columns: 1.1fr .78fr;
  gap: 60px;
  align-items: center;

}

.careers-v43-hero h1 span {

  color: var(--pomegranate);

}

.careers-v43-hero-grid > div:first-child > p:not(.eyebrow) {

  max-width: 760px;
  color: var(--muted);
  font-size: 1.16rem;
  line-height: 1.65;

}

.careers-hero-actions {

  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 30px;

}

.careers-text-link {

  color: var(--pomegranate);
  font-weight: 800;

}

.careers-v43-hero-card {

  padding: 34px;
  color: white;
  border-radius: 32px;
  background: linear-gradient(145deg, var(--pomegranate), var(--seed));
  box-shadow: var(--shadow);

}

.careers-v43-hero-card > span {

  display: block;
  color: #F4CDD3;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;

}

.careers-v43-hero-card strong {

  display: block;
  margin-top: 14px;
  font-size: 1.72rem;
  line-height: 1.16;

}

.careers-v43-hero-card p {

  color: rgba(255,255,255,.76);

}

.careers-subnav {

  position: sticky;
  top: 88px;
  z-index: 15;
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

}

.careers-subnav .container {

  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  min-height: auto !important;

}

.careers-subnav a {

  flex: 0 0 auto;
  color: var(--muted);
  font-size: .86rem !important;
  font-weight: 700;
  white-space: nowrap;

}

.careers-subnav a:hover {

  color: var(--pomegranate);

}

.careers-core-values {

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;

}

.careers-core-values article {

  padding: 24px;
  min-height: 235px;
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  border: 1px solid var(--line);

}

.careers-core-values article > span {

  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 30px;
  color: white;
  border-radius: 50%;
  background: var(--pomegranate);
  font-size: .75rem;
  font-weight: 900;

}

.careers-core-values h3 {

  color: var(--pomegranate);

}

.careers-core-values p,
.careers-life-grid p,
.career-path-grid p {

  color: var(--muted);

}

.careers-life-section {

  background: #20242A;
  color: white;

}

.careers-life-grid {

  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 56px;

}

.careers-life-grid > div:first-child p {

  color: rgba(255,255,255,.68);
  line-height: 1.7;

}

.careers-life-highlights {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;

}

.careers-life-highlights article {

  padding: 23px;
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.13);

}

.careers-life-highlights strong {

  display: block;
  color: white;

}

.careers-life-highlights span {

  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,.65);
  font-size: .9rem;
  line-height: 1.5;

}

.careers-voices-section {

  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(250,247,242,.98));

}

.careers-quote-grid {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;

}

.careers-quote-grid blockquote {

  margin: 0;
  padding: 28px;
  border-radius: 26px;
  background: white;
  border: 1px solid var(--line);

}

.careers-quote-grid blockquote p {

  margin: 0;
  color: var(--charcoal);
  font-size: 1.08rem;
  line-height: 1.55;
  font-weight: 650;

}

.careers-quote-grid cite {

  display: block;
  margin-top: 20px;
  color: var(--pomegranate);
  font-style: normal;
  font-size: .8rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .08em;

}

.career-path-grid {

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;

}

.career-path-grid article {

  padding: 26px;
  border-radius: 25px;
  background: rgba(255,255,255,.84);
  border: 1px solid var(--line);

}

.career-path-grid h3 {

  color: var(--pomegranate);

}

.careers-openings-v43 {

  background: #f3efeb;

}

.career-role-card {

  overflow: hidden;
  border-radius: 22px !important;
  background: white;
  border: 1px solid var(--line);
  box-shadow: 0 28px 70px rgba(62,18,24,.10);

}

.career-role-summary {

  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 30px;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));

}

.career-role-status {

  display: block;
  margin-bottom: 8px;
  color: #F4CDD3;
  font-size: .7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;

}

.career-role-summary h3 {

  margin: 0;
  color: white;
  font-size: 2rem;

}

.career-role-summary p {

  color: rgba(255,255,255,.74);

}

.career-role-meta {

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-end;
  gap: 8px !important;
  max-width: 420px;

}

.career-role-meta span {

  padding: 8px 11px;
  border-radius: 999px;
  color: white;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  font-size: 0.8rem !important;
  font-weight: 750;

}

.career-role-details {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 30px;

}

.career-role-details section {

  padding: 23px;
  border-radius: 21px;
  background: rgba(250,247,242,.72);
  border: 1px solid var(--line);

}

.career-role-details h4 {

  color: var(--pomegranate);

}

.career-role-details p,
.career-role-details li {

  color: var(--muted);
  line-height: 1.55;

}

.career-role-apply {

  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  color: white;
  background: #1A1014 !important;

}

.career-role-apply h4 {

  color: white;

}

.career-role-apply p {

  margin: 0;
  color: rgba(255,255,255,.68);

}

.career-role-apply .button {

  flex: 0 0 auto;
  background: #FFFFFF !important;
  color: var(--pomegranate) !important;
  border: 1px solid #FFFFFF !important;

}

.careers-talent-section {

  background: var(--ivory);

}

.careers-talent-card {

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 38px;
  color: white;
  border-radius: 32px;
  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  box-shadow: var(--shadow);

}

.careers-talent-card .eyebrow {

  color: #F4CDD3;

}

.careers-talent-card p {

  color: rgba(255,255,255,.72);

}

.careers-talent-card .button {

  flex: 0 0 auto;
  background: white;
  color: var(--pomegranate);

}

.careers-equal-v43-card {

  max-width: 950px;
  padding: 34px;
  border-radius: 28px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--line);

}

.careers-equal-v43-card p {

  color: var(--muted);

}

p {

  line-height: 1.66 !important;
  color: var(--text-secondary);

}

h1,
h2,
h3,
h4,
strong {

  text-wrap: balance;

}

h4 {

  font-weight: 600;

}

.section-head p,
.configurator-heading p {

  font-size: 1rem;
  color: var(--text-secondary);

}

.about-hero-copy > p,
.careers-v43-hero-grid > div:first-child > p:not(.eyebrow) {

  font-size: 0.98rem !important;
  line-height: 1.66 !important;
  color: var(--text-secondary);
  max-width: 680px !important;

}

.panel,
.summary-card,
.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article {

  padding: 22px;

}

.about-hero-card strong,
.careers-v43-hero-card strong {

  font-size: 1.28rem !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;

}

.summary-card dt,
.summary-card dd {

  font-size: 0.88rem;

}

.about-choice-grid h3,
.career-path-grid h3 {

  font-weight: 700;

}

.about-values-grid p,
.about-choice-grid p,
.career-path-grid p,
.careers-core-values p {

  font-size: 0.92rem;

}

.site-footer,
.site-footer p,
.site-footer a {

  font-size: .88rem;

}

.career-job-list {

  display: grid;
  gap: 28px;

}

.career-role-card[hidden] {

  display: none !important;

}

.career-no-results {

  margin-top: 28px;
  padding: 38px;
  border: 1px dashed rgba(123,15,30,.28);
  border-radius: 28px;
  background: rgba(255,255,255,.72);
  text-align: center;

}

.career-no-results h3 {

  margin-bottom: 8px;

}

.career-no-results p {

  color: var(--muted);

}

.career-no-results .button {

  margin-top: 10px;

}

.services-hero-actions {

  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;

}

.services-audience-grid article {

  padding: 23px;
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;

}

.services-audience-grid h3 {

  color: var(--pomegranate);

}

.services-audience-grid p {

  color: var(--muted);
  font-size: .92rem;

}

.services-audience-grid {

  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px;

}

.site-header .nav {

  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 86px;
  gap: 22px;

}

.site-header .desktop-nav {

  align-self: center;
  margin-top: 0;
  gap: clamp(16px, 1.8vw, 28px);
  color: var(--charcoal);
  font-size: .88rem;
  line-height: 1;
  font-weight: 500;
  align-items: center;

}

h1,
h2,
h3,
h4 {

  color: var(--charcoal);
  font-family: Inter, system-ui, sans-serif;
  text-wrap: balance;

}

strong {

  font-weight: 600;

}

.site-header .desktop-nav > a:hover {

  color: var(--pomegranate);

}

.button,
.submit-button {

  min-height: 48px !important;
  border-radius: 8px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: -.005em;
  padding: 0 20px !important;

}

.panel,
.summary-card,
.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article,
.services-audience-grid article {

  border-color: var(--line);
  box-shadow: var(--shadow-soft);
  padding: 21px;
  border-radius: var(--radius-md);

}

.about-values-grid p,
.about-choice-grid p,
.career-path-grid p,
.services-audience-grid p {

  color: var(--text-secondary);
  font-size: .92rem;

}

input::placeholder,
textarea::placeholder {

  color: #737D88;
  opacity: 1;

}

.careers-life-section p {

  color: rgba(255,255,255,.68);

}

.about-hero .button.secondary {

  background: #7B0F1E !important;
  color: #fff !important;
  border: 1px solid #7B0F1E !important;

}

.about-hero .button.secondary:hover {

  background: #941B2E;
  border-color: #941B2E;
  color: #fff;

}

.about-hero .button.primary {

  box-shadow: 0 12px 28px rgba(123,15,30,.22);

}

.button.primary,
.submit-button,
.career-role-apply .button,
.careers-talent-card .button,
.about-cta-card .button {

  color: #FFFFFF !important;

}

.button.primary:hover,
.submit-button:hover,
.career-role-apply .button:hover,
.careers-talent-card .button:hover,
.about-cta-card .button:hover {

  color: #FFFFFF !important;
  filter: brightness(1.08);

}

.button.secondary:hover {

  color: #FFFFFF !important;
  background: var(--pomegranate) !important;
  border-color: var(--pomegranate) !important;

}

.careers-talent-card,
.about-cta-card {

  color: #FFFFFF;

}

.careers-talent-card h1,
.careers-talent-card h2,
.careers-talent-card h3,
.about-cta-card h1,
.about-cta-card h2,
.about-cta-card h3 {

  color: #FFFFFF !important;

}

.careers-talent-card p,
.about-cta-card p {

  color: rgba(255,255,255,.88) !important;

}

.careers-talent-card .eyebrow,
.about-cta-card .eyebrow {

  color: #FFD5DB !important;

}

.careers-talent-card .button,
.about-cta-card .button {

  color: var(--pomegranate) !important;
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;

}

.careers-talent-card .button:hover,
.about-cta-card .button:hover {

  color: #FFFFFF !important;
  background: #5F0B16 !important;
  border-color: #5F0B16 !important;

}

.careers-life-section,
.careers-openings-v43,
.career-role-apply,
.site-footer {

  color: var(--dark-text);

}

.careers-life-section h1,
.careers-life-section h2,
.careers-life-section h3,
.careers-life-section h4,
.careers-openings-v43 h1,
.careers-openings-v43 h2,
.careers-openings-v43 h3,
.careers-openings-v43 h4,
.career-role-apply h1,
.career-role-apply h2,
.career-role-apply h3,
.career-role-apply h4,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer strong {

  color: var(--dark-heading) !important;

}

.careers-life-section p,
.careers-life-section li,
.careers-openings-v43 p,
.careers-openings-v43 li,
.career-role-apply p,
.site-footer p,
.site-footer a {

  color: var(--dark-text) !important;

}

.careers-life-section .eyebrow,
.careers-openings-v43 .eyebrow,
.career-role-apply .eyebrow {

  color: var(--brand-on-dark) !important;

}

.careers-life-highlights article,
.career-role-apply {

  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;

}

.careers-life-highlights article h3,
.careers-life-highlights article strong {

  color: #FFFFFF !important;

}

.careers-life-highlights article p,
.careers-life-highlights article span {

  color: var(--dark-muted) !important;

}

.careers-life-section article > span {

  color: #FFFFFF !important;

}

.career-role-summary h3,
.career-role-summary p,
.career-role-status,
.career-role-meta span {

  color: #FFFFFF !important;

}

.career-role-details section:not(.career-role-apply) {

  background: #FFFFFF !important;
  color: var(--text-primary) !important;

}

.career-role-details section:not(.career-role-apply) h4 {

  color: var(--pomegranate) !important;

}

.career-role-details section:not(.career-role-apply) p,
.career-role-details section:not(.career-role-apply) li {

  color: var(--text-primary) !important;

}

.career-role-apply .button:hover {

  background: var(--pomegranate) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;

}

.about-hero-card,
.careers-v43-hero-card {

  color: #FFFFFF;
  padding: 26px !important;
  border-radius: 22px !important;
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

}

.about-hero-card h1,
.about-hero-card h2,
.about-hero-card h3,
.about-hero-card strong,
.careers-v43-hero-card h1,
.careers-v43-hero-card h2,
.careers-v43-hero-card h3,
.careers-v43-hero-card strong {

  color: #FFFFFF !important;

}

.about-hero-card p,
.careers-v43-hero-card p {

  color: rgba(255,255,255,.88) !important;

}

.about-hero-card > span,
.careers-v43-hero-card > span {

  color: #FFD5DB !important;

}

.careers-life-section a,
.careers-openings-v43 a,
.site-footer a {

  color: #F4C6CD !important;

}

.careers-life-section a:hover,
.careers-openings-v43 a:hover,
.site-footer a:hover {

  color: #FFFFFF !important;

}

.disabled-field input,
.disabled-field textarea,
.disabled-field select {

  color: #66707C;
  background: #EEF1F4;

}

.toggle-card small,
.submit-help,
.summary-note p,
.range-captions {

  color: #5F6975 !important;

}

.summary-card h3,
.summary-card dd {

  color: #20242A !important;

}

.summary-card dt,
.summary-note p,
.submit-help {

  color: #59636F !important;

}

.desktop-nav a {

  color: #404750;
  position: relative;
  transition: color 150ms ease;

}

.site-footer a {

  color: rgba(255,255,255,.72);

}

.site-footer a:hover {

  color: #fff;

}

.career-role-apply .button.primary {

  background: #FFFFFF !important;
  color: #7B0F1E !important;

}

.career-role-apply .button.primary:hover {

  background: #7B0F1E !important;
  color: #FFFFFF !important;
  outline: 1px solid #FFFFFF;

}

a.button.primary,
button.button.primary,
button.submit-button {

  color: #FFFFFF !important;

}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {

  outline: 3px solid rgba(184, 53, 67, .45);
  outline-offset: 3px;

}

.mobile-nav-toggle {

  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  flex: 0 0 auto;

}

.mobile-nav-toggle-bar {

  display: block;
  width: 20px;
  height: 2px;
  background: var(--charcoal);
  border-radius: 2px;
  transition: transform 220ms ease, opacity 220ms ease;

}

.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(1) {

  transform: translateY(7px) rotate(45deg);

}

.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(2) {

  opacity: 0;

}

.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(3) {

  transform: translateY(-7px) rotate(-45deg);

}

.mobile-nav {

  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 24px 48px rgba(62, 18, 24, 0.14);
  z-index: 29;
  max-height: calc(100vh - 88px);
  overflow-y: auto;

}

.mobile-nav[hidden] {

  display: none;

}

.mobile-nav-inner {

  display: flex;
  flex-direction: column;
  padding: 6px 0 22px;

}

.mobile-nav-inner a {

  padding: 14px 4px;
  font-weight: 700;
  font-size: 1.02rem;
  color: var(--charcoal);
  border-bottom: 1px solid rgba(123, 15, 30, 0.08);

}

.mobile-nav-inner a:last-of-type {

  border-bottom: 0;

}

.mobile-nav-inner a:hover {

  color: var(--pomegranate);

}

.about-cta-card .button.primary,
.careers-talent-card .button.primary {

  background: #FFFFFF !important;
  color: #7B0F1E !important;

}

.about-cta-card .button.primary:hover,
.careers-talent-card .button.primary:hover {

  background: #7B0F1E !important;
  color: #FFFFFF !important;

}

.visual-section {

  background: radial-gradient(circle at 15% 15%,rgba(192,57,63,.07),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.86),rgba(247,248,250,.92));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

}

.about-visual-grid {

  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 44px;
  align-items: center;

}

.about-value-map {

  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;

}

.about-value-map div {

  min-height: 130px;
  padding: 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--line);

}

.about-value-map span:not(.icon-badge),
.about-value-map strong {

  display: block;

}

.about-value-map span:not(.icon-badge) {

  color: var(--pomegranate);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;

}

.about-value-map strong {

  margin-top: 14px;

}

.career-function-map {

  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;

}

.career-function-map div {

  min-height: 150px;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fff;
  text-align: center;

}

.career-function-map span {

  display: inline-grid;
  place-items: center;
  min-width: 72px;
  min-height: 72px;
  margin-bottom: 16px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg,var(--pomegranate),var(--seed));
  font-size: .78rem;

}

.section,
.about-who-section,
.about-values-section,
.about-choice-section,
.careers-why-section,
.careers-life-section,
.careers-paths-section,
.careers-openings-v43 {

  padding-top: var(--section-space) !important;
  padding-bottom: var(--section-space) !important;

}

.about-hero,
.careers-v43-hero {

  padding-top: 64px !important;
  padding-bottom: 64px !important;

}

.about-hero-grid,
.careers-v43-hero-grid,
.about-split-grid {

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.82fr) !important;
  gap: var(--content-gap) !important;
  align-items: center !important;

}

.panel,
.summary-card,
.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article,
.services-audience-grid article,
.about-value-map div,
.career-function-map div {

  border-radius: var(--card-radius) !important;
  padding: 19px !important;

}

.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article,
.services-audience-grid article {

  min-height: 0 !important;

}

.about-values-grid,
.about-choice-grid,
.careers-core-values,
.career-path-grid,
.services-audience-grid {

  gap: 16px !important;

}

.about-values-grid,
.about-choice-grid {

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

}

.about-split-grid {

  align-items: start !important;

}

.careers-core-values,
.career-path-grid {

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

}

.career-role-summary,
.career-role-details {

  padding: 22px !important;

}

.toggle-card,
.slider-block {

  border-radius: 16px !important;

}

body.manufacturing-page main h3,
body.about-page main h3,
body.industries-page main h3 {
  
}

body.manufacturing-page main p,
body.about-page main p,
body.industries-page main p {
  
}

body.about-page .about-hero {

  padding-top: 50px !important;
  padding-bottom: 50px !important;

}

body.manufacturing-page main .section,
body.about-page main .section,
body.industries-page main .section {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

main h2,
.section-head h2,
.visual-section h2,
.solutions-outsource h2,
.solutions-final-cta h2 {

  font-size: var(--section-title-size) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  font-weight: 700 !important;

}

main h3,
.panel h3,
.summary-card h3,
.about-hero-card h3,
.about-values-grid h3,
.about-choice-grid h3,
.careers-core-values h3,
.career-path-grid h3,
.career-role-card h3,
.services-audience-grid h3 {

  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 600 !important;

}

main p,
.section-head p,
.about-hero-copy p,
.careers-v43-hero p,
.configurator-heading p {

  font-size: 0.98rem !important;
  line-height: 1.66 !important;

}

.panel p,
.summary-card p,
.about-hero-card p,
.about-values-grid article p,
.about-choice-grid article p,
.careers-core-values article p,
.career-path-grid article p,
.career-role-card p,
.services-audience-grid article p,
.about-value-map p,
.career-function-map p {

  font-size: 0.90rem !important;
  line-height: 1.60 !important;

}

.careers-openings-v43 .careers-opportunities-header {

  max-width: 760px;
  margin-bottom: 30px;

}

.careers-openings-v43 .careers-opportunities-header .eyebrow {

  color: var(--pomegranate) !important;

}

.careers-openings-v43 .careers-opportunities-header h2 {

  color: #20242A !important;
  margin-bottom: 14px !important;

}

.careers-openings-v43 .careers-opportunities-intro {

  max-width: 680px;
  margin-bottom: 18px;
  color: #59636F !important;
  font-size: 0.98rem !important;
  line-height: 1.64 !important;

}

.career-open-count {

  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid rgba(123,15,30,.18);
  border-radius: 999px;
  color: var(--pomegranate);
  background: rgba(255,255,255,.82);

}

.career-open-count span {

  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pomegranate);
  box-shadow: 0 0 0 4px rgba(123,15,30,.10);

}

.career-open-count strong {

  color: var(--pomegranate) !important;
  font-size: 0.84rem;
  font-weight: 700;

}

.careers-openings-v43 > .container > .careers-opportunities-header h1,
.careers-openings-v43 > .container > .careers-opportunities-header h2,
.careers-openings-v43 > .container > .careers-opportunities-header h3 {

  color: #20242A !important;

}

.about-why-section .about-why-card,
.about-why-section .about-statement-grid article {

  color: #FFFFFF !important;

}

.about-why-section .about-why-card .eyebrow,
.about-why-section .about-statement-grid article > span {

  color: #F3A8B3 !important;

}

.about-why-section .about-why-card h1,
.about-why-section .about-why-card h2,
.about-why-section .about-why-card h3,
.about-why-section .about-statement-grid h1,
.about-why-section .about-statement-grid h2,
.about-why-section .about-statement-grid h3 {

  color: #FFFFFF !important;

}

.about-why-section .about-why-card p,
.about-why-section .about-statement-grid p {

  color: #D4CDD1 !important;

}

.about-why-section .about-statement-grid article {

  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.15) !important;

}

.career-salary {

  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #FFFFFF !important;
  background: var(--pomegranate);
  font-size: 0.78rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap;

}

.career-role-meta .career-salary {

  margin-left: 2px;

}

.v85-actions {

  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;

}

.v85-text-link {

  color: var(--pomegranate);
  font-weight: 700;
  font-size: .86rem;

}

.v85-manufacturing-band {
  padding: 34px 0;
  color: #fff;
  text-align: left;
  background: linear-gradient(135deg,#741020,#94162a);
}

.v85-manufacturing-band a {
  color: #fff;
}

.v85-product-catalog {

  background: #fbfbfc;
  padding-top: clamp(40px, 5vw, 56px) !important;

}

.v85-product-grid {

  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;

}

.v85-product-grid article {

  min-height: 190px;
  padding: 23px;
  border: 1px solid #e1e4e8;
  border-radius: 10px;
  background: #fff;

}

.v85-product-grid article > span {

  display: block;
  color: var(--pomegranate);
  font-size: 2rem;
  margin-bottom: 26px;

}

.v85-product-grid h3 {

  margin-bottom: 8px;

}

.v85-product-grid p {

  color: #66707c;
  font-size: .82rem!important;

}

.v85-product-grid a {

  color: var(--pomegranate);
  font-size: .76rem;
  font-weight: 700;

}

.v85-product-grid article.custom {

  background: linear-gradient(145deg,#fff,#fff4f6);

}

.v85-custom-cta {

  margin-top: 28px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(135deg,#761020,#99182d);

}

.v85-custom-cta p {

  margin: 5px 0 0;
  color: #fff!important;

}

.light-button {

  color: #fff!important;
  border: 1px solid rgba(255,255,255,.7);
  background: transparent!important;
  box-shadow: none!important;

}

.v85-check-list {

  padding: 0;
  margin: 24px 0;
  list-style: none;
  display: grid;
  gap: 11px;

}

.v85-check-list li:before {

  content: "✓";
  margin-right: 10px;
  color: var(--pomegranate);
  font-weight: 800;

}

.v85-capabilities {

  background: #fff;

}

.v85-capability-grid {

  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;

}

.v85-capability-grid article {

  padding: 22px;
  min-height: 160px;
  border: 1px solid #e0e4e8;
  border-radius: 10px;
  text-align: center;

}

.v85-capability-grid span {

  display: block;
  color: var(--pomegranate);
  font-size: 2rem;
  margin-bottom: 18px;

}

.v85-capability-grid p {

  color: #66707c;
  font-size: .8rem!important;

}

.v85-manufacturing-band h2 {
  color: #fff!important;
  margin-bottom: 4px!important;
}

.v85-manufacturing-band p {
  color: #fff!important;
}

.v85-label-page {

  background: #fbfbfc;
  padding-top: clamp(40px, 4.5vw, 62px) !important;

}

.v85-label-grid {

  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;

}

.v85-download-panel {

  margin-top: 28px;
  display: grid;
  gap: 10px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;

}

.v85-download-panel a,
.v85-download-panel button {

  padding: 12px 14px;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  background: #fff;
  color: #262a30;
  text-align: left;
  cursor: pointer;

}

.v85-label-card {

  max-width: 520px;
  justify-self: center;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(30,35,42,.1);
  overflow: hidden;

}

.v85-label-card img {

  width: 100%;
  display: block;

}

.v86-products-hero,
.v86-manufacturing-hero {
  padding: 78px 0 92px !important;
  background: radial-gradient(circle at 80% 20%, rgba(192,57,63,.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(250,247,242,.98)) !important;
  border-bottom: 0 !important;
}

.v86-products-hero .about-hero-copy > p,
.v86-manufacturing-hero .about-hero-copy > p {
  margin-top: 22px !important;
}

.v86-hero-actions {

  margin-top: 26px;

}

.v86-check-list {

  margin: 22px 0 27px;
  color: #3f4854;

}

.v86-check-list li {

  font-size: .92rem;

}

main h3,
main article h3 {

  font-size: var(--card-title-size) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 600 !important;

}

main p,
.section-head p,
.about-hero-copy > p,
.careers-v43-hero p,
.configurator-heading p {

  font-size: var(--body-size) !important;
  line-height: 1.66 !important;

}

main article p,
.panel p,
.summary-card p {

  font-size: var(--card-body-size) !important;
  line-height: 1.60 !important;

}

body.products-page .v86-products-hero .about-hero-copy > p,
body.manufacturing-page .v86-manufacturing-hero .about-hero-copy > p {
  
}

.form-status {

  min-height: 1.5em;
  margin-top: 14px;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.45;

}

.form-status.success,
.form-status.error,
.form-status.pending {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  line-height: 1.5;
}

.form-status.success {
  background: rgba(46,125,80,.08);
  border: 1px solid rgba(46,125,80,.25);
  color: #1f5c3d;
}

.form-status.error {
  background: rgba(156,62,62,.08);
  border: 1px solid rgba(156,62,62,.25);
  color: #7a2c2c;
}

.form-status.pending {
  background: rgba(123,15,30,.06);
  border: 1px solid rgba(123,15,30,.16);
  color: var(--pomegranate);
}

.form-status.success::before,
.form-status.error::before,
.form-status.pending::before {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .74rem;
  font-weight: 900;
  margin-top: 1px;
}

.form-status.success::before {
  content: "✓";
  background: #2e7d50;
  color: #fff;
}

.form-status.error::before {
  content: "!";
  background: #9c3e3e;
  color: #fff;
}

.form-status.pending::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid rgba(123,15,30,.25);
  border-top-color: var(--pomegranate);
  animation: formStatusSpin .7s linear infinite;
}

@keyframes formStatusSpin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .form-status.pending::before {
    animation: none;
  }
}

.submit-button:disabled {

  cursor: wait;
  opacity: .72;

}

.submit-help strong {

  color: var(--pomegranate);

}

.builder-progress {

  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(123,15,30,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 10px 30px rgba(57,31,35,.06);

}

.builder-progress-copy {

  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-bottom: 10px;

}

.builder-progress-copy strong {

  color: var(--pomegranate,#7b0f1e);
  font-size: .96rem;

}

.builder-progress-copy span {

  color: var(--muted,#66717a);
  font-size: .82rem;
  text-align: right;

}

.builder-progress-track {

  height: 8px;
  border-radius: 999px;
  background: #eadfe1;
  overflow: hidden;

}

.builder-progress-track span {

  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand-mid), var(--brand-deep));
  transition: width 220ms ease;

}

.footer-grid-v12 {

  grid-template-columns: 1.5fr .8fr .8fr 1fr;

}

.footer-rfu {

  font-size: .82rem;
  max-width: 420px;

}

.footer-bottom {

  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 28px;
  margin-top: 30px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.58);

}

.footer-bottom p {

  margin: 0;
  font-size: .82rem;

}

.submit-help a {

  color: var(--pomegranate);
  text-decoration: underline;
  text-underline-offset: 2px;

}

.v85-product-grid .featured-custom {

  grid-column: span 2;
  display: grid;
  align-content: center;
  min-height: 270px;
  background: radial-gradient(circle at 92% 10%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(145deg, var(--brand-deep), var(--brand-mid));
  color: #fff;
  border: 0;

}

.legal-hero {

  padding: 84px 0 56px;
  background: linear-gradient(180deg,#fff,rgba(250,247,242,.82));
  border-bottom: 1px solid var(--line);
  padding-top: clamp(42px, 4.5vw, 60px) !important;

}

.legal-container {

  width: min(850px,calc(100% - 40px));
  margin: 0 auto;

}

.legal-intro {

  font-size: 1.16rem;
  color: var(--muted);
  max-width: 760px;

}

.legal-updated {

  font-weight: 800;
  color: var(--pomegranate);
  margin: 24px 0 0;

}

.legal-content {

  padding-top: 68px;
  padding-bottom: 90px;

}

.legal-section {

  padding: 0 0 34px;
  margin-bottom: 34px;
  border-bottom: 1px solid var(--line);

}

.legal-section h2 {

  font-size: clamp(1.45rem,3vw,2rem);
  letter-spacing: -.04em;
  margin-bottom: 15px;

}

.legal-section p,
.legal-section li {

  color: #434a50;

}

.legal-section a,
.legal-note a {

  color: var(--pomegranate);
  text-decoration: underline;
  text-underline-offset: 3px;

}

.legal-note {

  padding: 24px 28px;
  border-radius: 22px;
  background: rgba(243,214,219,.4);
  border: 1px solid var(--line);

}

.legal-note p {

  margin: 5px 0 0;

}

html,
body,
button,
input,
select,
textarea {

  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1.08;

}

.mobile-nav a {

  font-size: 1.04rem;
  font-weight: 600;

}

.about-hero-copy > p,
.legal-intro,
.configurator-heading p {

  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.65;

}

.desktop-nav a::after {

  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: var(--pomegranate);
  transition: right 220ms ease;

}

.desktop-nav a:hover,
.desktop-nav a[aria-current="page"] {

  color: var(--pomegranate);

}

.desktop-nav a:hover::after,
.desktop-nav a[aria-current="page"]::after {

  right: 0;

}

.button.primary,
button.primary,
.submit-button {

  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(123, 15, 30, .16);
  transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;

}

.button.primary:hover,
button.primary:hover,
.submit-button:hover:not(:disabled) {

  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(123, 15, 30, .22);

}

.about-hero,
.legal-hero {

  background: radial-gradient(circle at 85% 12%, rgba(184, 53, 67, .08), transparent 34%),
    linear-gradient(180deg, #fff 0%, var(--surface-tint) 100%);

}

.about-hero-copy h1,
.legal-hero h1 {

  max-width: 13ch;
  color: #20242a;

}

.about-hero-copy > p,
.legal-intro {

  color: var(--copy);
  max-width: 62ch;

}

.careers-core-values article,
.career-path-grid article,
.careers-life-highlights article,
.legal-note,
.builder-progress {

  border: 1px solid rgba(32, 36, 42, .09);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 40px rgba(32, 36, 42, .06);

}

.careers-core-values article,
.career-path-grid article {

  border-radius: 24px;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;

}

.career-path-grid article:hover {

  transform: translateY(-4px);
  border-color: rgba(123, 15, 30, .16);
  box-shadow: 0 22px 48px rgba(32, 36, 42, .10);

}

.v85-product-grid .featured-custom p,
.v85-product-grid .featured-custom a {

  color: rgba(255,255,255,.82);

}

.v85-product-grid .featured-custom h2,
.v85-product-grid .featured-custom h3 {

  color: #fff;

}

.section:nth-of-type(even).visual-section,
.careers-life-section,
.legal-content {

  background: var(--surface-cool);

}

.builder-page input,
.builder-page select,
.builder-page textarea,
input,
select,
textarea {

  border-radius: 12px;
  border-color: #dfe3e8;
  background: #fff;
  min-height: 46px;
  transition: border-color 150ms ease, box-shadow 150ms ease;

}

input:focus,
select:focus,
textarea:focus {

  outline: none;
  border-color: rgba(123, 15, 30, .5);
  box-shadow: var(--focus-ring);

}

.site-footer h3,
.site-footer h4 {

  letter-spacing: -.02em;

}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {

  outline: none;
  box-shadow: var(--focus-ring);

}

.products-page .v85-product-grid {

  grid-template-columns: repeat(4, 1fr);

}

.products-page .v85-product-grid .featured-custom {

  grid-column: span 4;

}

.products-page .v85-product-grid h3 {

  font-size: var(--card-title-size) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;

}

.industries-premium-image {

  display: block;
  width: 100%;
  height: auto;

}

.industries-progress-section {

  padding: clamp(62px, 8vw, 104px) 0;
  background: #fff;

}

.industries-progress-inner {

  max-width: 860px;
  text-align: center;

}

.industries-progress-inner h2 {

  margin: 0 auto 18px;
  max-width: 760px;

}

.industries-progress-inner > p:not(.eyebrow) {

  margin: 0 auto 20px;
  max-width: 790px;
  color: var(--muted, #5e6672);
  line-height: 1.8;

}

.industries-progress-inner strong {

  color: #9e1b32;
  font-weight: 700;

}

.industries-hero-visual {

  margin: 0;
  min-width: 0;
  position: relative;

}

.industries-hero-visual::before {

  content: "";
  position: absolute;
  inset: -6%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184,53,67,.13), rgba(184,53,67,.04) 55%, transparent 72%);
  filter: blur(6px);
  z-index: 0;

}

.industries-hero-visual .industries-premium-image {

  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;

}

.about-hero,
.v86-products-hero,
.v86-manufacturing-hero,
.careers-v43-hero {
  padding-top: clamp(38px, 4.2vw, 58px) !important;
}

.page-topbar + .about-hero {

  padding-top: clamp(28px, 3.3vw, 44px) !important;

}

.solutions-hero-actions,
.solutions-final-actions {

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;

}

.solutions-hero-actions-full {

  margin-top: 32px;
  gap: 20px;

}

.solutions-hero-actions-full .button {

  flex: 1 1 340px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  min-height: 96px;
  padding: 22px 30px;
  border-radius: 18px;
  gap: 6px;
  box-shadow: 0 16px 34px rgba(123,15,30,.20);
  transition: transform 220ms ease, box-shadow 220ms ease;

}

.solutions-hero-actions-full .button:hover {

  transform: translateY(-3px);
  box-shadow: 0 20px 42px rgba(123,15,30,.26);

}

.hero-cta-line1 {

  display: block;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.35;

}

.hero-cta-line2 {

  display: block;
  font-size: .9rem;
  font-weight: 600;
  opacity: .88;
  line-height: 1.35;

}

.solutions-hero-proof {

  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(23,32,45,.1);
  color: #59616d;
  font-size: 13px;
  font-weight: 650;

}

.solutions-hero-proof span:before {

  content: '✓';
  color: #9e1b32;
  margin-right: 7px;
  font-weight: 800;

}

.solutions-hero-visual {

  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;

}

.solutions-hero-visual img {

  display: block;
  width: min(108%, 655px);
  height: auto;
  filter: drop-shadow(0 24px 26px rgba(23,32,45,.12));
  max-width: none;

}

.solutions-capabilities,
.solutions-process,
.solutions-section-heading {

  max-width: 810px;
  margin: 0 auto clamp(38px,5vw,62px);
  text-align: center;

}

.solutions-section-heading.compact {

  margin-bottom: clamp(34px,4vw,48px);

}

.solutions-section-heading>p:last-child {

  color: #626b77;
  line-height: 1.75;
  font-size: 17px;

}

.solutions-capability-grid {

  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;

}

.solutions-capability-card {

  position: relative;
  padding: clamp(28px,3vw,42px);
  border: 1px solid rgba(23,32,45,.1);
  border-radius: 22px;
  background: linear-gradient(145deg,#fff,#fbfaf9);
  box-shadow: 0 16px 44px rgba(23,32,45,.055);
  min-height: 330px;
  display: flex;
  flex-direction: column;
  gap: 0;
  text-align: left !important;

}

.solutions-capability-card .icon-badge {
  margin-left: 0;
  margin-right: auto;
}

.solutions-capability-card h3 {

  font-size: clamp(23px,2vw,30px);
  margin: 0 0 14px;
  letter-spacing: -.025em;
  margin-top: 0;

}

.solutions-capability-card p {

  color: #626b77;
  line-height: 1.7;
  margin: 0 0 18px;

}

.solutions-capability-card ul {

  columns: 2;
  gap: 28px;
  margin: 0 0 26px;
  padding-left: 18px;
  color: #48515e;
  line-height: 1.75;
  font-size: 14px;

}

.solutions-capability-card a {

  margin-top: auto;
  color: #9e1b32;
  font-weight: 750;
  text-decoration: none;

}

.solutions-card-tags {

  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 2px 0 24px;

}

.solutions-card-tags span,
.solutions-card-examples {

  font-size: 13px;
  font-weight: 700;
  color: #4c5561;
  background: #f2f0ee;
  border-radius: 999px;
  padding: 8px 12px;

}

.solutions-card-examples {

  display: inline-block;
  align-self: flex-start;

}

.solutions-outsource {

  padding: clamp(72px,8vw,112px) 0;
  background: #17202d;
  color: #fff;

}

.solutions-outsource-grid {

  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr);
  gap: clamp(44px,6vw,86px);
  align-items: start;

}

.solutions-outsource-copy {

  position: sticky;
  top: 120px;

}

.solutions-outsource-copy .eyebrow {

  color: #e6a6b2;

}

.solutions-outsource-copy h2 {

  color: #fff;
  max-width: 650px;

}

.solutions-outsource-copy>p:not(.eyebrow) {

  color: #c7ccd3;
  line-height: 1.75;
  font-size: 17px;

}

.solutions-outsource .text-link {

  display: inline-block;
  margin-top: 14px;
  color: #fff;
  font-weight: 750;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.45);
  padding-bottom: 4px;

}

.solutions-benefit-grid {

  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;

}

.solutions-benefit-grid article {

  padding: 25px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  display: flex;
  flex-direction: column;
  gap: 10px;

}

.solutions-benefit-grid strong {

  display: block;
  font-size: 17px;
  margin-bottom: 7px;
  color: #fff;

}

.solutions-benefit-grid p {

  margin: 0;
  color: #b9c0c9;
  line-height: 1.55;
  font-size: 14px;

}

.solutions-process {

  background: var(--ivory);
  padding: clamp(64px, 8vw, 100px) 0;

}







.solutions-credibility {

  background: linear-gradient(135deg, var(--pomegranate), var(--seed));
  padding: clamp(60px, 7vw, 92px) 0;

}

.solutions-credibility-grid {

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;

}

.solutions-credibility-grid span {

  padding: 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.45;
  display: flex;
  align-items: center;
  gap: 10px;

}

.solutions-credibility-grid span:before {

  content: none;
  display: inline-block;
  color: #9e1b32;
  margin-right: 9px;

}

.solutions-final-cta {

  padding: clamp(64px,7vw,96px) 0;
  background: #efecea;

}

.solutions-final-cta-inner {

  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 40px;
  align-items: center;

}

.solutions-final-cta h2 {

  margin-bottom: 12px;

}

.solutions-final-cta p:not(.eyebrow) {

  max-width: 760px;
  color: #5f6874;
  line-height: 1.7;
  font-size: 17px;
  margin-bottom: 0;

}

.solutions-final-actions {

  justify-content: flex-end;
  min-width: 360px;

}

body.careers-page .careers-life-section {

  background: radial-gradient(circle at 10% 10%, rgba(123, 15, 30, 0.045), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
  color: #20242a;

}

body.careers-page .careers-life-grid > div:first-child .eyebrow {

  color: #9e1b32 !important;
  opacity: 1 !important;

}

body.careers-page .careers-life-grid > div:first-child h2 {

  color: #17202d !important;
  text-shadow: none !important;
  opacity: 1 !important;

}

body.careers-page .careers-life-grid > div:first-child > p:not(.eyebrow) {

  color: #59616d;
  opacity: 1;

}

body.careers-page .careers-life-highlights article {

  background: #ffffff !important;
  border: 1px solid rgba(23,32,45,.10) !important;
  box-shadow: 0 16px 38px rgba(23,32,45,.08) !important;
  position: relative;
  overflow: hidden;

}

body.careers-page .careers-life-highlights article strong {

  color: #17202d !important;
  opacity: 1 !important;

}

body.careers-page .careers-life-highlights article span,
body.careers-page .careers-life-highlights article p {

  color: #5c6672 !important;
  opacity: 1 !important;

}

.solutions-belief-section {

  padding: 76px 0;
  background: var(--ivory);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

}

.solutions-belief-grid {

  display: grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  gap: clamp(36px,7vw,90px);
  align-items: start;

}

.solutions-belief-copy {

  padding-top: 34px;

}

.solutions-belief-copy p {

  color: var(--muted);
  font-size: 1.08rem;

}

.solutions-belief-copy p:last-child {

  margin-bottom: 0;

}

.solutions-audience-home {

  background: #fff;

}

.solutions-audience-home .services-audience-grid article {

  background: #fff;

}

.about-golden-circle {

  background: linear-gradient(180deg,#fff,rgba(250,247,242,.82));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

}

.about-golden-circle .section-head {

  max-width: 900px;

}

.about-golden-grid {

  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;

}

.about-golden-card {

  min-height: 310px;
  padding: 32px;
  border-radius: 28px;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--line);
  box-shadow: 0 18px 50px rgba(62,18,24,.07);

}

.about-golden-card > span.golden-label {

  display: inline-grid;
  place-items: center;
  min-width: 62px;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--pomegranate);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: 14px;

}

.about-golden-card .icon-badge {

  margin-bottom: 16px;

}

.about-golden-card h3 {

  font-size: 1.45rem;
  margin-bottom: 14px;

}

.about-golden-card p {

  color: var(--muted);
  margin-bottom: 0;

}

.builder-page input[type="range"] {

  height: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eadfe1 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block;
  width: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  cursor: pointer;

}

.builder-page input[type="range"]::-webkit-slider-thumb {

  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 2px solid var(--pomegranate) !important;
  box-shadow: 0 2px 7px rgba(62,18,24,.22) !important;
  margin-top: -6px !important;

}

.builder-page input[type="range"]::-moz-range-thumb {

  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 2px solid var(--pomegranate) !important;
  box-shadow: 0 2px 7px rgba(62,18,24,.22) !important;

}

.builder-page .slider-block.slim-slider {

  padding: 14px 16px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
  background: rgba(250,247,242,.68) !important;
  border: 1px solid var(--line) !important;

}

.builder-page .slider-label {

  margin-bottom: 9px !important;

}

.builder-page .range-captions {

  margin-top: 8px;

}

.builder-page input[type="range"]::-webkit-slider-runnable-track {

  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#a51f32,#7b0f1e) !important;
  border: 0 !important;

}

.builder-page input[type="range"]::-moz-range-track {

  height: 4px !important;
  border-radius: 999px !important;
  background: #eadfe1 !important;
  border: 0 !important;

}

.builder-page input[type="range"]::-moz-range-progress {

  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#a51f32,#7b0f1e) !important;

}

.builder-page .disabled-slider input[type="range"] {

  cursor: not-allowed;
  opacity: .55;

}

body.careers-page section.careers-life-section {

  background: linear-gradient(180deg,#f7f8fa 0%,#eef1f4 100%) !important;
  color: #17202d !important;

}

body.careers-page .careers-life-grid > div:first-child > p {

  color: #4f5966 !important;
  opacity: 1 !important;

}

body.careers-page .careers-life-highlights article::before {

  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #9e1b32;

}

body.products-page .v85-product-grid article.featured-custom {

  background: radial-gradient(circle at 92% 8%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(145deg,#8e1528 0%,#6f0d1b 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(123,15,30,.18) !important;
  box-shadow: 0 20px 48px rgba(74,14,24,.18) !important;

}

body.products-page .v85-product-grid article.featured-custom > span,
body.products-page .v85-product-grid article.featured-custom h3 {

  color: #fff !important;
  opacity: 1 !important;

}

body.products-page .v85-product-grid article.featured-custom p {

  color: rgba(255,255,255,.84) !important;
  opacity: 1 !important;

}

body.products-page .v85-product-grid article.featured-custom a {

  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  padding: 10px 15px;
  border-radius: 8px;
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  font-weight: 800;

}

body.products-page .v85-product-grid article.featured-custom a:hover {

  background: rgba(255,255,255,.18) !important;

}

.about-hero-copy h1 span,
.careers-v43-hero h1 span {

  color: var(--anarbio-velvet-burgundy);
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: inherit !important;

}

.about-hero,
.v86-products-hero,
.v86-manufacturing-hero,
.careers-v43-hero,
.legal-hero,
.v85-label-page,
.configurator-section {
  background: var(--anarbio-page-opening-background) !important;
}

.page-topbar,
.builder-intro,
.career-alert,
.careers-subnav {

  background-color: #ffffff;

}

.about-hero,
.careers-v43-hero,
.legal-hero,
.v85-label-page,
.configurator-section {

  background-repeat: no-repeat;
  background-size: 100% 100%;

}

body.careers-page .career-alert {

  background: #fff8f8 !important;
  border-top: 1px solid rgba(123, 15, 30, .14);
  border-bottom: 1px solid rgba(123, 15, 30, .18);
  color: var(--charcoal) !important;

}

body.careers-page .career-alert strong {

  color: var(--pomegranate) !important;
  font-weight: 800;

}

body.careers-page .career-alert p {

  color: #34383d !important;
  font-weight: 500;

}

body.careers-page .career-alert p strong {

  color: var(--pomegranate) !important;
  font-weight: 800;
  text-transform: none;
  letter-spacing: normal;
  font-size: inherit;

}

h1 span,
h2 span,
h3 span {

  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;

}

html body .unified-page-title {

  width: 100% !important;
  max-width: 880px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: clamp(1.8rem, 3.2vw, 2.95rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;

}

html body .unified-page-title span,
html body .unified-page-title strong,
html body .unified-page-title em {

  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;

}

.home-products-standard-hero .about-hero-grid,
.partners-products-standard-hero .about-hero-grid {

  grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr) !important;
  gap: var(--content-gap, 48px) !important;
  align-items: center !important;

}

.home-products-standard-hero .about-hero-copy,
.partners-products-standard-hero .about-hero-copy {

  min-width: 0;

}

.home-products-standard-hero .about-hero-copy > p:not(.eyebrow),
.partners-products-standard-hero .about-hero-copy > p:not(.eyebrow) {

  max-width: 680px !important;
  margin-top: 22px !important;
  font-size: 0.98rem !important;
  line-height: 1.66 !important;
  color: var(--muted) !important;

}

.home-products-standard-hero .solutions-hero-visual,
.partners-products-standard-hero .industries-hero-visual {

  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;

}

.home-products-standard-hero .solutions-hero-visual img {

  display: block;
  width: min(100%, 610px);
  height: auto;

}

.partners-products-standard-hero .industries-hero-visual img {

  display: block;
  width: min(118%, 700px);
  max-width: none;
  height: auto;

}

.home-products-standard-hero .solutions-hero-proof {

  margin-top: 28px;

}

.icon-badge {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--rose);
  color: var(--pomegranate);
  margin-bottom: 18px;
  flex-shrink: 0;

}

.icon-badge svg {

  width: 26px;
  height: 26px;

}

.icon-badge.on-dark {

  background: rgba(255, 255, 255, 0.1);
  color: #fff;

}

.icon-badge.small {

  width: 40px;
  height: 40px;
  border-radius: 11px;
  margin-bottom: 0;

}

.icon-badge.small svg {

  width: 20px;
  height: 20px;

}

.solutions-benefit-grid article .icon-badge.on-dark {

  margin-bottom: 4px;

}

.services-audience-grid .icon-badge {

  margin-bottom: 14px;

}

.solutions-capabilities {

  background: #fff;
  padding: clamp(64px, 8vw, 100px) 0;

}


.solutions-credibility .solutions-section-heading .eyebrow {

  color: #F4CDD3;

}

.solutions-credibility .solutions-section-heading h2 {

  color: #fff;

}

.solutions-credibility-grid span svg {

  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #F4CDD3;

}

.guide-hero {

  padding: clamp(24px, 3vw, 40px) 0 clamp(12px, 2vw, 20px);
  background: radial-gradient(circle at 80% 20%, rgba(192,57,63,.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(250,247,242,.98));
  overflow: hidden;

}

.guide-hero-grid {

  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 48px;

}

.guide-hero-copy .unified-page-title {

  margin: 0 0 16px;

}

.guide-hero-copy .unified-page-title span {

  color: var(--pomegranate);

}

.guide-hero-copy > p {

  color: var(--text-secondary);
  font-size: 1.04rem;
  line-height: 1.65;
  max-width: 480px;

}

.guide-hero-visual {

  display: flex;
  align-items: center;
  justify-content: center;

}

.guide-network-svg {

  width: min(100%, 360px);
  height: auto;

}

.guide-network-halo {

  animation: guideHaloPulse 5s ease-in-out infinite;
  transform-origin: 200px 200px;

}

.guide-network-lines line {

  opacity: .45;

}

.guide-node {

  animation: guideNodePulse 3.4s ease-in-out infinite;

}

.guide-node-hub {

  animation-duration: 3.8s;

}

.guide-node-a {
 animation-delay: .2s; 
}

.guide-node-b {
 animation-delay: .6s; 
}

.guide-node-c {
 animation-delay: 1s; 
}

.guide-node-d {
 animation-delay: 1.4s; 
}

.guide-node-e {
 animation-delay: .4s; 
}

.guide-node-f {
 animation-delay: .8s; 
}

.guide-node-g {
 animation-delay: 1.2s; 
}

.guide-node-h {
 animation-delay: 1.6s; 
}

.guide-node-i {
 animation-delay: .3s; 
}

.guide-node-j {
 animation-delay: .9s; 
}

.pulse-path {

  stroke-dasharray: 10 190;
  stroke-dashoffset: 0;
  opacity: .85;
  animation: guidePulseFlow 2.6s linear infinite;

}

.pulse-2 {
 animation-delay: .7s; 
}

.pulse-3 {
 animation-delay: 1.4s; 
}

@keyframes guideHaloPulse {
0%,
100% {
 opacity: .7; transform: scale(1); 
}

50% {
 opacity: 1; transform: scale(1.08); 
}
}

@keyframes guideNodePulse {
0%,
100% {
 opacity: .82;
}

50% {
 opacity: 1;
}
}

@keyframes guidePulseFlow {
0% {
 stroke-dashoffset: 200; opacity: 0; 
}

10% {
 opacity: 1; 
}

90% {
 opacity: 1; 
}

100% {
 stroke-dashoffset: 0; opacity: 0; 
}
}

@media (prefers-reduced-motion: reduce) {
.guide-network-halo,
.guide-node,
.pulse-path {

    animation: none;
  
}
}

@media (max-width: 900px) {
.guide-hero-grid {

    grid-template-columns: 1fr;
    text-align: center;
  
}

.guide-hero-copy > p {

    margin: 0 auto;
  
}

.guide-network-svg {

    width: min(80%, 320px);
    margin-top: 12px;
  
}
}

.guide-section {

  background: #fbfbfc;
  padding-top: clamp(20px, 3vw, 32px) !important;

}

.guide-container {

  max-width: 700px;

}

.guide-panel {

  background: #fff;
  border: 1px solid rgba(23,32,45,.09);
  border-radius: 26px;
  box-shadow: 0 28px 70px rgba(62,18,24,.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 940px;

}

.guide-panel-head {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(23,32,45,.08);
  background: linear-gradient(135deg, #fff, #fdf9f8);

}

.guide-panel-head strong {

  display: block;
  font-size: .96rem;
  color: var(--charcoal);

}

.guide-status {

  display: block;
  font-size: .78rem;
  color: var(--pomegranate);
  font-weight: 600;
  margin-top: 2px;

}

.guide-restart {

  margin-left: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(23,32,45,.12);
  background: #fff;
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease;

}

.guide-restart:hover {

  background: var(--pomegranate);
  color: #fff;
  border-color: var(--pomegranate);

}

.guide-thread {

  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 330px;
  max-height: 520px;
  overflow-y: auto;
  scroll-behavior: smooth;

}

.guide-choices {

  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 22px 22px;

}

.guide-chip {

  padding: 10px 16px;
  border-radius: 999px;
  border: 1.5px solid rgba(123,15,30,.3);
  background: #fff;
  color: var(--pomegranate);
  font-weight: 650;
  font-size: .88rem;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;

}

.guide-chip:hover {

  background: var(--pomegranate);
  color: #fff;
  transform: translateY(-1px);

}

.guide-disclaimer {

  text-align: center;
  color: var(--text-tertiary);
  font-size: .82rem;
  margin: 18px auto 0;
  max-width: 480px;

}

.guide-choice-grid {

  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  width: 100%;

}

.guide-choice-grid .guide-chip {

  width: 100%;
  min-height: 54px;
  text-align: left;
  justify-content: flex-start;

}

.guide-hint {

  font-size: .85rem;
  color: #66717a;

}

.guide-input-panel,
.guide-contact-grid,
.guide-review-card {

  width: 100%;
  padding: 22px;
  border: 1px solid #eadfe1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(32,36,42,.06);

}

.guide-form-control {

  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cfd5d9;
  border-radius: 12px;
  background: #fcfdfd;
  padding: 13px 14px;
  font: inherit;
  color: #20242a;
  outline: none;

}

textarea.guide-form-control {

  min-height: 120px;
  resize: vertical;

}

.guide-form-control:focus {

  border-color: #7b0f1e;
  box-shadow: 0 0 0 4px rgba(123,15,30,.10);

}

.guide-form-actions {

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 14px;

}

.guide-text-button {

  border: 0;
  background: transparent;
  color: #7b0f1e;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  padding: 8px;

}

.guide-contact-grid {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;

}

.guide-contact-grid label {

  font-size: .79rem;
  font-weight: 800;
  color: #30363c;

}

.guide-contact-grid label:nth-child(3) {

  grid-column: 1/-1;

}

.guide-form-error {

  grid-column: 1/-1;
  margin: 0;
  color: #9c2638;
  font-size: .84rem;
  font-weight: 700;

}

.guide-review-heading {

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;

}

.guide-review-heading h3 {

  margin: 3px 0 0;
  font-size: 1.35rem;

}

.guide-review-kicker {

  color: #7b0f1e;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;

}

.guide-review-list {

  margin: 0;

}

.guide-review-list>div {

  display: grid;
  grid-template-columns: minmax(150px,.35fr) 1fr;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid #eee4e6;

}

.guide-review-list dt {

  font-size: .78rem;
  font-weight: 800;
  color: #66717a;

}

.guide-review-list dd {

  margin: 0;
  font-size: .92rem;
  line-height: 1.55;
  color: #20242a;

}

.guide-route-actions {

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;

}

.guide-review-note {

  margin: 14px 0 0;
  font-size: .78rem;
  color: #66717a;

}

.solutions-belief-lead .eyebrow {

  margin-top: 0;

}

@media (max-width: 1060px) {
.brand-logo img {

  width: 355px;
  
}

.desktop-nav {

  gap: 18px;
  
}

.site-header .desktop-nav {

  gap: 14px;
  font-size: .86rem;
  
}
}

@media (max-width: 980px) {
.footer-grid {

  grid-template-columns: 1fr;
  
}

.configurator {

  grid-template-columns: 1fr !important;
  
}

.summary-panel {

  position: static !important;
  
}

.mini-panel .toggle-grid {

  grid-template-columns: repeat(2, 1fr);
  
}

.about-hero-grid,
.careers-v43-hero-grid,
.about-split-grid {

  grid-template-columns: 1fr !important;
  
}

.about-values-grid,
.about-choice-grid,
.careers-core-values,
.career-path-grid,
.services-audience-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  
}

.brand-logo img {

  width: 300px;
  
}

.container {

  width: min(var(--page-max), calc(100% - 36px));
  
}

.site-header .nav {

  min-height: 76px;
  
}

.desktop-nav {

  font-size: .98rem;
  
}

.products-page .v85-product-grid {

  grid-template-columns: repeat(2, 1fr);
  
}

.products-page .v85-product-grid .featured-custom {

  grid-column: span 2;
  
}

.solutions-belief-grid {

  grid-template-columns: 1fr;
  gap: 22px;
  
}

.solutions-belief-copy {

  padding-top: 0;
  
}

.about-golden-grid {

  grid-template-columns: 1fr;
  
}

.about-golden-card {

  min-height: 0;
  
}
}

@media (max-width: 760px) {
.desktop-nav {

  display: none;
  
}

.nav {

  min-height: 88px;
  
}

.brand-logo img {

  width: 300px;
  max-width: 84vw;
  
}

.container {

  width: min(100% - 28px, var(--page-max));
  
}

.button {

  width: 100%;
  
}

.section {

  padding: 60px 0;
  
}

.field-grid,
.toggle-grid {

  grid-template-columns: 1fr;
  
}

.panel,
.summary-card {

  border-radius: 26px;
  padding: 22px;
  
}

.summary-card h3 {

  font-size: 1.22rem;
  
}

.mini-panel .toggle-grid {

  grid-template-columns: 1fr;
  
}

.site-header {

  display: block !important;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  
}

.site-header .nav {

  min-height: 0;
  padding: 10px 0 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  
}

.site-header .brand-logo {

  display: block;
  order: 1;
  flex: 0 1 auto;
  min-width: 0;
  
}

.site-header .brand-logo img {

  display: block !important;
  width: 220px;
  max-width: 62vw;
  height: auto;
  
}

.site-header .desktop-nav {

  display: flex !important;
  order: 3;
  width: 100%;
  gap: 8px;
  padding: 7px 0 2px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  
}

.site-header .desktop-nav::-webkit-scrollbar {

  display: none;
  
}

.site-header .desktop-nav a {

  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(243,214,219,.34);
  color: var(--pomegranate);
  font-size: .78rem;
  font-weight: 750;
  white-space: nowrap;
  
}

body {

  font-size: .96rem;
  
}

.button,
.submit-button {

  min-height: 46px;
  font-size: .9rem;
  
}

.panel,
.summary-card,
.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article {

  padding: 19px;
  
}

input,
textarea,
select {

  font-size: 16px;
  padding: 10px 12px;
  
}

.panel,
.summary-card,
.about-values-grid article,
.about-choice-grid article,
.careers-core-values article,
.career-path-grid article,
.services-audience-grid article {

  padding: 18px;
  
}

.site-footer {

  padding: 38px 0;
  padding-top: 56px;
  
}

.career-role-apply {

  background: var(--dark-surface) !important;
  
}

.button.primary,
.button.secondary,
.submit-button {

  min-height: 48px;
  
}

.mobile-nav-toggle {

  display: inline-flex;
  
}

:root {

  --section-space: 66px;
  
}

.about-hero,
.v86-products-hero,
.v86-manufacturing-hero,
.careers-v43-hero,
.legal-hero,
.v85-label-page {
  padding-top: 30px !important;
}

.page-topbar {

  padding-top: 16px;
  
}

.page-topbar + .about-hero {

  padding-top: 24px !important;
  
}

body.careers-page .careers-life-section {

  background: #f7f8fa;
  
}

html body .unified-page-title {

  max-width: 100% !important;
  
}
}

@media(max-width:980px) {
.docs-grid {

  grid-template-columns: repeat(2,1fr);
  
}

.about-value-map,
.career-function-map {

  grid-template-columns: repeat(2,1fr);
  
}

.about-visual-grid {

  grid-template-columns: 1fr;
  
}

.v85-label-grid {

  grid-template-columns: 1fr;
  
}

.v85-product-grid,
.v85-capability-grid {

  grid-template-columns: repeat(2,1fr);
  
}

.brand-logo img {

  width: 245px!important;
  
}

.footer-grid-v12 {

  grid-template-columns: 1fr 1fr;
  
}

.v85-product-grid .featured-custom {

  grid-column: span 2;
  
}
}

@media(max-width:760px) {
.docs-grid {

  grid-template-columns: 1fr;
  
}

.footer-grid-v12 {

  grid-template-columns: 1fr;
  
}

.footer-bottom {

  flex-direction: column;
  
}

.v85-product-grid .featured-custom {

  grid-column: auto;
  
}

.legal-container {

  width: min(100% - 28px,850px);
  
}

.legal-hero {

  padding: 60px 0 42px;
  
}

.legal-content {

  padding-top: 50px;
  padding-bottom: 70px;
  
}
}

@media (max-width: 1100px) {
.about-values-grid {

  grid-template-columns: repeat(3, 1fr);
  
}
}

@media (max-width: 920px) {
.about-hero-grid,
.about-split-grid,
.about-why-grid {

  grid-template-columns: 1fr;
  
}

.about-choice-grid {

  grid-template-columns: repeat(2, 1fr);
  
}

.about-cta-card {

  align-items: flex-start;
  flex-direction: column;
  
}

.about-collaboration-grid {

  grid-template-columns: 1fr;
  
}
}

@media (max-width: 700px) {
.about-hero {

  padding: 56px 0 68px;
  
}

.about-values-grid,
.about-choice-grid {

  grid-template-columns: 1fr;
  
}

.about-values-grid article {

  min-height: 0;
  
}

.about-hero-card,
.about-cta-card {

  padding: 26px;
  
}

.career-alert-inner {

  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  
}

.careers-v43-hero {

  padding: 56px 0 70px;
  
}

.careers-hero-actions {

  align-items: stretch;
  flex-direction: column;
  
}

.careers-core-values,
.careers-life-highlights,
.career-path-grid {

  grid-template-columns: 1fr;
  
}

.career-role-summary {

  align-items: flex-start;
  flex-direction: column;
  
}

.career-role-meta {

  justify-content: flex-start;
  
}

.career-role-details {

  padding: 20px;
  
}

.career-role-details section,
.careers-talent-card,
.careers-equal-v43-card {

  padding: 22px;
  
}

.career-role-summary h3 {

  font-size: 1.55rem;
  
}

.career-no-results {

  padding: 26px 20px;
  
}
}

@media (max-width: 820px) {
.builder-page .configurator-section {

  padding: 46px 0 64px;
  
}

.builder-page .configurator-heading {

  margin-bottom: 28px;
  
}

.builder-page .configurator {

  display: block;
  
}

.builder-page .configurator-main {

  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  
}

.builder-page .summary-panel {

  position: static;
  width: 100%;
  margin-top: 20px;
  
}

.builder-page .field-grid,
.builder-page .toggle-grid,
.builder-page .docs-grid,
.builder-page .mini-panel .toggle-grid {

  grid-template-columns: minmax(0, 1fr) !important;
  
}

.builder-page .field-grid > *,
.builder-page .toggle-grid > *,
.builder-page .docs-grid > * {

  min-width: 0;
  
}

.builder-page .panel,
.builder-page .summary-card {

  width: 100%;
  padding: 20px;
  border-radius: 22px;
  
}

.builder-page .panel-head {

  gap: 12px;
  margin-bottom: 18px;
  
}

.builder-page .panel-head > span {

  width: 32px;
  height: 32px;
  font-size: .8rem;
  
}

.builder-page .panel-head h3 {

  font-size: 1.16rem;
  
}

.builder-page .panel-head p {

  font-size: .88rem;
  line-height: 1.45;
  
}

.builder-page input,
.builder-page select,
.builder-page textarea {

  width: 100%;
  min-width: 0;
  font-size: 16px;
  line-height: 1.35;
  padding: 13px 14px;
  border-radius: 14px;
  
}

.builder-page textarea {

  min-height: 120px;
  
}

.builder-page label {

  min-width: 0;
  font-size: .88rem;
  
}

.builder-page .toggle-card {

  min-width: 0;
  padding: 15px 14px 15px 48px;
  border-radius: 17px;
  
}

.builder-page .toggle-card input {

  left: 15px;
  top: 17px;
  
}

.builder-page .toggle-card span {

  font-size: .94rem;
  
}

.builder-page .toggle-card small {

  font-size: .8rem;
  line-height: 1.4;
  
}

.builder-page .slider-block.slim-slider {

  padding: 13px 14px;
  border-radius: 17px;
  overflow: hidden;
  
}

.builder-page .slider-label {

  align-items: flex-start;
  gap: 10px;
  
}

.builder-page .slider-label strong {

  font-size: .9rem;
  
}

.builder-page .slider-label output {

  max-width: 58%;
  padding: 5px 9px;
  font-size: .78rem;
  white-space: normal;
  text-align: right;
  line-height: 1.25;
  
}

.builder-page input[type="range"] {

  width: 100%;
  min-width: 0;
  margin: 10px 0 4px;
  
}

.builder-page .range-captions {

  gap: 10px;
  font-size: .66rem;
  line-height: 1.25;
  
}

.builder-page .range-captions span {

  flex: 1 1 0;
  min-width: 0;
  
}

.builder-page .range-captions span:nth-child(2) {

  text-align: center;
  
}

.builder-page .range-captions span:last-child {

  text-align: right;
  
}

.builder-page .summary-card h3 {

  font-size: 1.25rem;
  overflow-wrap: anywhere;
  
}

.builder-page .summary-card dl {

  gap: 0;
  
}

.builder-page .summary-card dl div {

  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  padding: 10px 0;
  
}

.builder-page .summary-card dt {

  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  
}

.builder-page .summary-card dd {

  margin: 0;
  text-align: left;
  font-size: .9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
  
}

.builder-page .summary-note {

  padding: 14px;
  border-radius: 16px;
  
}

.builder-page .submit-button {

  min-height: 54px;
  padding: 13px 18px;
  font-size: .94rem;
  
}

.builder-page .submit-help {

  font-size: .78rem;
  
}

.home-products-standard-hero .about-hero-grid,
.partners-products-standard-hero .about-hero-grid {

  grid-template-columns: 1fr !important;
  
}

.home-products-standard-hero .solutions-hero-visual,
.partners-products-standard-hero .industries-hero-visual {

  margin-top: 28px;
  
}
}

@media (max-width: 430px) {
.builder-page .container {

  width: calc(100% - 24px);
  
}

.builder-page .builder-intro {

  padding-top: 22px;
  
}

.builder-page .configurator-section {

  padding-top: 34px;
  
}

.builder-page .panel,
.builder-page .summary-card {

  padding: 17px;
  border-radius: 19px;
  
}

.builder-page .panel-head {

  align-items: flex-start;
  
}

.builder-page .configurator-heading p {

  font-size: .96rem;
  
}

.builder-page .summary-card {

  box-shadow: 0 14px 36px rgba(62,18,24,.08);
  
}

.site-header .nav {

  width: calc(100% - 20px);
  
}

.site-header .brand-logo img {

  width: 190px;
  max-width: 58vw;
  
}

.site-header .desktop-nav a {

  padding: 6px 9px;
  font-size: .73rem;
  
}
}

@media (max-width: 1050px) {
.careers-core-values {

  grid-template-columns: repeat(3, 1fr);
  
}

.career-path-grid {

  grid-template-columns: repeat(2, 1fr);
  
}

.solutions-hero-visual img {

  width: min(106%, 590px);
  
}
}

@media (max-width: 900px) {
.careers-v43-hero-grid,
.careers-life-grid {

  grid-template-columns: 1fr;
  
}

.careers-quote-grid {

  grid-template-columns: 1fr;
  
}

.career-role-details {

  grid-template-columns: 1fr;
  
}

.career-role-apply {

  grid-column: auto;
  align-items: flex-start;
  flex-direction: column;
  
}

.careers-talent-card {

  align-items: flex-start;
  flex-direction: column;
  
}

.site-header .nav {

  align-items: center;
  
}

.site-header .desktop-nav {

  margin-top: 0;
  align-self: center;
  
}

.solutions-capability-grid {

  grid-template-columns: 1fr;
  
}



.solutions-credibility-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr));
  
}
}

@media(max-width:1050px) {
.services-audience-grid {

  grid-template-columns: repeat(3,1fr);
  
}



.solutions-credibility-grid {

  grid-template-columns: repeat(2,1fr);
  
}
}

@media(max-width:700px) {
.services-hero-actions {

  flex-direction: column;
  
}

.services-audience-grid {

  grid-template-columns: 1fr;
  
}

.guide-choice-grid,
.guide-contact-grid {

  grid-template-columns: 1fr;
  
}

.guide-contact-grid label:nth-child(3) {

  grid-column: auto;
  
}

.guide-form-error {

  grid-column: auto;
  
}

.guide-review-list>div {

  grid-template-columns: 1fr;
  gap: 4px;
  
}
}

@media (max-width:900px) {
.site-header .desktop-nav {

  margin-top: 0;
  align-self: center;
  
}
}

@media (max-width: 1080px) {
.site-header .desktop-nav {

  gap: 15px;
  font-size: .82rem;
  
}

.brand-logo img {

  width: 255px;
  
}
}

@media (min-width: 761px) {
.mobile-nav-toggle,
.mobile-nav {

  display: none !important;
  
}
}

@media(max-width:620px) {
.about-value-map,
.career-function-map {

  grid-template-columns: 1fr;
  
}

.section {

  padding: 54px 0!important;
  
}
}

@media (max-width: 640px) {
:root {

  --site-gutter: 28px;
  --section-space: 52px;
  
}

.about-hero,
.careers-v43-hero {

  padding-top: 48px !important;
  padding-bottom: 48px !important;
  
}

.about-values-grid,
.about-choice-grid,
.careers-core-values,
.career-path-grid,
.services-audience-grid {

  grid-template-columns: 1fr !important;
  
}

.about-hero-card,
.careers-v43-hero-card {

  min-height: 0 !important;
  padding: 21px !important;
  
}

.button,
.submit-button {

  width: 100% !important;
  
}

.field-grid,
.toggle-grid {

  grid-template-columns: 1fr !important;
  
}

main h3,
.panel h3,
.summary-card h3 {

  font-size: 1rem !important;
  
}

.careers-openings-v43 .careers-opportunities-header {

  margin-bottom: 24px;
  
}

.products-page .v85-product-grid {

  grid-template-columns: 1fr;
  
}

.products-page .v85-product-grid .featured-custom {

  grid-column: auto;
  
}


.solutions-credibility-grid {

  grid-template-columns: 1fr;
  
}

.guide-thread {

  min-height: 280px;
  max-height: 400px;
  padding: 16px;
  
}

.guide-choices {

  padding: 4px 16px 18px;
  
}
}

@media(max-width:640px) {
.v85-product-grid,
.v85-capability-grid {

  grid-template-columns: 1fr;
  
}

.v85-custom-cta {

  align-items: flex-start;
  flex-direction: column;
  
}

.brand-logo img {

  width: 220px!important;
  max-width: 78vw!important;
  
}

.v86-products-hero,
.v86-manufacturing-hero {
  padding: 52px 0!important;
}

.v86-products-hero .about-hero-grid,
.v86-manufacturing-hero .about-hero-grid {
  grid-template-columns: 1fr!important;
  gap: 28px!important;
}

.builder-progress-copy {

  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
  
}

.builder-progress-copy span {

  text-align: left;
  
}
}

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {

  scroll-behavior: auto !important;
  transition-duration: .01ms !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  
}
}

@media (max-width: 860px) {
.industries-hero-visual {

  width: 100%;
  
}

.solutions-hero-visual img {

  width: min(100%, 550px);
  max-width: 100%;
  
}
}

@media (max-width: 560px) {
}

@media(max-width:860px) {
.solutions-outsource-grid,
.solutions-final-cta-inner {

  grid-template-columns: 1fr;
  
}

.solutions-hero-visual {

  order: -1;
  
}

.solutions-hero-visual img {

  width: min(100%,520px);
  
}

.solutions-outsource-copy {

  position: static;
  
}

.solutions-final-actions {

  justify-content: flex-start;
  min-width: 0;
  
}

.solutions-capability-grid {

  grid-template-columns: 1fr;
  
}
}

@media(max-width:680px) {
.solutions-hero-visual img {

  width: min(92%,430px);
  
}

.solutions-hero-actions .button,
.solutions-final-actions .button {

  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  
}

.solutions-benefit-grid,
.solutions-credibility-grid {

  grid-template-columns: 1fr;
  
}



.solutions-capability-card ul {

  columns: 1;
  
}

.solutions-final-actions {

  width: 100%;
  
}
}

@media (max-width:760px) {
.solutions-belief-section {

  padding: 58px 0;
  
}

.about-golden-card {

  padding: 26px;
  
}
}

@media (max-width: 680px) {
.solutions-hero-visual img {

  width: min(94%, 450px);
  
}
}

@keyframes guideBubbleIn {
from {

  opacity: 0;
  transform: translateY(6px);
  
}

to {

  opacity: 1;
  transform: translateY(0);
  
}
}

@keyframes guideTypingBounce {
0%,
60%,
100% {

  transform: translateY(0);
  opacity: .5;
  
}

30% {

  transform: translateY(-4px);
  opacity: 1;
  
}
}

@media (max-width: 620px) {
.solutions-hero-actions .button,
.solutions-final-actions .button {

  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  
}
}

.mfg-subnav {

  position: sticky;
  top: 88px;
  z-index: 15;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);

}

.mfg-subnav-inner {

  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  padding: 14px 0;

}

.mfg-subnav-inner a {

  font-size: .86rem;
  font-weight: 700;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;

}

.mfg-subnav-inner a:hover {

  color: var(--pomegranate);

}

.mfg-dark-section {

  background: linear-gradient(135deg, rgba(116,16,32,.93), rgba(148,22,42,.95)), url('anarbio-home-hero-background.jpg') center/cover no-repeat;
  color: #fff;

}

.mfg-dark-section .section-head .eyebrow {

  color: #F4CDD3 !important;

}

.mfg-dark-section .section-head h2 {

  color: #fff;

}

.mfg-dark-section .section-head p {

  color: rgba(255,255,255,.78) !important;

}

.mfg-list-grid {

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 10px;

}

.mfg-list-card {

  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  padding: 20px;

}

.mfg-list-card strong {

  display: block;
  margin-top: 4px;
  color: #fff;

}

.mfg-list-card p {

  margin-top: 7px;
  color: rgba(255,255,255,.68);
  font-size: .88rem;
  line-height: 1.5;

}

.mfg-deliverables {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 10px;

}

.mfg-deliverable {

  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
  padding: 15px 17px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--line);

}

.mfg-deliverable span {

  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--pomegranate);
  color: #fff;

}

.mfg-deliverable span svg {

  width: 16px;
  height: 16px;

}

.mfg-deliverable p {

  margin: 0;
  font-weight: 600;

}

@media (max-width: 900px) {
.mfg-subnav {
 top: 0; 
}

.careers-subnav {
 top: 0; 
}

.mfg-list-grid {
 grid-template-columns: repeat(2, 1fr); 
}
}

@media (max-width: 620px) {
.mfg-subnav-inner {
 gap: 14px; overflow-x: auto; flex-wrap: nowrap; 
}

.careers-subnav .container {
 gap: 14px; overflow-x: auto; flex-wrap: nowrap; 
}

.mfg-list-grid,
.mfg-deliverables {
 grid-template-columns: 1fr; 
}
}

/* ============================================
   BUILDER PAGE — custom reagent assembly visual
   ============================================ */

.builder-visual-svg {
  width: min(100%, 460px);
  height: auto;
  filter: drop-shadow(0 14px 22px rgba(58,13,21,.18));
}

.builder-glow {
  animation: builderGlowPulse 5s ease-in-out infinite;
}

.builder-orbit-ring {
  opacity: .4;
}

@keyframes builderGlowPulse {
  0%, 100% { opacity: .75; }
  50% { opacity: 1; }
}

.builder-spec-line {
  stroke-dasharray: 3 7;
  animation: builderDashFlow 2s linear infinite;
}

@keyframes builderDashFlow {
  to { stroke-dashoffset: -20; }
}

.builder-spec-node {
  animation: builderNodePulse 3.2s ease-in-out infinite;
}

.builder-spec-node:nth-of-type(1) { animation-delay: 0s; }
.builder-spec-node:nth-of-type(2) { animation-delay: .5s; }
.builder-spec-node:nth-of-type(3) { animation-delay: 1s; }
.builder-spec-node:nth-of-type(4) { animation-delay: 1.5s; }

@keyframes builderNodePulse {
  0%, 100% { opacity: .92; }
  50% { opacity: 1; }
}

.builder-flow-dot {
  opacity: 0;
}

.flow-1 { animation: builderFlow1 2.8s ease-in-out infinite; }
.flow-2 { animation: builderFlow2 2.8s ease-in-out infinite .7s; }
.flow-3 { animation: builderFlow3 2.8s ease-in-out infinite 1.4s; }
.flow-4 { animation: builderFlow4 2.8s ease-in-out infinite 2.1s; }

@keyframes builderFlow1 {
  0% { transform: translate(124px, 140px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translate(220px, 260px); opacity: 0; }
}

@keyframes builderFlow2 {
  0% { transform: translate(316px, 140px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translate(220px, 260px); opacity: 0; }
}

@keyframes builderFlow3 {
  0% { transform: translate(110px, 320px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translate(220px, 260px); opacity: 0; }
}

@keyframes builderFlow4 {
  0% { transform: translate(330px, 320px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translate(220px, 260px); opacity: 0; }
}

.builder-liquid,
.builder-liquid-wave {
  animation: builderLiquidRise 6s ease-in-out infinite;
}

.builder-liquid-wave {
  animation-name: builderLiquidRise, builderWaveDrift;
  animation-duration: 6s, 2.4s;
  animation-timing-function: ease-in-out, ease-in-out;
  animation-iteration-count: infinite, infinite;
}

@keyframes builderLiquidRise {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-42px); }
}

@keyframes builderWaveDrift {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-6px); }
}

.builder-scan-line {
  animation: builderScanSweep 3.2s ease-in-out infinite;
}

@keyframes builderScanSweep {
  0% { transform: translateY(0); opacity: 0; }
  10% { opacity: .5; }
  90% { opacity: .5; }
  100% { transform: translateY(144px); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .builder-glow,
  .builder-orbit-ring,
  .builder-spec-line,
  .builder-spec-node,
  .builder-flow-dot,
  .builder-liquid,
  .builder-liquid-wave,
  .builder-scan-line {
    animation: none;
  }
}

@media (max-width: 900px) {
  .builder-visual-svg {
    width: min(85%, 360px);
    margin-top: 12px;
  }
}


/* ==========================================================
   Anar Intelligence — genuine AI-assisted analysis
========================================================== */
.guide-panel-head > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.guide-ai-badge,
.guide-inline-ai,
.guide-ai-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(123, 15, 30, .18);
  border-radius: 999px;
  background: #fbf5f6;
  color: #7b0f1e;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  padding: 6px 9px;
}

.guide-inline-ai {
  margin-left: 7px;
  vertical-align: middle;
}

.guide-ai-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9b1b31;
  box-shadow: 0 0 0 0 rgba(155, 27, 49, .35);
  animation: guide-ai-pulse 1.8s infinite;
}

@keyframes guide-ai-pulse {
  0% { box-shadow: 0 0 0 0 rgba(155, 27, 49, .35); }
  70% { box-shadow: 0 0 0 8px rgba(155, 27, 49, 0); }
  100% { box-shadow: 0 0 0 0 rgba(155, 27, 49, 0); }
}

.guide-ai-thinking {
  display: flex;
  align-items: center;
  gap: 16px;
}

.guide-ai-thinking p {
  margin: 5px 0 0;
  color: #68727c;
}

.guide-ai-orbit {
  position: relative;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border: 1px solid #dcc5c9;
  border-radius: 50%;
}

.guide-ai-orbit::before,
.guide-ai-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.guide-ai-orbit::before {
  width: 8px;
  height: 8px;
  top: -4px;
  left: 17px;
  background: #7b0f1e;
  transform-origin: 4px 25px;
  animation: guide-ai-orbit 1.2s linear infinite;
}

.guide-ai-orbit::after {
  width: 12px;
  height: 12px;
  inset: 14px;
  background: #ead4d8;
}

@keyframes guide-ai-orbit {
  to { transform: rotate(360deg); }
}

.guide-ai-report {
  width: 100%;
}

.guide-ai-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.guide-ai-report-head h3 {
  margin: 10px 0 0;
  font-size: 1.35rem;
  line-height: 1.25;
}

.guide-ai-confidence {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f0f3f4;
  color: #5b6670;
  font-size: .72rem;
  font-weight: 800;
}

.guide-ai-summary {
  margin: 0 0 18px;
  color: #3f4951;
  line-height: 1.65;
}

.guide-ai-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.guide-ai-grid article,
.guide-ai-missing,
.guide-ai-route {
  padding: 16px;
  border: 1px solid #eadfe1;
  border-radius: 14px;
  background: rgba(255,255,255,.78);
}

.guide-ai-grid h4,
.guide-ai-missing h4 {
  margin: 0 0 9px;
  color: #7b0f1e;
  font-size: .82rem;
  letter-spacing: .025em;
}

.guide-ai-grid ul,
.guide-ai-missing ul {
  margin: 0;
  padding-left: 18px;
}

.guide-ai-grid li,
.guide-ai-missing li {
  margin: 6px 0;
  color: #4c5760;
  font-size: .85rem;
  line-height: 1.45;
}

.guide-ai-missing {
  margin-top: 12px;
  background: #fffaf3;
}

.guide-ai-route {
  margin-top: 12px;
  background: linear-gradient(135deg, #7b0f1e, #991b31);
  color: #fff;
}

.guide-ai-route span {
  display: block;
  margin-bottom: 5px;
  opacity: .78;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.guide-ai-route strong {
  display: block;
  font-size: 1rem;
}

.guide-ai-route p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.86);
  font-size: .84rem;
  line-height: 1.5;
}

.guide-ai-disclaimer {
  margin: 13px 0 0;
  color: #727b83;
  font-size: .74rem;
  line-height: 1.45;
}

.guide-ai-empty {
  margin: 0;
  color: #747e86;
  font-size: .84rem;
}

@media (max-width: 700px) {
  .guide-ai-report-head {
    flex-direction: column;
  }
  .guide-ai-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   Anar Intelligence v13 — adaptive formulation copilot
========================================================== */
.guide-source-note{margin:.7rem 0 0;color:#707982;font-size:.8rem;line-height:1.5}
.guide-ai-report-v2{display:block}
.guide-best-start{display:flex;flex-direction:column;gap:4px;margin:18px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#7b0f1e,#991b31);color:#fff}
.guide-best-start span{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.78}
.guide-best-start strong{font-size:1.08rem}
.guide-candidate-stack{display:grid;gap:16px;margin:18px 0}
.guide-candidate{overflow:hidden;border:1px solid #e4d6d9;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(32,36,42,.05)}
.guide-candidate-title{padding:18px 20px;background:#faf5f6;border-bottom:1px solid #eadfe1}
.guide-candidate-title>span{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7b0f1e}
.guide-candidate-title h4{margin:5px 0 4px;font-size:1.08rem;color:#252b31}
.guide-candidate-title p{margin:0;color:#68727b;font-size:.84rem}
.guide-component-table{padding:0 20px}
.guide-component-table>div{display:grid;grid-template-columns:.9fr .8fr 1.25fr;gap:14px;padding:11px 0;border-bottom:1px solid #eee5e7;align-items:start}
.guide-component-head{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b0f1e}
.guide-component-table strong,.guide-component-table span{font-size:.8rem;line-height:1.45}
.guide-component-table span{color:#59636c}
.guide-candidate-details{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:14px;padding:18px 20px}
.guide-candidate-details>div{padding:13px;border-radius:12px;background:#f8f7f7}
.guide-candidate-details h5{margin:0 0 7px;color:#7b0f1e;font-size:.74rem}
.guide-candidate-details p,.guide-candidate-details li{font-size:.78rem;line-height:1.5;color:#4e5962}
.guide-candidate-details p{margin:0}.guide-candidate-details ul{margin:0;padding-left:17px}
.guide-evidence{margin-top:16px;border:1px solid #dfe3e5;border-radius:14px;background:#fbfcfc;padding:0 16px}
.guide-evidence summary{cursor:pointer;padding:15px 0;font-weight:800;color:#333b42}
.guide-evidence>p{margin:0 0 12px;color:#68727b;font-size:.8rem;line-height:1.5}
.guide-evidence-counts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.guide-evidence-counts span{padding:6px 9px;border-radius:999px;background:#f1e7e9;color:#7b0f1e;font-size:.68rem;font-weight:800}
.guide-evidence article{display:grid;gap:4px;padding:12px 0;border-top:1px solid #e6e9ea}
.guide-evidence article>span{font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b0f1e}
.guide-evidence article strong{font-size:.82rem;color:#343b42}
.guide-evidence article small{color:#707982}.guide-evidence article p{margin:2px 0 0;font-size:.76rem;color:#657078;line-height:1.45}
.guide-final-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-final-actions h3{margin:5px 0}.guide-final-actions p{margin:0;color:#68727b}
@media(max-width:760px){.guide-component-table>div{grid-template-columns:1fr;gap:4px}.guide-component-head{display:none!important}.guide-candidate-details{grid-template-columns:1fr}.guide-final-actions{display:block}.guide-final-actions .guide-route-actions{margin-top:16px}}


/* Direct Anar Intelligence email delivery */
.guide-submit-message {
  min-height: 1.35em;
  margin: 13px 0 0;
  color: #68727b;
  font-size: .82rem;
  line-height: 1.45;
}

.guide-submit-message.is-success,
.guide-submit-message.is-error {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 700;
}

.guide-submit-message.is-success {
  background: rgba(46,125,80,.08);
  border: 1px solid rgba(46,125,80,.25);
  color: #1f5c3d;
}

.guide-submit-message.is-error {
  background: rgba(156,62,62,.08);
  border: 1px solid rgba(156,62,62,.25);
  color: #7a2c2c;
}

.guide-submit-message.is-success::before,
.guide-submit-message.is-error::before {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .68rem;
  font-weight: 900;
  margin-top: 1px;
}

.guide-submit-message.is-success::before {
  content: "✓";
  background: #2e7d50;
  color: #fff;
}

.guide-submit-message.is-error::before {
  content: "!";
  background: #9c3e3e;
  color: #fff;
}

#sendRecommendations:disabled {
  cursor: wait;
  opacity: .78;
}


/* ==========================================================
   Polished homepage pathway cards
========================================================== */
.pathway-card-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.pathway-card {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  min-height: 210px;
  padding: 26px;
  border: 1px solid rgba(123, 15, 30, 0.15);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(123, 15, 30, 0.07), transparent 35%),
    linear-gradient(180deg, #ffffff 0%, #fcf9fa 100%);
  color: #24282d;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(31, 35, 40, 0.07);
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.pathway-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, #7b0f1e, #a82b43);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}

.pathway-card:hover,
.pathway-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(123, 15, 30, 0.32);
  box-shadow: 0 20px 46px rgba(31, 35, 40, 0.12);
  outline: none;
}

.pathway-card:hover::after,
.pathway-card:focus-visible::after {
  transform: scaleX(1);
}

.pathway-card-icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: #f4e9eb;
  color: #7b0f1e;
  box-shadow: inset 0 0 0 1px rgba(123, 15, 30, 0.08);
}

.pathway-card-icon svg {
  width: 27px;
  height: 27px;
  fill: currentColor;
}

.pathway-card-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pathway-card-eyebrow {
  margin-bottom: 8px;
  color: #7b0f1e;
  font-size: .7rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.pathway-card-title {
  max-width: 20ch;
  color: #24282d;
  font-size: clamp(1.18rem, 2vw, 1.46rem);
  line-height: 1.2;
  font-weight: 760;
}

.pathway-card-description {
  margin-top: 12px;
  color: #69737c;
  font-size: .94rem;
  line-height: 1.55;
}

.pathway-card-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 20px;
  color: #7b0f1e;
  font-size: .86rem;
  font-weight: 800;
}

.pathway-card-action span {
  transition: transform 220ms ease;
}

.pathway-card:hover .pathway-card-action span,
.pathway-card:focus-visible .pathway-card-action span {
  transform: translateX(4px);
}

@media (max-width: 760px) {
  .pathway-card-grid {
    grid-template-columns: 1fr;
  }

  .pathway-card {
    min-height: 0;
  }

  .pathway-card-title {
    max-width: none;
  }
}

@media (max-width: 480px) {
  .pathway-card {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
    border-radius: 20px;
  }

  .pathway-card-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }

  .pathway-card-icon svg {
    width: 23px;
    height: 23px;
  }
}


/* Product-aware Anar Intelligence routing */
.guide-product-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #dbc4c9;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff 0%, #faf3f5 100%);
}

.guide-product-route > div {
  min-width: 0;
}

.guide-product-route span {
  display: block;
  margin-bottom: 4px;
  color: #7b0f1e;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.guide-product-route strong {
  display: block;
  color: #252b31;
  font-size: 1.08rem;
}

.guide-product-route p {
  margin: 6px 0 0;
  color: #68727b;
  font-size: .82rem;
  line-height: 1.45;
}

.guide-product-route .button {
  flex: 0 0 auto;
}

@media (max-width: 680px) {
  .guide-product-route {
    align-items: stretch;
    flex-direction: column;
  }

  .guide-product-route .button {
    width: 100%;
    justify-content: center;
  }
}





/* Homepage hero */
.about-hero.v86-products-hero.home-products-standard-hero {
  background-color: #fcf8f7;
  background-image:
    linear-gradient(rgba(252, 248, 247, 0.26), rgba(252, 248, 247, 0.26)),
    url("assets/anarbio-molecular-background.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Standard interior-page hero and top-banner patterns already used by the site */
.page-hero,
.about-page-hero,
.products-hero,
.manufacturing-hero,
.services-hero,
.industries-hero,
.intelligence-hero,
.builder-hero,
.careers-hero,
.contact-hero,
.resources-hero,
.legal-hero,
.page-topbar {
  background-color: #fcf8f7;
  background-image: linear-gradient(rgba(252, 248, 247, 0.34), rgba(252, 248, 247, 0.34)),
    url("assets/anarbio-molecular-background.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


/* ==========================================================
   Selected molecular artwork — hero background only
========================================================== */
.anarbio-selected-hero-bg {
  background-color: #fcf8f7 !important;
  background-image:
    linear-gradient(rgba(252, 248, 247, 0.12), rgba(252, 248, 247, 0.12)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Prevent old hero pseudo-background layers from hiding the selected artwork. */
.anarbio-selected-hero-bg::before,
.anarbio-selected-hero-bg::after {
  background-image: none !important;
}


/* Anar Intelligence hero logo — inline SVG for glow + orbit animation */
.guide-hero-visual {
  position: relative;
}

.guide-logo-glow {
  position: absolute;
  inset: -8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184,53,67,.16), rgba(184,53,67,.05) 55%, transparent 72%);
  filter: blur(4px);
  z-index: 0;
}

.guide-logo-svg {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 520px);
  height: auto;
  margin-inline: auto;
}

.guide-orbit-nodes {
  transform-origin: 360px 350px;
  animation: guideOrbitSpin 26s linear infinite;
}

@keyframes guideOrbitSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .guide-orbit-nodes {
    animation: none;
  }
}

/* ============================================
   BACK TO TOP — floating button, site-wide
   ============================================ */

.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 40;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: var(--pomegranate);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(123,15,30,.28);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, background 220ms ease;
}

.back-to-top.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.back-to-top:hover {
  background: var(--garnet);
}

@media (max-width: 620px) {
  .back-to-top {
    right: 16px;
    bottom: 16px;
    width: 42px;
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .back-to-top {
    transition: opacity 120ms linear;
  }
}

/* ============================================
   BREADCRUMBS — deeper tool pages
   ============================================ */

.breadcrumb-trail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 16px 0 0;
  font-size: .83rem;
  color: var(--text-secondary);
}

.breadcrumb-trail a {
  color: var(--text-secondary);
  font-weight: 600;
  text-decoration: none;
}

.breadcrumb-trail a:hover {
  color: var(--pomegranate);
}

.breadcrumb-trail .crumb-sep {
  color: var(--line);
}

.breadcrumb-trail .crumb-current {
  color: var(--charcoal);
  font-weight: 700;
}

/* ============================================
   FIELD TOOLTIPS — Builder configurator
   ============================================ */

.field-tooltip {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 6px;
}

.tooltip-trigger {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1.4px solid var(--muted);
  background: none;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.tooltip-trigger:hover,
.tooltip-trigger:focus-visible {
  border-color: var(--pomegranate);
  color: var(--pomegranate);
}

.tooltip-content {
  position: absolute;
  bottom: calc(100% + 9px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  width: 220px;
  background: var(--charcoal);
  color: #fff;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 10px 12px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 150ms ease, transform 150ms ease;
  z-index: 30;
  text-transform: none;
  letter-spacing: normal;
}

.tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--charcoal);
}

.tooltip-trigger:hover + .tooltip-content,
.tooltip-trigger:focus-visible + .tooltip-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 620px) {
  .tooltip-content {
    width: 180px;
  }
}

/* ==========================================================
   Anar Intelligence — conversational consultation upgrade
========================================================== */
.guide-container { max-width: 900px; }
.guide-panel {
  border: 1px solid rgba(123,15,30,.18);
  box-shadow: 0 30px 80px rgba(62,18,24,.14), 0 0 0 6px rgba(123,15,30,.025);
  background: linear-gradient(180deg,#fff 0%,#fdfbfb 100%);
}
.guide-panel-head {
  padding: 19px 24px;
  background: linear-gradient(135deg,#fff 0%,#fbf3f5 100%);
  border-bottom-color: rgba(123,15,30,.13);
}
.guide-thread {
  min-height: 430px;
  max-height: 620px;
  padding: 28px 26px;
  gap: 20px;
  background:
    radial-gradient(circle at 8% 5%,rgba(123,15,30,.035),transparent 27%),
    linear-gradient(180deg,#fcfcfd 0%,#f8f6f7 100%);
}
.guide-bubble {
  display: flex;
  flex-direction: column;
  width: min(82%,720px);
  animation: guide-message-in .28s ease both;
}
.guide-bubble-bot { align-self: flex-start; }
.guide-bubble-user { align-self: flex-end; align-items: flex-end; width: min(72%,600px); }
.guide-bubble-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 7px 4px;
  color: #626c75;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .025em;
}
.guide-bubble-user .guide-bubble-label { flex-direction: row-reverse; margin: 0 4px 7px 0; }
.guide-bubble-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: #7b0f1e;
  color: #fff;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: -.02em;
  box-shadow: 0 5px 14px rgba(123,15,30,.18);
}
.guide-bubble-user .guide-bubble-avatar { background: #3b4652; }
.guide-bubble-content {
  padding: 16px 18px;
  border: 1px solid rgba(23,32,45,.09);
  border-radius: 5px 18px 18px 18px;
  background: #fff;
  color: #28313a;
  line-height: 1.64;
  box-shadow: 0 9px 24px rgba(31,38,47,.055);
}
.guide-bubble-user .guide-bubble-content {
  border-radius: 18px 5px 18px 18px;
  border-color: #7b0f1e;
  background: linear-gradient(135deg,#7b0f1e,#941c31);
  color: #fff;
  box-shadow: 0 11px 25px rgba(123,15,30,.17);
}
.guide-bubble-content p { margin: 0; }
.guide-bubble-content p + p { margin-top: .72rem; }
.guide-bubble-content .guide-question {
  margin-top: .95rem;
  padding-top: .9rem;
  border-top: 1px solid rgba(123,15,30,.11);
  color: #53101b;
  font-size: 1.01rem;
}
.guide-bubble-content .guide-question:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.guide-choices {
  padding: 18px 26px 26px;
  border-top: 1px solid rgba(23,32,45,.07);
  background: #fff;
}
.guide-choice-grid { gap: 10px; }
.guide-choice-grid .guide-chip {
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(35,40,48,.035);
}
.guide-choice-grid .guide-chip:hover {
  box-shadow: 0 9px 20px rgba(123,15,30,.13);
}
.guide-input-panel,.guide-contact-grid,.guide-review-card {
  border: 1px solid rgba(123,15,30,.13);
  box-shadow: 0 8px 24px rgba(31,38,47,.045);
}
.guide-bubble-bot:has(.guide-ai-report) { width: 100%; }
.guide-bubble-bot:has(.guide-ai-report) .guide-bubble-content { width: 100%; }
@keyframes guide-message-in {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width:700px) {
  .guide-thread { min-height: 360px; padding: 20px 15px; }
  .guide-bubble,.guide-bubble-user { width: 94%; }
  .guide-bubble-content { padding: 14px 15px; }
  .guide-choices { padding: 14px 15px 20px; }
  .guide-choice-grid { grid-template-columns: 1fr; }
}

/* Anar Intelligence — user-message contrast and uncertainty UX */
.guide-bubble-user .guide-bubble-content,
.guide-bubble-user .guide-bubble-content p,
.guide-bubble-user .guide-bubble-content strong,
.guide-bubble-user .guide-bubble-content span {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  opacity: 1;
}
.guide-bubble-user .guide-bubble-content {
  background: #7b0f1e;
  border-color: #650b18;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(123,15,30,.22);
}
.guide-bubble-user .guide-bubble-label {
  flex-direction: row;
  margin-right: 8px;
}
.guide-chip-unsure,
.guide-unsure-button {
  border-color: rgba(123,15,30,.28) !important;
  background: #fbf4f5 !important;
  color: #68101d !important;
  font-weight: 700;
}
.guide-chip-unsure:hover,
.guide-unsure-button:hover {
  background: #f5e6e9 !important;
  border-color: #7b0f1e !important;
}


/* Anar Intelligence — refined choice interactions */
.guide-choice-grid .guide-chip,
.guide-choice-grid .guide-chip:visited {
  color: #7b0f1e;
  -webkit-text-fill-color: #7b0f1e;
  background: #fff;
  border-color: rgba(123,15,30,.30);
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 220ms ease;
}
.guide-choice-grid .guide-chip:hover,
.guide-choice-grid .guide-chip:focus-visible {
  color: #7b0f1e !important;
  -webkit-text-fill-color: #7b0f1e !important;
  background: #fcf4f5 !important;
  border-color: #7b0f1e !important;
  box-shadow: 0 9px 20px rgba(123,15,30,.13);
  transform: translateY(-2px);
}
.guide-choice-grid .guide-chip.is-selected,
.guide-choice-grid .guide-chip.is-selected:hover,
.guide-choice-grid .guide-chip.is-selected:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #7b0f1e !important;
  border-color: #650b18 !important;
  box-shadow: 0 10px 24px rgba(123,15,30,.20);
  transform: translateY(-1px);
}
.guide-choice-grid .guide-chip:disabled {
  cursor: default;
}
.guide-disclaimer {
  max-width: 980px;
  line-height: 1.55;
}
.guide-disclaimer .guide-disclaimer-line {
  display: block;
}
@media (max-width: 760px) {
  .guide-disclaimer { max-width: 92%; }
  .guide-disclaimer .guide-disclaimer-line { display: inline; }
  .guide-disclaimer .guide-disclaimer-line + .guide-disclaimer-line::before { content: " "; }
}

/* ============================================
   HOW IT WORKS — process timeline (homepage)
   ============================================ */

.solutions-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: clamp(36px, 5vw, 52px);
}

.process-step {
  position: relative;
  padding: 30px 26px 24px;
  background: #fff;
  border: 1px solid rgba(23,32,45,.08);
  border-radius: 18px;
  text-align: left;
  box-shadow: 0 10px 26px rgba(32,36,42,.05);
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.process-step-num {
  position: static;
  transform: none;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pomegranate);
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 16px rgba(123,15,30,.28);
  margin-top: 2px;
}

.process-step-body {
  min-width: 0;
}

.process-step h3 {
  font-size: 1.05rem;
  line-height: 1.3;
  margin: 0 0 8px;
}

.process-step p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.6;
  font-size: .88rem;
}

@media (max-width: 1080px) {
  .solutions-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .solutions-process-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-inline: auto;
  }
  .process-step:not(:last-child)::after {
    display: none;
  }
}

/* Careers — Life at AnarBioSolutions photo */
.careers-life-photo {
  width: 100%;
  height: auto;
  max-width: 440px;
  margin-top: 24px;
  border-radius: 20px;
  box-shadow: 0 20px 46px rgba(32,36,42,.14);
}

/* Products page — buffer/container formats banner */
.products-formats-banner {
  display: block;
  width: 100%;
  height: auto;
  max-height: 340px;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: clamp(28px, 4vw, 44px);
  box-shadow: 0 20px 46px rgba(32,36,42,.12);
}

/* Homepage hero image — softly feather into the surrounding canvas. */
.home-products-standard-hero .solutions-hero-visual img {
  -webkit-mask-image: radial-gradient(ellipse 92% 88% at 50% 50%, #000 64%, rgba(0, 0, 0, .94) 75%, rgba(0, 0, 0, .48) 90%, transparent 100%);
  mask-image: radial-gradient(ellipse 92% 88% at 50% 50%, #000 64%, rgba(0, 0, 0, .94) 75%, rgba(0, 0, 0, .48) 90%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media (max-width: 760px) {
  .home-products-standard-hero .solutions-hero-visual img {
    -webkit-mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 69%, rgba(0, 0, 0, .92) 81%, rgba(0, 0, 0, .42) 93%, transparent 100%);
    mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 69%, rgba(0, 0, 0, .92) 81%, rgba(0, 0, 0, .42) 93%, transparent 100%);
  }
}


/* Business address */
.footer-company-block {
  min-width: 0;
}
.footer-address {
  display: grid;
  gap: 3px;
  margin-top: 16px;
  color: rgba(255,255,255,.68);
  font-size: .82rem;
  font-style: normal;
  line-height: 1.5;
}
.footer-address span {
  display: block;
}
.footer-address span:first-child {
  color: rgba(255,255,255,.88);
  font-weight: 700;
  margin-bottom: 2px;
}


/* ===== Navigation, contact and quality refinement ===== */
.nav-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown-toggle { appearance: none; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; padding: 10px 7px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.nav-dropdown-toggle span { font-size: .9em; transition: transform .18s ease; }
.nav-dropdown.is-open .nav-dropdown-toggle span { transform: rotate(180deg); }
.nav-dropdown-menu { position: absolute; z-index: 80; top: calc(100% + 13px); left: 50%; width: 330px; padding: 10px; background: rgba(255,255,255,.98); border: 1px solid rgba(35,75,104,.13); border-radius: 16px; box-shadow: 0 22px 60px rgba(15,48,72,.17); opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.nav-dropdown-menu::before { content: ""; position: absolute; inset: -15px 0 auto; height: 15px; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu, .nav-dropdown.is-open .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.site-header .desktop-nav .nav-dropdown-menu a { display: grid; gap: 2px; padding: 12px 13px; border-radius: 11px; color: #17364d; text-decoration: none; }
.site-header .desktop-nav .nav-dropdown-menu a::after { display:none; }
.site-header .desktop-nav .nav-dropdown-menu a:hover { background: #eef7fb; color: #123f5d; }
.nav-dropdown-menu a strong { font-size: .92rem; }
.nav-dropdown-menu a span { color: #60778a; font-size: .75rem; font-weight: 500; line-height: 1.35; }
.nav-dropdown-menu-compact { width: 285px; }
.site-header .desktop-nav .nav-contact-link { color: #fff; background: #173f5b; padding: 10px 15px; border-radius: 999px; }
.site-header .desktop-nav .nav-contact-link:hover { color: #fff; background: #0e3049; }
.site-header .desktop-nav .nav-contact-link::after { display:none; }
.mobile-nav-group-label { margin-top: 10px; padding: 9px 0 3px; color: #668092; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mobile-nav-inner .mobile-nav-child { padding-left: 16px; font-size: .95rem; }
.mobile-nav-inner .mobile-nav-contact { margin-top: 10px; border-radius: 12px; background: #173f5b; color: #fff; text-align: center; }

.contact-hero, .quality-hero { padding: clamp(72px,8vw,112px) 0 clamp(64px,7vw,94px); }
.contact-hero-inner, .quality-hero-inner { max-width: 850px; }
.contact-hero-inner > p:last-child, .quality-hero-inner > p:last-child { max-width: 760px; color: #486477; font-size: clamp(1.05rem,1.7vw,1.25rem); }
.contact-section { padding: clamp(68px,8vw,108px) 0; background: #fff; }
.contact-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: clamp(28px,5vw,70px); align-items: start; }
.contact-intro-card { padding: clamp(28px,4vw,48px); border: 1px solid #dbe8ef; border-radius: 24px; background: linear-gradient(145deg,#f7fbfd,#eef6fa); }
.contact-kicker, .contact-detail-label { color:#1b658d; font-size:.76rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.contact-intro-card h2 { margin: 10px 0 16px; font-size: clamp(2rem,4vw,3.15rem); line-height:1.08; color:#15364d; }
.contact-intro-card > p:not(.contact-kicker) { color:#526d7f; font-size:1.05rem; }
.contact-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.contact-details-card { overflow:hidden; border:1px solid #dbe6ed; border-radius:24px; background:#fff; box-shadow:0 24px 65px rgba(17,56,82,.1); }
.contact-detail { padding:24px 28px; border-bottom:1px solid #e4edf2; }
.contact-detail:last-child { border-bottom:0; }
.contact-detail h3 { margin:6px 0 10px; color:#15364d; font-size:1.25rem; }
.contact-detail address, .contact-detail p { margin:6px 0 0; color:#526c7d; font-style:normal; line-height:1.7; }
.contact-detail a { display:inline-block; margin-top:6px; color:#155f87; font-size:1.06rem; font-weight:750; text-decoration:none; }
.contact-detail a:hover { text-decoration:underline; }
.contact-next, .quality-note { padding: 0 0 clamp(70px,8vw,110px); background:#fff; }
.contact-next-inner, .quality-note-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:clamp(30px,5vw,56px); border-radius:26px; background:linear-gradient(130deg,#eaf6fb,#f6fbfd); border:1px solid #d5e8f1; }
.contact-next-inner h2, .quality-note-inner h2 { margin:8px 0 10px; color:#15364d; font-size:clamp(1.8rem,3.5vw,2.8rem); }
.contact-next-inner p:last-child, .quality-note-inner p:last-child { margin:0; max-width:720px; color:#526d7f; }

.quality-section { padding: clamp(68px,8vw,108px) 0; background:#fff; }
.quality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.quality-grid article { padding:28px; border:1px solid #dce8ef; border-radius:20px; background:#fbfdfe; }
.quality-grid article > span { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#e7f3f8; color:#176287; font-weight:850; }
.quality-grid h2 { margin:18px 0 10px; color:#15364d; font-size:1.25rem; }
.quality-grid p { margin:0; color:#5a7181; }

@media (max-width: 1060px) {
  .site-header .desktop-nav { gap: 6px; }
  .nav-dropdown-toggle, .site-header .desktop-nav > a { font-size: .78rem; }
  .site-header .desktop-nav .nav-contact-link { padding:9px 12px; }
}
@media (max-width: 760px) {
  .nav-dropdown { display:none; }
  .contact-layout, .quality-grid { grid-template-columns:1fr; }
  .contact-next-inner, .quality-note-inner { align-items:flex-start; flex-direction:column; }
}

/* Contact and Quality — AnarBio brand alignment */
body.contact-page,
body.quality-page {
  background: var(--ivory);
}

body.contact-page .contact-hero,
body.quality-page .quality-hero {
  background: var(--anarbio-page-opening-background) !important;
  border-bottom: 1px solid rgba(123, 15, 30, .10);
}

body.contact-page .contact-hero .eyebrow,
body.quality-page .quality-hero .eyebrow,
body.contact-page .contact-kicker {
  color: var(--pomegranate) !important;
}

body.contact-page .contact-hero-inner > p:last-child,
body.quality-page .quality-hero-inner > p:last-child {
  color: var(--copy) !important;
}

body.contact-page .contact-section,
body.quality-page .quality-section {
  background:
    radial-gradient(circle at 88% 10%, rgba(184, 53, 67, .055), transparent 30%),
    linear-gradient(180deg, #fff 0%, var(--ivory) 100%) !important;
}

body.contact-page .contact-intro-card {
  border-color: rgba(123, 15, 30, .13);
  background: linear-gradient(145deg, #ffffff 0%, #fbf6f5 100%);
  box-shadow: var(--shadow-soft);
}

body.contact-page .contact-intro-card h2,
body.contact-page .contact-detail h3,
body.quality-page .quality-grid h2 {
  color: var(--charcoal) !important;
}

body.contact-page .contact-intro-card > p:not(.contact-kicker),
body.contact-page .contact-detail address,
body.quality-page .quality-grid p {
  color: var(--copy) !important;
}

body.contact-page .contact-details-card {
  overflow: hidden;
  border: 1px solid rgba(123, 15, 30, .14);
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 65px rgba(62, 18, 24, .10);
}

body.contact-page .contact-address-block {
  padding: 30px 30px 28px;
  border-bottom: 1px solid rgba(123, 15, 30, .10);
  background: linear-gradient(145deg, #fff 0%, #fcf7f6 100%);
}

body.contact-page .contact-address-block h3 {
  margin: 0 0 12px;
  font-size: 1.32rem;
  color: var(--pomegranate) !important;
}

body.contact-page .contact-email-list {
  display: grid;
  gap: 12px;
  padding: 18px;
}

body.contact-page .contact-email-card {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid rgba(123, 15, 30, .12);
  border-radius: 15px;
  background: #fff;
  color: var(--charcoal);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.contact-page .contact-email-card:hover {
  transform: translateY(-2px);
  border-color: rgba(123, 15, 30, .30);
  background: #fff9f9;
  box-shadow: 0 12px 26px rgba(62, 18, 24, .08);
  text-decoration: none;
}

body.contact-page .contact-email-label {
  color: var(--pomegranate);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

body.contact-page .contact-email-card strong {
  color: var(--charcoal);
  font-size: 1.08rem;
  line-height: 1.35;
}

body.contact-page .contact-email-card > span:last-child {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.45;
}

body.quality-page .quality-grid article {
  border-color: rgba(123, 15, 30, .12);
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 30px rgba(62, 18, 24, .055);
}

body.quality-page .quality-grid article > span {
  background: var(--rose);
  color: var(--pomegranate);
}

@media (max-width: 720px) {
  body.contact-page .contact-address-block { padding: 25px 23px 23px; }
  body.contact-page .contact-email-list { padding: 14px; }
}

/* Contact page refinement — unified navigation, canvas, and LinkedIn */
.site-header .desktop-nav > a,
.site-header .desktop-nav .nav-dropdown-toggle {
  color: inherit;
  background: transparent;
  border-radius: 0;
  padding: 10px 7px;
}

.mobile-nav-inner > a:last-of-type {
  margin-top: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

body.contact-page {
  background: var(--ivory);
}

body.contact-page .contact-hero {
  background-color: #fcf8f7 !important;
  background-image:
    linear-gradient(rgba(252, 248, 247, .30), rgba(252, 248, 247, .30)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

body.contact-page .contact-section {
  background: var(--ivory) !important;
}

body.contact-page .contact-intro-card,
body.contact-page .contact-details-card {
  background: rgba(255,255,255,.92);
}

body.contact-page .contact-hero-inner > p:last-child {
  max-width: 620px;
}

body.contact-page .contact-email-list {
  border-bottom: 1px solid rgba(123,15,30,.10);
}

body.contact-page .contact-linkedin-card {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 18px;
  padding: 17px 18px;
  border: 1px solid rgba(123,15,30,.13);
  border-radius: 15px;
  background: #fff;
  color: var(--charcoal);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.contact-page .contact-linkedin-card:hover {
  transform: translateY(-2px);
  border-color: rgba(123,15,30,.30);
  background: #fff9f9;
  box-shadow: 0 12px 26px rgba(62,18,24,.08);
}

body.contact-page .contact-linkedin-card svg {
  width: 34px;
  height: 34px;
  padding: 7px;
  border-radius: 9px;
  background: var(--pomegranate);
  fill: #fff;
}

body.contact-page .contact-linkedin-card > span:nth-child(2) {
  display: grid;
  gap: 1px;
  min-width: 0;
}

body.contact-page .contact-linkedin-card small {
  color: var(--pomegranate);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.contact-page .contact-linkedin-card strong {
  font-size: 1.05rem;
  line-height: 1.3;
}

body.contact-page .contact-linkedin-card em {
  overflow: hidden;
  color: var(--muted);
  font-size: .82rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.contact-page .contact-linkedin-arrow {
  color: var(--pomegranate);
  font-size: 1.2rem;
  font-weight: 700;
}

@media (max-width: 560px) {
  body.contact-page .contact-linkedin-card {
    margin: 14px;
    grid-template-columns: 40px minmax(0,1fr) auto;
    padding: 15px;
  }
}


/* Expanded Anar Intelligence guided-pathway CTA */
.guided-pathway-card,
.ai-pathway-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.partners-blended-canvas-hero{
  position:relative;min-height:clamp(610px,62vw,800px);overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 74% 46%,rgba(123,15,30,.05),transparent 34%),
  linear-gradient(90deg,#faf8f7 0%,#faf8f7 38%,rgba(250,248,247,.96) 48%,rgba(250,248,247,.72) 62%,rgba(250,248,247,.18) 82%,rgba(250,248,247,0) 100%);
}
.partners-blended-canvas-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(250,248,247,.995) 0%,rgba(250,248,247,.985) 33%,rgba(250,248,247,.90) 47%,rgba(250,248,247,.38) 66%,rgba(250,248,247,.04) 88%),
  radial-gradient(circle at 86% 56%,rgba(123,15,30,.045),transparent 44%);
}
.partners-blended-art{
  position:absolute;z-index:-2;top:50%;right:clamp(-40px,1vw,18px);width:min(66vw,870px);
  transform:translateY(-48%);pointer-events:none;opacity:.98;
  -webkit-mask-image:radial-gradient(ellipse 82% 76% at 50% 50%,#000 64%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.45) 88%,transparent 100%);
  mask-image:radial-gradient(ellipse 82% 76% at 50% 50%,#000 64%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.45) 88%,transparent 100%);
}
.partners-blended-art picture{display:block;width:100%}
.partners-blended-art-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(31,35,40,.08))}
.partners-blended-canvas-hero .container,.partners-blended-canvas-hero>.container{
  position:relative;z-index:2;width:min(calc(100% - 72px),1280px);min-height:inherit;margin-inline:auto;
}
.partners-blended-grid{display:block!important;min-height:inherit}
.partners-blended-copy{
  display:flex;flex-direction:column;justify-content:center;min-height:inherit;max-width:575px;padding:clamp(76px,9vw,126px) 0;
}
.partners-blended-copy .unified-page-title,.partners-blended-copy h1{
  max-width:575px!important;font-size:clamp(2.85rem,4.45vw,4.5rem)!important;line-height:1.04!important;
}
.partners-blended-copy>p:not(.eyebrow){
  max-width:535px!important;font-size:clamp(1.04rem,1.22vw,1.18rem)!important;line-height:1.7!important;
}
.partners-blended-copy .eyebrow{font-size:clamp(.82rem,.9vw,.94rem)!important}
.brand-logo-visible{display:block!important;opacity:1!important;visibility:visible!important}
@media(max-width:1050px){
  .partners-blended-canvas-hero{min-height:auto;padding-bottom:430px;background:#faf8f7}
  .partners-blended-canvas-hero::before{background:linear-gradient(180deg,#faf8f7 0%,#faf8f7 48%,rgba(250,248,247,.94) 60%,rgba(250,248,247,.08) 100%)}
  .partners-blended-art{top:auto;right:50%;bottom:-30px;width:min(92vw,720px);transform:translateX(50%)}
  .partners-blended-copy{min-height:0;max-width:720px;padding:72px 0 38px}
}
@media(max-width:640px){
  .partners-blended-canvas-hero{padding-bottom:320px}
  .partners-blended-canvas-hero .container,.partners-blended-canvas-hero>.container{width:min(calc(100% - 32px),1280px)}
  .partners-blended-copy{padding:54px 0 24px}
  .partners-blended-copy .unified-page-title,.partners-blended-copy h1{font-size:clamp(2.35rem,10.5vw,3.15rem)!important}
  .partners-blended-art{width:min(108vw,610px);bottom:-8px}
}

.partners-home-balance-hero{position:relative;min-height:clamp(600px,58vw,760px);overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#faf8f7 0%,#faf8f7 43%,rgba(250,248,247,.92) 54%,rgba(250,248,247,.26) 74%,rgba(250,248,247,0) 100%)}
.partners-home-balance-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,248,247,1) 0%,rgba(250,248,247,.99) 35%,rgba(250,248,247,.84) 48%,rgba(250,248,247,.24) 64%,transparent 86%)}
.partners-home-balance-hero .container,.partners-home-balance-hero>.container{position:relative;z-index:2;width:min(calc(100% - 72px),1280px);min-height:inherit;margin-inline:auto}
.partners-home-grid{display:grid!important;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr)!important;align-items:center!important;min-height:inherit;gap:clamp(32px,4vw,58px)!important}
.partners-home-copy{position:relative;z-index:3;max-width:560px;padding:clamp(72px,8vw,112px) 0}
.partners-home-copy .unified-page-title,.partners-home-copy h1{max-width:560px!important;font-size:clamp(2.75rem,4.1vw,4.2rem)!important;line-height:1.04!important}
.partners-home-copy>p:not(.eyebrow){max-width:520px!important;font-size:clamp(1.03rem,1.16vw,1.16rem)!important;line-height:1.68!important}
.partners-home-art{position:absolute;z-index:-2;top:50%;right:clamp(-20px,1.5vw,22px);width:min(61vw,800px);transform:translateY(-49%);pointer-events:none;opacity:.985;-webkit-mask-image:radial-gradient(ellipse 84% 78% at 50% 50%,#000 66%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.52) 89%,transparent 100%);mask-image:radial-gradient(ellipse 84% 78% at 50% 50%,#000 66%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.52) 89%,transparent 100%)}
.partners-home-art picture,.partners-home-art-image{display:block;width:100%;height:auto}
@media(max-width:1040px){.partners-home-balance-hero{min-height:auto;padding-bottom:420px;background:#faf8f7}.partners-home-grid{grid-template-columns:1fr!important}.partners-home-copy{max-width:720px;padding:70px 0 32px}.partners-home-art{top:auto;right:50%;bottom:-24px;width:min(90vw,700px);transform:translateX(50%)}}
@media(max-width:640px){.partners-home-balance-hero{padding-bottom:310px}.partners-home-balance-hero .container,.partners-home-balance-hero>.container{width:min(calc(100% - 32px),1280px)}.partners-home-copy{padding:52px 0 22px}.partners-home-copy .unified-page-title,.partners-home-copy h1{font-size:clamp(2.3rem,10vw,3rem)!important}.partners-home-art{width:min(106vw,590px);bottom:-4px}}


/* ==========================================================
   Our Partners — final homepage-matched proportions
========================================================== */

/* Match homepage 45/55 copy-to-art balance. */
.partners-products-standard-hero .about-hero-grid,
.partners-products-standard-hero .industries-split-hero {
  grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr) !important;
  gap: var(--content-gap, 48px) !important;
  align-items: center !important;
}

/* Restore the site's standard page-title scale. */
.partners-products-standard-hero .unified-page-title,
.partners-products-standard-hero h1 {
  max-width: 880px !important;
  font-size: clamp(1.8rem, 3.2vw, 2.95rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

/* Match the body-copy scale used across the site and homepage. */
.partners-products-standard-hero .about-hero-copy > p:not(.eyebrow),
.partners-products-standard-hero .industries-hero-copy > p:not(.eyebrow),
.partners-products-standard-hero .hero-copy > p:not(.eyebrow) {
  max-width: 680px !important;
  margin-top: 22px !important;
  font-size: 0.98rem !important;
  line-height: 1.66 !important;
  color: var(--muted) !important;
}

/* Artwork sizing mirrors the homepage hero image. */
.partners-clean-visual {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.partners-clean-visual picture {
  display: block;
  width: 100%;
}

.partners-clean-visual img {
  display: block;
  width: min(100%, 610px);
  height: auto;
  object-fit: contain;
  -webkit-mask-image: radial-gradient(
    ellipse 92% 88% at 50% 50%,
    #000 64%,
    rgba(0,0,0,.94) 75%,
    rgba(0,0,0,.48) 90%,
    transparent 100%
  );
  mask-image: radial-gradient(
    ellipse 92% 88% at 50% 50%,
    #000 64%,
    rgba(0,0,0,.94) 75%,
    rgba(0,0,0,.48) 90%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media (max-width: 980px) {
  .partners-products-standard-hero .about-hero-grid,
  .partners-products-standard-hero .industries-split-hero {
    grid-template-columns: 1fr !important;
  }

  .partners-clean-visual {
    margin-top: 28px;
  }

  .partners-clean-visual img {
    width: min(100%, 610px);
  }
}

/* Our Partners — true asset-level canvas blend */
.partners-clean-visual,.partners-home-art,.partners-blended-art{background:transparent!important;overflow:visible!important}
.partners-clean-visual::before,.partners-home-art::before,.partners-blended-art::before,
.partners-clean-visual::after,.partners-home-art::after,.partners-blended-art::after{display:none!important}
.partners-clean-visual img,.partners-home-art-image,.partners-blended-art-image{
-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;background:transparent!important;
filter:drop-shadow(0 18px 30px rgba(31,35,40,.07))!important}
.partners-products-standard-hero,.partners-home-balance-hero,.partners-blended-canvas-hero{
background:radial-gradient(circle at 76% 48%,rgba(123,15,30,.035),transparent 29%),#faf8f7!important}


/* ==========================================================
   Our Partners — match homepage canvas background exactly
   Artwork transparency is preserved; only the page canvas changes.
========================================================== */
.partners-homepage-canvas-bg {
  background: var(--anarbio-page-opening-background) !important !important;
}

.partners-homepage-canvas-bg::before,
.partners-homepage-canvas-bg::after {
  background-color: transparent !important;
}

/* Preserve true transparent artwork integration. */
.partners-homepage-canvas-bg .partners-clean-visual,
.partners-homepage-canvas-bg .partners-home-art,
.partners-homepage-canvas-bg .partners-blended-art {
  background: transparent !important;
}

.partners-homepage-canvas-bg .partners-clean-visual img,
.partners-homepage-canvas-bg .partners-home-art-image,
.partners-homepage-canvas-bg .partners-blended-art-image {
  background: transparent !important;
}


/* ==========================================================
   FINAL: Our Partners uses the exact homepage hero canvas.
   Keep the transparent partner artwork layered above it.
========================================================== */
.partners-homepage-canvas-bg {
  background-color: #fcf8f7 !important;
  background-image:
    linear-gradient(rgba(252, 248, 247, 0.12), rgba(252, 248, 247, 0.12)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.partners-homepage-canvas-bg::before,
.partners-homepage-canvas-bg::after {
  background-image: none !important;
}

/* The artwork itself stays truly transparent so the molecular canvas remains visible. */
.partners-homepage-canvas-bg .partners-clean-visual,
.partners-homepage-canvas-bg .partners-home-art,
.partners-homepage-canvas-bg .partners-blended-art {
  background: transparent !important;
}

.partners-homepage-canvas-bg .partners-clean-visual img,
.partners-homepage-canvas-bg .partners-home-art-image,
.partners-homepage-canvas-bg .partners-blended-art-image {
  background: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}


/* Manufacturing workflow artwork */
.manufacturing-workflow-hero{
  background-color: #fcf8f7!important;
  background-image: linear-gradient(rgba(252,248,247,.12),rgba(252,248,247,.12)),
    url("assets/anarbio-molecular-background.webp")!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: cover!important;
}
.manufacturing-workflow-hero::before,
.manufacturing-workflow-hero::after{
  background-image: none!important;
}
.manufacturing-workflow-grid{
  display: grid!important;
  grid-template-columns: minmax(0,.44fr) minmax(0,.56fr)!important;
  gap: clamp(34px,4vw,58px)!important;
  align-items: center!important;
}
.manufacturing-workflow-copy{
  min-width: 0;
}
.manufacturing-workflow-visual{
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manufacturing-workflow-image{
  display: block;
  width: min(100%,720px);
  height: auto;
  object-fit: contain;
  border-radius: 24px;
  -webkit-mask-image: radial-gradient(ellipse 92% 90% at 50% 50%,#000 68%,rgba(0,0,0,.95) 78%,rgba(0,0,0,.45) 91%,transparent 100%);
  mask-image: radial-gradient(ellipse 92% 90% at 50% 50%,#000 68%,rgba(0,0,0,.95) 78%,rgba(0,0,0,.45) 91%,transparent 100%);
  filter: drop-shadow(0 18px 30px rgba(31,35,40,.07));
}
.manufacturing-workflow-hero .unified-page-title,
.manufacturing-workflow-hero h1{
  
}
.manufacturing-workflow-copy>p:not(.eyebrow){
  
}
@media(max-width:1020px){
  .manufacturing-workflow-grid{
  grid-template-columns: 1fr!important;
}
  .manufacturing-workflow-visual{
  margin-top: 30px;
}
  .manufacturing-workflow-image{
  width: min(100%,700px);
}
}


/* ==========================================================
   Manufacturing — specification-to-delivery hero
   Homepage canvas + Our Partners style artwork blending.
========================================================== */

.manufacturing-spec-hero {
  background-color: #fcf8f7 !important;
  background-image: linear-gradient(rgba(252,248,247,.12), rgba(252,248,247,.12)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.manufacturing-spec-hero::before,
.manufacturing-spec-hero::after {
  background-image: none !important;
}

.manufacturing-spec-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .44fr) minmax(0, .56fr) !important;
  align-items: center !important;
  gap: clamp(36px, 4vw, 58px) !important;
}

.manufacturing-spec-copy {
  min-width: 0;
  max-width: 560px;
}

.manufacturing-spec-title {
  max-width: 560px !important;
  margin-bottom: 18px !important;
}

.manufacturing-spec-subhead {
  max-width: 520px !important;
  margin: 0 0 26px !important;
  color: var(--ink) !important;
}

.manufacturing-spec-body {
  max-width: 535px !important;
  margin: 0 !important;
  color: var(--muted) !important;
}

.manufacturing-spec-visual {
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: visible !important;
  background: transparent !important;
}

.manufacturing-spec-visual picture,
.manufacturing-spec-visual img {
  display: block;
}

.manufacturing-spec-visual .manufacturing-workflow-image,
.manufacturing-spec-visual > img {
  width: min(100%, 720px) !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  /* Blend only outer canvas edges;
  preserve circles/content crisp. */
  -webkit-mask-image: radial-gradient(
    ellipse 93% 90% at 50% 50%,
    #000 67%,
    rgba(0,0,0,.98) 77%,
    rgba(0,0,0,.72) 88%,
    transparent 100%
  ) !important;
  mask-image: radial-gradient(
    ellipse 93% 90% at 50% 50%,
    #000 67%,
    rgba(0,0,0,.98) 77%,
    rgba(0,0,0,.72) 88%,
    transparent 100%
  ) !important;
  filter: drop-shadow(0 18px 30px rgba(31,35,40,.06)) !important;
}

/* Remove any remaining old hero-side cards. */
.manufacturing-spec-hero .about-hero-card,
.manufacturing-spec-hero .manufacturing-hero-card,
.manufacturing-spec-hero .hero-card {
  display: none !important;
}

@media (max-width: 1020px) {
  .manufacturing-spec-grid {
  grid-template-columns: 1fr !important;
}

  .manufacturing-spec-copy {
  max-width: 720px;
}

  .manufacturing-spec-visual {
  margin-top: 28px;
  justify-content: center;
}

  .manufacturing-spec-visual .manufacturing-workflow-image,
  .manufacturing-spec-visual > img {
  width: min(100%, 700px) !important;
}
}

@media (max-width: 640px) {
  .manufacturing-spec-title {
  
}
}


/* ==========================================================
   FINAL Manufacturing refinement
   True transparent artwork + homepage canvas + standard typography
========================================================== */

.manufacturing-spec-hero {
  background-color: #fcf8f7 !important;
  background-image: linear-gradient(rgba(252,248,247,.12), rgba(252,248,247,.12)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.manufacturing-spec-hero::before,
.manufacturing-spec-hero::after {
  background-image: none !important;
}

/* True transparency: let the page canvas show through naturally. */
.manufacturing-spec-visual,
.manufacturing-workflow-visual {
  background: transparent !important;
  overflow: visible !important;
}

.manufacturing-spec-visual .manufacturing-workflow-image,
.manufacturing-workflow-visual .manufacturing-workflow-image,
.manufacturing-spec-visual > img,
.manufacturing-workflow-visual > img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
  opacity: 1 !important;
  filter: drop-shadow(0 18px 30px rgba(31,35,40,.06)) !important;
}

/* Match the site's standard hero typography rather than using custom oversized type. */
.manufacturing-spec-title,
.manufacturing-spec-hero .unified-page-title,
.manufacturing-spec-hero h1 {
  
}

.manufacturing-spec-subhead {
  
}

.manufacturing-spec-body {
  color: var(--muted) !important;
}


/* ==========================================================
   Manufacturing — RIGHT-HAND ARTWORK ONLY
   True transparent asset + homepage molecular canvas
========================================================== */

.manufacturing-right-art-hero {
  background-color: #fcf8f7 !important;
  background-image: linear-gradient(rgba(252,248,247,.12), rgba(252,248,247,.12)),
    url("assets/anarbio-molecular-background.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.manufacturing-right-art-hero::before,
.manufacturing-right-art-hero::after {
  background-image: none !important;
}

.manufacturing-right-art-grid {
  display: grid !important;
  grid-template-columns: minmax(0,.43fr) minmax(0,.57fr) !important;
  gap: clamp(34px,4vw,56px) !important;
  align-items: center !important;
}

.manufacturing-right-art-visual {
  margin: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  background: transparent !important;
}

.manufacturing-right-art-visual picture {
  display: block;
  width: 100%;
}

.manufacturing-right-art-image {
  display: block;
  width: min(100%, 760px) !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  transform: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: drop-shadow(0 16px 28px rgba(31,35,40,.055)) !important;
}

/* Keep live HTML copy typography consistent with the rest of the site. */
.manufacturing-right-art-hero .unified-page-title,
.manufacturing-right-art-hero h1 {
  
}

@media (max-width: 1020px) {
  .manufacturing-right-art-grid {
  grid-template-columns: 1fr !important;
}

  .manufacturing-right-art-visual {
  margin-top: 30px;
}

  .manufacturing-right-art-image {
  width: min(100%, 720px) !important;
}
}


/* ==========================================================
   Manufacturing — final typography / CTA / artwork cleanup
========================================================== */

/* Use the exact site's standard unified hero title behavior.
   Do not apply a Manufacturing-specific font scale. */
.manufacturing-right-art-hero h1.unified-page-title,
.manufacturing-spec-hero h1.unified-page-title,
.manufacturing-final-hero h1.unified-page-title {
  
}

/* Re-apply the core standard page-title sizing used across site pages. */
.manufacturing-right-art-hero .unified-page-title,
.manufacturing-spec-hero .unified-page-title,
.manufacturing-final-hero .unified-page-title {
  
}

/* Paragraph and CTA stay in normal document flow. */
.manufacturing-spec-body {
  margin-bottom: 0 !important;
}

.manufacturing-discuss-cta {
  display: inline-flex !important;
  width: fit-content !important;
  margin-top: 32px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  align-self: flex-start !important;
}


/* ==========================================================
   Manufacturing hero typography — EXACT homepage match
   Manufacturing H1 now uses the same .unified-page-title class
   and is explicitly reset to the homepage hero's typography.
========================================================== */
.manufacturing-right-art-hero h1.unified-page-title,
.manufacturing-spec-hero h1.unified-page-title,
.manufacturing-final-hero h1.unified-page-title,
.manufacturing-workflow-hero h1.unified-page-title {
  
}


/* Exact typography properties from the site's standard .unified-page-title rule. */
.manufacturing-right-art-hero h1.unified-page-title,
.manufacturing-spec-hero h1.unified-page-title,
.manufacturing-final-hero h1.unified-page-title,
.manufacturing-workflow-hero h1.unified-page-title {
  
}


/* ==========================================================
   FINAL Manufacturing hero — exact homepage typography
   and true square artwork canvas.
========================================================== */

/* Same font family used by the homepage hero and unified page titles. */
html body .manufacturing-right-art-hero,
html body .manufacturing-right-art-hero .manufacturing-home-font-copy,
html body .manufacturing-right-art-hero .manufacturing-home-font-copy * {
  
}

/* EXACT values from the site's canonical html body .unified-page-title rule. */
html body .manufacturing-right-art-hero h1.unified-page-title {
  width: 100% !important;
  max-width: 880px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Preserve the hierarchy but use the homepage font family throughout. */
html body .manufacturing-right-art-hero .eyebrow,
html body .manufacturing-right-art-hero .manufacturing-spec-subhead,
html body .manufacturing-right-art-hero .manufacturing-spec-body,
html body .manufacturing-right-art-hero .manufacturing-discuss-cta {
  
}

/* True 1:1 artwork canvas; artwork content itself is not stretched. */
html body .manufacturing-right-art-hero .manufacturing-square-art-image {
  display: block !important;
  width: min(100%, 720px) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  max-width: 100% !important;
}


/* ==========================================================
   FINAL — Manufacturing uses the SAME SHARED TYPOGRAPHY SYSTEM
   as Homepage, Products, About, Our Partners, etc.
========================================================== */

/* Kill every old Manufacturing-specific typography override. */
html body .manufacturing-right-art-hero,
html body .manufacturing-spec-hero,
html body .manufacturing-final-hero,
html body .manufacturing-workflow-hero {
  
}

/* Canonical site page title — exact same declaration as other pages. */
html body .manufacturing-right-art-hero .unified-page-title,
html body .manufacturing-spec-hero .unified-page-title,
html body .manufacturing-final-hero .unified-page-title,
html body .manufacturing-workflow-hero .unified-page-title {
  width: 100% !important;
  max-width: 880px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Canonical shared lede — same class used on Homepage/Products. */
html body .manufacturing-right-art-hero .products-standard-lede,
html body .manufacturing-spec-hero .products-standard-lede,
html body .manufacturing-final-hero .products-standard-lede,
html body .manufacturing-workflow-hero .products-standard-lede {
  
}

/* Normal supporting body copy inherits the global site's body typography. */
html body .manufacturing-right-art-hero .about-hero-copy > p:not(.eyebrow):not(.products-standard-lede),
html body .manufacturing-spec-hero .about-hero-copy > p:not(.eyebrow):not(.products-standard-lede),
html body .manufacturing-final-hero .about-hero-copy > p:not(.eyebrow):not(.products-standard-lede),
html body .manufacturing-workflow-hero .about-hero-copy > p:not(.eyebrow):not(.products-standard-lede) {
  
}

/* Remove legacy Manufacturing subhead/body typography classes from visual influence. */
html body .manufacturing-spec-subhead,
html body .manufacturing-spec-body {
  
}

/* CTA remains at bottom of copy block. */
html body .manufacturing-discuss-cta {
  display: inline-flex !important;
  width: fit-content !important;
  margin-top: 32px !important;
  position: static !important;
  transform: none !important;
}

/* Manufacturing CTA placement only — typography inherits shared site styles. */
.manufacturing-right-art-hero .about-hero-copy > .button:last-child,
.manufacturing-spec-hero .about-hero-copy > .button:last-child,
.v86-manufacturing-hero .about-hero-copy > .button:last-child {
  margin-top: 32px !important;
  position: static !important;
  transform: none !important;
}


/* ==========================================================
   Products — Buffer Workflow Library
========================================================== */
.buffer-library-section{
  position:relative;
  padding:clamp(72px,8vw,110px) 0;
  background:
    radial-gradient(circle at 90% 8%,rgba(123,15,30,.055),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fcf8f7 100%);
}
.buffer-library-title{
  max-width:820px;
  margin:0 0 18px;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(2rem,3.25vw,3rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.buffer-library-lede{
  max-width:850px;
  margin:0 0 34px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.72;
}
.buffer-library-tools{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);
  gap:20px;
  align-items:end;
  margin-bottom:18px;
}
.buffer-search-wrap{
  display:grid;
  gap:8px;
  font-size:.82rem;
  font-weight:700;
  color:var(--ink);
}
.buffer-search-wrap input{
  width:100%;
  height:48px;
  padding:0 15px;
  border:1px solid rgba(123,15,30,.16);
  border-radius:12px;
  background:#fff;
  font:inherit;
  color:var(--ink);
  box-shadow:0 8px 24px rgba(31,35,40,.045);
}
.buffer-search-wrap input:focus{
  outline:2px solid rgba(123,15,30,.26);
  outline-offset:2px;
  border-color:rgba(123,15,30,.42);
}
.buffer-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.buffer-filter-chip{
  appearance:none;
  border:1px solid rgba(123,15,30,.15);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  padding:10px 13px;
  font:600 .82rem/1 "Inter",Arial,sans-serif;
  cursor:pointer;
  transition:.18s ease;
}
.buffer-filter-chip:hover,
.buffer-filter-chip:focus-visible{
  border-color:rgba(123,15,30,.38);
  color:#7b0f1e;
}
.buffer-filter-chip.is-active{
  background:#7b0f1e;
  border-color:#7b0f1e;
  color:#fff;
}
.buffer-library-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:0 2px;
  color:var(--muted);
  font-size:.84rem;
}
.buffer-library-meta #bufferWorkflowCount{
  font-weight:700;
  color:#7b0f1e;
}
.buffer-workflow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.buffer-workflow-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(123,15,30,.105);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 28px rgba(31,35,40,.04);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.buffer-workflow-card:hover{
  border-color:rgba(123,15,30,.22);
  box-shadow:0 12px 30px rgba(31,35,40,.065);
}
.buffer-workflow-card[open]{
  border-color:rgba(123,15,30,.28);
  box-shadow:0 16px 36px rgba(31,35,40,.07);
}
.buffer-workflow-card summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  min-height:78px;
  padding:15px 16px;
  list-style:none;
  cursor:pointer;
}
.buffer-workflow-card summary::-webkit-details-marker{display:none}
.buffer-workflow-number{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font:700 .78rem/1 "Inter",Arial,sans-serif;
}
.buffer-workflow-summary-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.buffer-workflow-summary-copy strong{
  color:var(--ink);
  font:700 .96rem/1.25 "Inter",Arial,sans-serif;
}
.buffer-workflow-summary-copy small,
.buffer-workflow-summary-copy > span{
  color:var(--muted);
  font:500 .78rem/1.35 "Inter",Arial,sans-serif;
}
.buffer-workflow-chevron{
  color:#7b0f1e;
  font:400 1.35rem/1 "Inter",Arial,sans-serif;
  transition:transform .18s ease;
}
.buffer-workflow-card[open] .buffer-workflow-chevron{
  transform:rotate(45deg);
}
.buffer-workflow-body{
  padding:0 16px 18px 70px;
  border-top:1px solid rgba(123,15,30,.07);
}
.buffer-workflow-label{
  margin:14px 0 10px;
  color:#7b0f1e;
  font:700 .74rem/1.2 "Inter",Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.buffer-type-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.buffer-type-list span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:8px;
  background:#f8f5f4;
  color:#3c4248;
  font:500 .76rem/1.25 "Inter",Arial,sans-serif;
}
.buffer-library-empty{
  margin-top:18px;
  padding:24px;
  border:1px dashed rgba(123,15,30,.25);
  border-radius:14px;
  text-align:center;
  color:var(--muted);
}
.buffer-library-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:32px;
  padding:28px 30px;
  border:1px solid rgba(123,15,30,.12);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f9f3f4);
}
.buffer-library-cta h3{
  margin:0 0 6px;
  font-size:1.08rem;
}
.buffer-library-cta p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.6;
}
@media(max-width:960px){
  .buffer-library-tools{grid-template-columns:1fr}
  .buffer-filter-chips{justify-content:flex-start}
  .buffer-workflow-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .buffer-library-section{padding:60px 0}
  .buffer-library-meta{display:block}
  .buffer-library-meta span{display:block;margin-top:4px}
  .buffer-workflow-card summary{
    grid-template-columns:38px minmax(0,1fr) 20px;
    padding:14px 12px;
  }
  .buffer-workflow-body{padding:0 12px 16px 62px}
  .buffer-library-cta{display:grid;padding:22px}
}


/* ==========================================================
   Products — Media Section
========================================================== */
.media-product-section{
  padding:clamp(72px,8vw,105px) 0;
  background:#fff;
}
.media-product-title{
  max-width:760px;
  margin:0 0 16px;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(2rem,3.25vw,3rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.media-product-lede{
  max-width:760px;
  margin:0 0 34px;
  color:var(--muted);
  line-height:1.7;
}
.media-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.media-detail-card{
  padding:28px;
  border:1px solid rgba(123,15,30,.11);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fcf8f7);
  box-shadow:0 12px 34px rgba(31,35,40,.045);
}
.media-detail-card-featured{
  background:
    radial-gradient(circle at 92% 8%,rgba(123,15,30,.08),transparent 30%),
    linear-gradient(145deg,#fff,#fbf5f6);
}
.media-detail-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:20px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font-size:1.15rem;
}
.media-detail-card h3{
  margin:0 0 12px;
  font-size:1.2rem;
}
.media-detail-card p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.media-product-list{
  display:grid;
  gap:10px;
  margin:4px 0 0;
  padding:0;
  list-style:none;
}
.media-product-list li{
  position:relative;
  padding:11px 14px 11px 32px;
  border-radius:10px;
  background:rgba(255,255,255,.8);
  color:var(--ink);
  font-size:.9rem;
}
.media-product-list li::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7b0f1e;
  transform:translateY(-50%);
}
.media-product-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:26px;
  padding:26px 30px;
  border:1px solid rgba(123,15,30,.11);
  border-radius:18px;
  background:#faf6f6;
}
.media-product-cta h3{margin:0 0 6px;font-size:1.08rem}
.media-product-cta p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
@media(max-width:760px){
  .media-product-grid{grid-template-columns:1fr}
  .media-product-cta{display:grid;padding:22px}
}


/* ==========================================================
   Products — Biochemicals Section
========================================================== */
.biochemicals-product-section{
  position:relative;
  padding:clamp(72px,8vw,105px) 0;
  background:
    radial-gradient(circle at 8% 12%,rgba(123,15,30,.045),transparent 24%),
    linear-gradient(180deg,#fcf8f7 0%,#fff 100%);
}
.biochemicals-product-title{
  max-width:820px;
  margin:0 0 16px;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(2rem,3.25vw,3rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.biochemicals-product-lede{
  max-width:780px;
  margin:0 0 34px;
  color:var(--muted);
  line-height:1.7;
}
.biochemicals-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.biochemical-card{
  min-height:220px;
  padding:24px;
  border:1px solid rgba(123,15,30,.11);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(31,35,40,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.biochemical-card:hover{
  transform:translateY(-3px);
  border-color:rgba(123,15,30,.22);
  box-shadow:0 16px 36px rgba(31,35,40,.065);
}
.biochemical-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px;
}
.biochemical-card-number{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font:700 .76rem/1 "Inter",Arial,sans-serif;
}
.biochemical-card-mark{
  color:#7b0f1e;
  font-size:.6rem;
  opacity:.75;
}
.biochemical-card h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:1.08rem;
}
.biochemical-card p{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.62;
}
.biochemicals-product-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:28px;
  padding:27px 30px;
  border:1px solid rgba(123,15,30,.11);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#faf5f5);
}
.biochemicals-product-cta h3{
  margin:0 0 6px;
  font-size:1.08rem;
}
.biochemicals-product-cta p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.6;
}
@media(max-width:940px){
  .biochemicals-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .biochemicals-product-grid{grid-template-columns:1fr}
  .biochemicals-product-cta{display:grid;padding:22px}
}


/* ==========================================================
   Products page — unified product family design system
========================================================== */

/* Overview */
.v85-product-catalog{
  padding:clamp(70px,8vw,100px) 0 !important;
}
.product-family-overview-heading{
  max-width:780px;
  margin:36px 0 28px;
}
.product-family-overview-heading h2{
  margin:0 0 12px;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(1.8rem,3vw,2.65rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.product-family-overview-heading > p:last-child{
  max-width:700px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.v85-product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.product-family-overview-card{
  position:relative;
  display:flex !important;
  min-height:225px;
  padding:24px !important;
  flex-direction:column;
  border:1px solid rgba(123,15,30,.11) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(31,35,40,.045) !important;
}
.product-family-overview-card > span:first-child{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0 0 22px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
}
.product-family-overview-card h3{
  margin:0 0 9px !important;
  font-size:1.08rem !important;
}
.product-family-overview-card > p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.86rem !important;
  line-height:1.58 !important;
}
.product-family-overview-link{
  margin-top:auto;
  padding-top:18px;
  color:#7b0f1e;
  font-size:.82rem;
  font-weight:700;
}
.product-family-overview-custom{
  background:linear-gradient(145deg,#fff,#faf4f5) !important;
}
.product-family-overview-custom .button{
  margin-top:auto;
}

/* Shared detailed section hierarchy */
.product-detail-section{
  padding:clamp(76px,8vw,108px) 0 !important;
  background:#fff !important;
}
.product-detail-section-tint{
  background:
    radial-gradient(circle at 92% 8%,rgba(123,15,30,.045),transparent 24%),
    linear-gradient(180deg,#fcf8f7 0%,#fff 100%) !important;
}
.product-detail-title{
  max-width:800px !important;
  margin:0 0 14px !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2rem,3.25vw,3rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.product-detail-lede{
  max-width:820px !important;
  margin:0 0 34px !important;
  color:var(--muted) !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

/* Shared Media/Biochemical subcategory cards */
.media-product-grid,
.biochemicals-product-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
.biochemicals-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.product-subcategory-card{
  min-height:205px;
  padding:24px !important;
  border:1px solid rgba(123,15,30,.11) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 10px 30px rgba(31,35,40,.045) !important;
}
.product-subcategory-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}
.product-subcategory-number{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font:700 .76rem/1 "Inter",Arial,sans-serif;
}
.product-subcategory-card h3{
  margin:0 0 14px !important;
  color:var(--ink);
  font-size:1.08rem !important;
}
.product-subcategory-list{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.product-subcategory-list li{
  position:relative;
  padding-left:15px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}
.product-subcategory-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#7b0f1e;
}

/* Shared CTA */
.product-section-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  margin-top:30px !important;
  padding:26px 28px !important;
  border:1px solid rgba(123,15,30,.11) !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#fff,#faf5f5) !important;
}
.product-section-cta h3{
  margin:0 0 6px !important;
  font-size:1.06rem !important;
}
.product-section-cta p{
  max-width:760px !important;
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.88rem !important;
  line-height:1.58 !important;
}

/* Buffer library inherits the same outer structure */
.buffer-library-section{
  background:
    radial-gradient(circle at 92% 8%,rgba(123,15,30,.045),transparent 24%),
    linear-gradient(180deg,#fcf8f7 0%,#fff 100%) !important;
}

@media(max-width:1050px){
  .v85-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .biochemicals-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:720px){
  .v85-product-grid,
  .media-product-grid,
  .biochemicals-product-grid{
    grid-template-columns:1fr !important;
  }
  .product-section-cta{
    display:grid !important;
    padding:22px !important;
  }
}


/* ==========================================================
   Products page — simplified canvas + precise section anchors
========================================================== */

/* Offset anchor jumps so section headings are not hidden behind sticky nav. */
#buffers,
#media,
#biochemicals {
  scroll-margin-top: 110px;
}

/* The former Products banner image is now part of the page canvas. */
.products-page-canvas {
  position: relative;
  isolation: isolate;
  background-color: #fcf8f7;
}

.products-page-canvas::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(252,248,247,.93) 0%,
      rgba(252,248,247,.86) 30%,
      rgba(252,248,247,.90) 64%,
      rgba(252,248,247,.96) 100%
    ),
    url("anarbio-product-formats-hero.webp") center 18% / min(1180px, 92vw) auto no-repeat;
  opacity: 1;
}

/* Softly unify all Products content sections over one common canvas. */
.products-page-canvas > section:not(.about-hero) {
  position: relative;
  background: transparent !important;
}

.products-page-canvas .v85-product-catalog,
.products-page-canvas .product-detail-section,
.products-page-canvas .buffer-library-section,
.products-page-canvas .media-product-section,
.products-page-canvas .biochemicals-product-section {
  background: transparent !important;
}

/* Give content a restrained translucent surface so typography stays crisp
   while the product-format artwork remains visible as atmosphere. */
.products-page-canvas .v85-product-catalog > .container,
.products-page-canvas .product-detail-section > .container {
  position: relative;
}

.products-page-canvas .product-family-overview-heading,
.products-page-canvas .buffer-library-tools,
.products-page-canvas .buffer-library-meta {
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

/* Keep cards consistent and readable over the shared background. */
.products-page-canvas .product-family-overview-card,
.products-page-canvas .buffer-workflow-card,
.products-page-canvas .product-subcategory-card,
.products-page-canvas .product-section-cta {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

/* Reduce visual fragmentation between sections. */
.products-page-canvas .product-detail-section {
  border-top: 1px solid rgba(123,15,30,.07);
}

@media (max-width: 760px) {
  .products-page-canvas::before {
    background:
      linear-gradient(
        180deg,
        rgba(252,248,247,.95),
        rgba(252,248,247,.92)
      ),
      url("anarbio-product-formats-hero.webp") center 11% / 145vw auto no-repeat;
  }
}

/* Surfactant Solutions detail */
.surfactant-solutions-card{grid-column:1/-1;min-height:0!important;padding:28px!important}
.surfactant-solutions-card>h3{margin-bottom:10px!important;font-size:1.22rem!important}
.surfactant-solutions-intro{max-width:900px;margin:0 0 24px!important;color:var(--muted);font-size:.9rem;line-height:1.65}
.surfactant-solution-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.surfactant-solution-group{padding:18px;border:1px solid rgba(123,15,30,.09);border-radius:14px;background:#faf7f7}
.surfactant-solution-group h4{margin:0 0 12px;color:#7b0f1e;font:700 .88rem/1.25 "Inter",Arial,sans-serif}
.surfactant-solution-group ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.surfactant-solution-group li{position:relative;padding-left:14px;color:#4b5157;font:500 .82rem/1.45 "Inter",Arial,sans-serif}
.surfactant-solution-group li:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:#7b0f1e}
.surfactant-solutions-note{margin:18px 0 0!important;padding-top:16px;border-top:1px solid rgba(123,15,30,.08);color:var(--muted);font-size:.82rem;line-height:1.55}
@media(max-width:760px){.surfactant-solution-groups{grid-template-columns:1fr}.surfactant-solutions-card{padding:22px!important}}

/* Biochemical solution families — unified detailed treatment */
.biochemical-solution-detail-card{grid-column:1/-1;min-height:0!important;padding:28px!important}
.biochemical-solution-detail-card>h3{margin-bottom:10px!important;font-size:1.22rem!important}
.biochemical-solution-intro{max-width:900px;margin:0 0 24px!important;color:var(--muted);font-size:.9rem;line-height:1.65}
.biochemical-solution-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.biochemical-solution-group{padding:18px;border:1px solid rgba(123,15,30,.09);border-radius:14px;background:#faf7f7}
.biochemical-solution-group h4{margin:0 0 12px;color:#7b0f1e;font:700 .88rem/1.25 "Inter",Arial,sans-serif}
.biochemical-solution-group ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.biochemical-solution-group li{position:relative;padding-left:14px;color:#4b5157;font:500 .82rem/1.45 "Inter",Arial,sans-serif}
.biochemical-solution-group li:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:#7b0f1e}
.biochemical-solution-note{margin:18px 0 0!important;padding-top:16px;border-top:1px solid rgba(123,15,30,.08);color:var(--muted);font-size:.82rem;line-height:1.55}
@media(max-width:760px){.biochemical-solution-groups{grid-template-columns:1fr}.biochemical-solution-detail-card{padding:22px!important}}


/* ==========================================================
   Biochemicals — organized like Buffer Workflow Library
========================================================== */
.biochemical-library-tools{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);
  gap:20px;
  align-items:end;
  margin-bottom:18px;
}
.biochemical-search-wrap{
  display:grid;
  gap:8px;
  font-size:.82rem;
  font-weight:700;
  color:var(--ink);
}
.biochemical-search-wrap input{
  width:100%;
  height:48px;
  padding:0 15px;
  border:1px solid rgba(123,15,30,.16);
  border-radius:12px;
  background:#fff;
  font:inherit;
  color:var(--ink);
  box-shadow:0 8px 24px rgba(31,35,40,.045);
}
.biochemical-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.biochemical-filter-chip{
  appearance:none;
  border:1px solid rgba(123,15,30,.15);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  padding:10px 13px;
  font:600 .82rem/1 "Inter",Arial,sans-serif;
  cursor:pointer;
}
.biochemical-filter-chip.is-active{
  background:#7b0f1e;
  border-color:#7b0f1e;
  color:#fff;
}
.biochemical-library-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:0 2px;
  color:var(--muted);
  font-size:.84rem;
}
.biochemical-library-meta #biochemicalCount{
  font-weight:700;
  color:#7b0f1e;
}
.biochemical-library-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.biochemical-library-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(123,15,30,.105);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 28px rgba(31,35,40,.04);
}
.biochemical-library-card[open]{
  grid-column:1/-1;
  border-color:rgba(123,15,30,.28);
  box-shadow:0 16px 36px rgba(31,35,40,.07);
}
.biochemical-library-card summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  min-height:78px;
  padding:15px 16px;
  list-style:none;
  cursor:pointer;
}
.biochemical-library-card summary::-webkit-details-marker{display:none}
.biochemical-library-number{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font:700 .78rem/1 "Inter",Arial,sans-serif;
}
.biochemical-library-summary-copy{
  display:grid;
  gap:4px;
}
.biochemical-library-summary-copy strong{
  color:var(--ink);
  font:700 .96rem/1.25 "Inter",Arial,sans-serif;
}
.biochemical-library-summary-copy > span{
  color:var(--muted);
  font:500 .78rem/1.35 "Inter",Arial,sans-serif;
}
.biochemical-library-chevron{
  color:#7b0f1e;
  font:400 1.35rem/1 "Inter",Arial,sans-serif;
  transition:transform .18s ease;
}
.biochemical-library-card[open] .biochemical-library-chevron{
  transform:rotate(45deg);
}
.biochemical-library-body{
  padding:0 18px 20px 70px;
  border-top:1px solid rgba(123,15,30,.07);
}
.biochemical-family-intro{
  max-width:900px;
  margin:16px 0 18px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.65;
}
.biochemical-family-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.biochemical-family-group{
  padding:16px;
  border:1px solid rgba(123,15,30,.08);
  border-radius:12px;
  background:#faf7f7;
}
.biochemical-family-group h4{
  margin:0 0 10px;
  color:#7b0f1e;
  font:700 .82rem/1.25 "Inter",Arial,sans-serif;
}
.biochemical-type-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.biochemical-type-list span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:8px;
  background:#fff;
  color:#3c4248;
  font:500 .76rem/1.25 "Inter",Arial,sans-serif;
}
.biochemical-family-note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(123,15,30,.08);
  color:var(--muted);
  font-size:.8rem;
  line-height:1.55;
}
.biochemical-library-empty{
  margin-top:18px;
  padding:24px;
  border:1px dashed rgba(123,15,30,.25);
  border-radius:14px;
  text-align:center;
  color:var(--muted);
}
@media(max-width:960px){
  .biochemical-library-tools{grid-template-columns:1fr}
  .biochemical-filter-chips{justify-content:flex-start}
  .biochemical-library-grid{grid-template-columns:1fr}
  .biochemical-library-card[open]{grid-column:auto}
}
@media(max-width:700px){
  .biochemical-family-groups{grid-template-columns:1fr}
  .biochemical-library-body{padding:0 12px 18px 62px}
}


/* ==========================================================
   Media — organized like Buffer / Biochemical libraries
========================================================== */
.media-library-tools{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);
  gap:20px;
  align-items:end;
  margin-bottom:18px;
}
.media-search-wrap{
  display:grid;
  gap:8px;
  font-size:.82rem;
  font-weight:700;
  color:var(--ink);
}
.media-search-wrap input{
  width:100%;
  height:48px;
  padding:0 15px;
  border:1px solid rgba(123,15,30,.16);
  border-radius:12px;
  background:#fff;
  font:inherit;
  color:var(--ink);
  box-shadow:0 8px 24px rgba(31,35,40,.045);
}
.media-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.media-filter-chip{
  appearance:none;
  border:1px solid rgba(123,15,30,.15);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  padding:10px 13px;
  font:600 .82rem/1 "Inter",Arial,sans-serif;
  cursor:pointer;
}
.media-filter-chip.is-active{
  background:#7b0f1e;
  border-color:#7b0f1e;
  color:#fff;
}
.media-library-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:0 2px;
  color:var(--muted);
  font-size:.84rem;
}
.media-library-meta #mediaCount{
  font-weight:700;
  color:#7b0f1e;
}
.media-library-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.media-library-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(123,15,30,.105);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 28px rgba(31,35,40,.04);
}
.media-library-card[open]{
  grid-column:1/-1;
  border-color:rgba(123,15,30,.28);
  box-shadow:0 16px 36px rgba(31,35,40,.07);
}
.media-library-card summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  min-height:78px;
  padding:15px 16px;
  list-style:none;
  cursor:pointer;
}
.media-library-card summary::-webkit-details-marker{display:none}
.media-library-number{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f7eef0;
  color:#7b0f1e;
  font:700 .78rem/1 "Inter",Arial,sans-serif;
}
.media-library-summary-copy{
  display:grid;
  gap:4px;
}
.media-library-summary-copy strong{
  color:var(--ink);
  font:700 .96rem/1.25 "Inter",Arial,sans-serif;
}
.media-library-summary-copy > span{
  color:var(--muted);
  font:500 .78rem/1.35 "Inter",Arial,sans-serif;
}
.media-library-chevron{
  color:#7b0f1e;
  font:400 1.35rem/1 "Inter",Arial,sans-serif;
  transition:transform .18s ease;
}
.media-library-card[open] .media-library-chevron{
  transform:rotate(45deg);
}
.media-library-body{
  padding:0 18px 20px 70px;
  border-top:1px solid rgba(123,15,30,.07);
}
.media-family-intro{
  max-width:900px;
  margin:16px 0 18px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.65;
}
.media-family-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.media-family-group{
  padding:16px;
  border:1px solid rgba(123,15,30,.08);
  border-radius:12px;
  background:#faf7f7;
}
.media-family-group h4{
  margin:0 0 10px;
  color:#7b0f1e;
  font:700 .82rem/1.25 "Inter",Arial,sans-serif;
}
.media-type-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.media-type-list span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:8px;
  background:#fff;
  color:#3c4248;
  font:500 .76rem/1.25 "Inter",Arial,sans-serif;
}
.media-family-note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(123,15,30,.08);
  color:var(--muted);
  font-size:.8rem;
  line-height:1.55;
}
.media-library-empty{
  margin-top:18px;
  padding:24px;
  border:1px dashed rgba(123,15,30,.25);
  border-radius:14px;
  text-align:center;
  color:var(--muted);
}
@media(max-width:960px){
  .media-library-tools{grid-template-columns:1fr}
  .media-filter-chips{justify-content:flex-start}
  .media-library-grid{grid-template-columns:1fr}
  .media-library-card[open]{grid-column:auto}
}
@media(max-width:700px){
  .media-family-groups{grid-template-columns:1fr}
  .media-library-body{padding:0 12px 18px 62px}
}


/* ==========================================================
   Products overview — fully clickable family cards
========================================================== */
.product-family-overview-card {
  padding: 0 !important;
  overflow: hidden;
}

.product-family-card-link {
  display: flex;
  flex-direction: column;
  min-height: 225px;
  width: 100%;
  height: 100%;
  padding: 24px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.product-family-card-link:hover,
.product-family-card-link:focus-visible {
  text-decoration: none;
}

.product-family-overview-card:has(.product-family-card-link):hover {
  transform: translateY(-3px);
  border-color: rgba(123,15,30,.24) !important;
  box-shadow: 0 16px 36px rgba(31,35,40,.065) !important;
}

.product-family-card-link > span:first-child {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0 0 22px;
  border-radius: 50%;
  background: #f7eef0;
  color: #7b0f1e;
}

.product-family-card-link h3 {
  margin: 0 0 9px !important;
  color: var(--ink);
  font-size: 1.08rem !important;
}

.product-family-card-link p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: .86rem !important;
  line-height: 1.58 !important;
}

.product-family-card-link .product-family-overview-link {
  margin-top: auto;
  padding-top: 18px;
  color: #7b0f1e;
  font-size: .82rem;
  font-weight: 700;
}

/* Smooth in-page navigation and sticky-header offset */
html {
  scroll-behavior: smooth;
}
#buffers,
#media,
#biochemicals {
  scroll-margin-top: 110px;
}

/* Three product families only */
.v85-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media(max-width: 900px) {
  .v85-product-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   Products — modern Product Family Gateway
========================================================== */
.product-family-gateway-section{
  padding:clamp(78px,8vw,112px) 0 !important;
}

.product-family-gateway-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  column-gap:56px;
  row-gap:8px;
  align-items:end;
  margin:34px 0 30px;
}

.product-family-gateway-header .eyebrow{
  grid-column:1/-1;
  margin-bottom:4px;
}

.product-family-gateway-header h2{
  margin:0;
  max-width:650px;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(2rem,3.3vw,3.05rem);
  line-height:1.04;
  letter-spacing:-.04em;
}

.product-family-gateway-header > p:last-child{
  margin:0 0 4px;
  max-width:500px;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.68;
}

.product-family-gateway-section .v85-product-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.product-family-gateway-card{
  position:relative;
  min-width:0;
  min-height:310px;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(123,15,30,.10) !important;
  border-radius:22px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(251,247,247,.95)) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 14px 38px rgba(31,35,40,.045) !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}

.product-family-gateway-card::after{
  content:"";
  position:absolute;
  inset:auto -28% -42% 38%;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(123,15,30,.075),transparent 68%);
  pointer-events:none;
  transition:transform .28s ease,opacity .28s ease;
}

.product-family-gateway-card:hover{
  transform:translateY(-5px);
  border-color:rgba(123,15,30,.22) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 22px 48px rgba(31,35,40,.075) !important;
}

.product-family-gateway-card:hover::after{
  transform:translate(-12px,-8px) scale(1.06);
}

.product-family-gateway-link{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:310px;
  height:100%;
  padding:26px 26px 24px;
  color:inherit;
  text-decoration:none;
}

.product-family-gateway-link:focus-visible{
  outline:2px solid rgba(123,15,30,.5);
  outline-offset:-4px;
  border-radius:20px;
}

.product-family-gateway-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:38px;
}

.product-family-gateway-number{
  color:#7b0f1e;
  font:700 .72rem/1 "Inter",Arial,sans-serif;
  letter-spacing:.08em;
}

.product-family-gateway-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(123,15,30,.10);
  border-radius:50%;
  background:rgba(255,255,255,.74);
  color:#7b0f1e;
  font:500 1.25rem/1 "Inter",Arial,sans-serif;
  box-shadow:0 8px 20px rgba(31,35,40,.04);
}

.product-family-gateway-kicker{
  margin:0 0 8px !important;
  color:#7b0f1e !important;
  font:700 .7rem/1.2 "Inter",Arial,sans-serif !important;
  letter-spacing:.085em !important;
  text-transform:uppercase;
}

.product-family-gateway-link h3{
  margin:0 0 12px !important;
  color:var(--ink);
  font:700 clamp(1.35rem,1.75vw,1.62rem)/1.12 "Inter",Arial,sans-serif !important;
  letter-spacing:-.025em;
}

.product-family-gateway-description{
  margin:0 !important;
  max-width:310px;
  color:var(--muted) !important;
  font:.88rem/1.62 "Inter",Arial,sans-serif !important;
}

.product-family-gateway-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:auto;
  padding-top:30px;
  color:#7b0f1e;
  font:700 .82rem/1 "Inter",Arial,sans-serif;
}

.product-family-gateway-arrow{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#7b0f1e;
  color:#fff;
  transition:transform .18s ease;
}

.product-family-gateway-card:hover .product-family-gateway-arrow{
  transform:translateX(3px);
}

.product-family-support-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  margin-top:22px;
  padding:28px 30px;
  border:1px solid rgba(123,15,30,.12);
  border-radius:20px;
  background:
    linear-gradient(110deg,rgba(123,15,30,.055),rgba(255,255,255,.82) 42%,rgba(255,255,255,.96));
  box-shadow:0 12px 34px rgba(31,35,40,.04);
}

.product-family-support-eyebrow{
  display:block;
  margin-bottom:7px;
  color:#7b0f1e;
  font:700 .68rem/1.2 "Inter",Arial,sans-serif;
  letter-spacing:.10em;
}

.product-family-support-copy h3{
  margin:0 0 7px;
  color:var(--ink);
  font:700 1.08rem/1.2 "Inter",Arial,sans-serif;
}

.product-family-support-copy p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font:.88rem/1.6 "Inter",Arial,sans-serif;
}

.product-family-support-link{
  display:inline-flex;
  align-items:center;
  gap:18px;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(123,15,30,.18);
  border-radius:999px;
  background:#fff;
  color:#7b0f1e;
  text-decoration:none;
  font:700 .8rem/1 "Inter",Arial,sans-serif;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.product-family-support-link:hover{
  background:#7b0f1e;
  border-color:#7b0f1e;
  color:#fff;
}

@media(max-width:980px){
  .product-family-gateway-header{
    grid-template-columns:1fr;
    gap:10px;
  }

  .product-family-gateway-section .v85-product-grid{
    grid-template-columns:1fr !important;
  }

  .product-family-gateway-card,
  .product-family-gateway-link{
    min-height:250px;
  }

  .product-family-support-panel{
    grid-template-columns:1fr;
  }

  .product-family-support-link{
    width:max-content;
  }
}

@media(max-width:640px){
  .product-family-gateway-section{
    padding:64px 0 !important;
  }

  .product-family-gateway-link{
    padding:22px;
  }

  .product-family-gateway-top{
    margin-bottom:28px;
  }

  .product-family-support-panel{
    padding:22px;
  }
}


/* Products top-level navigation remains a real link while retaining dropdown styling. */
.desktop-nav .nav-dropdown > a.nav-dropdown-toggle {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Builder cascading product hierarchy */
#productCategoryLabel,
#formulationTypeLabel {
  transition: opacity .18s ease;
}
#productCategoryLabel.disabled-field,
#formulationTypeLabel.disabled-field {
  opacity: .52;
}
#productCategoryLabel select:disabled,
#formulationTypeLabel select:disabled {
  cursor: not-allowed;
  background-color: #f6f3f2;
}
.builder-custom-field {
  margin-top: 14px;
}


/* Products page — soften the background artwork so content stays dominant. */
body.products-page::before,
.products-page .page-background::before,
.products-page .products-background::before {
  opacity: 0.28 !important;
  filter: saturate(0.68) contrast(0.78) brightness(1.13) !important;
}

/* Fallback wash works even when the background is applied directly to a section/body. */
body.products-page::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: rgba(250, 247, 245, 0.48);
}

.products-dark-footer{background:#171717!important;color:rgba(255,255,255,.78)!important}
.products-dark-footer strong,.products-dark-footer h3,.products-dark-footer .footer-bottom{color:#fff!important}
.products-dark-footer a{color:rgba(255,255,255,.78)!important}
.products-dark-footer a:hover{color:#fff!important}
.critical-spec-toggle-grid{margin:18px 0 16px}
#phSliderBlock.disabled-slider,#osmolalitySliderBlock.disabled-slider{opacity:.48}
#intendedUseOtherLabel.disabled-field{opacity:.5}


/* Standard dark footer for Homepage and Products */
.standard-dark-footer{
  background:#151515!important;
  color:rgba(255,255,255,.76)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.standard-dark-footer .footer-grid{
  padding-top:54px!important;
  padding-bottom:42px!important;
}
.standard-dark-footer strong{color:#fff!important}
.standard-dark-footer p{color:rgba(255,255,255,.68)!important}
.standard-dark-footer a{
  color:rgba(255,255,255,.76)!important;
  text-decoration:none!important;
}
.standard-dark-footer a:hover{color:#fff!important}
.standard-dark-footer .footer-rfu{color:rgba(255,255,255,.52)!important}
.standard-dark-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.5)!important;
}
.standard-dark-footer .footer-bottom p{color:rgba(255,255,255,.5)!important}

body.products-page::before,
body.products-page::after{content:none!important;display:none!important}

body.products-page main.products-page-canvas{
  position:relative!important;
  z-index:0!important;
  overflow:hidden!important;
  background:#fcf8f7!important;
}

main.products-page-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(252,248,247,.96) 0%,
      rgba(252,248,247,.93) 36%,
      rgba(252,248,247,.95) 72%,
      rgba(252,248,247,.99) 100%),
    url("anarbio-product-formats-hero.webp") center 18%/min(1180px,92vw) auto no-repeat;
}

.products-footer{
  position:relative!important;
  z-index:50!important;
  width:100%!important;
  margin:0!important;
  background:#141414!important;
  color:rgba(255,255,255,.78)!important;
  isolation:isolate!important;
}

.products-footer::before,
.products-footer::after{content:none!important;display:none!important}

.products-footer .footer-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,.8fr))!important;
  gap:48px!important;
  align-items:start!important;
  padding-top:58px!important;
  padding-bottom:46px!important;
}

.products-footer .footer-grid>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}

.products-footer .footer-logo img{
  width:min(100%,260px)!important;
  height:auto!important;
  filter:brightness(0) invert(1)!important;
}

.products-footer strong{color:#fff!important;margin-bottom:8px!important}
.products-footer p,
.products-footer a{color:rgba(255,255,255,.72)!important}
.products-footer a{display:block!important;text-decoration:none!important}
.products-footer a:hover{color:#fff!important}
.products-footer .footer-rfu{color:rgba(255,255,255,.5)!important;max-width:360px!important}

.products-footer .footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding-top:20px!important;
  padding-bottom:24px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
.products-footer .footer-bottom p{margin:0!important;color:rgba(255,255,255,.46)!important}

@media(max-width:900px){
  .products-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .products-footer .footer-grid{grid-template-columns:1fr!important}
  .products-footer .footer-bottom{flex-direction:column!important}
}


/* ==========================================================
   Products footer — use the SAME layout/spacing as standard site footer
========================================================== */
.products-footer .footer-grid{
  display:grid!important;
  grid-template-columns:inherit!important;
  gap:inherit!important;
  align-items:inherit!important;
  padding-top:inherit!important;
  padding-bottom:inherit!important;
}

.products-footer .footer-grid>div{
  display:inherit!important;
  flex-direction:inherit!important;
  align-items:inherit!important;
  gap:inherit!important;
}

.products-footer .footer-logo img{
  width:inherit!important;
  max-width:100%!important;
  height:auto!important;
  filter:brightness(0) invert(1)!important;
}

.products-footer .footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  gap:inherit!important;
  padding-top:inherit!important;
  padding-bottom:inherit!important;
}

.products-footer{
  background:#141414!important;
  color:rgba(255,255,255,.76)!important;
}

.products-footer strong{color:#fff!important}
.products-footer p,
.products-footer a{color:rgba(255,255,255,.72)!important}
.products-footer a:hover{color:#fff!important}
.products-footer .footer-rfu{color:rgba(255,255,255,.5)!important}
.products-footer .footer-bottom p{color:rgba(255,255,255,.46)!important}

.guide-hero-visual .anar-intelligence-artwork-video{
 display:block;
 width:100%;
 height:auto;
 max-width:100%;
 object-fit:contain;
 object-position:center;
 border:0;
 background:transparent;
}


/* ==========================================================
   Anar Intelligence — artwork integrated into the hero canvas
========================================================== */
.guide-hero-artwork-integrated {
  overflow: hidden;
}

.guide-hero-artwork-integrated .guide-hero-grid {
  align-items: center;
}

.guide-hero-artwork-integrated .guide-hero-visual {
  position: relative;
  min-height: 520px;
  overflow: visible;
  background: transparent !important;
  isolation: isolate;
}

/* Soft ambient halo behind artwork so it melts into the existing canvas. */
.guide-hero-artwork-integrated .guide-hero-visual::before {
  content: "";
  position: absolute;
  inset: 8% -10% 5% -12%;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 58% 48%,
      rgba(176,48,65,.13) 0%,
      rgba(236,189,193,.09) 38%,
      rgba(252,248,247,0) 72%);
  filter: blur(18px);
}

/* Crop away the artwork's own left-side typography and retain the visual brain. */
.guide-hero-artwork-integrated .anar-intelligence-canvas-artwork {
  display: block;
  width: 128%;
  max-width: none;
  height: 520px;
  margin-left: -13%;
  object-fit: cover;
  object-position: 74% center;
  border: 0;
  background: transparent;
  filter:
    saturate(.92)
    contrast(.96)
    brightness(1.025);

  /* No hard rectangle: feather all edges into the page canvas. */
  -webkit-mask-image:
    radial-gradient(ellipse 72% 70% at 59% 49%,
      #000 0%,
      #000 56%,
      rgba(0,0,0,.90) 66%,
      rgba(0,0,0,.55) 78%,
      transparent 96%);
  mask-image:
    radial-gradient(ellipse 72% 70% at 59% 49%,
      #000 0%,
      #000 56%,
      rgba(0,0,0,.90) 66%,
      rgba(0,0,0,.55) 78%,
      transparent 96%);
}

/* Preserve the website's own hero copy as the primary message. */
.guide-hero-artwork-integrated .guide-hero-copy {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .guide-hero-artwork-integrated .guide-hero-visual {
    min-height: 410px;
  }

  .guide-hero-artwork-integrated .anar-intelligence-canvas-artwork {
    width: 120%;
    height: 410px;
    margin-left: -10%;
    object-position: 73% center;
  }
}

@media (max-width: 680px) {
  .guide-hero-artwork-integrated .guide-hero-visual {
    min-height: 330px;
    margin-top: 20px;
  }

  .guide-hero-artwork-integrated .anar-intelligence-canvas-artwork {
    width: 134%;
    height: 330px;
    margin-left: -18%;
    object-position: 71% center;
  }
}


/* ==========================================================
   Anar Intelligence — clean artwork-only hero treatment
   Website copy remains HTML; image contains artwork only.
========================================================== */
.guide-hero-clean-artwork {
  overflow: hidden;
}

.guide-hero-clean-artwork .guide-hero-grid {
  align-items: center;
}

.guide-hero-clean-artwork .guide-hero-copy {
  position: relative;
  z-index: 3;
}

.guide-hero-clean-artwork .guide-hero-visual {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: transparent !important;
  isolation: isolate;
}

/* Ambient bridge between the artwork and the existing page canvas. */
.guide-hero-clean-artwork .guide-hero-visual::before {
  content: "";
  position: absolute;
  inset: 9% -9% 8% -16%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse at 58% 50%,
      rgba(172, 43, 62, .095) 0%,
      rgba(223, 142, 151, .060) 38%,
      rgba(252, 248, 247, 0) 73%
    );
  filter: blur(22px);
}

.guide-hero-clean-artwork .anar-intelligence-clean-artwork {
  display: block;
  width: min(118%, 820px);
  max-width: none;
  height: auto;
  margin: 0 -7% 0 -5%;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  filter:
    saturate(.94)
    contrast(.97)
    brightness(1.015);
}

/* Suppress any previous visual pseudo treatments from older iterations. */
.guide-hero-clean-artwork .guide-logo-glow,
.guide-hero-clean-artwork .guide-logo-svg,
.guide-hero-clean-artwork .anar-intelligence-artwork-video,
.guide-hero-clean-artwork .anar-intelligence-canvas-artwork {
  display: none !important;
}

@media (max-width: 980px) {
  .guide-hero-clean-artwork .guide-hero-visual {
    min-height: 430px;
  }

  .guide-hero-clean-artwork .anar-intelligence-clean-artwork {
    width: min(112%, 690px);
    margin: 0 -5%;
  }
}

@media (max-width: 700px) {
  .guide-hero-clean-artwork .guide-hero-visual {
    min-height: 330px;
    margin-top: 18px;
  }

  .guide-hero-clean-artwork .anar-intelligence-clean-artwork {
    width: min(122%, 600px);
    margin: 0 -11%;
  }
}


/* ==========================================================
   Contact page — balanced hero artwork integration
   Existing Contact page design preserved.
========================================================== */
.contact-hero-balanced{
  position:relative;
  overflow:hidden;
}

.contact-hero-balanced-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr) !important;
  gap:clamp(34px,5vw,72px) !important;
  align-items:center !important;
}

.contact-hero-balanced-grid > *:not(.contact-hero-artwork){
  min-width:0;
}

.contact-hero-artwork{
  align-self:center;
  width:100%;
  max-width:760px;
  justify-self:end;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 42px rgba(56,23,29,.10);
  background:transparent;
}

.contact-hero-artwork-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center;
  border:0;
}

/* keep original copy comfortably readable */
.contact-hero-balanced .contact-hero-copy-balanced{
  position:relative;
  z-index:2;
}

/* neutralize any old experimental contact-art rules if they survived */
.contact-artwork-only,
.contact-artwork-panel,
.contact-brand-artwork{
  display:none !important;
}

@media(max-width:980px){
  .contact-hero-balanced-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .contact-hero-artwork{
    justify-self:stretch;
    max-width:none;
  }

  .contact-hero-artwork-image{
    aspect-ratio:16 / 9;
  }
}

@media(max-width:640px){
  .contact-hero-artwork{
    border-radius:14px;
  }
}


/* ==========================================================
   Contact page — match sitewide hero system
========================================================== */
.contact-hero-site-match{
  position:relative;
  overflow:hidden;
  padding:clamp(54px,6.5vw,86px) 0 !important;
  background:
    radial-gradient(circle at 86% 18%,rgba(123,15,30,.055),transparent 28%),
    linear-gradient(180deg,#fffaf8 0%,#fcf7f5 100%) !important;
}

.contact-hero-site-match::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 26%,rgba(123,15,30,.035),transparent 20%),
    radial-gradient(circle at 90% 76%,rgba(123,15,30,.035),transparent 20%);
}

.contact-hero-site-grid{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr) !important;
  gap:clamp(40px,6vw,84px) !important;
  align-items:center !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.contact-hero-site-copy{
  max-width:600px;
}

.contact-hero-site-copy .eyebrow,
.contact-hero-site-copy [class*="eyebrow"],
.contact-hero-site-copy > p:first-child{
  margin-bottom:14px !important;
}

.contact-hero-site-copy h1,
.contact-hero-site-copy h2{
  margin:0 0 20px !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.35rem,4vw,4.15rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  color:var(--ink) !important;
}

.contact-hero-site-copy > p:not(.eyebrow){
  max-width:560px !important;
  margin:0 !important;
  color:var(--muted) !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

.contact-hero-site-artwork{
  width:100%;
  max-width:720px;
  justify-self:end;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 44px rgba(31,35,40,.07);
}

.contact-hero-site-artwork-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  border:0;
}

/* neutralize earlier experimental contact hero overrides */
.contact-hero-balanced-grid,
.contact-hero-artwork,
.contact-brand-artwork,
.contact-artwork-only,
.contact-artwork-panel{
  all:unset;
}

.contact-brand-artwork,
.contact-artwork-only,
.contact-artwork-panel{
  display:none !important;
}

@media(max-width:980px){
  .contact-hero-site-match{
    padding:48px 0 !important;
  }
  .contact-hero-site-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .contact-hero-site-copy{
    max-width:700px;
  }
  .contact-hero-site-artwork{
    justify-self:stretch;
    max-width:none;
  }
}

@media(max-width:640px){
  .contact-hero-site-match{
    padding:36px 0 !important;
  }
  .contact-hero-site-grid{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .contact-hero-site-copy h1,
  .contact-hero-site-copy h2{
    font-size:clamp(2rem,10vw,2.8rem) !important;
  }
  .contact-hero-site-artwork{
    border-radius:16px;
  }
}


/* ==========================================================
   Manufacturing hero title — exact sitewide title treatment
========================================================== */
.manufacturing-sitewide-title{
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.35rem,4vw,4.15rem) !important;
  line-height:1.02 !important;
  font-weight:700 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
  color:var(--ink) !important;
  margin:0 0 20px !important;
}

/* Neutralize older Manufacturing-specific H1 rules */
.manufacturing-spec-grid .manufacturing-sitewide-title,
.manufacturing-workflow-grid .manufacturing-sitewide-title,
.manufacturing-right-art-grid .manufacturing-sitewide-title{
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.35rem,4vw,4.15rem) !important;
  line-height:1.02 !important;
  font-weight:700 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}

/* ==========================================================
   Contact details — icons matching LinkedIn card treatment
========================================================== */
.contact-detail-card-row{
  position:relative;
  padding-left:58px !important;
  min-height:46px;
}

.contact-detail-icon{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(143,16,36,.08);
  color:#8f1024;
  flex:0 0 auto;
}

.contact-detail-icon svg{
  width:21px;
  height:21px;
  display:block;
}

.contact-address-block.contact-detail-card-row{
  padding-top:4px;
  padding-bottom:4px;
}

.contact-address-block .contact-address-icon{
  top:26px;
  transform:none;
}

.contact-email-card.contact-detail-card-row{
  display:block;
  padding-top:14px !important;
  padding-bottom:14px !important;
  padding-right:14px !important;
}

.contact-email-card .contact-email-icon{
  top:50%;
}

/* Maintain clean spacing across stacked contact methods */
.contact-email-list{
  gap:10px;
}


/* ==========================================================
   Manufacturing title — exact homepage unified-page-title style
========================================================== */
body .manufacturing-spec-grid .unified-page-title,
body .manufacturing-workflow-grid .unified-page-title,
body .manufacturing-right-art-grid .unified-page-title{
  width:100% !important;
  max-width:880px !important;
  margin-top:0 !important;
  margin-bottom:22px !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(1.8rem,3.2vw,2.95rem) !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  color:var(--ink) !important;
  text-wrap:balance;
}

/* ==========================================================
   Contact icons — exact visual style of existing LinkedIn icon
========================================================== */
body.contact-page .contact-linkedin-style-icon{
  width:34px !important;
  height:34px !important;
  padding:7px !important;
  box-sizing:border-box !important;
  border-radius:9px !important;
  background:var(--pomegranate) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
}

body.contact-page .contact-linkedin-style-icon svg{
  width:20px !important;
  height:20px !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  fill:#fff !important;
  color:#fff !important;
  background:transparent !important;
  border-radius:0 !important;
}

body.contact-page .contact-linkedin-style-icon svg path{
  fill:#fff !important;
  stroke:none !important;
}

/* Keep alignment clean with the existing contact cards */
body.contact-page .contact-email-card.contact-detail-card-row{
  padding-left:66px !important;
}

body.contact-page .contact-email-card .contact-linkedin-style-icon{
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

body.contact-page .contact-address-block.contact-detail-card-row{
  padding-left:82px !important;
}

body.contact-page .contact-address-block .contact-linkedin-style-icon{
  left:30px !important;
  top:30px !important;
  transform:none !important;
}

body .manufacturing-spec-grid .unified-page-title{width:100%!important;max-width:880px!important;margin:0 0 22px!important;font-family:"Inter",Arial,sans-serif!important;font-size:clamp(1.8rem,3.2vw,2.95rem)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.035em!important;text-transform:none!important;color:var(--ink)!important}
.products-home-art-visual{min-width:0;display:flex;align-items:center;justify-content:center;margin:0}
.products-home-art-image{display:block;width:100%;max-width:720px;height:auto;object-fit:contain}


/* ==========================================================
   Products — Research Reagents hero layout
   Copy upper-left, artwork upper-right, burgundy callout below.
========================================================== */
.products-research-layout-section{
  position:relative;
}

.products-research-hero-grid{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);
  gap:clamp(36px,5.5vw,78px);
  align-items:center;
}

.products-research-hero-copy{
  min-width:0;
  align-self:center;
}

.products-research-hero-visual{
  min-width:0;
  width:100%;
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin:0 !important;
}

.products-research-hero-image{
  display:block;
  width:100% !important;
  max-width:650px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}

/* Burgundy panel spans exactly the same combined width as copy + artwork. */
.products-research-fullwidth-callout{
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:none !important;
  margin:clamp(30px,4vw,48px) auto 0 !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  .products-research-hero-grid{
    width:min(100% - 36px,760px);
    grid-template-columns:1fr;
    gap:26px;
  }

  .products-research-hero-visual{
    justify-content:center;
  }

  .products-research-hero-image{
    max-width:680px !important;
  }

  .products-research-fullwidth-callout{
    width:min(100% - 36px,760px) !important;
    margin-top:28px !important;
  }
}

@media(max-width:600px){
  .products-research-hero-grid,
  .products-research-fullwidth-callout{
    width:calc(100% - 32px) !important;
  }
}

/* Products hero: Research Reagent Portfolio anchored at bottom of canvas */
.products-research-canvas{
  position:relative;
}
.products-research-canvas .products-research-portfolio-bottom{
  display:block !important;
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:clamp(34px,4vw,50px) auto 0 !important;
  clear:both !important;
}
/* Ensure the lower portfolio aligns end-to-end with upper copy + image */
.products-research-canvas .products-research-hero-grid{
  width:min(1180px,calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media(max-width:900px){
  .products-research-canvas .products-research-portfolio-bottom,
  .products-research-canvas .products-research-hero-grid{
    width:min(100% - 36px,760px) !important;
  }
}
@media(max-width:600px){
  .products-research-canvas .products-research-portfolio-bottom,
  .products-research-canvas .products-research-hero-grid{
    width:calc(100% - 32px) !important;
  }
}

/* ==========================================================
   Products hero correction — restore normal sitewide proportions
========================================================== */
.products-research-hero-fixed .products-research-hero-grid{
  width:min(1180px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr) !important;
  gap:clamp(48px,6vw,88px) !important;
  align-items:center !important;
}

.products-research-hero-fixed .products-research-copy-fixed{
  width:auto !important;
  max-width:570px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

.products-research-hero-fixed .products-research-copy-fixed .eyebrow{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 0 16px !important;
  padding:0 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:.78rem !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

.products-research-hero-fixed .products-research-title-fixed{
  display:block !important;
  width:100% !important;
  max-width:570px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.35rem,3.8vw,3.8rem) !important;
  font-weight:700 !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  white-space:normal !important;
  text-wrap:balance;
}

.products-research-hero-fixed .products-research-title-fixed span{
  display:inline !important;
}

.products-research-hero-fixed .products-research-lede-fixed{
  display:block !important;
  width:100% !important;
  max-width:555px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:1rem !important;
  line-height:1.7 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  white-space:normal !important;
}

.products-research-hero-fixed .products-research-hero-visual{
  width:100% !important;
  max-width:650px !important;
  justify-self:end !important;
  margin:0 !important;
}

.products-research-hero-fixed .products-research-hero-image{
  width:100% !important;
  max-width:650px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Portfolio panel remains aligned to the full upper content width. */
.products-research-hero-fixed .products-research-portfolio-bottom{
  width:min(1180px,calc(100% - 48px)) !important;
  margin:clamp(34px,4vw,50px) auto 0 !important;
}

@media(max-width:900px){
  .products-research-hero-fixed .products-research-hero-grid{
    width:min(100% - 36px,760px) !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .products-research-hero-fixed .products-research-copy-fixed,
  .products-research-hero-fixed .products-research-title-fixed,
  .products-research-hero-fixed .products-research-lede-fixed{
    max-width:680px !important;
  }
  .products-research-hero-fixed .products-research-hero-visual{
    justify-self:stretch !important;
    max-width:none !important;
  }
  .products-research-hero-fixed .products-research-portfolio-bottom{
    width:min(100% - 36px,760px) !important;
  }
}


/* Research Reagent Portfolio: immediately beneath hero text + image */
.products-research-portfolio-immediate-section .products-research-hero-grid,
.products-research-portfolio-immediate-section .products-research-portfolio-immediate{
  width:min(1180px,calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.products-research-portfolio-immediate-section .products-research-portfolio-immediate{
  display:block !important;
  max-width:none !important;
  margin-top:22px !important;
  margin-bottom:0 !important;
  clear:both !important;
}

@media(max-width:900px){
  .products-research-portfolio-immediate-section .products-research-hero-grid,
  .products-research-portfolio-immediate-section .products-research-portfolio-immediate{
    width:min(100% - 36px,760px) !important;
  }
  .products-research-portfolio-immediate-section .products-research-portfolio-immediate{
    margin-top:20px !important;
  }
}

@media(max-width:600px){
  .products-research-portfolio-immediate-section .products-research-hero-grid,
  .products-research-portfolio-immediate-section .products-research-portfolio-immediate{
    width:calc(100% - 32px) !important;
  }
}


/* Homepage supplied workflow artwork */
.home-workflow-art-visual{
  min-width:0;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

.home-workflow-art-image{
  display:block;
  width:100% !important;
  max-width:760px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

@media(max-width:900px){
  .home-workflow-art-image{
    max-width:760px !important;
  }
}


/* Homepage workflow artwork — upper-right, softly blended into canvas */
.home-workflow-hero-positioned{
  position:relative !important;
}

.home-workflow-art-top-right{
  align-self:start !important;
  justify-self:end !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

.home-workflow-art-top-right .home-workflow-art-image{
  display:block !important;
  width:min(100%,760px) !important;
  max-width:760px !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:top right !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  /* additional CSS feathering against the site's pale canvas */
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%),
                     linear-gradient(to bottom,transparent 0%,#000 7%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%),
             linear-gradient(to bottom,transparent 0%,#000 7%,#000 94%,transparent 100%);
  mask-composite:intersect;
}

@media(max-width:900px){
  .home-workflow-art-top-right{
    justify-self:center !important;
    justify-content:center !important;
  }
  .home-workflow-art-top-right .home-workflow-art-image{
    width:100% !important;
    max-width:760px !important;
    object-position:top center !important;
  }
}


/* Homepage hero — artwork above pathway cards in top-right column */
.home-hero-two-column{
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr) !important;
  gap:clamp(42px,5.5vw,78px) !important;
  align-items:start !important;
}

.home-hero-right-stack{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:20px;
  justify-self:end;
  width:100%;
  max-width:760px;
}

.home-hero-right-stack .home-workflow-art-top-right{
  width:100%;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  margin:0 !important;
}

.home-hero-right-stack .home-workflow-art-image{
  width:100% !important;
  max-width:760px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:top right !important;
  margin:0 !important;
}

.home-hero-right-stack .pathway-card-grid{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

.home-hero-right-stack .pathway-card{
  min-width:0;
  height:100%;
}

@media(max-width:1020px){
  .home-hero-two-column{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .home-hero-right-stack{
    justify-self:stretch;
    max-width:none;
  }
}

@media(max-width:700px){
  .home-hero-right-stack .pathway-card-grid{
    grid-template-columns:1fr !important;
  }
}


/* Homepage pathways — directly beneath the complete text + artwork row */
.home-workflow-hero-positioned .home-pathways-full-row{
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:none !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  clear:both !important;
}

.home-workflow-hero-positioned .home-pathways-full-row .pathway-card{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  box-sizing:border-box !important;
}

/* Right column now contains only the artwork. */
.home-workflow-hero-positioned .home-hero-right-stack{
  gap:0 !important;
}

@media(max-width:900px){
  .home-workflow-hero-positioned .home-pathways-full-row{
    width:min(100% - 36px,760px) !important;
    margin-top:18px !important;
  }
}

@media(max-width:700px){
  .home-workflow-hero-positioned .home-pathways-full-row{
    grid-template-columns:1fr !important;
    width:calc(100% - 32px) !important;
  }
}


/* Manufacturing hero — replacement artwork only */
.manufacturing-new-lab-art{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
}


/* Manufacturing artwork polish — image treatment only; layout/text untouched */
.manufacturing-polished-blend{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 5%, #000 96%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 96%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 5%, #000 96%, transparent 100%);
  mask-composite:intersect;
}


/* ==========================================================
   Sitewide hero artwork blending
   Matches Manufacturing treatment without changing layout.
========================================================== */
.sitewide-hero-blended-wrap{
  background:transparent !important;
  overflow:visible !important;
  box-shadow:none !important;
}

.sitewide-hero-blended-art{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.55) 4%,
      #000 10%,
      #000 92%,
      rgba(0,0,0,.72) 97%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.58) 4%,
      #000 9%,
      #000 93%,
      rgba(0,0,0,.72) 97%,
      transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.55) 4%,
      #000 10%,
      #000 92%,
      rgba(0,0,0,.72) 97%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.58) 4%,
      #000 9%,
      #000 93%,
      rgba(0,0,0,.72) 97%,
      transparent 100%);
  mask-composite:intersect;
}

/* Keep blending subtle on smaller screens so artwork remains legible. */
@media(max-width:700px){
  .sitewide-hero-blended-art{
    -webkit-mask-image:
      linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);
    mask-image:
      linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);
  }
}


/* Homepage hero refinement — larger artwork + more breathing room above pathway cards */
.home-workflow-hero-positioned .home-hero-two-column{
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr) !important;
}

.home-workflow-hero-positioned .home-hero-right-stack{
  max-width:840px !important;
  overflow:visible !important;
}

.home-workflow-hero-positioned .home-workflow-art-top-right{
  width:108% !important;
  max-width:840px !important;
  margin-left:-4% !important;
  overflow:visible !important;
}

.home-workflow-hero-positioned .home-workflow-art-image{
  width:100% !important;
  max-width:840px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:top right !important;
}

.home-workflow-hero-positioned .home-pathways-full-row{
  margin-top:42px !important;
}

@media(max-width:1020px){
  .home-workflow-hero-positioned .home-hero-two-column{
    grid-template-columns:1fr !important;
  }

  .home-workflow-hero-positioned .home-hero-right-stack{
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-workflow-hero-positioned .home-workflow-art-top-right{
    width:100% !important;
    max-width:820px !important;
    margin-left:0 !important;
  }

  .home-workflow-hero-positioned .home-pathways-full-row{
    margin-top:34px !important;
  }
}

@media(max-width:700px){
  .home-workflow-hero-positioned .home-pathways-full-row{
    margin-top:28px !important;
  }
}

/* Manufacturing hero title: shared sitewide style */
body .manufacturing-spec-grid h1.unified-page-title,
body .manufacturing-workflow-grid h1.unified-page-title,
body .manufacturing-right-art-grid h1.unified-page-title{
  width:100%!important;
  max-width:880px!important;
  margin-top:0!important;
  margin-bottom:22px!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:clamp(1.8rem,3.2vw,2.95rem)!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  color:var(--ink)!important;
  text-wrap:balance;
}


/* ==========================================================
   Manufacturing final corrections
========================================================== */

/* Top-nav dropdown hover behavior */
.desktop-nav .nav-dropdown:hover > .nav-dropdown-menu,
.desktop-nav .nav-dropdown:focus-within > .nav-dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

/* Keep the longer label on one line and visually consistent */
.desktop-nav .nav-dropdown-toggle{
  white-space:nowrap !important;
}

/* Manufacturing hero title: exact sitewide shared hero proportions */
body .manufacturing-final-title{
  width:100% !important;
  max-width:760px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.15rem,3.25vw,3.15rem) !important;
  font-weight:700 !important;
  line-height:1.06 !important;
  letter-spacing:-.04em !important;
  text-transform:none !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  color:var(--ink,#20242a) !important;
  text-wrap:balance;
}

/* Defeat old Manufacturing-specific oversized/all-caps title rules */
body .manufacturing-spec-grid .manufacturing-final-title,
body .manufacturing-workflow-grid .manufacturing-final-title,
body .manufacturing-right-art-grid .manufacturing-final-title,
body .about-hero-copy .manufacturing-final-title{
  font-family:"Inter",Arial,sans-serif !important;
  font-size:clamp(2.15rem,3.25vw,3.15rem) !important;
  font-weight:700 !important;
  line-height:1.06 !important;
  letter-spacing:-.04em !important;
  text-transform:none !important;
  max-width:760px !important;
}

/* Hard-hide any legacy local Manufacturing subnav that survived markup cleanup */
body.manufacturing-page .manufacturing-subnav,
body.manufacturing-page .section-subnav,
body.manufacturing-page .subnav,
body.manufacturing-page .anchor-nav{
  display:none !important;
}


/* ==========================================================
   Layout refinement — Manufacturing + Homepage
   No content/navigation changes.
========================================================== */

/* Manufacturing: tighten the hero/canvas around the artwork.
   Reduce unused vertical space while preserving the existing
   two-column layout and blended image treatment. */
body .manufacturing-right-art-hero,
body .manufacturing-workflow-hero,
body .manufacturing-spec-hero{
  padding-top:clamp(38px,4.2vw,62px) !important;
  padding-bottom:clamp(38px,4.2vw,62px) !important;
  min-height:auto !important;
}

body .manufacturing-right-art-grid,
body .manufacturing-workflow-grid,
body .manufacturing-spec-grid{
  align-items:center !important;
  row-gap:28px !important;
}

body .manufacturing-right-art-visual,
body .manufacturing-workflow-art,
body .manufacturing-hero-art{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Homepage: give the workflow artwork a modest size increase.
   Keep its current position and blending, only enlarge it. */
.home-workflow-hero-positioned .home-hero-two-column{
  grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr) !important;
}

.home-workflow-hero-positioned .home-hero-right-stack{
  max-width:900px !important;
}

.home-workflow-hero-positioned .home-workflow-art-top-right{
  width:114% !important;
  max-width:900px !important;
  margin-left:-7% !important;
}

.home-workflow-hero-positioned .home-workflow-art-image{
  width:100% !important;
  max-width:900px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Preserve comfortable separation from pathway cards. */
.home-workflow-hero-positioned .home-pathways-full-row{
  margin-top:42px !important;
}

@media(max-width:1020px){
  .home-workflow-hero-positioned .home-hero-two-column{
    grid-template-columns:1fr !important;
  }
  .home-workflow-hero-positioned .home-hero-right-stack{
    max-width:840px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .home-workflow-hero-positioned .home-workflow-art-top-right{
    width:100% !important;
    max-width:840px !important;
    margin-left:0 !important;
  }
}

@media(max-width:700px){
  body .manufacturing-right-art-hero,
  body .manufacturing-workflow-hero,
  body .manufacturing-spec-hero{
    padding-top:32px !important;
    padding-bottom:32px !important;
  }
}


/* ==========================================================
   VERIFIED FINAL — actual Homepage + Manufacturing hero classes
========================================================== */

/* Manufacturing: remove excess canvas height and tighten image/text region */
body .about-hero.v86-manufacturing-hero.manufacturing-right-art-hero{
  min-height:0 !important;
  height:auto !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
}

body .v86-manufacturing-hero > .manufacturing-right-art-grid{
  min-height:0 !important;
  height:auto !important;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr) !important;
  gap:clamp(34px,4.2vw,60px) !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

body .v86-manufacturing-hero .about-hero-copy{
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body .v86-manufacturing-hero .manufacturing-right-art-visual{
  margin:0 !important;
  padding:0 !important;
  align-self:center !important;
  min-height:0 !important;
  max-height:none !important;
}

body .v86-manufacturing-hero .manufacturing-right-art-visual picture{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

body .v86-manufacturing-hero .manufacturing-polished-blend{
  display:block !important;
  width:100% !important;
  max-width:690px !important;
  height:auto !important;
  max-height:520px !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 auto !important;
}

/* Homepage: enlarge only the actual right-side workflow artwork */
body .home-workflow-hero-positioned > .home-hero-two-column{
  grid-template-columns:minmax(0,.80fr) minmax(560px,1.20fr) !important;
  gap:clamp(36px,4.5vw,68px) !important;
  align-items:center !important;
}

body .home-workflow-hero-positioned .home-hero-right-stack{
  width:100% !important;
  max-width:940px !important;
  justify-self:end !important;
  overflow:visible !important;
}

body .home-workflow-hero-positioned .home-workflow-art-top-right{
  width:120% !important;
  max-width:940px !important;
  margin:0 0 0 -10% !important;
  padding:0 !important;
  overflow:visible !important;
}

body .home-workflow-hero-positioned .home-workflow-art-image{
  display:block !important;
  width:100% !important;
  max-width:940px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:top right !important;
  margin:0 !important;
}

body .home-workflow-hero-positioned > .home-pathways-full-row{
  margin-top:44px !important;
}

@media(max-width:1020px){
  body .home-workflow-hero-positioned > .home-hero-two-column{
    grid-template-columns:1fr !important;
  }
  body .home-workflow-hero-positioned .home-hero-right-stack{
    max-width:860px !important;
    margin:0 auto !important;
  }
  body .home-workflow-hero-positioned .home-workflow-art-top-right{
    width:100% !important;
    max-width:860px !important;
    margin:0 !important;
  }
}

@media(max-width:760px){
  body .about-hero.v86-manufacturing-hero.manufacturing-right-art-hero{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  body .v86-manufacturing-hero > .manufacturing-right-art-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
}


/* ==========================================================
   Manufacturing hero title — EXACT homepage hero typography
   Final cascade override to defeat legacy Manufacturing rules.
========================================================== */
html body .v86-manufacturing-hero .about-hero-copy > h1.unified-page-title,
html body .manufacturing-right-art-hero .about-hero-copy > h1.unified-page-title,
html body .manufacturing-spec-hero .about-hero-copy > h1.unified-page-title,
html body .manufacturing-workflow-hero .about-hero-copy > h1.unified-page-title{
  width:100% !important;
  max-width:880px !important;
  margin-top:0 !important;
  margin-bottom:22px !important;
  padding:0 !important;

  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(1.8rem,3.2vw,2.95rem) !important;
  font-weight:700 !important;
  font-style:normal !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em !important;

  text-transform:none !important;
  text-wrap:balance !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;

  color:var(--ink) !important;
}

/* Ensure nested spans/strong/em cannot introduce different typography. */
html body .v86-manufacturing-hero .about-hero-copy > h1.unified-page-title span,
html body .v86-manufacturing-hero .about-hero-copy > h1.unified-page-title strong,
html body .v86-manufacturing-hero .about-hero-copy > h1.unified-page-title em{
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
  color:inherit !important;
}


/* Manufacturing hero phrase accent — matches homepage hero highlight */
html body .v86-manufacturing-hero h1.unified-page-title .manufacturing-title-accent{
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
  color:var(--accent,#7b0f1e) !important;
}


/* FINAL Manufacturing accent: exact homepage hero span color.
   Higher specificity than the legacy Manufacturing span color:inherit rule. */
html body .v86-manufacturing-hero .about-hero-copy > h1.unified-page-title > span.manufacturing-title-accent{
  color:var(--anarbio-velvet-burgundy) !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}


/* Contact hero accent — exact homepage hero burgundy */
html body .about-hero-copy > h1.unified-page-title > span.contact-together-accent{
  color:var(--anarbio-velvet-burgundy) !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}


/* Products hero — force exact homepage hero typography */
html body .products-research-hero-fixed .products-research-copy-fixed > h1.products-home-hero-exact,
html body .v86-products-hero .about-hero-copy > h1.products-home-hero-exact,
html body h1.products-home-hero-exact{
  width:100% !important;
  max-width:880px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(1.8rem,3.2vw,2.95rem) !important;
  font-weight:700 !important;
  font-style:normal !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance !important;
  color:var(--ink,#20242a) !important;
}


/* Contact navigation weight — match other desktop navigation controls */
html body .desktop-nav > a[href*="contact"],
html body .desktop-nav a[href="contact.html"],
html body .desktop-nav a[href="/contact"],
html body .desktop-nav a[href="/contact.html"]{
  font-family:"Inter",Arial,sans-serif !important;
  font-weight:700 !important;
}

/* Contact hero accent — exact homepage "concept to routine supply." burgundy */
html body .contact-hero-site-match h1.unified-page-title > span.contact-together-accent,
html body .about-hero-copy h1.unified-page-title > span.contact-together-accent{
  color:var(--anarbio-velvet-burgundy) !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}


/* ==========================================================
   Site search — compact nav trigger + polished search overlay
========================================================== */
.desktop-nav .site-search-toggle{
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin-left:5px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-left:1px solid rgba(32,36,42,.12);
  background:transparent;
  color:var(--ink,#20242a);
  cursor:pointer;
}
.desktop-nav .site-search-toggle svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;
}
.desktop-nav .site-search-toggle:hover{color:var(--anarbio-velvet-burgundy,#7b0f1e)}
body.search-open{overflow:hidden}

.site-search-overlay{
  position:fixed;inset:0;z-index:9999;
  visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.site-search-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}
.site-search-backdrop{position:absolute;inset:0;background:rgba(19,22,27,.38);backdrop-filter:blur(5px)}
.site-search-panel{
  position:relative;
  width:min(920px,calc(100% - 40px));
  max-height:min(720px,calc(100vh - 70px));
  margin:35px auto 0;
  padding:30px;
  overflow:auto;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(32,36,42,.1);
  border-radius:18px;
  box-shadow:0 28px 80px rgba(20,22,27,.18);
  transform:translateY(-12px);
  transition:transform .22s ease;
}
.site-search-overlay.is-open .site-search-panel{transform:translateY(0)}
.site-search-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.site-search-eyebrow{display:block;margin-bottom:7px;color:var(--anarbio-velvet-burgundy,#7b0f1e);font-size:.7rem;font-weight:800;letter-spacing:.14em}
.site-search-panel h2{margin:0;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.1;letter-spacing:-.03em}
.site-search-close{border:0;background:transparent;font-size:2rem;line-height:1;color:#626872;cursor:pointer;padding:0 4px}
.site-search-form{
  height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;
  border:1px solid rgba(32,36,42,.18);border-radius:10px;background:#fff;
  box-shadow:0 8px 25px rgba(32,36,42,.05);
}
.site-search-form:focus-within{border-color:rgba(123,15,30,.55);box-shadow:0 0 0 3px rgba(123,15,30,.08)}
.site-search-form svg{width:21px;height:21px;fill:none;stroke:#69707a;stroke-width:1.8;stroke-linecap:round;flex:none}
.site-search-form input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font:inherit;font-size:1rem!important;color:#20242a;padding:0!important}
.site-search-status{padding:17px 2px 10px;color:#777e87;font-size:.82rem}
.site-search-results{display:grid;gap:7px}
.site-search-result{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:15px 16px;border:1px solid rgba(32,36,42,.08);border-radius:10px;
  color:#20242a;text-decoration:none;background:#fff;transition:.16s ease;
}
.site-search-result:hover{border-color:rgba(123,15,30,.28);transform:translateY(-1px);box-shadow:0 8px 22px rgba(32,36,42,.055)}
.site-search-result span{display:grid;gap:3px}
.site-search-result strong{font-size:.94rem;font-weight:700}
.site-search-result small{font-size:.78rem;color:#747b84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}
.site-search-result b{font-size:1.1rem;color:var(--anarbio-velvet-burgundy,#7b0f1e)}
@media(max-width:900px){.desktop-nav .site-search-toggle{display:none}}
@media(max-width:600px){
  .site-search-panel{width:calc(100% - 24px);margin-top:12px;padding:22px 18px;border-radius:14px}
  .site-search-form{height:54px}
}


/* Company dropdown — make Our Partners title match the other menu headings */
html body .desktop-nav .nav-dropdown a[href*="partners"] strong,
html body .desktop-nav .nav-dropdown a[href*="partners"] .nav-dropdown-title,
html body .desktop-nav .nav-dropdown a[href*="partners"]{
  font-weight:700 !important;
}


/* Navigation dropdown consistency */
html body .desktop-nav .nav-dropdown a[href*="manufacturing"] ,
html body .desktop-nav .nav-dropdown a[href*="manufacturing"] *,
html body .desktop-nav .nav-dropdown a[href*="#capabilities"],
html body .desktop-nav .nav-dropdown a[href*="#capabilities"] *,
html body .desktop-nav .nav-dropdown a[href*="#stability"],
html body .desktop-nav .nav-dropdown a[href*="#stability"] *,
html body .desktop-nav .nav-dropdown a[href*="#deliverables"],
html body .desktop-nav .nav-dropdown a[href*="#deliverables"] *{
  font-weight:700 !important;
}

html body .desktop-nav .nav-dropdown a[href*="partners"],
html body .desktop-nav .nav-dropdown a[href*="partners"] *{
  font-weight:700 !important;
}


/* FINAL: Company dropdown Our Partners title — identical weight to sibling titles */
html body nav.desktop-nav .nav-dropdown a.our-partners-nav-bold,
html body nav.desktop-nav .nav-dropdown a.our-partners-nav-bold *,
html body .nav-dropdown .our-partners-nav-bold,
html body .nav-dropdown .our-partners-nav-bold *{
  font-weight:700 !important;
}


/* Homepage + Products footer color normalization — match standard site footer */
html body.home-page footer.site-footer,
html body.products-page footer.site-footer,
html body.home-page .site-footer,
html body.products-page .site-footer{
  color:#aeb0b4 !important;
}

html body.home-page .site-footer a,
html body.products-page .site-footer a,
html body.home-page .site-footer p,
html body.products-page .site-footer p,
html body.home-page .site-footer li,
html body.products-page .site-footer li{
  color:#aeb0b4 !important;
}

html body.home-page .site-footer h2,
html body.home-page .site-footer h3,
html body.home-page .site-footer h4,
html body.products-page .site-footer h2,
html body.products-page .site-footer h3,
html body.products-page .site-footer h4,
html body.home-page .site-footer .footer-title,
html body.products-page .site-footer .footer-title,
html body.home-page .site-footer strong,
html body.products-page .site-footer strong{
  color:#f2f2f2 !important;
}

html body.home-page .site-footer a:hover,
html body.products-page .site-footer a:hover{
  color:#ffffff !important;
}