.elementor-kit-67{--e-global-color-primary:#C6FF00;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#999999;--e-global-color-accent:#F5F5F0;--e-global-color-670c8a2:#000000;--e-global-color-f95acad:#111111;--e-global-color-7de60a4:#1A1A1A;--e-global-color-2121595:#1E1E1E;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;background-color:#000000;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:400;line-height:0.9rem;letter-spacing:0.01em;}.elementor-kit-67 button,.elementor-kit-67 input[type="button"],.elementor-kit-67 input[type="submit"],.elementor-kit-67 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;line-height:0.9rem;letter-spacing:0.1em;color:#000000;}.elementor-kit-67 button:hover,.elementor-kit-67 button:focus,.elementor-kit-67 input[type="button"]:hover,.elementor-kit-67 input[type="button"]:focus,.elementor-kit-67 input[type="submit"]:hover,.elementor-kit-67 input[type="submit"]:focus,.elementor-kit-67 .elementor-button:hover,.elementor-kit-67 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-670c8a2 );}.elementor-kit-67 e-page-transition{background-color:#FFBC7D;}.elementor-kit-67 a{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-weight:500;}.elementor-kit-67 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-67 h1{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:3.5rem;font-weight:900;line-height:3.5rem;letter-spacing:0.01em;}.elementor-kit-67 h2{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:2.5rem;font-weight:900;line-height:2.5rem;letter-spacing:0.01em;}.elementor-kit-67 h3{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:2rem;font-weight:900;line-height:2rem;letter-spacing:0.01em;}.elementor-kit-67 h4{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:800;line-height:1.5rem;letter-spacing:0.01em;}.elementor-kit-67 h5{color:#CCCCCC;font-family:"Inter", Sans-serif;font-size:1.4rem;line-height:1.4rem;letter-spacing:0.01em;}.elementor-kit-67 h6{color:#666666;font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;line-height:0.9rem;letter-spacing:0.05em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   BOOOQ.CO — GLOBAL CSS
   Site Settings → Custom CSS
   ============================================ */

/* ─── BASE RESET ─────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #000000 !important;
  color: #999999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  cursor: none;
}

::selection {
  background: #C6FF00;
  color: #000000;
}

/* ─── HIDE CURSOR ON MOBILE ──────────────── */
@media (max-width: 1024px) {
  body {
    cursor: auto !important;
  }
  .bq-cursor {
    display: none !important;
  }
}

/* ─── CUSTOM CURSOR ──────────────────────── */
.bq-cursor {
  position: fixed;
  width: 10px;
  height: 10px;
  background: #C6FF00;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
  mix-blend-mode: difference;
}

.bq-cursor.big {
  width: 48px;
  height: 48px;
}

.bq-cursor.hidden {
  opacity: 0;
}

/* ─── TYPOGRAPHY ─────────────────────────── */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
}

/* Hero display size — apply class .t-hero to heading widget */
.t-hero .elementor-heading-title {
  font-size: clamp(64px, 10vw, 160px) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.04em !important;
}

/* Section XL — apply class .t-xl */
.t-xl .elementor-heading-title {
  font-size: clamp(42px, 6vw, 88px) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.03em !important;
}

/* Section LG — apply class .t-lg */
.t-lg .elementor-heading-title {
  font-size: clamp(32px, 4vw, 60px) !important;
  font-weight: 900 !important;
  line-height: 1.0 !important;
  letter-spacing: -0.025em !important;
}

/* Eyebrow label — apply class .eyebrow to heading widget */
.eyebrow .elementor-heading-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #666666 !important;
  line-height: 1.4 !important;
}

/* Italic thin for contrast moments */
.t-thin em {
  font-weight: 200 !important;
  font-style: italic !important;
  color: #555555 !important;
}

/* Lime accent text — apply class .t-lime */
.t-lime .elementor-heading-title,
.t-lime {
  color: #C6FF00 !important;
}

/* Muted text */
.t-muted {
  color: #555555 !important;
}

/* ─── LINKS ──────────────────────────────── */
a {
  transition: color 0.2s ease;
}

/* ─── BUTTONS ────────────────────────────── */
.elementor-button,
.elementor-button-wrapper a {
  transition: transform 0.15s ease, opacity 0.2s ease !important;
  cursor: none !important;
}

.elementor-button:hover,
.elementor-button-wrapper a:hover {
  transform: translateY(-2px) !important;
}

