/* Atmospheric layers are isolated to the homepage hero. */
#home-hero{
  background:
    radial-gradient(ellipse 86% 100% at 100% 100%,rgba(18,61,128,.76),transparent 76%),
    linear-gradient(128deg,#061126 5%,#0b1f45 60%,#123d80 100%);
}
#home-hero::before{
  inset:0;
  z-index:-2;
  background:
    radial-gradient(ellipse 78% 23% at 77% 91%,rgba(96,165,250,.22),transparent 75%),
    radial-gradient(ellipse 60% 70% at 100% 75%,rgba(37,99,235,.36),transparent 83%),
    radial-gradient(ellipse 80% 75% at 0% 4%,rgba(6,17,38,.85),transparent 85%);
  animation:none;
  filter:none;
  transform:none;
}
#home-hero::after{
  z-index:0;
  opacity:1;
  background:
    radial-gradient(ellipse 54% 55% at 48% 42%,rgba(6,17,38,.30),transparent 90%),
    linear-gradient(180deg,rgba(6,17,38,.24),transparent 32%,transparent 72%,rgba(6,17,38,.20));
}
#home-hero>.home-hero-atmosphere{
  inset:0;
  z-index:0;
  background:none;
  overflow:hidden;
  pointer-events:none;
}
#home-hero>.home-hero-atmosphere i{display:none}
#home-hero>.home-hero-atmosphere::before,
#home-hero>.home-hero-atmosphere::after{
  content:"";
  display:block;
  position:absolute;
  border:0;
  border-radius:0;
  box-shadow:none;
  width:auto;
  height:auto;
  mask-image:none;
  -webkit-mask-image:none;
  pointer-events:none;
}
#home-hero>.home-hero-atmosphere::before{
  inset:18% -18% -28% -25%;
  background:
    radial-gradient(ellipse 74% 38% at 58% 100%,transparent 39%,rgba(41,104,223,.10) 48%,rgba(88,157,248,.20) 54%,rgba(35,92,198,.10) 62%,transparent 76%),
    radial-gradient(ellipse 66% 38% at 60% 100%,transparent 42%,rgba(96,165,250,.09) 57%,transparent 78%);
  transform:rotate(-16deg) translate3d(0,0,0);
  animation:heroAmbientSurface 40s ease-in-out infinite alternate;
}
#home-hero>.home-hero-atmosphere::after{
  inset:-42% -38% 2% 22%;
  background:
    radial-gradient(ellipse 46% 76% at 100% 38%,transparent 42%,rgba(20,74,164,.16) 56%,rgba(96,165,250,.10) 62%,rgba(18,61,128,.06) 69%,transparent 82%),
    linear-gradient(141deg,transparent 55%,rgba(37,99,235,.055) 72%,transparent 92%);
  transform:rotate(12deg) translate3d(0,0,0);
  animation:heroAmbientDepth 48s ease-in-out infinite alternate;
}
#home-hero .home-hero-inner{position:relative;z-index:1}
#home-hero .home-hero-copy{position:relative;z-index:1}
#home-hero .home-hero-copy h1{color:#f7faff;text-shadow:0 2px 28px rgba(6,17,38,.12)}
#home-hero .home-hero-copy>p:not(.home-kicker){color:#d8e6f8}
#home-hero .home-proof{z-index:2}
@keyframes heroAmbientSurface{
  from{transform:rotate(-16deg) translate3d(-8px,7px,0);opacity:.76}
  to{transform:rotate(-14deg) translate3d(14px,-8px,0);opacity:1}
}
@keyframes heroAmbientDepth{
  from{transform:rotate(12deg) translate3d(0,-9px,0);opacity:.68}
  to{transform:rotate(10deg) translate3d(-12px,10px,0);opacity:.92}
}
@media(max-width:1100px){
  #home-hero{background:radial-gradient(ellipse 100% 80% at 100% 100%,rgba(18,61,128,.82),transparent 83%),linear-gradient(145deg,#061126,#0b1f45 65%,#123d80)}
  #home-hero>.home-hero-atmosphere::before{inset:30% -34% -18% -30%;opacity:.8}
  #home-hero>.home-hero-atmosphere::after{inset:-25% -60% 0 18%;opacity:.64}
}
@media(max-width:767px){
  #home-hero{background:radial-gradient(ellipse 125% 72% at 115% 100%,rgba(18,61,128,.9),transparent 85%),linear-gradient(160deg,#061126 8%,#0b1f45 74%,#123d80)}
  #home-hero::before{background:radial-gradient(ellipse 110% 24% at 85% 91%,rgba(96,165,250,.14),transparent 83%),radial-gradient(ellipse 86% 70% at 100% 100%,rgba(37,99,235,.24),transparent 88%)}
  #home-hero::after{background:linear-gradient(180deg,rgba(6,17,38,.12),rgba(6,17,38,.16) 47%,transparent 78%)}
  #home-hero>.home-hero-atmosphere::before{inset:44% -46% -10% -68%}
  #home-hero>.home-hero-atmosphere::after{inset:-15% -100% 15% 32%}
}
@media(prefers-reduced-motion:reduce){
  #home-hero>.home-hero-atmosphere::before,
  #home-hero>.home-hero-atmosphere::after{animation:none}
}