@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../assets/fonts/PlusJakartaSans-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {

  --hiai-logo-blue-deep:   #0E43D5;
  --hiai-logo-indigo:      #5036F9;
  --hiai-logo-lilac:       #C16DFC;
  --hiai-logo-cyan:        #05D4FB;
  --hiai-logo-coral:       #F93652;
  --hiai-logo-peach:       #FED882;

  --hiai-bg:               #EAF9FE;    
  --hiai-surface:          #FFFFFF;    
  --hiai-surface-soft:     #F1F9FE;    
  --hiai-surface-panel:    rgba(255, 255, 255, 0.65);    
  --hiai-ink:              #060229;    
  --hiai-ink-2:            #1D1B5C;    
  --hiai-text:             #6264D4;    
  --hiai-text-on-photo:    #4F56AA;    
  --hiai-text-on-tint:     #5759CC;    
  --hiai-text-strong:      #4A4A62;    
  --hiai-eyebrow:          #5050EB;    

  --hiai-blue:             #2E94FA;    
  --hiai-indigo:           #2D1FFD;    
  --hiai-violet:           #985AFB;    
  --hiai-purple:           #6C00FC;    
  --hiai-azure:            #0054FC;    
  --hiai-teal:             #00C0A8;    
  --hiai-sky:              #2EB0FD;    
  --hiai-peach:            #FDC6B8;    

  --hiai-tint-lavender:    #E9E8FE;    
  --hiai-tint-peach:       #FDEFEE;    
  --hiai-tint-blue:        #E6F4FE;    
  --hiai-tint-violet:      #F1E5FE;    
  --hiai-tint-mint:        #E7F7F8;    
  --hiai-tint-sky:         #E7F7FE;    

  --hiai-grad-cta:      linear-gradient(90deg, #985AFB 0%, #2D1FFD 100%);
  --hiai-grad-cta-hover:linear-gradient(90deg, #A96CFC 0%, #3B2EFF 100%);
  --hiai-grad-text:     linear-gradient(90deg, #2E94FA 0%, #5036F9 55%, #9B5CFB 100%);

  --hiai-grad-text-flow: linear-gradient(90deg, #2E94FA 0%, #5036F9 27.5%, #9B5CFB 50%, #5036F9 72.5%, #2E94FA 100%);
  --hiai-grad-banner:   linear-gradient(90deg, #7C53F9 0%, #3A5CFC 45%, #2EB0FD 100%);
  --hiai-grad-badge:    linear-gradient(90deg, #9772FC 0%, #3D30FC 100%);

  --hiai-grad-badge-featured: linear-gradient(90deg, #0E43D5 0%, #5036F9 50%, #C16DFC 125%);
  --hiai-grad-placeholder: linear-gradient(135deg, #E6F4FE 0%, #F1E5FE 50%, #FDEFEE 100%);

  --hiai-icon-lavender-a: #7B5CFA;   --hiai-icon-lavender-b: #2F7CF8;    
  --hiai-icon-peach-a:    #EC5F6E;   --hiai-icon-peach-b:    #8E63F5;    
  --hiai-icon-sky-a:      #1A8CEB;   --hiai-icon-sky-b:      #5A5CF2;    
  --hiai-icon-mint-a:     #0E9C84;   --hiai-icon-mint-b:     #1B8FE8;    
  --hiai-icon-rose-a:     #8B5CF6;   --hiai-icon-rose-b:     #E0529C;    

  --hiai-link:             var(--hiai-indigo);
  --hiai-focus:            var(--hiai-azure);
  --hiai-on-accent:        var(--hiai-surface);         
  --hiai-border:           rgba(6, 2, 41, 0.08);
  --hiai-border-strong:    rgba(45, 31, 253, 0.55);    
  --hiai-backdrop:         rgba(6, 2, 41, 0.45);       

  --hiai-shadow-card:      0 8px 30px rgba(6, 2, 41, 0.06);
  --hiai-shadow-card-hover:0 16px 40px rgba(6, 2, 41, 0.10);
  --hiai-shadow-cta:       0 10px 24px rgba(45, 31, 253, 0.28);
  --hiai-shadow-badge-featured: 0 8px 20px rgba(80, 54, 249, 0.28);    
  --hiai-shadow-dialog:    0 24px 64px rgba(6, 2, 41, 0.24);    
  --hiai-text-shadow-photo:  0 1px 2px rgba(6, 2, 41, 0.24), 0 2px 18px rgba(6, 2, 41, 0.22);    

  --hiai-r-sm:   12px;    
  --hiai-r-md:   20px;    
  --hiai-r-lg:   28px;    
  --hiai-r-pill: 999px;   

  --hiai-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --hiai-t-hero:     60px;    
  --hiai-t-h2:       52px;    
  --hiai-t-h3:       26px;    
  --hiai-t-price:    46px;    
  --hiai-t-lead:     26px;    
  --hiai-t-body:     18px;    
  --hiai-t-small:    15px;    
  --hiai-t-eyebrow:  14px;    
  --hiai-t-badge:    12px;    
  --hiai-t-nav:      17px;    
  --hiai-t-button:   22px;    

  --hiai-t-hero-h1:      72px;    
  --hiai-t-hero-date:    28px;    
  --hiai-t-hero-chip:    16px;    
  --hiai-t-hero-lead:    32px;    

  --hiai-t-value-title:  40px;    
  --hiai-t-value-text:   26px;    
  --hiai-value-icon:     60px;    

  --hiai-t-tagline:       23px;    
  --hiai-t-feature-title: 31px;    
  --hiai-t-feature-text:  23px;    
  --hiai-feature-icon:    64px;    

  --hiai-t-plan:          24px;    
  --hiai-t-slogan:        27px;    

  --hiai-t-partners:      30px;    
  --hiai-partner-tile-w:  480px;   
  --hiai-partner-tile-h:  270px;   
  --hiai-partner-scale:   0.34;    
  --hiai-t-banner-title:  46px;    
  --hiai-t-banner-sub:    24px;    

  --hiai-t-faq-q:         22px;    

  --hiai-speaker-w:           380px;   
  --hiai-speaker-photo-scale: 1.6;     
  --hiai-speaker-photo-y:     -0.3;    

  --hiai-speaker-peach-a:     #FFD8CA;   --hiai-speaker-peach-b:    #F3D6E8;    
  --hiai-speaker-sky-a:       #D3E8FE;   --hiai-speaker-sky-b:      #A3CDF8;    
  --hiai-speaker-lavender-a:  #E8D0FD;   --hiai-speaker-lavender-b: #B8C3FD;    
  --hiai-speaker-mint-a:      #BFEFE1;   --hiai-speaker-mint-b:     #BBDFEA;    
  --hiai-speaker-blue-a:      #A7D4FB;   --hiai-speaker-blue-b:     #C6DDFD;    
  --hiai-speaker-text:        #2F35A8;    
  --hiai-speaker-shadow:      0 28px 34px -22px rgba(40, 84, 200, 0.34);    
  --hiai-speaker-edge:        rgba(255, 255, 255, 0.6);    
  --hiai-speaker-rule:        rgba(47, 53, 168, 0.16);     
  --hiai-speaker-disc-shadow: 0 4px 12px -2px rgba(40, 84, 200, 0.18);    
  --hiai-ring-line:           #AAC4F7;    
  --hiai-ring-dot:            #8BAFF9;    
  --hiai-pager-track:         #BFD6FB;    
  --hiai-pager-active:        #5A60F6;    
  --hiai-pager-ink:           #4A51B0;    
  --hiai-pager-muted:         #5568C8;    

  --hiai-t-session:           21px;    
  --hiai-t-session-time:      22px;    
  --hiai-avatar:              48px;    

  --hiai-avatar-photo-scale:  1.45;    
  --hiai-avatar-photo-y:      0.03;    

  --hiai-buy-w:               440px;   
  --hiai-t-buy-total:         34px;    

  --hiai-btn-h:      64px;    
  --hiai-btn-px:     40px;    

  --hiai-s-1:   8px;
  --hiai-s-2:  16px;
  --hiai-s-3:  24px;
  --hiai-s-4:  32px;
  --hiai-s-5:  48px;
  --hiai-s-6:  64px;
  --hiai-s-7:  96px;
  --hiai-s-8: 128px;

  --hiai-container:   1344px;    
  --hiai-gutter:      48px;      
  --hiai-frame:       16px;      
  --hiai-gap-card:    20px;      
  --hiai-section-y:   96px;      
  --hiai-nav-h:       88px;
  --hiai-nav-offset:  calc(var(--hiai-frame) + var(--hiai-nav-h));    
  --hiai-sticky-cta-offset: 104px;    
  --hiai-logo-h:      48px;      

  --hiai-ease:        cubic-bezier(.22, .61, .36, 1);
  --hiai-dur-fast:    180ms;
  --hiai-dur:         320ms;
  --hiai-dur-slow:    600ms;
  --hiai-text-flow-dur:   3000ms;    
  --hiai-ring-interval:   3000ms;    
  --hiai-partner-speed:   32;        
}

:root {
  --hiai-z-nav:     100;
  --hiai-z-sticky:   90;
  --hiai-z-overlay: 200;
}

@media (max-width: 1439.98px) {
  :root {
    --hiai-partner-scale:  0.29;    
  }
}

@media (max-width: 1279.98px) {
  :root {
    --hiai-t-nav:      15px;
    --hiai-t-button:   18px;
    --hiai-btn-h:      56px;
    --hiai-btn-px:     28px;
    --hiai-logo-h:     40px;
    --hiai-t-hero-date:    24px;
    --hiai-t-hero-chip:    15px;
    --hiai-t-hero-lead:    26px;
    --hiai-t-tagline:      20px;
    --hiai-t-lead:         24px;
    --hiai-t-partners:     26px;
    --hiai-partner-scale:  0.26;    
  }
}

@media (max-width: 1023.98px) {
  :root {
    --hiai-gutter:     24px;
    --hiai-frame:       8px;
    --hiai-nav-h:      72px;
    --hiai-logo-h:     36px;
    --hiai-section-y:  80px;
    --hiai-t-hero-date:    22px;
    --hiai-t-hero-chip:    15px;
    --hiai-t-hero-lead:    24px;
    --hiai-t-tagline:      17px;
    --hiai-t-lead:         22px;
    --hiai-t-faq-q:        20px;
    --hiai-t-session:      19px;
    --hiai-t-session-time: 20px;
  }
}

@media (max-width: 639.98px) {
  :root {
    --hiai-gutter:     16px;
    --hiai-nav-h:      64px;
    --hiai-logo-h:     32px;
    --hiai-section-y:  64px;
    --hiai-t-h3:       22px;
    --hiai-t-price:    36px;
    --hiai-t-lead:     20px;
    --hiai-t-body:     16px;
    --hiai-t-eyebrow:  12px;
    --hiai-t-badge:    11px;
    --hiai-t-button:   17px;
    --hiai-btn-h:      52px;
    --hiai-btn-px:     24px;
    --hiai-t-hero-date:    20px;
    --hiai-t-hero-chip:    13px;
    --hiai-t-hero-lead:    20px;
    --hiai-t-tagline:      14px;
    --hiai-gap-card:       16px;
    --hiai-t-partners:     24px;
    --hiai-t-faq-q:        18px;
    --hiai-t-session:      17px;
    --hiai-t-session-time: 17px;
    --hiai-avatar:         40px;
    --hiai-t-buy-total:    30px;
  }
}