/* =============================================================
   BUSINESS EXCELLENCE DRIVERS — Chapter page styles
   Follows PAGE-STYLE-HANDOVER.md type/spacing/colour system.
   ============================================================= */

* , *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #0a1628;
  color: #ffffff;
  font-family: "proxima-nova", "Proxima Nova", Arial, sans-serif;
  overflow-x: hidden;
}

/* ── Header always fixed + solid on inner pages ── */
.site-header {
  position: fixed !important;
  top: 0 !important;
  transform: translateY(0) !important;
}
.site-header .nav-bar {
  background: var(--navy-glass, rgba(4, 14, 32, 0.96)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
  box-shadow: 0 4px 24px -8px rgba(0,0,0,0.55);
}
.site-header .utility-bar { background: rgba(4, 14, 26, 0.92) !important; }

.nav-bar__inner .brand__logo--vedanta,
.nav-bar__inner .brand__divider { display: block !important; }
.nav-actions .tts-toggle,
.nav-actions .saver-toggle { display: flex !important; }
@media (max-width: 480px) {
  .brand__logo--vedanta { width: 80px !important; }
  .brand__logo--hzl     { width: 85px !important; height: auto !important; }
  .brand__divider       { height: 28px !important; }
  .tts-toggle           { font-size: 11px !important; }
  .saver-toggle__label  { display: none !important; }
}
@media (max-width: 360px) {
  .brand__logo--vedanta { width: 65px !important; }
  .brand__logo--hzl     { width: 70px !important; }
}

/* ── Page wrapper ── */
.bed-page { padding-top: calc(var(--header-h, 76px) + 16px); position: relative; }

/* ── Breadcrumb (in-flow, matches all other pages) ── */
.bed-breadcrumb {
  position: static;
  width: 100%;
  background: transparent;
  pointer-events: auto;
}
.bed-breadcrumb__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(2rem, 8vw, 7rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  pointer-events: auto;
}
.bed-breadcrumb__item {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: normal;
}
.bed-breadcrumb__item:hover { color: #7fb942; }
.bed-breadcrumb__sep {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  padding: 0 12px;
  user-select: none;
}
.bed-breadcrumb__item--active {
  color: rgba(255,255,255,0.75);
  pointer-events: none;
  white-space: normal;
}

/* ══════════════════════════════════════
   HERO BANNER — mirrors environmental/index.html
══════════════════════════════════════ */
.bed-hero {
  position: relative;
  height: auto;
  overflow: hidden;
  background: #061525;
  padding-bottom: 40px;
}

.bed-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(6,21,37,0.90) 0%, rgba(6,21,37,0.60) 50%, rgba(6,21,37,0.75) 100%),
    linear-gradient(to bottom, rgba(6,21,37,0.2) 0%, rgba(6,21,37,0.85) 100%);
  pointer-events: none;
}

/* Animations */
@keyframes bedSlideLeft  { 0% { opacity: 0; transform: translateX(-80px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes bedSlideRight { 0% { opacity: 0; transform: translateX(80px);  } 100% { opacity: 1; transform: translateX(0); } }
@keyframes bedFadeUp     { 0% { opacity: 0; transform: translateY(28px);  } 100% { opacity: 1; transform: translateY(0); } }

/* Grid layout: headline alone on top row, takeaway + image on second row */
.bed-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 58% 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "headline ."
    "takeaway image";
  padding: 40px clamp(2rem, 8vw, 7rem) 20px;   /* match env-hero__inner */
  gap: 28px 48px;
}

.bed-hero__text {
  grid-area: headline;
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: bedSlideLeft 0.9s cubic-bezier(0.22,1,0.36,1) 0.2s both;
}

.bed-banner-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.bed-banner-icon {
  width: 25px;
  height: 70px;
  display: block;
  flex: none;
}
.bed-banner-name {
  font-family: 'League Gothic', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0;
  margin-left: -29px;
  text-transform: uppercase;
  color: #ffffff;
}

.bed-section-heading {
  font-family: 'League Gothic', sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
  background: linear-gradient(90deg, #0069aa 0%, #72bf44 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Inside the hero, the title is BIG and WHITE (matches env-banner-text__main) */
.bed-hero .bed-section-heading {
  /* font-size: clamp(28px, 3.6vw, 48px); */
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.01em;
  color: #ffffff;
  background: none;
  /* display: flex; */
  /* gap:20px; */
  /* align-items: center; */
  -webkit-text-fill-color: #ffffff;
  margin-bottom: 8px;-webkit-text-fill-color: transparent;
    color: rgb(0, 105, 170);
    margin-bottom: 19px;
    background: linear-gradient(90deg, rgb(0, 105, 170) 0%, rgb(114, 191, 68) 100%) text;
}

/* Right: image, sits in second row next to takeaway */
.bed-hero__img-wrap {
  grid-area: image;
  grid-column: 2;
  grid-row: 2;
  align-self: stretch;
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  animation: bedSlideRight 1s cubic-bezier(0.22,1,0.36,1) 0.15s both;
}
.bed-hero__img,
.bed-hero__img-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 12px;
}

/* Takeaway under headline */
.bed-hero__takeaway {
  grid-area: takeaway;
  animation: bedFadeUp 0.9s cubic-bezier(0.22,1,0.36,1) 0.45s both;
}

/* ── Hero responsive ── */
@media (max-width: 1024px) { .bed-hero__inner { grid-template-columns: 55% 1fr; padding-top: 40px; } }
@media (max-width: 900px) {
  .bed-hero__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "headline"
      "takeaway"
      "image";
    padding: 20px 20px 50px;
    gap: 24px;
  }
  .bed-hero__img-wrap { grid-area: image !important; align-self: start; height: auto; min-height: 0; aspect-ratio: 4 / 3; width: 100%; }
}
@media (max-width: 480px) {
  .bed-hero__inner   { padding: 16px 16px 40px; }
  .bed-section-heading { font-size: 28px; }
}

/* ══════════════════════════════════════
   BEAMS INTRO — big text, words light up on scroll
   (mirrors environmental/index.html env-beams-section)
══════════════════════════════════════ */
.bed-beams-section {
  position: relative;
  width: 100%;
  background: transparent;
  padding: 60px 0 40px;        /* breathing room above and below beams text */
  margin: 0;
}
.bed-beams-content {
  position: relative;
  z-index: 10;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(2rem, 8vw, 7rem);
  text-align: left;
}
.bed-beams-text {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
}
.bed-beams-text p { margin: 0 0 28px 0; }
.bed-beams-text p:last-child { margin-bottom: 0; }

/* Word spans — dim by default, light up on scroll */
.bed-word {
  display: inline;
  opacity: 0.10;
  transition: opacity 0.25s ease;
}
.bed-word.lit { opacity: 1; }

@media (max-width: 768px) {
  .bed-beams-section { padding: 30px 0; }
  .bed-beams-text    { font-size: 18px; line-height: 1.75; }
  .bed-beams-text p  { margin-bottom: 20px; }
}

/* Below-hero intro lede + content shell */
.bed-body-wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px clamp(2rem, 8vw, 7rem) 10px;
}
.bed-body-wrap .bed-banner-row { margin-bottom: 20px; }
.bed-body-wrap .bed-section-heading { margin-top: 0; }

.bed-intro {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255,255,255,0.85);
  margin-top: 25px;
}
.bed-intro p { margin-bottom: 19px; }
.bed-intro p:last-child { margin-bottom: 0; }

