/* Tino Premium Elementor Hero Helpers
   Use these classes on native Elementor containers/widgets so the Elementor Style tab remains available. */

.tino-premium-hero {
  position: relative;
  min-height: 820px;
  overflow: hidden;
  isolation: isolate;
}

.tino-premium-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 52%, rgba(140, 214, 74, 0.22) 0%, rgba(140, 214, 74, 0) 26%),
    linear-gradient(90deg, rgba(2, 15, 26, 0.92) 0%, rgba(2, 15, 26, 0.70) 43%, rgba(2, 15, 26, 0.22) 100%),
    linear-gradient(180deg, rgba(2, 15, 26, 0.34) 0%, rgba(2, 15, 26, 0.88) 100%);
}

.tino-premium-hero > .e-con-inner,
.tino-premium-hero > .elementor-container {
  position: relative;
  z-index: 1;
}

.tino-hero-content {
  max-width: 820px;
}

.tino-hero-badge {
  display: inline-flex;
  align-items: center;
  width: auto !important;
  padding: 11px 22px;
  border: 1px solid rgba(139, 218, 78, 0.45);
  border-radius: 999px;
  background: rgba(139, 218, 78, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #8bda4e !important;
  font-weight: 700;
  line-height: 1;
}

.tino-hero-title,
.tino-hero-title .elementor-heading-title {
  color: #ffffff !important;
  font-size: clamp(52px, 6vw, 106px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  font-weight: 800 !important;
}

.tino-hero-title .tino-highlight,
.tino-highlight {
  color: #8bda4e !important;
}

.tino-hero-text,
.tino-hero-text p {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.38 !important;
  max-width: 760px;
}

.tino-primary-btn .elementor-button,
.tino-primary-btn a.elementor-button {
  border-radius: 999px !important;
  padding: 20px 34px !important;
  background: #8bda4e !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 18px 45px rgba(139, 218, 78, 0.28);
}

.tino-video-btn .elementor-button,
.tino-video-btn a.elementor-button {
  border-radius: 999px !important;
  padding: 18px 26px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.tino-floating-card {
  width: 280px !important;
  padding: 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: linear-gradient(135deg, rgba(255,255,255,0.20), rgba(255,255,255,0.06));
  box-shadow: 0 24px 65px rgba(0,0,0,0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.tino-floating-card,
.tino-floating-card * {
  color: #ffffff !important;
}

.tino-floating-card .elementor-icon,
.tino-stat-item .elementor-icon {
  color: #8bda4e !important;
  fill: #8bda4e !important;
}

.tino-stats-bar {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: 4vw !important;
  padding: 26px 34px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: linear-gradient(135deg, rgba(255,255,255,0.17), rgba(255,255,255,0.07));
  box-shadow: 0 28px 70px rgba(0,0,0,0.30);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.tino-stat-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.tino-stat-item,
.tino-stat-item * {
  color: #ffffff !important;
}

.tino-stat-number,
.tino-stat-number .elementor-heading-title {
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.tino-stat-label,
.tino-stat-label p,
.tino-stat-label .elementor-heading-title {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.tino-slider-arrows {
  color: #ffffff !important;
}

@media (max-width: 1024px) {
  .tino-premium-hero { min-height: 760px; }
  .tino-hero-content { max-width: 680px; }
  .tino-stats-bar {
    margin-right: auto !important;
    max-width: calc(100% - 40px) !important;
    padding: 22px !important;
  }
  .tino-floating-card { display: none !important; }
}

@media (max-width: 767px) {
  .tino-premium-hero {
    min-height: 720px;
  }
  .tino-premium-hero::before {
    background:
      linear-gradient(90deg, rgba(2, 15, 26, 0.92) 0%, rgba(2, 15, 26, 0.76) 100%),
      linear-gradient(180deg, rgba(2, 15, 26, 0.25) 0%, rgba(2, 15, 26, 0.88) 100%);
  }
  .tino-hero-content { max-width: 100%; }
  .tino-hero-title,
  .tino-hero-title .elementor-heading-title {
    font-size: clamp(42px, 13vw, 58px) !important;
    letter-spacing: -0.045em !important;
  }
  .tino-hero-text,
  .tino-hero-text p {
    font-size: 18px !important;
  }
  .tino-primary-btn .elementor-button,
  .tino-video-btn .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .tino-stats-bar {
    max-width: calc(100% - 24px) !important;
    padding: 18px !important;
    border-radius: 18px !important;
  }
  .tino-stat-item:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}