/* A living canvas around the existing presentation ribbon. */
.hero.hero-gamma{position:relative;isolation:isolate}
.hero-atmosphere{position:absolute;inset:-24px -32px 0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:48px;contain:paint;background:linear-gradient(115deg,#f8f9fb00 26%,#edf1ff8f 70%,#edf6ff55)}
.hero-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 18%,transparent 88%,var(--bg));pointer-events:none}
.hero-aura{position:absolute;border-radius:50%;animation:hero-aura-drift 19s ease-in-out infinite alternate;transform-origin:center}
.hero-aura-blue{width:850px;height:780px;right:-200px;top:-115px;background:radial-gradient(ellipse,#a5bcfa85 0%,#c9d5ff77 28%,#e0e8ff40 51%,transparent 70%)}
.hero-aura-peach{width:580px;height:530px;left:10%;bottom:-245px;background:radial-gradient(ellipse,#f1c1ac66 0%,#e2d9ff77 31%,transparent 68%);animation-name:hero-aura-rise;animation-duration:23s;animation-delay:-9s}
.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#5472c133 .85px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 55% 55%,#000 5%,transparent 61%);opacity:.65}
.hero-orbit{position:absolute;border:1px solid #6f8ad32b;border-radius:50%;width:940px;height:520px;right:-100px;top:50px;transform:rotate(-32deg);animation:hero-orbit-breathe 22s ease-in-out infinite alternate}
.hero-orbit-two{width:1000px;height:630px;right:-125px;top:-10px;border-color:#8c7dc224;animation-delay:-11s;animation-direction:alternate-reverse}
.hero-outline{position:absolute;border:1px solid #6981d838;border-radius:22px;background:linear-gradient(130deg,#ffffff80,#e8edff22);box-shadow:inset 0 0 0 5px #ffffff50;width:150px;height:100px;animation:hero-outline-float 11s ease-in-out infinite alternate}
.hero-outline-one{left:39%;top:38px;--tilt:-17deg;transform:rotate(var(--tilt))}
.hero-outline-two{width:112px;height:74px;left:37%;bottom:36px;--tilt:15deg;transform:rotate(var(--tilt));animation-delay:-6s}
.hero-spark{position:absolute;width:30px;height:30px;display:block;background:linear-gradient(135deg,#7190ee,#4b58c1);clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);animation:hero-spark-turn 15s ease-in-out infinite alternate}
.hero-spark-one{left:35%;top:78px;opacity:.75}
.hero-spark-two{width:19px;height:19px;left:8%;bottom:94px;opacity:.5;animation-delay:-7s}
.hero-point{position:absolute;width:9px;height:9px;border-radius:50%;background:#7592d4;box-shadow:0 0 0 7px #7e9be712;animation:hero-point-drift 12s ease-in-out infinite alternate}
.hero-point-one{left:43%;top:46%;animation-delay:-4s}
.hero-point-two{width:6px;height:6px;left:23%;top:47px;background:#c196bc;box-shadow:none;animation-delay:-8s}
.hero-gamma .hero-deck{z-index:1}
.hero-gamma .deck-card{box-shadow:0 14px 32px -19px #2539694a;border-color:#ffffffb3}
.hero-gamma .deck-viewport{mask-image:linear-gradient(to bottom,transparent,#000 42px,#000 calc(100% - 42px),transparent)}
.hero-gamma .deck-motion{width:44px;height:44px;right:12px;bottom:14px;border-color:#cbd5ec;background:#ffffffed;box-shadow:0 4px 20px #435b8d18}
.hero-gamma[data-motion=paused] .hero-atmosphere *{animation-play-state:paused}
@keyframes hero-aura-drift{from{transform:translate3d(-45px,-20px,0) scale(.92)}to{transform:translate3d(30px,65px,0) scale(1.12)}}
@keyframes hero-aura-rise{from{transform:translate3d(-35px,30px,0) scale(.88)}to{transform:translate3d(70px,-45px,0) scale(1.08)}}
@keyframes hero-orbit-breathe{from{transform:rotate(-35deg) scale(.95)}to{transform:rotate(-25deg) scale(1.04)}}
@keyframes hero-outline-float{from{transform:translate3d(0,-7px,0) rotate(var(--tilt))}to{transform:translate3d(11px,11px,0) rotate(calc(var(--tilt) + 6deg))}}
@keyframes hero-spark-turn{from{transform:rotate(-12deg) scale(.85);opacity:.4}to{transform:rotate(45deg) scale(1.1);opacity:.8}}
@keyframes hero-point-drift{from{transform:translate3d(-3px,-12px,0)}to{transform:translate3d(8px,13px,0)}}
@media(max-width:1150px){.hero-atmosphere{inset:-15px -20px 0;border-radius:36px}.hero-outline-one{left:37%;top:25px;width:100px;height:67px}.hero-outline-two{left:32%;bottom:23px;width:90px;height:60px}.hero-spark-one{left:32%;top:52px;width:23px;height:23px}.hero-spark-two{bottom:58px}.hero-point-one{left:45%}.hero-orbit{right:-300px}.hero-aura-blue{right:-320px}}
@media(max-width:800px){.hero-atmosphere{inset:-10px -14px 0}.hero-spark-one{top:20px;left:34%}.hero-outline-one{left:40%;top:10px}.hero-outline-two{left:26%;bottom:15px}.hero-point-one{display:none}}
@media(max-width:640px){
  .hero-atmosphere{inset:0;border-radius:0;background:linear-gradient(160deg,transparent 15%,#edf1ff80 60%,transparent)}
  .hero-aura-blue{width:660px;height:700px;top:auto;bottom:-100px;right:-240px}
  .hero-aura-peach{width:430px;height:440px;left:-170px;bottom:100px}
  .hero-grid{mask-image:radial-gradient(ellipse at 70% 45%,#000,transparent 60%);opacity:.5}
  .hero-orbit{width:770px;height:370px;right:-250px;top:auto;bottom:170px}
  .hero-orbit-two{width:790px;height:450px;bottom:130px}
  .hero-outline-one{left:auto;right:-20px;top:180px;width:105px;height:70px;border-color:#6981d826}
  .hero-outline-two,.hero-spark-two,.hero-point{display:none}
  .hero-spark-one{left:auto;right:24px;top:26px;width:20px;height:20px;opacity:.4}
  .hero-gamma .deck-motion{right:10px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *{animation:none!important}}