.aw-hero.aw-ai3d-ready {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(650px, 86vh, 900px);
}

.aw-ai3d-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 1 !important;
  visibility: visible !important;
  background:
    radial-gradient(circle at 70% 44%, rgba(80, 232, 221, .25), transparent 34%),
    radial-gradient(ellipse at 66% 100%, rgba(35, 105, 255, .34), transparent 58%);
}

.aw-ai3d-toronto::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(101, 232, 219, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101, 232, 219, .025) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 75% 70%, #000, transparent 66%);
}

.aw-ai3d-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5, 24, 51, .94) 0%, rgba(5, 24, 51, .62) 39%, rgba(5, 24, 51, .04) 78%);
}

.aw-ai3d-canvas {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
}

.aw-hero.aw-ai3d-ready .aw-hero-copy,
.aw-hero.aw-ai3d-ready .aw-hero-showcase,
.aw-hero.aw-ai3d-ready .aw-hero-panel {
  position: relative;
  z-index: 1;
}

.aw-hero.aw-ai3d-ready .aw-hero-copy {
  max-width: 620px;
  width: min(50vw, 620px);
  min-width: 520px;
}

.aw-hero.aw-ai3d-ready .aw-eyebrow {
  display: none !important;
}

.aw-hero.aw-ai3d-ready .aw-hero-copy > h1 {
  margin-top: 0 !important;
}

html[lang^="zh"] .aw-hero.aw-ai3d-ready .aw-hero-copy {
  width: min(54vw, 720px);
  max-width: 720px;
  min-width: 560px;
}

html[lang^="zh"] .aw-hero.aw-ai3d-ready h1,
html[lang^="zh"] .aw-hero.aw-ai3d-ready h1 span,
html[lang^="zh"] .aw-hero.aw-ai3d-ready h1 em {
  writing-mode: horizontal-tb;
  word-break: keep-all;
  overflow-wrap: normal;
}

html[lang^="zh"] .aw-hero.aw-ai3d-ready h1 {
  font-size: clamp(48px, 4.5vw, 74px);
  line-height: 1.08;
}

.aw-hero.aw-ai3d-ready .aw-brand-symbol,
.aw-hero.aw-ai3d-ready .aw-brand-mark {
  filter: drop-shadow(0 0 18px rgba(101, 232, 219, .4));
}

.aw-hero.aw-ai3d-ready .aw-simple-visual {
  display: none;
}

.aw-hero.aw-ai3d-ready .aw-lead,
.aw-hero.aw-ai3d-ready .aw-value-badges,
.aw-hero.aw-ai3d-ready .aw-availability,
.aw-hero.aw-ai3d-ready .aw-text-link {
  display: none;
}

.aw-ai3d-static .aw-ai3d-scene {
  background:
    radial-gradient(circle at 74% 34%, rgba(101, 232, 219, .22), transparent 34%),
    linear-gradient(135deg, #061a35, #0b2d55 58%, #071a32);
}

@media (max-width: 767px) {
  .aw-ai3d-scene::after {
    background: linear-gradient(180deg, rgba(5, 24, 51, .92) 0%, rgba(5, 24, 51, .52) 62%, rgba(5, 24, 51, .18) 100%);
  }
  .aw-hero.aw-ai3d-ready { min-height: 720px; }
  .aw-ai3d-canvas { opacity: 1; }
  .aw-hero.aw-ai3d-ready .aw-hero-copy,
  html[lang^="zh"] .aw-hero.aw-ai3d-ready .aw-hero-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  html[lang^="zh"] .aw-hero.aw-ai3d-ready h1 {
    font-size: clamp(42px, 12vw, 54px);
    line-height: 1.08;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aw-ai3d-canvas { display: none; }
  .aw-ai3d-scene {
    background:
      radial-gradient(circle at 72% 34%, rgba(101, 232, 219, .2), transparent 35%),
      linear-gradient(135deg, #061a35, #0b2d55 58%, #071a32);
  }
}