.bed-intro-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 40px;
  margin-top: 25px;
  align-items: start;
}
@media (max-width: 900px) {
  .bed-intro-grid { grid-template-columns: 1fr; gap: 28px; }
}

/* ══════════════════════════════════════
   KEY TAKEAWAY CARD (matches climate-action style)
══════════════════════════════════════ */
.bed-takeaway-outer { position: relative; display: block; }
.bed-takeaway-shadow {
  position: absolute;
  inset: 0;
  transform: translate(7px, 7px);
  background: linear-gradient(90deg, #0069aa 0%, #72bf44 100%);
  opacity: 0.30;
  z-index: 0;
}
.bed-takeaway {
  padding: 36px 40px;
  background: #081C33;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s cubic-bezier(0.22,1,0.36,1);
}
.bed-takeaway:hover {
  transform: translateY(-10px) scale(1.015);
  box-shadow: 0 24px 60px rgba(0,105,170,0.25), 0 8px 24px rgba(0,0,0,0.4);
}
.bed-takeaway::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1.5px;
  background: linear-gradient(90deg, #0069aa 0%, #72bf44 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.bed-takeaway__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 18px;
  position: relative;
}
.bed-takeaway__header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -40px;
  right: -40px;
  height: 1.5px;
  background: linear-gradient(90deg, #0069aa 0%, #72bf44 100%);
}
.bed-takeaway__heading {
  font-family: 'League Gothic', sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  background: linear-gradient(90deg, #0069aa 0%, #72bf44 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bed-takeaway__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bed-takeaway__list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(232, 237, 242, 0.90);
  letter-spacing: 0;
}
.bed-takeaway__list li strong { color: #ffffff; font-weight: 700; }

/* ══════════════════════════════════════
   CONTENT BLOCK — body wrap with sections
══════════════════════════════════════ */
.bed-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(2rem, 8vw, 7rem) 40px;
}

.bed-head--blue {
  font-size: clamp(19px, 1.55vw, 28px);

  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #0069aa;
  margin-top: 25px;
  margin-bottom: 8px;
}
.bed-head--purple {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  color: #6c3f99;
  margin-top: 25px;
  margin-bottom: 8px;
}

/* White sentence-case subhead — used under blue UPPERCASE headings */
.bed-init-subhead {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #6c3f99;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 12px;
}
.bed-content > .bed-head--blue:first-child,
.bed-content > .bed-head--purple:first-child { margin-top: 0; }

.bed-p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: #fff;
  margin-bottom: 19px;
}
.bed-p strong { color: #fff; font-weight: 700; }

/* Footnote / legend variant — small, muted, theme-aware */
.bed-note {
  font-size: 12px;
  color: #fff;
  line-height: 1.6;
}
.bed-note strong { color: #fff; }

/* ── Square blue bullets, 8px gap ── */
.bed-list {
  list-style: none;
  padding: 0;
  margin: 0 0 19px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bed-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.bed-list li strong { color: #fff; font-weight: 700; }
.bed-list li::before {
  content: '';
  width: 7px;
  height: 7px;
  min-width: 7px;
  background: #0069aa;
  border-radius: 0;
  margin-top: 8px;
  flex-shrink: 0;
}

/* ══════════════════════════════════════
   HZL 2.0 TECHNOLOGIES — title row + slider (3 visible)
══════════════════════════════════════ */
.bed-hzl2-section {
  max-width: 1440px;
  margin: 0 auto;
  padding: 30px clamp(2rem, 8vw, 7rem) 30px;
}

/* Title row: "Digital Technologies Advancing"  ─────  HZL 2.0 */
.bed-hzl2-titlerow {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 32px;
  padding-bottom: 8px;
  flex-wrap: nowrap;
  max-width: 310px;
}
.bed-hzl2-titlerow__line {
  flex: 1 1 auto;
  min-width: 40px;
  height: 2px;
  background: #e0bd6c;
  margin-bottom: 8px;
    margin-left: -30px;
}
@media (max-width: 560px) {
  .bed-hzl2-titlerow { align-items: center; gap: 12px; }
  .bed-hzl2-titlerow__line { margin-bottom: 16px; min-width: 24px; }
}

/* Slider container, viewport and track */
.bed-hzl2-slider { position: relative; }
.bed-hzl2-viewport { overflow: hidden; }
.bed-hzl2-track {
  display: flex;
  gap: 28px;
  transition: transform 0.55s cubic-bezier(0.22,1,0.36,1);
  will-change: transform;
}
.bed-hzl2-slide {
  flex: 0 0 calc((100% - 56px) / 3);   /* 3 visible, 28px gap × 2 = 56px */
  min-width: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) { .bed-hzl2-slide { flex: 0 0 calc((100% - 28px) / 2); } }
@media (max-width:  640px) { .bed-hzl2-slide { flex: 0 0 100%; } }

/* Slider nav row — dots left, arrows right */
.bed-hzl2-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding: 0 2px;
}

/* Dots */
.bed-hzl2-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bed-hzl2-dot {
  width: 28px;
  height: 8px;
  border-radius: 4px;
  background: rgba(255,255,255,0.2);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background 0.3s, width 0.3s;
}
.bed-hzl2-dot.active {
  background: #0069aa;
  width: 40px;
}

/* Arrows — match env-egraph-arrow look */
.bed-hzl2-arrows {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 5;            /* keep clicks above any decorative layer */
}
.bed-hzl2-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;                              /* square w/ rounded corners */
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.15);
  color: #ffffff;
  cursor: pointer;
  padding: 0;
  position: relative;
  z-index: 1;
  transition: background 0.25s, border-color 0.25s, transform 0.2s, opacity 0.2s;
}
.bed-hzl2-arrow:hover:not(:disabled) {
  background: rgba(0,105,170,0.3);
  border-color: #0069aa;
  transform: scale(1.08);
}
.bed-hzl2-arrow:disabled { opacity: 0.3; cursor: not-allowed; transform: none; }
.bed-hzl2-arrow svg { width: 18px; height: 18px; pointer-events: none; }
.bed-hzl2-arrow * { pointer-events: none; }          /* SVG paths can't swallow clicks */

/* ── Left column: heading block + AI/ML lead card ── */
.bed-hzl2-left { display: flex; flex-direction: column; gap: 28px; }

.bed-hzl2-eyebrow {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #0069aa;
  line-height: 1.25;
  max-width: 14ch;
}

.bed-hzl2-title {
  font-family: 'League Gothic', sans-serif;
  font-size: clamp(44px, 4.8vw, 50px);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.01em;
  background: linear-gradient(90deg, #0069aa 0%, #3d4aa8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-top: 4px;
  display: inline-block;
  padding-right: 14px;        /* room for italic right-side overhang */
  overflow: visible;
}

/* Slide card content — same as old lead/card style */
.bed-hzl2-slide {
  padding-bottom: 4px;
}
.bed-hzl2-slide .bed-hzl2-cat {
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: #6c3f99;
  margin-bottom: 8px;
  line-height: 1.4;
}
.bed-hzl2-slide .bed-hzl2-head {
      font-size: clamp(19px, 1.55vw, 28px);
  font-weight: 700;
  color: #0069aa;
  line-height: 1.25;
  margin-bottom: 8px;
}
.bed-hzl2-slide .bed-hzl2-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
}
.bed-hzl2-slide .bed-hzl2-divider {
  margin-top: auto;
}

/* (legacy headrow/lead kept for safety) */
.bed-hzl2-headrow { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.bed-hzl2-lead { padding-bottom: 4px; display: flex; flex-direction: column; height: 100%; }
.bed-hzl2-lead .bed-hzl2-cat {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #6c3f99;
  margin-bottom: 8px;
  line-height: 1.4;
}
.bed-hzl2-lead .bed-hzl2-head {
  font-size: 18px;
  font-weight: 700;
  color: #0069aa;
  line-height: 1.25;
  margin-bottom: 8px;
}
.bed-hzl2-lead .bed-hzl2-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
}

/* ── Right column: 3×2 cards ── */
.bed-hzl2-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px 28px;
}
@media (max-width: 900px) { .bed-hzl2-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bed-hzl2-cards { grid-template-columns: 1fr; } }

.bed-hzl2-card {
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bed-hzl2-card .bed-hzl2-cat {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #6c3f99;
  margin-bottom: 8px;
  line-height: 1.4;
}
.bed-hzl2-card .bed-hzl2-head {
  font-size: 18px;
  font-weight: 700;
  color: #0069aa;
  line-height: 1.25;
  margin-bottom: 8px;
}
.bed-hzl2-card .bed-hzl2-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
}

/* ── Orange + blue split divider — pinned to bottom of each card ── */
.bed-hzl2-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;     /* push to bottom of flex column */
  padding-top: 18px;    /* spacing above the line */
}
.bed-hzl2-divider::before {
  content: '';
  flex: 0 0 56px;
  height: 2px;
  background: #f47b20;
}
.bed-hzl2-divider::after {
  content: '';
  flex: 1;
  height: 2px;
  background: #0069aa;
}

