/* Enhanced liquid-glass treatment for the homepage hero panel. */
.hero-copy{
  isolation:isolate;
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,255,255,.54) 0%,rgba(231,244,252,.23) 44%,rgba(255,255,255,.36) 100%);
  box-shadow:0 34px 90px rgba(0,15,29,.30),0 8px 28px rgba(23,88,126,.16),inset 1px 1px 0 rgba(255,255,255,.92),inset -1px -1px 0 rgba(116,167,198,.22);
  backdrop-filter:blur(22px) saturate(175%) contrast(106%);
  -webkit-backdrop-filter:blur(22px) saturate(175%) contrast(106%);
}
.hero-copy:before{
  z-index:-1;
  width:72%;
  height:46%;
  left:-12%;
  top:-17%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.88) 0%,rgba(255,255,255,.30) 42%,transparent 72%);
  filter:blur(2px);
  transform:rotate(-8deg);
}
.hero-copy:after{
  z-index:-1;
  inset:1px;
  border:0;
  border-radius:29px;
  background:linear-gradient(118deg,rgba(255,255,255,.52),transparent 20%,transparent 74%,rgba(142,199,230,.15)),linear-gradient(180deg,rgba(255,255,255,.30),transparent 14%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 1px 0 0 rgba(255,255,255,.40),inset 0 -1px 0 rgba(119,165,191,.22);
}
.hero-copy > *{position:relative;z-index:2}
.hero-copy .hero-tags span{
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(239,248,253,.30));
  border-color:rgba(255,255,255,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 16px rgba(7,28,47,.08);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hero-copy{background:rgba(237,245,250,.90)}
}
@media(max-width:600px){
  .hero-copy:after{border-radius:22px}
}