/* Technology chapters use the same quiet, full-width presentation as the
   approved homepage. Interactive faces, wheel geometry and dialogs retain
   their original runtime styles. Load after the technology feature sheets. */
body.buyer-technology {
  --tc-cream: #faf7f2;
  --tc-sand: #f1e5d7;
  --tc-ink: #402313;
  --tc-muted: #765843;
  --tc-dark: #321d12;
  --tc-gutter: max(24px, calc((100% - 1120px) / 2));
  background: var(--tc-cream);
}

body.buyer-technology main { width: 100%; max-width: none; margin: 0; padding: 0; }
body.buyer-technology .buyer-shell { width: min(1120px, calc(100% - 48px)); }
body.buyer-technology .section-nav-technology {
  width: 100%; max-width: none; margin-inline: 0; border-radius: 0;
  border-inline: 0; justify-content: center; background: var(--tc-cream);
}

/* A centred introduction leads into a single product stage. */
body.buyer-technology .buyer-hero.thermal-delivery-hero {
  padding-block: clamp(44px, 6vw, 80px) 64px;
  background: radial-gradient(ellipse at 50% 70%, #efd7ba 0, #f6ebdc 31%, #faf7f2 68%);
}
body.buyer-technology .thermal-evolution-layout {
  grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto;
  gap: 34px; max-width: 1120px; justify-items: center;
}
body.buyer-technology .thermal-delivery-intro { align-self: auto; text-align: center; }
body.buyer-technology .thermal-delivery-intro .eyebrow { margin: 0 0 20px; }
body.buyer-technology .thermal-delivery-hero h1 {
  max-width: 22ch; margin: 0 auto 24px;
  font-size: clamp(2.8rem, 5.5vw, 5.2rem); line-height: 1.02; letter-spacing: -.055em;
}
body.buyer-technology .thermal-delivery-hero p.thermal-delivery-lead {
  max-width: 57ch; margin: 0 auto; font-size: clamp(1rem, 1.6vw, 1.14rem); line-height: 1.6;
}
body.buyer-technology .thermal-evolution {
  grid-column: 1; grid-row: 2; width: min(900px, 100%);
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
body.buyer-technology .thermal-evolution-face {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  padding: 20px 46px 24px; gap: 20px 32px; border-radius: 0;
  background: radial-gradient(ellipse at 66% 52%, #edcc9e70 0, #f0d8b938 38%, transparent 74%);
}
body.buyer-technology .thermal-evolution-copy { text-align: center; }
body.buyer-technology .thermal-evolution-face h2 {
  margin: 18px 0; font-size: clamp(2.5rem, 4.2vw, 3.7rem); line-height: 1.03;
}
body.buyer-technology .thermal-delivery-hero .thermal-evolution-copy p { margin-inline: auto; max-width: 31ch; }
body.buyer-technology .thermal-evolution-visual img { height: 380px; }
body.buyer-technology .thermal-evolution-capabilities {
  justify-content: center; border-top: 0; padding-top: 0; gap: 10px 24px;
}
body.buyer-technology .thermal-evolution-controls {
  justify-content: center; border: 0; padding: 18px 24px 0; gap: 24px;
}
body.buyer-technology .thermal-delivery-hero .thermal-evolution-controls p { max-width: none; }
body.buyer-technology .thermal-evolution-actions {
  grid-column: 1; grid-row: 3; display: flex; justify-content: center; flex-wrap: wrap;
  width: auto; gap: 12px; margin: 0;
}
body.buyer-technology .thermal-evolution-actions .button { width: auto; padding-inline: 24px; border-radius: 999px; }

/* The interactive collections sit directly on their chapter background. */
body.buyer-technology .buyer-section.research-explorer {
  padding-block: clamp(54px, 7vw, 88px) 42px; background: var(--tc-dark); color: #fff5e9;
}
body.buyer-technology .research-explorer > .buyer-shell { width: min(1200px, calc(100% - 48px)); }
body.buyer-technology .research-intro { text-align: center; margin: 0 auto 34px; }
body.buyer-technology .research-explorer .research-intro h2 {
  max-width: 23ch; margin-inline: auto; color: #fff5e9;
  font-size: clamp(2.25rem, 4.8vw, 4.25rem); line-height: 1.08; letter-spacing: -.045em;
}
body.buyer-technology .research-explorer .research-wheel {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
body.buyer-technology .research-explorer .thermal-source-notes {
  margin: 28px auto 0; border-color: #765139; max-width: 1040px;
}
body.buyer-technology .research-explorer .thermal-source-notes > summary { color: #f6e4d0; min-height: 52px; }
body.buyer-technology .research-explorer .thermal-source-notes > summary::after { color: #ffb579; }
body.buyer-technology .research-explorer .thermal-source-notes > div > p { color: #ddc7b3; }
body.buyer-technology .research-explorer .thermal-source-notes > div > p > a:not(.research-report-request) { color: #ffc394; }

/* Every operating concept is a full-width chapter. Content widths are set
   with padding, so there is no viewport-width overflow or clipping wrapper. */
body.buyer-technology .technology-system { padding: 0; background: var(--tc-cream); }
body.buyer-technology .technology-system .ns-wrap { width: 100%; max-width: none; }
body.buyer-technology .technology-system .ns-intro {
  display: block; padding: 80px var(--tc-gutter) 20px; text-align: center; border: 0;
}
body.buyer-technology .technology-system .ns-intro h2 { font-size: clamp(2.25rem, 4.6vw, 4.1rem); }
body.buyer-technology .technology-system .ns-intro p {
  max-width: 57ch; margin: 24px auto 0; font-size: 17px;
}
body.buyer-technology .technology-system .ns-chapter {
  padding: 68px var(--tc-gutter) 80px;
}
body.buyer-technology .technology-system .ns-chapter-heading {
  display: grid; justify-items: center; justify-content: center; text-align: center;
  gap: 22px; margin: 0 auto 40px;
}
body.buyer-technology .technology-system .ns-chapter-heading h2 {
  font-size: clamp(2.2rem, 4.5vw, 4rem); max-width: 25ch; line-height: 1.08;
}
body.buyer-technology .technology-system .ns-chapter-summary { max-width: 55ch; justify-self: center; font-size: 16px; }
body.buyer-technology .technology-system .ns-scene-card { border: 0; border-radius: 0; background: transparent; overflow: visible; }
body.buyer-technology .technology-system .ns-thermal-layout {
  padding: 0; gap: 32px; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.8fr);
}
body.buyer-technology .technology-system .ns-hardware { border: 0; border-radius: 16px; background: #f0e8de; }
body.buyer-technology .technology-system .ns-thermal-concept { border-radius: 18px; }
body.buyer-technology .technology-system .ns-thermal-video-summary { border: 0; padding: 22px 24px; }
body.buyer-technology .technology-system .ns-mechanisms { padding: 32px 0 0; border: 0; gap: 36px; }
body.buyer-technology .technology-system .ns-mechanisms article { border-top: 1px solid #dfc8b0; padding-top: 18px; }
body.buyer-technology .technology-system #ns-motion { background: var(--tc-dark); color: #fff5e9; }
body.buyer-technology .technology-system #ns-motion .ns-chapter-heading h2,
body.buyer-technology .technology-system #ns-motion .ns-motion-sequence h3,
body.buyer-technology .technology-system #ns-motion .ns-inline-hardware h3 { color: #fff5e9; }
body.buyer-technology .technology-system #ns-motion p { color: #ddc7b3; }
body.buyer-technology .technology-system #ns-motion .ns-video-stage { border-radius: 18px; overflow: hidden; }
body.buyer-technology .technology-system #ns-motion .ns-motion-sequence { padding: 32px 0; border-color: #74513a; }
body.buyer-technology .technology-system #ns-motion .ns-motion-sequence li { border-color: #77583e; }
body.buyer-technology .technology-system #ns-motion .ns-motion-sequence li.is-current { border-color: #f58220; }
body.buyer-technology .technology-system #ns-motion .ns-motion-sequence li > span { color: #f6b680; }
body.buyer-technology .technology-system #ns-motion .ns-motion-hardware { padding: 32px 0 0; }
body.buyer-technology .technology-system .ns-contact-strip {
  margin: 0; padding: 80px var(--tc-gutter); gap: 52px;
  border: 0; border-radius: 0; background: #f5ede2; overflow: visible;
}
body.buyer-technology .technology-system .ns-contact-photo { border-radius: 18px; overflow: hidden; }
body.buyer-technology .technology-system .ns-contact-copy { padding: 0; text-align: center; }
body.buyer-technology .technology-system .ns-contact-copy h2 { font-size: clamp(2.1rem, 3.6vw, 3.4rem); }
body.buyer-technology .technology-system .ns-contact-copy p { max-width: 44ch; margin-inline: auto; }
body.buyer-technology .technology-system .ns-contact-diagram { margin-top: 28px; }
body.buyer-technology .technology-system .ns-safeguards { background: var(--tc-cream); }
body.buyer-technology .technology-system .sg-stage { border: 0; border-radius: 18px; background: #f0e6da; }
body.buyer-technology .technology-system .sg-selector { padding: 12px; border: 0; }
body.buyer-technology .technology-system .sg-selector button { text-align: center; }
body.buyer-technology .technology-system .sg-panels { text-align: center; }
body.buyer-technology .technology-system .sg-panel p { margin-inline: auto; max-width: 62ch; }
body.buyer-technology .technology-system .sg-notes { margin: 22px auto 0; max-width: 900px; }
body.buyer-technology .technology-system .ns-investor { padding: 72px var(--tc-gutter) 80px; background: var(--tc-sand); }
body.buyer-technology .technology-system .ns-investor-header { text-align: center; margin: 0 auto 40px; max-width: 850px; }
body.buyer-technology .technology-system .ns-investor h2 { font-size: clamp(2.2rem, 4.5vw, 3.8rem); }
body.buyer-technology .technology-system .ns-demo-grid { gap: 40px; }
body.buyer-technology .technology-system .ns-demo-item { border-color: #ccae92; }
body.buyer-technology .technology-system .ns-investor-action { text-align: center; margin-top: 36px; }
body.buyer-technology .thermal-partner-cta { padding: 88px 0 96px; background: var(--tc-cream); }
body.buyer-technology .thermal-partner-cta h2 { font-size: clamp(2.35rem, 4.6vw, 4.25rem); max-width: 25ch; }
body.buyer-technology .thermal-partner-cta .button { border-radius: 999px; }

@media (max-width: 800px) {
  body.buyer-technology .thermal-evolution-layout { gap: 28px; }
  body.buyer-technology .thermal-evolution-face { padding-inline: 28px; gap: 22px; }
  body.buyer-technology .thermal-evolution-visual img { height: 320px; }
  body.buyer-technology .technology-system .ns-thermal-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.buyer-technology .technology-system .ns-hardware-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.buyer-technology .technology-system .ns-thermal-concept { grid-row: 1; }
  body.buyer-technology .technology-system .ns-contact-strip { gap: 28px; }
}

@media (max-width: 660px) {
  body.buyer-technology { --tc-gutter: 22px; }
  body.buyer-technology .buyer-shell,
  body.buyer-technology .research-explorer > .buyer-shell { width: calc(100% - 44px); }
  body.buyer-technology .section-nav-technology { justify-content: flex-start; padding-inline: 22px; }
  body.buyer-technology .buyer-hero.thermal-delivery-hero { padding-block: 38px 44px; }
  body.buyer-technology .thermal-delivery-intro .eyebrow { margin-bottom: 16px; }
  body.buyer-technology .thermal-delivery-hero h1 { font-size: clamp(2rem, 8.6vw, 3.1rem); margin-bottom: 20px; }
  body.buyer-technology .thermal-delivery-hero p.thermal-delivery-lead { font-size: .95rem; line-height: 1.6; max-width: 39ch; }
  body.buyer-technology .thermal-evolution-face { grid-template-columns: minmax(0, 1fr); padding: 24px 18px 20px; gap: 18px; }
  body.buyer-technology .thermal-evolution-face h2 { font-size: 2.3rem; margin: 12px 0; }
  body.buyer-technology .thermal-evolution-face h2 br { display: none; }
  body.buyer-technology .thermal-evolution-face h2 em::before { content: ' '; }
  body.buyer-technology .thermal-delivery-hero .thermal-evolution-copy p { max-width: 36ch; font-size: .9rem; }
  body.buyer-technology .thermal-evolution-visual img { height: 250px; }
  body.buyer-technology .thermal-evolution-capabilities { gap: 8px 15px; font-size: .72rem; }
  body.buyer-technology .thermal-evolution-controls { padding-inline: 0; gap: 16px; }
  body.buyer-technology .thermal-delivery-hero .thermal-evolution-controls p { max-width: 15ch; text-align: left; }
  body.buyer-technology .thermal-evolution-actions { display: grid; width: 100%; max-width: 390px; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.buyer-technology .thermal-evolution-actions .button { width: 100%; }
  body.buyer-technology .buyer-section.research-explorer { padding-block: 48px 32px; }
  body.buyer-technology .research-intro { margin-bottom: 22px; }
  body.buyer-technology .research-explorer .research-intro h2 { font-size: clamp(2rem, 8vw, 2.65rem); }
  body.buyer-technology .technology-system .ns-intro { padding-block: 52px 0; }
  body.buyer-technology .technology-system .ns-intro h2 { font-size: clamp(2rem, 8.3vw, 2.8rem); }
  body.buyer-technology .technology-system .ns-intro p { font-size: 15px; margin-top: 20px; }
  body.buyer-technology .technology-system .ns-chapter { padding-block: 48px 52px; }
  body.buyer-technology .technology-system .ns-chapter-heading { gap: 18px; margin-bottom: 28px; }
  body.buyer-technology .technology-system .ns-chapter-heading h2 { font-size: clamp(2rem, 8vw, 2.75rem); }
  body.buyer-technology .technology-system .ns-chapter-summary { font-size: 15px; }
  body.buyer-technology .technology-system .ns-hardware-rail { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.buyer-technology .technology-system .ns-hardware { grid-template-columns: minmax(95px, .7fr) minmax(0, 1fr); }
  body.buyer-technology .technology-system .ns-thermal-video-summary { padding: 18px; font-size: 14px; }
  body.buyer-technology .technology-system .ns-mechanisms { gap: 22px; padding-top: 26px; }
  body.buyer-technology .technology-system .ns-mechanisms article { padding-top: 16px; }
  body.buyer-technology .technology-system #ns-motion .ns-motion-sequence { padding-block: 26px; }
  body.buyer-technology .technology-system #ns-motion .ns-motion-hardware { padding-top: 26px; }
  body.buyer-technology .technology-system .ns-contact-strip { padding-block: 52px; gap: 30px; }
  body.buyer-technology .technology-system .ns-contact-photo { max-width: 460px; margin-inline: auto; }
  body.buyer-technology .technology-system .ns-contact-copy h2 { font-size: 2.4rem; }
  body.buyer-technology .technology-system .sg-stage { border-radius: 16px; }
  body.buyer-technology .technology-system .sg-selector { padding: 8px; }
  body.buyer-technology .technology-system .sg-selector button { font-size: 12px; min-height: 56px; }
  body.buyer-technology .technology-system .sg-panels { padding: 22px 18px; min-height: 156px; }
  body.buyer-technology .technology-system .ns-investor { padding-block: 52px; }
  body.buyer-technology .technology-system .ns-investor-header { margin-bottom: 30px; }
  body.buyer-technology .technology-system .ns-investor h2 { font-size: clamp(2rem, 8vw, 2.7rem); }
  body.buyer-technology .technology-system .ns-demo-grid { gap: 24px; }
  body.buyer-technology .technology-system .ns-investor-action { margin-top: 28px; }
  body.buyer-technology .thermal-partner-cta { padding-block: 56px 64px; }
  body.buyer-technology .thermal-partner-cta h2 { font-size: clamp(2.1rem, 8.2vw, 2.9rem); }
}

@media (max-width: 360px) {
  body.buyer-technology { --tc-gutter: 18px; }
  body.buyer-technology .buyer-shell,
  body.buyer-technology .research-explorer > .buyer-shell { width: calc(100% - 36px); }
  body.buyer-technology .thermal-evolution-face { padding-inline: 14px; }
  body.buyer-technology .thermal-evolution-capabilities { column-gap: 12px; font-size: .67rem; }
  body.buyer-technology .thermal-evolution-controls { gap: 12px; }
  body.buyer-technology .technology-system .ns-hardware { grid-template-columns: minmax(0, 1fr); }
}