/* ══════════════════════════════════════
   TECH GRID — used by Digitalisation page
══════════════════════════════════════ */
.bed-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 14px;
  margin-bottom: 19px;
}
@media (max-width: 900px) {
  .bed-tech-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .bed-tech-grid { grid-template-columns: 1fr; }
}
.bed-tech-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 22px 22px 24px;
  border-radius: 6px;
  transition: background 0.25s, border-color 0.25s, transform 0.25s;
}
.bed-tech-card:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(114,191,68,0.4);
  transform: translateY(-3px);
}
.bed-tech-card__cat {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #7fb942;
  margin-bottom: 8px;
}
.bed-tech-card__head {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #6c3f99;
  margin-bottom: 10px;
  line-height: 1.3;
}
.bed-tech-card__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255,255,255,0.82);
}

/* ══════════════════════════════════════
   LEVERAGED AI — Tech invested + Benefits (PDF-style)
   Row-based: each tech block aligns with its own benefits
══════════════════════════════════════ */
.bed-leveraged-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  column-gap: 60px;
  row-gap: 36px;
  margin: 8px 0 24px;
  align-items: stretch;   /* both columns share a row height */
  position: relative;
  overflow: hidden;       /* clips the green tag line at the right grid edge */
}
.bed-leveraged-grid > .bed-leveraged-colhead {
  grid-column: 1 / -1;   /* span both cols so subsequent rows auto-place correctly */
  align-self: start;
}
@media (max-width: 900px) {
  .bed-leveraged-grid { grid-template-columns: 1fr; column-gap: 0; }
  .bed-leveraged-sep,
  .bed-leveraged-sep-track { display: none; }
}

/* Vertical separator removed per design */
.bed-leveraged-sep-track { display: none; }

.bed-leveraged-colhead {
    font-size: clamp(19px, 1.55vw, 28px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #e0bd6c;
  margin-bottom: 4px;
}

/* Standalone tech block (auto-placed in col 1) — stretches to row height */
.bed-leveraged-grid > .bed-tech-block {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  /* overflow visible — the green line escapes the column and runs through to the benefits area, clipped only at the grid's right edge */
}
/* Standalone benefit group (auto-placed in col 2) */
.bed-leveraged-grid > .bed-benefit-group { grid-column: 2; }

/* Inline "Benefits" label that sits inside the first benefit-group,
   so it appears above the first row's green line (not as a top column header). */
.bed-benefit-group__label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 0;
}

/* Benefit group — multiple benefits stacked, aligned with its tech block.
   The padding-top offset matches the tech-block tag height so the first
   benefit title aligns with the tech-block heading (not with the green tag). */
