.home-hero .hero-copy { min-width: 0; container-type: inline-size; align-self: start; padding-top: 24px; }
.home-hero { isolation: isolate; overflow: visible; min-height: 0; }
.home-hero .hero-actions { margin-top: 22px; margin-bottom: 24px; }
@media (min-width: 821px) {
  .home-hero .nav-orbit.void-portal { margin-block: 0; }
}
@media (min-width: 821px) and (pointer: fine), (min-width: 1101px) {
  .home-hero { margin-bottom: 16px; }
  .home-hero .hero-actions { margin-bottom: 12px; }
  .home-hero .nav-orbit.void-portal { margin-block: 0; }
}
.hero-copy .hero-title {
  position: relative; isolation: isolate; width: 100%;
  margin: 0; padding: 0;
  font-size: clamp(28px, 5.4vw, 86px); font-weight: 900;
  line-height: 1.04; letter-spacing: .025em; text-shadow: none; animation: none;
}
@supports (font-size: 1cqi) {
  .hero-copy .hero-title { font-size: clamp(26px, 14cqi, 86px); }
}
.hero-copy .hero-title .hero-title-line {
  display: block; white-space: nowrap; color: #e4f2ff;
  -webkit-text-stroke: 0; text-shadow: none; filter: none; animation: none;
}
.hero-copy .hero-title .hero-title-void { font-size: 1.3em; color: #b4c7ff; letter-spacing: .055em; }
.hero-title-surface { position: absolute; inset: -90px 0 -380px; pointer-events: none; z-index: -1; }
.hero-title-surface::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 28% 30%, #2871b330, transparent 55%), radial-gradient(ellipse at 52% 45%, #6736a92b, transparent 55%);
}
.hero-title-surface.is-ready::before { display: none; }
.hero-title-surface canvas { display: block; width: 100%; height: 100%; }
@supports (background-clip: text) {
  .hero-copy .hero-title .hero-title-line {
    background: linear-gradient(110deg, #c2ddeb 0%, #dcecff 35%, #effbff 45%, #ffffff 49%, #a6ebff 51%, #cbdcf2 57%, #a9c8e8 74%, #dcecff 100%);
    background-size: 220% 100%; background-position: var(--title-light, 50%) 50%;
    background-clip: text; -webkit-background-clip: text; color: transparent;
  }
  .hero-copy .hero-title .hero-title-void {
    background-image: linear-gradient(110deg, #b5c5f1 0%, #c8bef7 35%, #e1d8ff 45%, #f9f4ff 49%, #d4b6ff 51%, #bca4ec 57%, #a7bfee 74%, #c8bef7 100%);
  }
}
@media (max-width: 560px) {
  .home-hero .hero-copy { padding-top: 12px; }
  .hero-title-surface { inset: -50px 0 -260px; }
}