.elementor-button:active,
.elementor-button-wrapper a:active {
  transform: translateY(0px) !important;
}

/* Outline button variant — apply class .btn-outline to button widget */
.btn-outline .elementor-button {
  background: transparent !important;
  border: 1px solid #1E1E1E !important;
  color: #666666 !important;
}

.btn-outline .elementor-button:hover {
  border-color: #333333 !important;
  color: #FFFFFF !important;
}

/* ─── SECTIONS ───────────────────────────── */
.elementor-section,
.e-con {
  position: relative;
}

/* Section dividers — apply class .section-divide */
.section-divide {
  border-bottom: 1px solid #1E1E1E !important;
}

/* Dark surface sections — apply class .bg-surface */
.bg-surface {
  background: #111111 !important;
}

/* Card background — apply class .bg-card */
.bg-card {
  background: #1A1A1A !important;
}

/* ─── COLUMNS ────────────────────────────── */
/* Right border on columns — apply class .col-border-right */
.col-border-right {
  border-right: 1px solid #1E1E1E;
}

/* Bottom border on columns — apply class .col-border-bottom */
.col-border-bottom {
  border-bottom: 1px solid #1E1E1E;
}

/* ─── NAV ─── */
.elementor-nav-menu a {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #666666 !important;
  transition: color 0.2s ease !important;
}

/* Header nav — uppercase */
.elementor-location-header .elementor-nav-menu a {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 12px !important;
}





/* Footer nav — specificity override */
.footer-nav-col .elementor-nav-menu--main > li > a,
.footer-nav-col .elementor-nav-menu a {
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}





.elementor-nav-menu a:hover {
  color: #FFFFFF !important;
}

.elementor-nav-menu .elementor-item-active {
  color: #FFFFFF !important;
}

/* Remove default Elementor nav underline indicator */
.elementor-nav-menu--indicator-underline
.elementor-item:after {
  display: none !important;
}









/* ─── ACCORDION / FAQ ────────────────────── */
.elementor-accordion-item {
  border: none !important;
  border-bottom: 1px solid #1E1E1E !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.elementor-accordion-item:first-child {
  border-top: 1px solid #1E1E1E !important;
}

.elementor-tab-title {
  background: transparent !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  padding: 28px 0 !important;
  border: none !important;
}

.elementor-tab-title:hover {
  color: #C6FF00 !important;
}

.elementor-tab-title.elementor-active {
  color: #FFFFFF !important;
}

.elementor-tab-title .elementor-accordion-icon {
  color: #333333 !important;
}

.elementor-tab-title.elementor-active .elementor-accordion-icon {
  color: #C6FF00 !important;
}

.elementor-tab-content {
  background: transparent !important;
  color: #666666 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  border: none !important;
  padding: 0 0 28px !important;
}

/* ─── SCROLL REVEAL ANIMATIONS ───────────── */
/* Apply class .reveal to any widget or section */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Delay variants — stack on .reveal */
.reveal-d1 { transition-delay: 0.1s; }
.reveal-d2 { transition-delay: 0.2s; }
.reveal-d3 { transition-delay: 0.3s; }
.reveal-d4 { transition-delay: 0.4s; }

/* ─── STAT NUMBERS ───────────────────────── */
/* Apply class .stat-block to the container */
.stat-block {
  padding: 56px 48px;
  border-right: 1px solid #1E1E1E;
}

.stat-block:last-child {
  border-right: none;
}

.stat-number {
  font-size: clamp(56px, 8vw, 100px);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.stat-number .lime {
  color: #C6FF00;
}

/* ─── CARDS ──────────────────────────────── */
/* Apply class .bq-card to container widget */
.bq-card {
  background: #111111 !important;
  border: 1px solid #1E1E1E !important;
  border-radius: 14px !important;
  transition: border-color 0.2s ease !important;
}

.bq-card:hover {
  border-color: #282828 !important;
}

/* Featured card — apply class .bq-card-featured */
.bq-card-featured {
  background: #111111 !important;
  border: 1px solid rgba(198, 255, 0, 0.18) !important;
  border-radius: 14px !important;
}

.bq-card-featured:hover {
  border-color: rgba(198, 255, 0, 0.3) !important;
}

/* ─── PRICING CARDS ──────────────────────── */
.pricing-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background: #1E1E1E;
}

/* ─── COMPARISON SECTION ─────────────────── */
/* Apply class .compare-old to left column */
.compare-old {
  background: #000000 !important;
}

