@keyframes drift   { from { transform: translateX(0); } to { transform: translateX(-26px); } }
@keyframes breathe { 0%, 100% { opacity: .35 } 50% { opacity: 1 } }

.face__rows text                { animation: drift 14s var(--ease) infinite alternate; }
.face__rows text:nth-child(odd) { animation-duration: 19s; }
.face__rows text:nth-child(3n)  { animation-duration: 24s; }

                                                                                                 
  
                                                                                                    
                                                                                                  
                                                                                        
                                                     
  
                                                                                               
                                                                                           
                                                                                                  
                                                                                                 
                                                                                                  
                                                  
  
                                                                                                   
                                                                                                     
                                                                                                   
                                                                                              
  
                                                                                              
                                                                                             
                                                                                                 
                        
@keyframes fieldIn {
  from { translate: 46vw 0; opacity: 0; }
  45%  { opacity: 1; }
  to   { translate: 0 0; opacity: 1; }
}
.face__rows text {
  animation:
    fieldIn 6.33s cubic-bezier(.22, 1, .28, 1) backwards,
    drift 14s var(--ease) infinite alternate;
}
.face__rows text:nth-child(odd) { animation-duration: 6.33s, 19s; }
.face__rows text:nth-child(3n)  { animation-duration: 6.33s, 24s; }
                                                                                                 
                                                                                                    
.face__rows text:nth-child(1)  { animation-delay: 0ms, 6.33s; }
.face__rows text:nth-child(2)  { animation-delay: 183ms, 6.513s; }
.face__rows text:nth-child(3)  { animation-delay: 366ms, 6.696s; }
.face__rows text:nth-child(4)  { animation-delay: 549ms, 6.879s; }
.face__rows text:nth-child(5)  { animation-delay: 732ms, 7.062s; }
.face__rows text:nth-child(6)  { animation-delay: 915ms, 7.245s; }
.face__rows text:nth-child(7)  { animation-delay: 1098ms, 7.428s; }
.face__rows text:nth-child(8)  { animation-delay: 1281ms, 7.611s; }
.face__rows text:nth-child(9)  { animation-delay: 1464ms, 7.794s; }
.face__rows text:nth-child(10) { animation-delay: 1647ms, 7.977s; }
.face__rows text:nth-child(11) { animation-delay: 1830ms, 8.16s; }
.face__rows text:nth-child(12) { animation-delay: 2013ms, 8.343s; }
.face__rows text:nth-child(13) { animation-delay: 2196ms, 8.526s; }
.face__rows text:nth-child(14) { animation-delay: 2379ms, 8.709s; }
.face__rows text:nth-child(15) { animation-delay: 2562ms, 8.892s; }
.face__rows text:nth-child(16) { animation-delay: 2745ms, 9.075s; }
.face__rows text:nth-child(17) { animation-delay: 2928ms, 9.258s; }
.face__rows text:nth-child(18) { animation-delay: 3111ms, 9.441s; }
.face__rows text:nth-child(19) { animation-delay: 3294ms, 9.624s; }
.face__rows text:nth-child(20) { animation-delay: 3477ms, 9.807s; }
.face__rows text:nth-child(21) { animation-delay: 3660ms, 9.99s; }
.face__rows text:nth-child(22) { animation-delay: 3843ms, 10.173s; }
.face__rows text:nth-child(23) { animation-delay: 4026ms, 10.356s; }
.face__rows text:nth-child(24) { animation-delay: 4209ms, 10.539s; }
.face__rows text:nth-child(25) { animation-delay: 4392ms, 10.722s; }
.face__rows text:nth-child(26) { animation-delay: 4575ms, 10.905s; }

                                                                                                  
                                                
@media (prefers-reduced-motion: reduce) {
  .face__rows text { animation: drift 14s var(--ease) infinite alternate; translate: 0 0; }
}
.face__pulse                    { animation: breathe 5.5s ease-in-out infinite; }

                                                                             
                                                                               
                                                                              
                                                                            
                                                               
:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--live);
  outline-offset: 3px;
  border-radius: var(--r-tag);
}
.sheet :where(a, button, [tabindex]):focus-visible,
.panel:not(.panel--bare) :where(a, button, [tabindex]):focus-visible {
  outline-color: var(--spark-deep);
}

                                                                             
                                                                             
                                                               
  
                                                
                                                              
                                                
  
                                                                         
                                                                               
                                                         
  
                                                                                
                                                            
  
                                                                          
                                                                                 
                                                       
[data-dim] > *              { transition: opacity .4s ease; }
[data-dim]:hover > *,
[data-dim]:focus-within > * { opacity: .4; }
[data-dim] > *:hover,
[data-dim] > *:focus-within { opacity: 1; }

                                                                             
                                                                             
                                  
                                                                                
                                                                                 
                                                                                  
