/* AI homepage accents, aligned with the renewal homepage. */
:root {
  --aip-accent: #e60012;
  --aip-accent-dark: #bd0010;
  --aip-accent-deep: #bd0010;
  --aip-demo-accent: #e60012;
  --aip-accent-tint: #e6001214;
  --aip-soft: #fff0f2;
  --aip-softest: #fff7f8;
}
.ty-re-header__action--primary,
.ty-re-btn--primary,
.ty-re-cta.ty-re-bg-primary {
  background-color: #e60012;
  border-color: #e60012;
}
body .ty-re-header__action--primary:hover,
body .ty-re-header__action--outline:hover,
.ty-re-btn:hover,
.ty-re-section-link:hover,
body .ty-re-cta__arrow,
body .ty-re-cta__card:hover .ty-re-cta__card-title {
  color: #e60012;
  border-color: #e60012;
}
body .ty-re-header__action--primary:hover { background: #fff; }
body .ty-re-cta__card:hover .ty-re-cta__icon::before,
.ty-re-btn:hover::after { background-color: #e60012; }
a:focus-visible, button:focus-visible { outline-color: #e60012; }

/* Concept illustrations and numbered steps use a restrained red palette. */
#concept .aip-story-step-number { background-color: #721b2a; }
/* Product-card text retains the original blue accent. */
#products .aip-story-products {
  --aip-accent: #1873ad;
  --aip-accent-dark: #176799;
}

/* Centered section typography, following the renewal homepage. */
.aip-story .aip-lp-nav { margin-top: 48px; }
.aip-story .aip-story-head { margin-inline: auto; text-align: center; }
.aip-story .aip-story-head > .ty-re-title__h2 {
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .04em;
}
.aip-story .aip-story-head > .ty-re-text { margin-inline: auto; max-width: 900px; }
.aip-story .aip-section-intro { background: #fff; color: #333; }
.aip-story .aip-section-intro .ty-re-title__h2 {
  font-size: clamp(32px, 4vw, 48px);
  color: #333;
}
.aip-story .aip-section-intro .ty-re-sup,
.aip-story .aip-concept-label {
  color: #721b2a;
  border: 0;
  padding: 0;
  background: none;
  font-size: 14px;
  letter-spacing: .1em;
}
.aip-story .aip-section-intro .ty-re-text { color: #333; }
@media(max-width:690px) {
  .aip-story .aip-lp-nav { margin-top: 32px; }
}