.bed-benefit-group {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-top: 50px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
/* When the matching tech-block has no green tag, skip the tag-height offset
   so the first benefit aligns with the tech-block's heading at the top. */
.bed-benefit-group.bed-benefit-group--notag { padding-top: 0; }

/* ── (legacy outer wrappers, kept for back-compat) ── */
.bed-leveraged-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.bed-tech-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bed-tech-block__tag {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  align-self: flex-start;
  padding: 7px 16px;
  background: #7fb942;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  border-radius: 0;
  min-width: 240px;
}
/* Cinematic: keep the green pill's text white (the shared rule turns spans dark) */
body.energy-saver .bed-tech-block__tag {
  color: #ffffff !important;
}
.bed-tech-block__tag::after {
  content: '';
  position: absolute;
  left: calc(100% + 14px);   /* start just to the right of the pill */
  top: 50%;
  width: 9999px;             /* will be clipped at the column edge */
  height: 1.5px;
  background: #7fb942;       /* solid green, edge to edge */
  transform: translateY(-50%);
  pointer-events: none;
}
.bed-tech-block__head {
  font-size: 18px;
  font-weight: 700;
  color: #6c3f99;
  line-height: 1.3;
  margin: 0;
}
.bed-tech-block__body {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bed-tech-block__body p { margin: 0; }

/* ── Right column: benefit blocks ── */
.bed-leveraged-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bed-benefit-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bed-benefit-block__title {
  font-size: 18px;
  font-weight: 700;
  color: #0069aa;
  line-height: 1.25;
}
.bed-benefit-block__stat {
  font-family: "proxima-nova", "Proxima Nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: #0069aa;
  letter-spacing: 0;
}
.bed-benefit-block__line { display: none; }   /* legacy inline divider, replaced by border-bottom */
.bed-benefit-block__sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
}

/* ══════════════════════════════════════
   STAT GRID (FY2026 outcomes)
══════════════════════════════════════ */
.bed-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 8px 0 19px;
}
@media (max-width: 768px) { .bed-stat-grid { grid-template-columns: 1fr; } }

.bed-stat-card {
  background: rgba(0,105,170,0.06);
  border: 1px solid rgba(0,105,170,0.3);
  padding: 24px 26px;
  border-radius: 6px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bed-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,105,170,0.18);
}
.bed-stat-card__num {
  font-family: 'League Gothic', sans-serif;
  font-size: clamp(34px, 3.3vw, 52px);
  line-height: 1;
  color: #ffffff;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.bed-stat-card__num span {
  font-size: 31px;
  margin-left: 4px;
}
.bed-stat-card__text {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.85);
}

/* ══════════════════════════════════════
   CERTIFICATION / SIMPLE TABLE
══════════════════════════════════════ */
.bed-table-wrap {
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  overflow: hidden;
  margin: 8px 0 19px;
}
.bed-table {
  width: 100%;
  border-collapse: collapse;
}
.bed-table th {
  background: rgba(0,105,170,0.15);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: left;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.bed-table.bedtbleth-orng th{
  background-color: #f47b20;
}
/* Keep the orange header with white text in every mode (cinematic / energy-saver / light override it otherwise) */
body.energy-saver .bed-table.bedtbleth-orng th,
body.cinematic .bed-table.bedtbleth-orng th,
.is-saver .bed-table.bedtbleth-orng th,
html.is-saver .bed-table.bedtbleth-orng th {
  background-color: #f47b20 !important;
  color: #ffffff !important;
}
.bed-table td {
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  vertical-align: top;
}
.bed-table tr:last-child td { border-bottom: none; }
.bed-table td:first-child { color: #fff; font-weight: 700; width: 38%; }

/* ══════════════════════════════════════
   IMAGE PLACEHOLDER
══════════════════════════════════════ */
.bed-img-wrap {
  width: 100%;
  margin: 8px 0 30px;
}
.bed-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.bed-img-wrap.imgmax450 img {
  max-width: 450px;
}
.bed-placeholder {
  width: 100%;
  aspect-ratio: 16 / 7;
  background: linear-gradient(135deg, #0c2542 0%, #103155 100%);
  border: 1px dashed rgba(127,185,66,0.4);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.45);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 8px 0 19px;
}

/* ══════════════════════════════════════
   INITIATIVE / RECOVERY BLOCK
══════════════════════════════════════ */
.bed-init-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 30px;
  align-items: center;
  margin: 15px 0 40px;
}
@media (max-width: 900px) { .bed-init-grid { grid-template-columns: 1fr; } }

.bed-init-impact {
  background: rgba(108,63,153,0.10);
  border-left: 3px solid #6c3f99;
  padding: 22px 24px;
  border-radius: 0 6px 6px 0;
}

/* ── Initiative list (Recovery / Waste-to-Wealth) — clean, no box ── */
.bed-initbox {
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.bed-initbox__heading {
  display: block;
      font-size: clamp(19px, 1.55vw, 28px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #0069aa;
  margin: 0 0 14px;
  padding: 0;
  border: none;
}
.bed-initbox__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bed-initbox__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.65;
  color: #fff;
}
.bed-initbox__list li::before {
  content: '';
  width: 7px;
  height: 7px;
  min-width: 7px;
  background: #0069aa;        /* blue square bullet, matches site bullets */
  border-radius: 0;
  margin-top: 8px;
  flex-shrink: 0;
}
.bed-initbox__list li strong {
  color: #fff;
  font-weight: 700;
}
.bed-init-impact__label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #7fb942;
  margin-bottom: 8px;
}
.bed-init-impact__text {
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}
.bed-init-impact__text strong { color: #fff; font-weight: 700; }

/* ══════════════════════════════════════
   R&D COLLABORATION CARDS
══════════════════════════════════════ */
.bed-rdcollab-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 8px 0 19px;
}
.bed-rdcollab {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  padding: 24px;
  border: 1.5px solid rgba(0,105,170,0.45);
  border-radius: 6px;
  background: rgba(255,255,255,0.02);
  align-items: start;
}
.bed-rdcollab__logo {
  width: 140px;
  height: 140px;
  background: transparent;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0;
}
.bed-rdcollab__logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.bed-rdcollab__body { min-width: 0; }
.bed-rdcollab__name {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #ffffff;
  line-height: 1.35;
  margin: 0 0 12px;
}
/* Lighter, larger variant for collaborator names */
.bed-rdcollab__name--reg {
  font-size: 16px;
  font-weight: 400;
}
.bed-rdcollab__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bed-rdcollab__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.85);
}
.bed-rdcollab__list li::before {
  content: '';
  width: 7px;
  height: 7px;
  min-width: 7px;
  background: #0069aa;
  border-radius: 0;
  margin-top: 7px;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .bed-rdcollab { grid-template-columns: 92px 1fr; gap: 16px; padding: 18px; }
  .bed-rdcollab__logo { width: 92px; height: 92px; padding: 8px; }
}

