.elementor-kit-3779{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1c0cc89:#101010;--e-global-color-94aaef5:#191919;--e-global-color-8a29788:#7C00FE;--e-global-color-04fbce3:#7C00FE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-3779 e-page-transition{background-color:#FFBC7D;}.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 *//* ============================================
   STREAMBEE — Clean Theme
   ONLY affects: colors · fonts · buttons
   Does NOT touch: spacing · layout · structure
   
   Paste into: Appearance → Customize →
   Additional CSS
   ============================================ */

/* ── Google Fonts ────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── Variables ───────────────────────────────── */
:root {
  --sb-violet:       #7c3aed;
  --sb-violet-deep:  #5b21b6;
  --sb-violet-soft:  #a78bfa;
  --sb-cyan:         #06b6d4;
  --sb-cyan-deep:    #0891b2;
  --sb-cyan-glow:    rgba(6, 182, 212, 0.20);
  --sb-violet-glow:  rgba(124, 58, 237, 0.25);
  --sb-text:         #f0eeff;
  --sb-muted:        #8b82b0;
  --sb-bg:           #07050f;
  --sb-card:         rgba(255,255,255,0.035);
  --sb-card-border:  rgba(124,58,237,0.22);
}

/* ── Elementor global color tokens ──────────── */
html body {
  --e-global-color-primary:   #7c3aed !important;
  --e-global-color-secondary: #06b6d4 !important;
  --e-global-color-accent:    #7c3aed !important;
  --e-global-color-text:      #f0eeff !important;
}

/* ── Background ──────────────────────────────── */
html body {
  background-color: var(--sb-bg) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 20% 10%, rgba(124,58,237,0.15) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 80%, rgba(6,182,212,0.10) 0%, transparent 55%) !important;
  background-attachment: fixed !important;
}

html body .elementor-section,
html body .elementor-top-section,
html body .e-con {
  background-color: transparent !important;
  background-image: none !important;
}

/* ── Fonts ───────────────────────────────────── */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .elementor-heading-title {
  font-family: 'Syne', sans-serif !important;
}

html body p,
html body li,
html body a,
html body span,
html body label,
html body .elementor-widget-text-editor,
html body .elementor-icon-box-description,
html body .elementor-button {
  font-family: 'DM Sans', sans-serif !important;
}