/* Apply class .compare-new to right column */
.compare-new {
  background: #111111 !important;
}

/* ─── MARQUEE ────────────────────────────── */
.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #1E1E1E;
  border-bottom: 1px solid #1E1E1E;
  padding: 18px 0;
}

.marquee-track {
  display: inline-flex;
  animation: marquee 24s linear infinite;
}

.marquee-item {
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #555555;
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.marquee-item::after {
  content: '·';
  color: #C6FF00;
  font-size: 14px;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ─── LIME PULSE DOT ─────────────────────── */
/* Use in status bars and live indicators */
.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C6FF00;
  animation: pulse-lime 1.8s ease-in-out infinite;
  display: inline-block;
}

@keyframes pulse-lime {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

/* Red pulse for missed call indicators */
.pulse-dot-red {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF3B30;
  animation: pulse-red 1.5s ease-in-out infinite;
  display: inline-block;
}

@keyframes pulse-red {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

/* ─── LIME BADGE ─────────────────────────── */
.badge-lime {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(198, 255, 0, 0.08);
  border: 1px solid rgba(198, 255, 0, 0.18);
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #C6FF00;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ─── WHY LIST ───────────────────────────── */
/* Apply to Elementor Icon List widget */
.why-list .elementor-icon-list-item {
  padding: 18px 0 !important;
  border-bottom: 1px solid #1E1E1E !important;
}

.why-list .elementor-icon-list-item:last-child {
  border-bottom: none !important;
}

.why-list .elementor-icon-list-text {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #CCCCCC !important;
}

.why-list .elementor-icon-list-icon {
  color: #C6FF00 !important;
}

/* ─── ELEMENTOR IMAGE WIDGET ─────────────── */
.elementor-widget-image img {
  max-width: 100%;
  height: auto;
}

/* Logo in header */
.header-logo img {
  height: 26px;
  width: auto;
}

/* ─── DIVIDERS ───────────────────────────── */
.elementor-widget-divider .elementor-divider-separator {
  border-top-color: #1E1E1E !important;
}

/* ─── FORMS (SureForms) ──────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  background: #111111 !important;
  border: 1px solid #1E1E1E !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  transition: border-color 0.2s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border-color: #C6FF00 !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #444444 !important;
}

/* ─── RESPONSIVE ─────────────────────────── */
@media (max-width: 1024px) {
  .col-border-right {
    border-right: none !important;
    border-bottom: 1px solid #1E1E1E !important;
  }

  .stat-block {
    border-right: none !important;
    border-bottom: 1px solid #1E1E1E !important;
    padding: 40px 24px !important;
  }

  .stat-block:last-child {
    border-bottom: none !important;
  }
}

@media (max-width: 767px) {
  .bq-card,
  .bq-card-featured {
    border-radius: 10px !important;
  }
}







/* ─── BUTTON GLOW ────────────────────────── */
.elementor-button {
  box-shadow: 
    0 0 12px rgba(198, 255, 0, 0.4),
    0 0 24px rgba(198, 255, 0, 0.2),
    0 0 48px rgba(198, 255, 0, 0.1) !important;
  transition: box-shadow 0.3s ease, transform 0.15s ease !important;
}

.elementor-button:hover {
  box-shadow: 
    0 0 16px rgba(198, 255, 0, 0.6),
    0 0 32px rgba(198, 255, 0, 0.3),
    0 0 64px rgba(198, 255, 0, 0.15) !important;
  transform: translateY(-2px) !important;
}









/* ─── FLOATING GLASS HEADER ─────────────── */
.elementor-location-header {
  position: fixed !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 80px) !important;
  max-width: 1140px !important;
  border-radius: 999px !important;
  z-index: 9999 !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Scrolled state */
.elementor-location-header.scrolled {
  top: 10px !important;
  width: calc(100% - 100px) !important;
  border-color: rgba(198, 255, 0, 0.08) !important;
}

/* Kill Astra interference */
#masthead,
.site-header,
.ast-primary-header-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
}

/* Push page content down */
#content,
.elementor-section-wrap,
body > .elementor {
  padding-top: 90px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-location-header {
    width: calc(100% - 32px) !important;
    border-radius: 20px !important;
    top: 12px !important;
  }

  .elementor-location-header.scrolled {
    width: calc(100% - 32px) !important;
  }
}/* End custom CSS */