.mgx-nav a               { transition: color var(--dur) var(--ease); }
.face__cta,
.face__cta i             { transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.btn                     { transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease); }

.offer__index a,
.offer__index .n,
.offer__index .b         { transition: color var(--dur) var(--ease); }
.offer__index a::after   { transition: transform .28s var(--ease); }

                                                                             
                                                                               
                                                                            
                                                                                 
.audit__rec button       { transition: color var(--dur) var(--ease), background var(--dur) var(--ease); }
.audit__rec .v           { transition: color var(--dur) var(--ease); }
.audit__rec .ic          { transition: box-shadow .24s var(--ease); }
                                                                              
                                                                            
                                                                            
                                                                                  
.audit__rec .use i       { transition: width .34s var(--ease), background .24s var(--ease); }
.who button              { transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease); }

.funnel__count::before   { transition: opacity .5s var(--ease); }
.funnel__count small     { transition: color .5s var(--ease); }
.funnel__steps button    { transition: opacity .38s var(--ease); }
.funnel__steps button::before { transition: transform .3s var(--ease); }
.funnel__steps .tick     { transition: opacity .45s var(--ease); }
.funnel__replay          { transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease); }

                                                                             
                                         
                                                                             
  
                                                                                 
                                                                                 
                                                                               
                                                                              
                                                                                  
                                  
  
                                                                        
                                                                               
                                                                       
  
                                                                               
                                                                                   
                                                                             
                                                
  
                        
  
                                                                                 
                                                                              
                                                                                
                                              
  
                                 
  
                                                                           
                                                                        
                                                                                
                                      
                                                        
  
                                                                       
                                                                               
                                                              
  
                                                                                
                                                                                
                                     
   

                                                                              
                                                                         
                                                                               
                                                                             
                                                                              
                  
  
                                                                               
                                                                              
                                                                             
