/* Production homepage typography and original-color shared branding. */
.homepage .hero {
  padding-top: clamp(48px, 6vw, 88px);
  background:
    radial-gradient(ellipse at 83% 46%, #94ceffb3 0%, #c7e7ff99 38%, transparent 69%),
    radial-gradient(ellipse at 8% 12%, #ffffffed 0%, transparent 54%),
    linear-gradient(125deg, #edf7ff 0%, #e2f2ff 52%, #c4e4ff 100%);
}
.homepage .hero-grid { align-items: center; }
.homepage .hero .hero-copy { max-width: 640px; }
.homepage .hero h1 {
  color: #103d77;
  font-size: clamp(68px, 6.8vw, 104px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1.02;
  margin-bottom: 26px;
}
.homepage .hero h1 em {
  display: inline-block;
  margin-top: 2px;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #195cc5;
  font-size: 1.04em;
  letter-spacing: -.045em;
  line-height: 1.12;
}
.homepage .hero .hero-promise { font-size: 20px; color: #154576; margin-bottom: 18px; }
.homepage .hero .hero-description { max-width: 575px; color: #244d75; font-size: 18px; line-height: 1.8; }
.homepage .hero .hero-actions { margin-top: 28px; }
.homepage .hero .hero-signature { margin-top: 30px; border-color: #7faed14d; }
.homepage .hero .hero-visual { padding-bottom: 0; }
.homepage .hero .hero-image-frame { background: transparent; box-shadow: none; }
.homepage .hero .hero-dna-caption { border-color: #7aadd166; margin-top: 15px; padding-top: 17px; }
.homepage .hero .hero-bottom { margin-top: 42px; background: #d3ebff99; border-color: #9dc8e57d; }
.site-footer .footer-brand .brand { display: inline-flex; max-width: 100%; background: transparent; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.site-footer .footer-brand .brand img {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: none !important;
  opacity: 1;
  mix-blend-mode: normal;
}
.site-footer .footer-grid .text-link { color: #195cc5; }
@media (min-width: 1024px) and (max-width: 1199px) {
  .site-header .header-inner { gap: 20px; }
  .site-header .brand img { width: 184px; }
  .site-header .primary-nav { gap: 15px; }
  .site-header .nav-actions .button { padding-inline: 15px; }
}
@media (max-width: 1023px) {
  .homepage .hero h1 { font-size: clamp(66px, 9vw, 90px); }
}
@media (max-width: 767px) {
  .homepage .hero { padding-top: 38px; background: radial-gradient(ellipse at 70% 75%, #aad9ffbd, transparent 60%), linear-gradient(140deg, #f1f9ff, #d4ecff); }
  .homepage .hero h1 { font-size: clamp(56px, 14vw, 78px); letter-spacing: -.05em; margin-bottom: 23px; }
  .homepage .hero h1 em { letter-spacing: -.055em; }
  .homepage .hero .hero-promise { font-size: 18px; }
  .homepage .hero .hero-description { font-size: 17px; line-height: 1.8; }
  .homepage .hero .hero-signature { margin-top: 27px; }
  .homepage .hero .hero-bottom { margin-top: 26px; }
}