/* ── Heading colors ──────────────────────────── */
html body h1.elementor-heading-title,
html body h2.elementor-heading-title {
  background: linear-gradient(125deg, #ffffff 0%, var(--sb-violet-soft) 45%, var(--sb-cyan) 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html body h3.elementor-heading-title,
html body h4.elementor-heading-title,
html body h5.elementor-heading-title,
html body h6.elementor-heading-title {
  color: var(--sb-text) !important;
  -webkit-text-fill-color: var(--sb-text) !important;
}

/* Underline stays visible */
html body u {
  text-decoration-color: var(--sb-cyan) !important;
  -webkit-text-fill-color: var(--sb-text) !important;
  color: var(--sb-text) !important;
}

/* ── Body text ───────────────────────────────── */
html body p,
html body .elementor-widget-text-editor,
html body .elementor-icon-box-description,
html body .elementor-text-editor {
  color: var(--sb-muted) !important;
}

/* ── Inline red → cyan (Elementor inline styles) */
html body [style*="color:#e74c3c"],
html body [style*="color: #e74c3c"],
html body [style*="color:#dc3545"],
html body [style*="color:#ff0000"],
html body [style*="color:#c0392b"],
html body [style*="color:#ff4444"],
html body [style*="color:#cc0000"],
html body [style*="color:#f00"],
html body [style*="color:red"] {
  color: var(--sb-cyan) !important;
}

/* Inline red backgrounds → violet */
html body [style*="background-color:#e74c3c"],
html body [style*="background-color:#dc3545"],
html body [style*="background-color:#c0392b"],
html body [style*="background-color:#ff0000"],
html body [style*="background:#e74c3c"],
html body [style*="background:#dc3545"] {
  background-color: var(--sb-violet) !important;
  background-image: linear-gradient(135deg, var(--sb-violet), var(--sb-violet-deep)) !important;
}

/* ── Navigation ──────────────────────────────── */
html body header,
html body .site-header,
html body #masthead,
html body .elementor-location-header {
  background: rgba(7, 5, 15, 0.80) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(124,58,237,0.20) !important;
}

html body .elementor-nav-menu .elementor-item,
html body .elementor-nav-menu a.elementor-item {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--sb-muted) !important;
  transition: color 0.2s ease !important;
}

html body .elementor-nav-menu .elementor-item:hover,
html body .elementor-nav-menu .elementor-item-active,
html body .elementor-nav-menu a.elementor-item:hover {
  color: var(--sb-cyan) !important;
}

/* ── Buttons ─────────────────────────────────── */
html body .elementor-button,
html body a.elementor-button,
html body .elementor-button-wrapper .elementor-button,
html body .elementor-widget-button .elementor-button,
html body .elementor-price-table .elementor-button,
html body .elementor-price-table__button {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, var(--sb-violet) 0%, var(--sb-violet-deep) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 0 20px var(--sb-violet-glow), 0 4px 15px rgba(0,0,0,0.35) !important;
  transition: all 0.3s ease !important;
}

html body .elementor-button:hover,
html body a.elementor-button:hover,
html body .elementor-price-table .elementor-button:hover {
  background: linear-gradient(135deg, #8b45ff 0%, var(--sb-cyan-deep) 100%) !important;
  box-shadow: 0 0 0 1px rgba(6,182,212,0.4), 0 0 25px var(--sb-cyan-glow), 0 0 15px var(--sb-violet-glow), 0 6px 20px rgba(0,0,0,0.4) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

/* Hero CTA pulse animation */
@keyframes heroPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 0 20px var(--sb-violet-glow), 0 4px 15px rgba(0,0,0,0.35); }
  50%       { box-shadow: 0 0 0 1px rgba(6,182,212,0.4), 0 0 35px rgba(124,58,237,0.35), 0 0 20px var(--sb-cyan-glow), 0 4px 15px rgba(0,0,0,0.35); }
}

html body .elementor-top-section:first-of-type .elementor-button,
html body section:first-of-type .elementor-button {
  animation: heroPulse 3s ease-in-out infinite !important;
}

/* ── Icons ───────────────────────────────────── */
html body .elementor-icon i,
html body .elementor-icon svg,
html body .elementor-icon-box-icon .elementor-icon i {
  color: var(--sb-cyan) !important;
  fill: var(--sb-cyan) !important;
}

/* ── Pricing cards ───────────────────────────── */
html body .elementor-price-table__wrapper,
html body .elementor-widget-price-table > .elementor-widget-container {
  background: var(--sb-card) !important;
  border: 1px solid var(--sb-card-border) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

html body .elementor-price-table__wrapper:hover {
  box-shadow: 0 0 40px var(--sb-violet-glow), 0 20px 40px rgba(0,0,0,0.3) !important;
  transform: translateY(-4px) !important;
}

/* Featured plan */
html body .elementor-price-table--featured .elementor-price-table__wrapper,
html body .elementor-price-table--featured > .elementor-widget-container {
  background: linear-gradient(145deg, rgba(124,58,237,0.18), rgba(6,182,212,0.08)) !important;
  border: 1.5px solid rgba(124,58,237,0.55) !important;
  box-shadow: 0 0 50px var(--sb-violet-glow), 0 0 20px var(--sb-cyan-glow) !important;
}

/* Plan header */
html body .elementor-price-table__header {
  background: linear-gradient(135deg, rgba(124,58,237,0.35), rgba(6,182,212,0.15)) !important;
}

html body .elementor-price-table--featured .elementor-price-table__header {
  background: linear-gradient(135deg, var(--sb-violet) 0%, #4f46e5 50%, var(--sb-cyan-deep) 100%) !important;
}

html body .elementor-price-table__heading {
  font-family: 'Syne', sans-serif !important;
  color: var(--sb-text) !important;
}

/* Price number */
html body .elementor-price-table__integer-part,
html body .elementor-price-table__currency,
html body .elementor-price-table__fractional-part {
  font-family: 'Syne', sans-serif !important;
  color: var(--sb-cyan) !important;
  -webkit-text-fill-color: var(--sb-cyan) !important;
}

html body .elementor-price-table--featured .elementor-price-table__integer-part,
html body .elementor-price-table--featured .elementor-price-table__currency {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Feature list */
html body .elementor-price-table__features-list li {
  color: var(--sb-muted) !important;
  border-color: rgba(255,255,255,0.06) !important;
}

html body .elementor-price-table__features-list .elementor-icon {
  color: var(--sb-cyan) !important;
}

/* ── Accordion / FAQ ─────────────────────────── */
html body .elementor-accordion .elementor-accordion-item {
  background: var(--sb-card) !important;
  border-color: rgba(124,58,237,0.18) !important;
  border-radius: 10px !important;
}

html body .elementor-accordion .elementor-tab-title {
  color: var(--sb-text) !important;
  font-family: 'DM Sans', sans-serif !important;
}

html body .elementor-accordion .elementor-tab-title.elementor-active {
  color: var(--sb-cyan) !important;
  background: linear-gradient(90deg, rgba(124,58,237,0.12), transparent) !important;
}

html body .elementor-accordion .elementor-tab-content {
  color: var(--sb-muted) !important;
}

html body .elementor-accordion .elementor-accordion-icon i,
html body .elementor-accordion .elementor-accordion-icon svg {
  color: var(--sb-violet-soft) !important;
  fill: var(--sb-violet-soft) !important;
}

/* ── Divider ─────────────────────────────────── */
html body .elementor-divider-separator {
  background: linear-gradient(90deg, transparent, var(--sb-violet), var(--sb-cyan), transparent) !important;
  border: none !important;
  height: 1px !important;
}

/* ── Counters ────────────────────────────────── */
html body .elementor-counter-number-wrapper {
  font-family: 'Syne', sans-serif !important;
  background: linear-gradient(135deg, var(--sb-violet-soft), var(--sb-cyan));
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Footer ──────────────────────────────────── */
html body footer,
html body .site-footer,
html body .elementor-location-footer {
  background: rgba(5, 3, 12, 0.98) !important;
  border-top: 1px solid rgba(124,58,237,0.18) !important;
}

html body footer a,
html body .site-footer a {
  color: var(--sb-violet-soft) !important;
}

html body footer a:hover,
html body .site-footer a:hover {
  color: var(--sb-cyan) !important;
}

/* ── Scrollbar ───────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--sb-bg); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--sb-violet), var(--sb-cyan));
  border-radius: 3px;
}

/* ── Text selection ──────────────────────────── */
::selection {
  background: rgba(124,58,237,0.35);
  color: #fff;
}

/* ============================================
   END — STREAMBEE CLEAN THEME
   ============================================ */
   /* ============================================
   STREAMBEE — Pricing Cards Color Fix
   Add this AFTER your existing clean theme CSS
   ============================================ */


/* ── Regular cards — solid dark purple ───────── */
html body .elementor-price-table__wrapper,
html body .elementor-widget-price-table > .elementor-widget-container {
  background: #1a0f3a !important;
  border: 1px solid rgba(124, 58, 237, 0.35) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

html body .elementor-price-table__wrapper:hover {
  border-color: rgba(124, 58, 237, 0.65) !important;
  box-shadow: 0 0 35px rgba(124, 58, 237, 0.25), 0 16px 40px rgba(0,0,0,0.4) !important;
  transform: translateY(-4px) !important;
}

/* Card header — slightly lighter purple strip */
html body .elementor-price-table__header {
  background: rgba(124, 58, 237, 0.25) !important;
}

/* Plan title */
html body .elementor-price-table__heading {
  color: #ffffff !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* Price — cyan on regular cards */
html body .elementor-price-table__integer-part,
html body .elementor-price-table__currency,
html body .elementor-price-table__fractional-part {
  color: #06b6d4 !important;
  -webkit-text-fill-color: #06b6d4 !important;
}

/* Subheading "1 Connection" */
html body .elementor-price-table__subheading,
html body .elementor-price-table__period {
  color: rgba(255,255,255,0.45) !important;
}

/* Feature list text */
html body .elementor-price-table__features-list li {
  color: rgba(255,255,255,0.75) !important;
  border-bottom-color: rgba(255,255,255,0.07) !important;
}

/* Checkmark icons */
html body .elementor-price-table__features-list .elementor-icon,
html body .elementor-price-table__features-list li .elementor-icon i,
html body .elementor-price-table__features-list li i {
  color: #06b6d4 !important;
  fill: #06b6d4 !important;
}

/* ── Featured card — 12 MONTHS — cyan gradient ── */
html body .elementor-price-table--featured .elementor-price-table__wrapper,
html body .elementor-price-table--featured > .elementor-widget-container {
  background: linear-gradient(160deg, #0e7490 0%, #06b6d4 50%, #0891b2 100%) !important;
  border: 2px solid rgba(6, 182, 212, 0.7) !important;
  box-shadow:
    0 0 50px rgba(6, 182, 212, 0.30),
    0 0 20px rgba(6, 182, 212, 0.15),
    0 20px 50px rgba(0,0,0,0.45) !important;
}

html body .elementor-price-table--featured .elementor-price-table__wrapper:hover {
  box-shadow:
    0 0 70px rgba(6, 182, 212, 0.40),
    0 0 30px rgba(6, 182, 212, 0.20),
    0 24px 60px rgba(0,0,0,0.5) !important;
  transform: translateY(-6px) !important;
}

/* Featured header */
html body .elementor-price-table--featured .elementor-price-table__header {
  background: rgba(0, 0, 0, 0.20) !important;
}

/* Featured plan title */
html body .elementor-price-table--featured .elementor-price-table__heading {
  color: #ffffff !important;
}

/* Featured price — white */
html body .elementor-price-table--featured .elementor-price-table__integer-part,
html body .elementor-price-table--featured .elementor-price-table__currency,
html body .elementor-price-table--featured .elementor-price-table__fractional-part {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 0 30px rgba(255,255,255,0.3) !important;
}

/* Featured "1 Connection" */
html body .elementor-price-table--featured .elementor-price-table__subheading,
html body .elementor-price-table--featured .elementor-price-table__period {
  color: rgba(255,255,255,0.65) !important;
}

/* Featured feature list */
html body .elementor-price-table--featured .elementor-price-table__features-list li {
  color: rgba(255,255,255,0.90) !important;
  border-bottom-color: rgba(255,255,255,0.15) !important;
}

/* Featured checkmarks — white */
html body .elementor-price-table--featured .elementor-price-table__features-list .elementor-icon,
html body .elementor-price-table--featured .elementor-price-table__features-list li i {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Featured button — violet on cyan card */
html body .elementor-price-table--featured .elementor-button,
html body .elementor-price-table--featured .elementor-price-table__button {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
  box-shadow: 0 0 20px rgba(124,58,237,0.5), 0 4px 15px rgba(0,0,0,0.3) !important;
  color: #fff !important;
}

html body .elementor-price-table--featured .elementor-button:hover {
  background: linear-gradient(135deg, #8b45ff 0%, #6d28d9 100%) !important;
  box-shadow: 0 0 30px rgba(124,58,237,0.6), 0 6px 20px rgba(0,0,0,0.4) !important;
}

/* ============================================
   END — PRICING CARDS FIX
   ============================================ *//* End custom CSS */