.offer { position: relative; isolation: isolate; }
.offer > .wrap { position: relative; z-index: 1; }
.lightrig {
  position: absolute; inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.lightrig span { position: absolute; inset: -25% -12%; will-change: transform; }
.lightrig .a1 {
  background:
    radial-gradient(46% 38% at 28% 30%, rgba(150, 132, 255, .30), transparent 62%),
    radial-gradient(40% 34% at 74% 56%, rgba(112, 202, 224, .20), transparent 64%);
  filter: blur(30px);
}
.lightrig .a2 {
  background:
    radial-gradient(34% 28% at 62% 24%, rgba(188, 175, 255, .18), transparent 60%),
    radial-gradient(42% 36% at 20% 76%, rgba( 88,  60, 170, .26), transparent 66%);
  filter: blur(38px);
}
                                                                                
                                                                    
.lightrig .a3 {
  background: linear-gradient(116deg,
    transparent 42%,
    rgba(188, 175, 255, .07) 48%,
    rgba( 79, 214, 227, .04) 51%,
    rgba(150, 132, 255, .08) 55%,
    transparent 63%);
  filter: blur(8px);
}
@media (prefers-reduced-motion: no-preference) {
  .lightrig .a1 { animation: rigA1 34s ease-in-out infinite alternate; }
  .lightrig .a2 { animation: rigA2 42s ease-in-out infinite alternate; }
}
@keyframes rigA1 {
  0%   { transform: translate(-3%, -2%) scale(1);    }
  100% { transform: translate( 5%,  4%) scale(1.10); }
}
@keyframes rigA2 {
  0%   { transform: translate( 2%,  2%) scale(1.05); }
  100% { transform: translate(-5%, -3%) scale(1);    }
}

                                                                              
                                                                              
                                                                           
                                                                 
  
                                                                             
                                                                                 
                                                                                 
                                                             
  
                                                                            
                                                                          
  
                                                                                 
                                                                            
                                          
.offer .audit__rec li,
.offer .audit__rec .ic,
.offer .run__rows > li { position: relative; }

                                                                             
                                                                                
                                                                 
.offer .run__rows > li::after {
  content: "";
  position: absolute; inset: -1px;
  border-radius: 12px;
  border: 1.5px solid rgba(83, 43, 184, .45);
  background: rgba(83, 43, 184, .07);
  opacity: 0;
  pointer-events: none;
}

                                                                               
                                                                                
                                                                         
                                                                
  
                                                                             
                                                        
  
                                                                            
                                                                             
                                    
                                                                            
                                                            
  
                                                                                
                                                    
.offer .audit__rec li button::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(83, 43, 184, .70) 0%,
    rgba(83, 43, 184, .30) 62%,
    rgba(83, 43, 184, 0)  100%);
  opacity: 0;
  pointer-events: none;
}
.offer .audit__rec .ic::after {
  content: "";
  position: absolute; inset: -3px;
  border-radius: 13px;
  border: 2px solid rgba(83, 43, 184, .42);
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .offer .audit__rec li button::after,
  .offer .audit__rec .ic::after { animation: stepDwell 10s cubic-bezier(.16, 1, .3, 1) infinite; }
  .offer .run__rows > li::after { animation: stepDwell  9s cubic-bezier(.16, 1, .3, 1) infinite; }
}
.offer .audit__rec li:nth-child(1) button::after,
.offer .audit__rec li:nth-child(1) .ic::after { animation-delay: 0s;   }
.offer .audit__rec li:nth-child(2) button::after,
.offer .audit__rec li:nth-child(2) .ic::after { animation-delay: 2.5s; }
.offer .audit__rec li:nth-child(3) button::after,
.offer .audit__rec li:nth-child(3) .ic::after { animation-delay: 5s;   }
.offer .audit__rec li:nth-child(4) button::after,
.offer .audit__rec li:nth-child(4) .ic::after { animation-delay: 7.5s; }
.offer .run__rows > li:nth-child(1)::after { animation-delay: 0s; }
.offer .run__rows > li:nth-child(2)::after { animation-delay: 3s; }
.offer .run__rows > li:nth-child(3)::after { animation-delay: 6s; }
                                                                             
                                                                
.offer .audit__rec:hover li button::after,
.offer .audit__rec:hover li .ic::after,
.offer .audit__rec:focus-within li button::after,
.offer .audit__rec:focus-within li .ic::after { animation-play-state: paused; opacity: 0; }
@keyframes stepDwell {
  0%   { opacity: 0; }
  3%   { opacity: 1; }
  17%  { opacity: 1; }
  20%  { opacity: 0; }
  100% { opacity: 0; }
}

                                                                              
                                                                 
                                                                                 
                                            
  
                                                                               
                                                                            
                                                                              
                                                                           
  
                                                                     
.offer .panel.panel--bare { position: relative; overflow: hidden; }
.offer .mote {
  position: absolute;
  bottom: -6px;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: rgba(200, 190, 255, .9);
  box-shadow: 0 0 7px rgba(155, 140, 255, .6);
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: no-preference) {
  .offer .mote { animation: moteRise 15s linear infinite; }
}
.offer .mote:nth-child(1) { left: 18%; animation-delay: 0s;    animation-duration: 15s; }
.offer .mote:nth-child(2) { left: 47%; animation-delay: 3.8s;  animation-duration: 18s; }
.offer .mote:nth-child(3) { left: 71%; animation-delay: 7.4s;  animation-duration: 16s; }
.offer .mote:nth-child(4) { left: 88%; animation-delay: 11.2s; animation-duration: 19s; }
                                                                                 
                                                                                
                                                                            
                                                                          
@keyframes moteRise {
  0%   { transform: translate3d(0,   0,      0) scale(.55); opacity: 0;   }
  12%  {                                                    opacity: .9;  }
  70%  {                                                    opacity: .5;  }
  92%, 100% { transform: translate3d(16px, -720px, 0) scale(1); opacity: 0; }
}

                                                                              
                                                                               
                                                                               
                                                                              
                                                                                 
                                                                                   