/* ══════════════════════════════════════
   R&D HIGHLIGHTS / KPI BOXES (Innovation)
══════════════════════════════════════ */
.bed-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 8px 0 19px;
}
@media (max-width: 900px) { .bed-kpi-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .bed-kpi-grid { grid-template-columns: 1fr; } }
.bed-kpi {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 22px 18px;
  text-align: center;
  border-radius: 6px;
}
.bed-kpi__num {
  font-family: 'League Gothic', sans-serif;
  font-size: 50px;
  line-height: 1;
  color: #7fb942;
  margin-bottom: 8px;
}
.bed-kpi__label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: rgba(255,255,255,0.85);
  line-height: 1.35;
}

/* ══════════════════════════════════════
   SECTION NAV (bottom of every page)
══════════════════════════════════════ */
.bed-secnav {
  max-width: 1440px;
  /* margin: 0 auto 60px;
  padding: 0 clamp(2rem, 8vw, 7rem); */
  padding-bottom: 60px;
  padding-left: clamp(2rem, 8vw, 7rem); 
  
}
.bed-secnav__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.bed-secnav__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.25s, border-color 0.25s, transform 0.25s;
}
.bed-secnav__card:hover {
  background: rgba(255,255,255,0.07);
  border-color: rgba(114,191,68,0.5);
  transform: translateY(-3px);
}
.bed-secnav__card--active {
  border-color: #72bf44;
  background: rgba(114,191,68,0.06);
}
.bed-secnav__label {
  font-family: "proxima-nova", "Proxima Nova", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1.3;
}
.bed-secnav__arrow {
  flex-shrink: 0;
  color: #72bf44;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 1100px) { .bed-secnav__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .bed-secnav__grid { grid-template-columns: 1fr; } }

/* ── Back to top ── */
.bed-back-wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 12px clamp(2rem,5vw,5rem) 28px;
  display: flex;
  justify-content: flex-end;
}
.bed-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1.5px solid #72bf44;
  color: #72bf44;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 10px 22px;
  cursor: pointer;
  border-radius: 0;
  transition: background 0.2s, color 0.2s;
}
.bed-back-btn:hover { background: #72bf44; color: #081C33; }

/* ── Scroll reveal ── */
.bed-reveal {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22,1,0.36,1);
}
.bed-reveal.revealed {
  opacity: 1;
  transform: translateX(0);
}

/* ══════════════════════════════════════
   RESPONSIVE — Tablet & Mobile
══════════════════════════════════════ */

/* Tablet ≤ 1024px */
@media (max-width: 1024px) {
  .bed-hzl2-section { padding: 24px clamp(1.5rem, 6vw, 5rem); }
  .bed-hzl2-grid    { gap: 28px; }
  .bed-leveraged-grid { column-gap: 36px; }
}

/* Tablet portrait & big mobile ≤ 900px */
@media (max-width: 900px) {
  /* Hero collapses already handled — tighten paddings */
  .bed-hero__inner { padding: 16px 20px 40px; }
  .bed-hero__img-wrap { aspect-ratio: 4 / 3; }

  /* HZL 2.0 title shrinks */
  .bed-hzl2-title    { font-size: clamp(38px, 6vw, 56px); }
  .bed-hzl2-headrow  { padding-bottom: 6px; }

  /* Leveraged AI grid stacks: tech-block on top, benefit-group below */
  .bed-leveraged-grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 0;
    overflow: hidden;
  }
  .bed-leveraged-grid > .bed-leveraged-colhead { grid-column: 1; margin-bottom: 8px; }
  .bed-leveraged-grid > .bed-tech-block,
  .bed-leveraged-grid > .bed-benefit-group { grid-column: 1; }

  /* Bottom dividers stay on the tech-block, drop them between tech & benefit
     within the same row since benefit-group sits right below */
  .bed-leveraged-grid > .bed-tech-block {
    border-bottom: none;
    padding-bottom: 16px;
  }
  .bed-leveraged-grid > .bed-benefit-group {
    padding-top: 0;          /* no tag offset when stacked */
    padding-bottom: 22px;
  }

  /* Green line still extends across full width on mobile */
  .bed-tech-block__tag::after { left: calc(100% + 12px); }
}

/* Phone ≤ 768px */
@media (max-width: 768px) {
  .bed-secnav{
    padding: 0 40px 40px;
  }
  .bed-body-wrap { padding: 120px 20px 30px; }
  .bed-content   { padding: 0 20px 30px; }
  .bed-takeaway  { padding: 20px 22px; }
  /* match the divider line to the reduced box padding so it doesn't overhang */
  .bed-takeaway__header::after { left: -22px; right: -22px; }

  .bed-hzl2-section { padding: 16px 20px; }
  .bed-leveraged-grid { row-gap: 16px; }

  /* Benefit group label sits flush to top in stacked mode */
  .bed-benefit-group__label { margin-bottom: 10px; font-size: 13px; }

  /* Tighter tech card grid gaps */
  .bed-tech-grid    { grid-template-columns: 1fr 1fr; gap: 14px; }

  /* Stat blocks readable */
  .bed-stat-card__num { font-size: 36px; }
}

/* Small phone ≤ 480px */
@media (max-width: 480px) {
  .bed-body-wrap { padding: 110px 16px 24px; }
  .bed-content   { padding: 0 16px 24px; }
  .bed-section-heading { font-size: 28px; }

  .bed-hero__inner { padding: 16px 16px 32px; gap: 18px; }
  .bed-hzl2-section { padding: 12px 16px; }
  .bed-hzl2-title { font-size: 40px; }

  /* Tech tag wraps if very long */
  .bed-tech-block__tag { font-size: 12px; padding: 6px 12px; }

  /* Cards & tables remain readable */
  .bed-tech-grid    { grid-template-columns: 1fr; }
  .bed-table th,
  .bed-table td     { padding: 10px 12px; font-size: 13px; }
}

/* Very small phone ≤ 360px */
@media (max-width: 360px) {
  .bed-section-heading { font-size: 24px; }
  .bed-hzl2-title      { font-size: 34px; }
  .bed-hero__inner     { padding: 16px 14px 28px; }
}

/* ══════════════════════════════════════════════════════════════
   ENERGY SAVER MODE — Light theme (mirrors board-of-directors)
   Triggered when .is-saver is toggled by the header saver btn.
══════════════════════════════════════════════════════════════ */
.is-saver,
.is-saver body,
html.is-saver body {
  /* background: #f4f6f9 !important; */
  color: #fff;
  transition: background 0.4s ease, color 0.4s ease;
}

