@charset "UTF-8";
/* Optional comparison theme. Original imagery and the approved hero are retained. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf2ee;
  --paper: #171b1d;
  --muted: #b5c1b9;
  --line: #ffffff24;
}
html[data-theme="dark"] body { background: #171b1d; }
html[data-theme="dark"] .preview-note { background: #202a26; color: #cedad1; }
html[data-theme="dark"] :is(.products,.knowledge,.knowledge-reading,.references,.partner,.runoff,.related-products,.legal-page) {
  background: #171b1d;
  color: #edf2ee;
}
html[data-theme="dark"] .products {
  background-image: radial-gradient(ellipse at 92% 2%,#86c99a12,transparent 55%);
  background-size: 100% 720px;
  background-repeat: no-repeat;
}
html[data-theme="dark"] .products-atmosphere,
html[data-theme="dark"] .products::before { display: none; }
html[data-theme="dark"] :is(.products>.section-heading>.eyebrow,.secondary-copy .eyebrow,.diploma-profile .eyebrow,.reference-heading .eyebrow) { color: #96c9a5; }
html[data-theme="dark"] .products>.section-heading>.eyebrow::before { background: #86c99a; }
html[data-theme="dark"] .product-description .large-copy { color: #b9c7be; }
html[data-theme="dark"] .product-number { color: #98ae9f; }
html[data-theme="dark"] :is(.product-picture,.products .product-picture) {
  background: linear-gradient(135deg,#28362f,#202b27 62%,#1c2523);
  border: 1px solid #86c99a26;
  box-shadow: inset 0 1px 0 #ffffff0a,0 24px 65px #080c0a22;
}
html[data-theme="dark"] :is(.product-picture,.products .product-picture)::before {
  background-image: linear-gradient(#afc6b609 1px,transparent 1px),linear-gradient(90deg,#afc6b609 1px,transparent 1px);
}
html[data-theme="dark"] .image-caption { color: #b8c9bf; }
html[data-theme="dark"] .image-overline { color: #c5d5cb; }
html[data-theme="dark"] :is(.button.light,.button.dark) { background: #90cca4; color: #13221a; }
html[data-theme="dark"] :is(.button.light,.button.dark):hover { background: #a7dcb8; }
html[data-theme="dark"] .process-image span { background: #edf2ee; color: #202323; }
html[data-theme="dark"] :is(.product-pair,.related-card,.reading-list,.reading-article,.knowledge-list,.knowledge-list details) { border-color: #ffffff26; }
html[data-theme="dark"] :is(.related-card>span,.reading-action,.reading-heading .source-type,.source-type) { color: #98caaa; }
html[data-theme="dark"] :is(.reading-toolbar p span,.reading-spread figcaption,.diploma-profile>p,.runoff-images figcaption span) { color: #b8c6bd; }
html[data-theme="dark"] .reading-article .expand-icon { border-color: #87b69880; }
html[data-theme="dark"] .reading-article[open]>summary .expand-icon { color: #15231b; }
html[data-theme="dark"] .references { border-top: 1px solid #ffffff17; }
html[data-theme="dark"] .logo-strip {
  background: #f4f5f1;
  padding: 32px 28px;
  border-radius: 20px;
  box-shadow: 0 16px 45px #080c0a1a;
}
html[data-theme="dark"] .logo-strip img { mix-blend-mode: normal; }
html[data-theme="dark"] .partner { border-color: #ffffff17; }
html[data-theme="dark"] .partner>img {
  background: #f4f5f1;
  border-radius: 8px;
  padding: 9px 12px;
  mix-blend-mode: normal;
}
html[data-theme="dark"] .partner-brand { background: #f4f5f1; padding: 16px; border-radius: 12px; }
html[data-theme="dark"] .partner-brand img { mix-blend-mode: normal; }
html[data-theme="dark"] :is(a,button,summary,input,textarea):focus-visible { outline-color: #a8dfb9; }

/* Each new scene is a decorative local layer, behind all readable content.
   Two slow arcs echo the hero, without turning the product pages into a showreel. */
html[data-theme="dark"] .dark-atmosphere-section {
  position: relative;
  isolation: isolate;
  background-color: #171b1d;
  color: #edf2ee;
}
html[data-theme="dark"] .dark-atmosphere-section > :not(.dark-section-atmosphere) { position: relative; z-index: 1; }
.dark-section-atmosphere { display: none; }
html[data-theme="dark"] .dark-section-atmosphere {
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
  mask-image: linear-gradient(transparent,#000 15%,#000 70%,transparent);
}
.dark-section-atmosphere::before,.dark-section-atmosphere::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  animation: dark-section-flow 30s ease-in-out infinite alternate paused;
  transform-origin: 70% 35%;
}
.dark-section-atmosphere::before {
  width: 125%;
  height: min(900px,140%);
  min-height: 480px;
  top: -25%;
  right: -50%;
  background: radial-gradient(ellipse at center,transparent 45%,#86c99a0a 49%,#86c99a25 52%,#568c6920 55%,transparent 64%);
}
.dark-section-atmosphere::after {
  width: 115%;
  height: min(1000px,160%);
  min-height: 520px;
  left: -68%;
  bottom: -65%;
  background: radial-gradient(ellipse at center,transparent 43%,#86c99a06 48%,#86c99a18 52%,#568c6910 56%,transparent 65%);
  animation-duration: 38s;
  animation-direction: alternate-reverse;
}
.dark-atmosphere-section[data-dark-motion="true"]>.dark-section-atmosphere::before,
.dark-atmosphere-section[data-dark-motion="true"]>.dark-section-atmosphere::after { animation-play-state: running; }
@keyframes dark-section-flow {
  from { transform: translate3d(-3%,-2%,0) rotate(-9deg); }
  to { transform: translate3d(3%,4%,0) rotate(7deg); }
}
@media(max-width:640px) {
  html[data-theme="dark"] .logo-strip { padding: 26px 18px; border-radius: 15px; }
  .dark-section-atmosphere::before { width: 190%; right: -105%; opacity: .75; animation-duration: 36s; }
  .dark-section-atmosphere::after { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .dark-section-atmosphere::before,.dark-section-atmosphere::after { animation: none!important; }
}