@media (prefers-reduced-motion: no-preference) {
  .offer .run__rows > li:nth-child(1) .ic { animation: bnFloat 5s   ease-in-out infinite; }
  .offer .run__rows > li:nth-child(2) .ic { animation: bnFloat 5.6s ease-in-out infinite .4s; }
  .offer .run__rows > li:nth-child(3) .ic { animation: bnFloat 6.2s ease-in-out infinite .9s; }
}
@keyframes bnFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

                                                                              
  
                                                                              
                                                                          
                                                                              
                                                                                 
                                 
  
                                                                            
                                                                           
                                                                        
                                                                          
                          
  
                           
  
                                                           
                                         
                                                                                
                                                                            
                                                                              
                                                                                
                                                                         
  
                                                                              
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .offer .audit__trace {
      animation: planeNear linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
                                                                                            
                                                  
      
                                                                                              
                                                                                              
                                                                                               
                                                                                             
                                                                                      
                                                                                               
                                             
      
                                                                                          
                                                                                            
                                                                                    
      
                                                                                         
                                                                                          
                                                                     
    .offer .run {
      animation: planeMid linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
    .offer .lightrig {
      animation: planeFar linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
  }
}
@keyframes planeNear { from { transform: translate3d(0,  22px, 0); } to { transform: translate3d(0, -22px, 0); } }
@keyframes planeMid  { from { transform: translate3d(0,  16px, 0); } to { transform: translate3d(0, -16px, 0); } }
@keyframes planeFar  { from { transform: translate3d(0, -10px, 0); } to { transform: translate3d(0,  10px, 0); } }

                                                                               
  
                                                                               
                                                                              
                                                                
  
                                                                             
  
                                                                            
                                                                                
                                 
  
                                                                                
                                                                                
                                                                      
  
                                                                                
                                                                                
                                                                                
                                                                          
                                                                                 
                                   
  
                                                                               
                                                                        
  
                                                      
                                                                
                                     
                                                              
  
                                                            
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .offer .panel .audit__trace,
  .offer .panel .run__card,
  .offer .panel .audit__rec .ic,
  .offer .panel .run__rows > li,
  .offer .panel .rec,
  .offer .panel .perm {
    transition: transform .42s cubic-bezier(.16, 1, .3, 1);
  }

  .offer .panel--tint:hover .audit__trace,
  .offer .panel--tint:focus-within .audit__trace,
  .offer .panel--band:hover .run__card,
  .offer .panel--band:focus-within .run__card { transform: translateY(-7px); }

  .offer .panel--tint:hover .audit__rec .ic,
  .offer .panel--tint:focus-within .audit__rec .ic,
  .offer .panel--band:hover .run__rows > li,
  .offer .panel--band:focus-within .run__rows > li { transform: translateY(-3px); }

  .offer .panel--bare:hover .perm,
  .offer .panel--bare:focus-within .perm,
  .offer .panel--bare:hover .rec,
  .offer .panel--bare:focus-within .rec { transform: translateY(-4px); }

                                                                               
                                                                               
                                                                               
                                                                              
                                                                             
                                                       
  .offer .panel.panel--bare {
    transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s;
  }
  .offer .panel.panel--bare:hover,
  .offer .panel.panel--bare:focus-within {
    transform: translateY(-5px);
    box-shadow:
      inset 0 1px 0 rgba(178, 164, 255, .34),
      0 0 0 1.5px rgba(201, 182, 236, .40),
      0 34px 74px -28px rgba(4, 2, 20, .9);
  }
}

                                                                              
                                                                                
                                                                                
                                                                              
                                                                               
                           
@media (prefers-reduced-motion: reduce) {
  .lightrig .a1, .lightrig .a2,
  .offer .mote,
  .offer .audit__rec li button::after,
  .offer .audit__rec .ic::after,
  .offer .run__rows > li::after,
  .offer .run__rows .ic {
    animation: none !important;
  }
  .offer .mote { display: none; }
}

                                                                             
                                                                            
                                                                             
                                                                            
                                             
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

                                                                               
  
                                                                              
                                                                                 
                                                                                 
                                                        
  
                                                                          
                                                                                    
                                                                           
                                             
  
                                                                        
                                                                              
                                                                                
                                                                         
  
                                                                            
                                                                            
                                                                              
                                                                               
                                      
  
                                                                              
                                                                            
                                                                                
                                                                      
  
                                                                                 
                                                                                 
                                                                                  
                                                                               
                                                                                 
                              
  
                                                                               
                                
@media (hover: hover), (hover: none) {
  .offer .run__rows > li:nth-child(1) .ic,
  .offer .run__rows > li:nth-child(2) .ic,
  .offer .run__rows > li:nth-child(3) .ic { animation: none; }
}
                                                                              
                                                     
.offer .mote { bottom: 26%; }
@keyframes moteRise {
  0%   { transform: translate3d(0,   0,      0) scale(.55); opacity: 0;   }
  12%  {                                                    opacity: .9;  }
  70%  {                                                    opacity: .45; }
  92%, 100% { transform: translate3d(16px, -420px, 0) scale(1); opacity: 0; }
}

                                                                              
                                                                                
                                                                             
                                                                               
                                                                               
                                                    
  
                                                                           
                                                                                 
                                                                                
                                                                           
                                      
.offer .ap__mark {
  transition:
    left   .42s var(--ease),
    width  .42s var(--ease),
    height .42s var(--ease);
}
.offer .ap__cap { transition: top .42s var(--ease); }
.offer .ap__col {
  transition: opacity .3s var(--ease), height .42s var(--ease);
}
@media (prefers-reduced-motion: reduce) {
  .offer .ap__mark, .offer .ap__cap, .offer .ap__col { transition-duration: .001ms !important; }
}

                                                                              
                                                                            
                                                                                
                                                               
  
                                                                              
                                                                                
                                                                              
                                                      
.offer .scope__who,
.offer .scope__figs b,
.offer .scope__figs b i { transition: color .12s var(--ease); }

@media (prefers-reduced-motion: reduce) {
  .offer .scope__who,
  .offer .scope__figs b { transition-duration: .001ms !important; }
}