/* Lighten the fixed header so it reads on the light page */
.is-saver .site-header .nav-bar {
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 4px 24px -10px rgba(10,30,60,0.25);
}
.is-saver .site-header .utility-bar { background: #eef2f7 !important; }
.is-saver .nav-link,
.is-saver .utility-links a,
.is-saver .tts-toggle span,
.is-saver .saver-toggle__label { color: #1c2530 !important; }
.is-saver .nav-link__caret { border-top-color: #1c2530 !important; }

/* Breadcrumb */
.is-saver .bed-breadcrumb__item { color: #6b7585; }
.is-saver .bed-breadcrumb__sep  { color: #aab2bd; }
.is-saver .bed-breadcrumb__item--active { color: #1c2530; }
.is-saver .bed-breadcrumb__item:hover { color: #0069aa; }

/* Hero stays visually dark for impact — body content below switches to light */
.is-saver .bed-content,
.is-saver .bed-body-wrap,
.is-saver .bed-hzl2-section,
.is-saver .bed-beams-section {
   background: #fff; 
   color: #fff; }

/* Beams intro text */
.is-saver .bed-beams-text { color: #0d1b2e; }
.is-saver .bed-word { opacity: 0.18; }
.is-saver .bed-word.lit { opacity: 1; }

/* Paragraphs + bullets */
.is-saver .bed-p,
.is-saver .bed-list li,
.is-saver .bed-initbox__list li { color: #495464; }
.is-saver .bed-p strong,
.is-saver .bed-list li strong,
.is-saver .bed-initbox__list li strong { color: #0d1b2e; }

/* Footnote / legend in light mode — dark muted gray */
.is-saver .bed-note { color: #5a6573; }
.is-saver .bed-note strong { color: #0d1b2e; }

/* Headings */
.is-saver .bed-head--blue,
.is-saver .bed-initbox__heading { color: #0069aa; }
.is-saver .bed-head--purple { color: #6c3f99; }
.is-saver .bed-init-subhead { color: #0d1b2e; }

/* Section heading gradient — keep gold/blue gradient for impact */

/* Tech cards (HZL 2.0) */
.is-saver .bed-hzl2-slide,
.is-saver .bed-hzl2-card,
.is-saver .bed-hzl2-lead { color: #fff; }
.is-saver .bed-hzl2-head { color: #0d1b2e; }
.is-saver .bed-hzl2-desc { color: #495464; }
.is-saver .bed-hzl2-eyebrow { color: #fff; }
.is-saver .bed-hzl2-arrow {
  background: rgba(10,30,60,0.06);
  border-color: rgba(10,30,60,0.18);
  color: #0d1b2e;
}
.is-saver .bed-hzl2-arrow:hover:not(:disabled) {
  background: rgba(0,105,170,0.15);
  border-color: #0069aa;
  color: #0069aa;
}
.is-saver .bed-hzl2-dot { background: rgba(10,30,60,0.18); }
.is-saver .bed-hzl2-dot.active { background: #0069aa; }

/* Generic tech card grid */
.is-saver .bed-tech-card {
  background: #ffffff;
  border-color: rgba(10,30,60,0.10);
}
.is-saver .bed-tech-card__head { color: #0d1b2e; }
.is-saver .bed-tech-card__desc { color: #495464; }
.is-saver .bed-tech-card:hover {
  background: #ffffff;
  border-color: rgba(0,105,170,0.4);
}

/* Leveraged AI section */
.is-saver .bed-tech-block__head { color: #0d1b2e; }
.is-saver .bed-tech-block__body { color: #495464; }
.is-saver .bed-tech-block__body p { color: #495464; }
.is-saver .bed-benefit-block__title,
.is-saver .bed-benefit-block__stat { color: #0d1b2e; }
.is-saver .bed-benefit-block__sub { color: #495464; }

/* Stat cards */
.is-saver .bed-stat-card {
  background: #ffffff;
  border-color: rgba(0,105,170,0.20);
}
.is-saver .bed-stat-card__num { color: #0d1b2e; }
.is-saver .bed-stat-card__text { color: #495464; }
.is-saver .bed-stat-card__text strong { color: #0d1b2e; }

/* KPI tiles */
.is-saver .bed-kpi {
  background: #ffffff;
  border-color: rgba(10,30,60,0.10);
}
.is-saver .bed-kpi__label { color: #0d1b2e; }

/* Tables */
.is-saver .bed-table-wrap {
  background: #ffffff;
  border-color: rgba(10,30,60,0.10);
}
.is-saver .bed-table th {
  background: rgba(0,105,170,0.08);
  color: #0d1b2e;
  border-bottom-color: rgba(10,30,60,0.10);
}
.is-saver .bed-table td {
  color: #495464;
  border-bottom-color: rgba(10,30,60,0.06);
}
.is-saver .bed-table td:first-child { color: #0d1b2e; }

/* R&D collab cards */
.is-saver .bed-rdcollab {
  background: #ffffff;
  border-color: rgba(10,30,60,0.10);
}
.is-saver .bed-rdcollab__name { color: #0d1b2e; }
.is-saver .bed-rdcollab__list li { color: #495464; }

/* Init impact box */
.is-saver .bed-init-impact {
  background: rgba(108,63,153,0.08);
  border-left-color: #6c3f99;
}
.is-saver .bed-init-impact__label { color: #6c3f99; }
.is-saver .bed-init-impact__text { color: #fff; }
.is-saver .bed-init-impact__text strong { color: #0d1b2e; }

/* Section nav */
/* Bottom section nav strip matches the white content area above it in light
   mode (instead of showing the gray page background). Breadcrumb is a separate
   element at the top and is unaffected. */
.is-saver .bed-secnav {
  background: #ffffff;
}
.is-saver .bed-secnav__card {
  background: #ffffff;
  border-color: rgba(10,30,60,0.10);
}
.is-saver .bed-secnav__card:hover { border-color: rgba(0,105,170,0.45); }
.is-saver .bed-secnav__label { color: #0d1b2e; }

/* Back to top button */
.is-saver .bed-back-btn { color: #0069aa; border-color: #0069aa; }
.is-saver .bed-back-btn:hover { background: #0069aa; color: #ffffff; }

/* Row dividers between tech blocks on Leveraged grid */
.is-saver .bed-leveraged-grid > .bed-tech-block { border-bottom-color: rgba(10,30,60,0.08); }
.is-saver .bed-leveraged-grid > .bed-benefit-group { border-bottom-color: rgba(10,30,60,0.08); }

/* Disable motion overhead (same effect as default saver mode) */
.is-saver .bed-reveal { transition-duration: 0.01ms; }

/* ══════════════════════════════════════════════════════════════
   DIGITALISATION & AUTOMATION — content tweaks
   ══════════════════════════════════════════════════════════════ */

/* (1) "Technologies invested in" column header — orange instead of gold/yellow */
.bed-leveraged-colhead--orange { color: #f47b20; }
.is-saver .bed-leveraged-colhead--orange { color: #f47b20; }

/* (3) "Enhanced operational safety" — split colour: blue + white */
.bed-benefit-title--blue  { color: #0069aa; }
.bed-benefit-title--white { color: #ffffff; }
.is-saver .bed-benefit-title--blue  { color: #0069aa; }
.is-saver .bed-benefit-title--white { color: #0d1b2e; }

/* (6) "Refer to the Health & Safety chapter…" note — purple in PDF/print */
.bed-refer-note {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #6c3f99;
}
.bed-refer-note svg { stroke: #6c3f99; }
.bed-refer-note__link {
  color: #6c3f99;
  font-weight: 500;
}
/* Keep it purple in the white/Energy Saver theme too — beat .is-saver .bed-p */
.is-saver .bed-p.bed-refer-note,
.is-saver .bed-refer-note,
.is-saver .bed-refer-note__link { color: #6c3f99; }
.is-saver .bed-refer-note svg { stroke: #6c3f99; }
/* CHANGE TAG: Digitalisation & Automation content tweaks — colhead orange, split benefit title, purple refer note (both themes) */

.changed-icon{
  width:70px;
  margin-bottom: 15px;
}

/* ══════════════════════════════════════════════════════════════
   QUALITY MANAGEMENT — content tweaks
   ══════════════════════════════════════════════════════════════ */

/* (1) Key Takeaway lines that should NOT be bold (regular weight) */
.bed-takeaway__item--regular,
.bed-takeaway__item--regular strong {
  font-weight: 400;
}

/* (4) "Quality Framework Built on Rigour" diagram text colour is set inside the
   SVG file itself (.st22/.st23 fill → #3d7ab8), a mid-tone blue legible on both
   the dark and light/Energy Saver backgrounds. The SVG loads via <img>, so the
   colour can't be themed from here — see the SVG's <style> block. */
/* (5) "Scaling product and service excellence" — two pointers shown as a
   bordered two-cell table, each cell led by a vertical orange tick (PDF style) */
.bed-scaling-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(255,255,255,0.25);
  margin: 8px 0 19px;
}
.bed-scaling-cell {
  position: relative;
  padding: 22px 26px 22px 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
}
body.energy-saver .bed-scaling-cell{
  color: #0c2340;
}
body.energy-saver .bed-scaling-table{
  border: 1px solid #0c2340;
}
body.energy-saver .bed-scaling-cell + .bed-scaling-cell {
    border-left: 1px solid #0c2340;
}
/* vertical orange tick at the start of each cell */
.bed-scaling-cell::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 24px;
  width: 5px;
  height: 18px;
  background: #f47b20;
  border-radius: 1px;
}
/* divider between the two cells */
.bed-scaling-cell + .bed-scaling-cell {
  border-left: 1px solid rgba(255,255,255,0.25);
}
@media (max-width: 640px) {
  .bed-scaling-table { grid-template-columns: 1fr; }
  .bed-scaling-cell + .bed-scaling-cell {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,0.25);
  }
}
/* Light / Energy Saver theme — dark text on the light page.
   Parent-scoped on .bed-scaling-table so it beats `.is-saver .bed-content { color:#fff }`. */
.is-saver .bed-scaling-table { border-color: rgba(10,30,60,0.18); }
.is-saver .bed-scaling-table .bed-scaling-cell { color: #495464; }
.is-saver .bed-scaling-table .bed-scaling-cell + .bed-scaling-cell { border-left-color: rgba(10,30,60,0.18); }
@media (max-width: 640px) {
  .is-saver .bed-scaling-table .bed-scaling-cell + .bed-scaling-cell { border-top-color: rgba(10,30,60,0.18); }
}

/* (6) "FY2026 Quality Outcomes" — whole section inside a purple→teal gradient box.
   The box keeps its dark branded gradient in BOTH themes, so the text is always
   white in both dark and light/Energy Saver mode. All text rules are parent-scoped
   under .bed-outcomes-box so they beat the page-level `.is-saver .bed-content` colour. */
.bed-outcomes-box {
  background: linear-gradient(135deg, #4b2e83 0%, #3f5aa6 45%, #3aa6a0 100%);
  border-radius: 10px;
  padding: 40px clamp(28px, 4vw, 48px);
  margin: 8px 0 24px;
}
.bed-outcomes-box .bed-outcomes-box__heading {
  font-family: 'League Gothic', sans-serif;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0 0 28px;
}
/* Three stats laid out as columns (side by side) */
.bed-outcomes-box .bed-outcomes-box__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.bed-outcomes-box .bed-outcomes-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bed-outcomes-box .bed-outcomes-stat__num {
  font-family: 'League Gothic', sans-serif;
  font-size: clamp(48px, 5vw, 66px);
  line-height: 0.9;
  color: #ffffff;
  letter-spacing: 0;
}
.bed-outcomes-box .bed-outcomes-stat__num span {
  font-size: 0.62em;
  margin-left: 2px;
}
/* Cinematic: keep the "%" white like the number (shared rule turns spans dark) */
/* body.energy-saver .bed-outcomes-box .bed-outcomes-stat__num span {
  color: #ffffff !important;
} */
.bed-outcomes-box .bed-outcomes-stat__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255,255,255,0.92);
  margin: 0;
}
.bed-outcomes-box .bed-outcomes-stat__text strong { color: #ffffff; font-weight: 700; }

/* Columns collapse on smaller screens */
@media (max-width: 768px) {
  .bed-outcomes-box .bed-outcomes-box__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .bed-outcomes-box .bed-outcomes-box__grid { grid-template-columns: 1fr; }
}

/* Light / Energy Saver theme — light gradient box with DARK text.
   Parent-scoped so the global `.is-saver .bed-content { color:#fff }` can't whiten it. */
/* 
.is-saver .bed-outcomes-box .bed-outcomes-box__heading,
.is-saver .bed-outcomes-box .bed-outcomes-stat__num { color: #4b2e83; }
.is-saver .bed-outcomes-box .bed-outcomes-stat__text { color: #495464; }
.is-saver .bed-outcomes-box .bed-outcomes-stat__text strong { color: #0d1b2e; } */
.is-saver .bed-outcomes-box .bed-outcomes-stat__num span { color: #fff !important; } 
/* CHANGE TAG: Quality Management content tweaks — unbold takeaway lines; framework SVG text recoloured both themes; scaling pointers as bordered table (theme-aware text); FY2026 outcomes in 3-col gradient box (dark gradient+light text in dark theme, light gradient+dark text in light theme) */

/* ══════════════════════════════════════════════════════════════
   ASSET OPTIMISATION — content tweaks
   (Change 1 — "Higher asset productivity" not bold — reuses
    .bed-takeaway__item--regular defined above.)
   ══════════════════════════════════════════════════════════════ */

/* (4) "Optimising Mining and Milling Assets" heading — orange */
.bed-head--orange { color: #f47b20; }
.is-saver .bed-head--orange { color: #f47b20; }
/* Keep orange heading orange in cinematic (the bed-head--blue cinematic rule would turn it blue) */
body.energy-saver .bed-head--orange,
body.energy-saver .bed-reveal.revealed .bed-head--orange,
body.cinematic .bed-head--orange {
  color: #f47b20 !important;
}

/* Footnote: muted white in dark, black in cinematic (overrides the inline white) */
body.energy-saver .bed-footnote {
  color: #0c2340 !important;
}

/* (5) Impact label + points in that section — purple */
.bed-init-impact--purple {
  background: linear-gradient(
    90deg,
    #D8EDCA 0%,
    #E8F3E4 25%,
    #F8F8F1 55%,
    #FFFFFF 100%
);
  border-left-color: #d6ecdd;
  box-shadow: 0 8px 18px rgba(12, 37, 64, 0.05);
}
.bed-init-impact--purple .bed-init-impact__label { color: #6c3f99; }
.bed-init-impact--purple .bed-init-impact__text { color: #6c3f99; }
.bed-init-impact--purple .bed-init-impact__text strong { color: #6c3f99; }
.is-saver .bed-init-impact--purple .bed-init-impact__label,
.is-saver .bed-init-impact--purple .bed-init-impact__text,
.is-saver .bed-init-impact--purple .bed-init-impact__text strong { color: #6c3f99; }

/* (8) Asset stability table — gradient first column, orange header cells,
   border only on the right edge, in every mode */
.bed-table-wrap:has(.bed-table--asset) {
  background: #ffffff !important;
  border: none !important;
  border-right: 1px solid rgba(10, 30, 60, 0.12) !important;
  border-radius: 0 !important;
}
/* Header: orange fills the 2nd & 3rd cells (not the span); no line under the header */
.bed-table--asset thead th {
  background: transparent !important;
  border-bottom: none !important;
}
.bed-table--asset thead th:nth-child(n+2) {
  background: #f47b20 !important;
}
/* First column (empty header cell + label cells): orange→white gradient */
.bed-table--asset th:first-child,
.bed-table--asset td:first-child {
  background: linear-gradient(90deg, #fce4d3 0%, #ffffff 100%) !important;
}
/* Data cells (2nd/3rd): plain white bg, black text */
.bed-table--asset td:nth-child(n+2) {
  background: transparent !important;
  color: #1c2530 !important;
}
/* Body: orange text, purple first-column labels; horizontal row dividers only */
.bed-table--asset td {
  color: #f47b20 !important;
  border-bottom-color: rgba(10, 30, 60, 0.10) !important;
}
.bed-table--asset td:first-child {
  color: #6c3f99 !important;
  font-weight: 700;
}

/* (9) "Optimising beneficiation" / "Optimising smelting" header labels — white text
   (the orange background now lives on the th cell, not the span) */
.bed-th-orange-box {
  display: inline-block;
  background: transparent;
  color: #ffffff;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0;
}
.is-saver .bed-th-orange-box { color: #ffffff; }
/* Keep the header label text white in every mode (cinematic span rule turns it dark) */
body.energy-saver .bed-th-orange-box,
body.cinematic .bed-th-orange-box,
html.is-saver .bed-th-orange-box {
  color: #ffffff !important;
}

/* (7) "FY2026 Asset Optimisation Outcomes" gradient box — proper layout:
   blue→teal gradient, heading + divider, then stat blocks
   (label → big number → description). Builds on the shared .bed-outcomes-box. */
.bed-outcomes-box--blue {
  background: linear-gradient(150deg, #2f5aa8 0%, #3f78b5 45%, #4bb3a6 100%);
}
/* Keep the dark gradient + white text in light (energy-saver) mode too, so the
   box looks identical to dark mode (the white text is forced by the
   body.energy-saver rules below). */
.is-saver .bed-outcomes-box--blue {
  background: linear-gradient(150deg, #2f5aa8 0%, #3f78b5 45%, #4bb3a6 100%);
}
/* Divider line under the heading (like the PDF) */
.bed-outcomes-box--blue .bed-outcomes-box__heading {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,0.35);
}
.is-saver .bed-outcomes-box--blue .bed-outcomes-box__heading {
  border-bottom-color: rgba(255,255,255,0.35);
}

/* Stacked layout (one stat block per row) — parent-scoped to beat the shared
   `.bed-outcomes-box .bed-outcomes-box__grid { grid-template-columns: repeat(3,1fr) }` */
.bed-outcomes-box .bed-outcomes-box__grid--stack {
  grid-template-columns: 1fr;
  gap: 40px;
}

/* Labelled stat block: small label, big number, description */
.bed-outcomes-stat--labelled { gap: 6px; }
.bed-outcomes-stat__label {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}
.bed-outcomes-stat--labelled .bed-outcomes-stat__num {
  margin: 2px 0 4px;
}
.bed-outcomes-stat--labelled .bed-outcomes-stat__num span {
  font-size: 0.5em;
  margin-left: 6px;
}
/* Light / Energy Saver theme — box keeps the dark gradient, so text stays white
   (matches dark mode). */
.is-saver .bed-outcomes-box--blue .bed-outcomes-stat__label { color: #ffffff; }
.is-saver .bed-outcomes-box--blue .bed-outcomes-stat__num { color: #ffffff; }
.is-saver .bed-outcomes-box--blue .bed-outcomes-stat__text { color: rgba(255,255,255,0.92); }
/* Cinematic: box stays blue gradient, so keep all its text white (shared rule turns spans/p dark) */
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-box__heading,
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-stat__label,
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-stat__num,
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-stat__num span,
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-stat__text,
body.energy-saver .bed-outcomes-box--blue .bed-outcomes-stat__text strong {
  color: #ffffff !important;
}
/* CHANGE TAG: Asset Optimisation content tweaks — unbold takeaway; orange section heading; purple impact blocks; purple table row labels; orange-box table headers; FY2026 outcomes blue→teal gradient box (heading+divider, labelled stacked stats, theme-aware) */
.icon70pxwidt img{
  width: 70px;
}

/* Banner/top section: no bottom padding on small screens (≤767px) */
@media (max-width: 767px) {
  .bed-hero { padding-bottom: 0 !important; }
}