/* Theme: default */

:root{
      --borderW: 1.5px;
      --surface1: color-mix(in oklab, var(--bg1) 92%, black);
      --surface2: color-mix(in oklab, var(--bg2) 92%, black);
      --surface3: color-mix(in oklab, var(--bg2) 84%, black);
    }

html[data-theme="default"]{
      --text:#f4f8ff;
      --muted:rgba(228,240,255,.76);
      --bg0:#0c2f78;
      --bg1:#0f3a90;
      --bg2:#134297;
      --accent:#1f6bff;
      --accent2:#4cc9ff;
      --accent3:#00e5ff;
      --border:rgba(120,190,255,.42);
      --border2:rgba(210,235,255,.28);
      --shadow:0 40px 110px rgba(0,0,0,.65);
      --shadowSoft:0 22px 70px rgba(0,0,0,.45);
      --ring:0 0 0 3px rgba(31,107,255,.28);
    }

html[data-theme="default"] body{
      background: #0c2f78 !important;
      background-attachment: scroll !important;
    }

html[data-theme="default"] body::before,
    html[data-theme="default"] body::after{
      background: none !important;
      opacity: 0 !important;
    }

html[data-theme="default"] .site-header{
      background: linear-gradient(180deg, rgba(16,62,150,.96), rgba(12,52,138,.94)) !important;
      border-bottom: 1px solid rgba(210,235,255,.30) !important;
      backdrop-filter: blur(10px) !important;
    }

html[data-theme="default"] .frame{
      background: linear-gradient(180deg, rgba(20,76,170,.94), rgba(14,60,150,.90)) !important;
      border: none !important;
      box-shadow:
        0 36px 100px rgba(0,0,0,.42),
        0 12px 34px rgba(31,107,255,.16) !important;
    }

html[data-theme="default"] .mobile-nav{
      background: #0c2f78 !important;
      border-left: 1px solid rgba(210,235,255,.22) !important;
    }

html[data-theme="default"] .kpi-card,
    html[data-theme="default"] .feature-card{
      background: rgba(12,48,122,.92) !important;
      border: 1px solid rgba(210,235,255,.26) !important;
      box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
    }

html[data-theme="default"] .btn{
      background: rgba(14,60,150,.82) !important;
      border: 1px solid rgba(210,235,255,.28) !important;
      box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
    }

html[data-theme="default"] .btn-primary{
      background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
      border: 1px solid rgba(210,235,255,.28) !important;
    }

html[data-theme="default"] .services-frame .service-card{
      background: rgba(18,78,170,.92) !important;
      border: 1px solid rgba(210,235,255,.26) !important;
      box-shadow: 0 16px 36px rgba(7,25,70,.28) !important;
    }

html[data-theme="default"] .services-frame .service-card:hover{
      background: rgba(22,90,190,.96) !important;
      border-color: rgba(210,235,255,.34) !important;
    }

html[data-theme="default"] .services-frame .service-icon{
      background: rgba(31,107,255,.22) !important;
      color: #e9f3ff !important;
      border: 1px solid rgba(210,235,255,.30) !important;
    }

html[data-theme="default"] .cf-frame .panel{
      background: rgba(18,78,170,.92) !important;
      border: 1px solid rgba(210,235,255,.26) !important;
      box-shadow: 0 18px 44px rgba(7,25,70,.30) !important;
    }

html[data-theme="default"] .cf-frame .faq-item{
      background: rgba(14,64,150,.92) !important;
      border: 1px solid rgba(210,235,255,.22) !important;
    }

html[data-theme="default"] .cf-frame .faq-item.open{
      background: rgba(18,78,170,.96) !important;
      border-color: rgba(210,235,255,.32) !important;
    }

html[data-theme="default"] .cf-frame .input,
html[data-theme="default"] .cf-frame .textarea{
      background: rgba(12,52,138,.82) !important;
      border: 1px solid rgba(210,235,255,.24) !important;
      color: var(--text) !important;
    }

html[data-theme="default"] header.site-header .header-actions > a.header-cta-mobile{
      display: none !important;
    }

@media (max-width: 900px){
  html[data-theme="default"] header.site-header .header-actions .theme-picker{
    display: none !important;
  }

  html[data-theme="default"] header.site-header .header-actions{
    gap: 8px !important;
    align-items: center !important;
  }

  html[data-theme="default"] header.site-header .header-actions > a.header-cta-mobile{
    display: inline-flex !important;
    order: 2 !important;
    height: 38px !important;
    padding: 0 12px !important;
    margin-left: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,235,255,.32) !important;
    background: linear-gradient(135deg, rgba(31,107,255,.98), rgba(76,201,255,.92)) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 28px rgba(7,25,70,.28) !important;
  }

  html[data-theme="default"] header.site-header .header-actions .nav-toggle{
    order: 3 !important;
  }

  html[data-theme="default"] header.site-header .mobile-nav{
    background: #0c2f78 !important;
    padding: 16px 16px 28px !important;
    gap: 14px !important;
  }

  html[data-theme="default"] header.site-header .mobile-nav-top{
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 6px 2px 12px !important;
    margin-bottom: 6px !important;
    background: linear-gradient(180deg, rgba(12,47,120,.98), rgba(12,47,120,.92)) !important;
    border-bottom: 1px solid rgba(210,235,255,.16) !important;
  }

  html[data-theme="default"] header.site-header .mobile-theme-slot{
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  html[data-theme="default"] header.site-header .mobile-theme-picker{
    position: relative !important;
  }

  html[data-theme="default"] header.site-header .mobile-theme-picker .theme-toggle{
    height: 40px !important;
    padding: 0 14px !important;
    min-width: 96px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,235,255,.32) !important;
    background: linear-gradient(135deg, rgba(31,107,255,.96), rgba(76,201,255,.92)) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(7,25,70,.28) !important;
  }

  html[data-theme="default"] header.site-header .mobile-theme-picker .theme-menu{
    right: 0 !important;
    left: auto !important;
    margin-top: 8px !important;
    border: 1px solid rgba(210,235,255,.22) !important;
    background: rgba(10,46,128,.96) !important;
    box-shadow: 0 18px 44px rgba(7,25,70,.34) !important;
  }

  html[data-theme="default"] header.site-header .mobile-close{
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(210,235,255,.26) !important;
    background: rgba(14,60,150,.78) !important;
    color: #e9f3ff !important;
    box-shadow: 0 12px 26px rgba(7,25,70,.28) !important;
  }

  html[data-theme="default"] header.site-header .mobile-close:hover{
    background: rgba(22,86,190,.92) !important;
    border-color: rgba(210,235,255,.36) !important;
  }

  html[data-theme="default"] header.site-header .mobile-nav a{
    border-radius: 18px !important;
    padding: 15px 18px !important;
    border: 1px solid rgba(210,235,255,.18) !important;
    background: linear-gradient(180deg, rgba(10,46,128,.94), rgba(8,38,112,.92)) !important;
    box-shadow: 0 14px 30px rgba(7,25,70,.28) !important;
    color: #f4f8ff !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
  }

  html[data-theme="default"] header.site-header .mobile-nav a:hover,
  html[data-theme="default"] header.site-header .mobile-nav a:focus-visible{
    border-color: rgba(210,235,255,.32) !important;
    background: linear-gradient(180deg, rgba(16,62,150,.98), rgba(12,52,138,.96)) !important;
  }

html[data-theme="default"] header.site-header .mobile-nav a.active{
    border-color: rgba(210,235,255,.38) !important;
    background: linear-gradient(135deg, rgba(31,107,255,.98), rgba(76,201,255,.92)) !important;
    box-shadow:
      0 16px 34px rgba(7,25,70,.32),
      0 0 0 1px rgba(210,235,255,.18) inset !important;
    color: #ffffff !important;
  }
}