/* body { background-color: #ffffff; color: #252527; }
        .glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border: 1px solid rgba(0, 0, 0, 0.05); }
        .glass-hover:hover { border-color: #ff862f; box-shadow: 0 10px 40px rgba(255, 134, 47, 0.1); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
        .accent-gradient { background: linear-gradient(135deg, #ff862f 0%, #ffae70 100%); }
        .text-gradient { background: linear-gradient(to right, #252527, #b3ed97); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .premium-text-gradient {
            background: linear-gradient(135deg, #b3ed97 0%, #b3ed97 50%, #b3ed97 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        } */
        .hero-green-glow {
            background: radial-gradient(circle at center, rgba(179, 237, 151, 0.2) 0%, transparent 70%);
        }
        .hero-orange-glow {
            background: radial-gradient(circle at center, rgba(255, 134, 47, 0.15) 0%, transparent 70%);
        }
        .network-bg {
            background-color: #142d25;
            background-size: 40px 40px;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0) rotate(0); }
            50% { transform: translateY(-20px) rotate(2deg); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-float-delayed { animation: float 8s ease-in-out infinite 1s; }
        
        @keyframes pulse-glow {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(1.1); }
        }
        .node-glow { animation: pulse-glow 4s ease-in-out infinite; }

        .btn-brand-glow {
            background: linear-gradient(90deg, #ff862f, #ffae70);
            box-shadow: 0 4px 20px rgba(255, 134, 47, 0.3);
        }
        .btn-brand-glow:hover {
            box-shadow: 0 8px 30px rgba(255, 134, 47, 0.45);
            transform: translateY(-2px);
        }

        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        @keyframes fadeUp {
            to { opacity: 1; transform: translateY(0); }
        }

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

    .campfire-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  background-color: #b3ed97;
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  min-width: 220px;
  height: 56px;
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 0.4s ease;
}

.campfire-btn .btn-text {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #0B231A;
  z-index: 3;
  transition: color 0.3s ease;
}

.campfire-btn .btn-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #FF7A00;
  border-radius: 50%;
  color: #ffffff;
  z-index: 3;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.campfire-btn .btn-arrow svg {
  width: 18px;
  height: 18px;
  z-index: 4;
  transition: stroke 0.4s ease;
}

.campfire-btn::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
  background-color: #FF7A00;
  border-radius: 50%;
  z-index: 2;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}

.campfire-btn:hover::before {
  transform: scale(6);
}

.campfire-btn:hover .btn-text {
  color: #ffffff;
}

.campfire-btn:hover .btn-arrow {
  background-color: #ffffff;
}

.campfire-btn:hover .btn-arrow svg {
  stroke: #FF7A00;
}

.campfire-btn:hover {
  background-color: #FF7A00;
}

.glass-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  min-width: 220px;
  height: 56px;
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 0.4s ease, border-color 0.4s ease;
}

.glass-btn .btn-text {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  z-index: 3;
  transition: color 0.3s ease;
}

.glass-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}

.glass-btn:hover .btn-text {
  color: #0B231A;
}

.glass-btn:hover::before {
  transform: translate(-50%, -50%) scale(6);
}

.glass-btn:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}

.campfire-nav-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 6px 6px 20px;
  background-color: #b3ed97;
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  width: 170px;
  height: 46px;
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 0.4s ease;
}

.campfire-nav-btn .nav-btn-text {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #0B231A;
  z-index: 3;
  transition: color 0.3s ease;
}

.campfire-nav-btn .nav-btn-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background-color: #FF7A00;
  border-radius: 50%;
  color: #ffffff;
  z-index: 3;
  transition: background-color 0.4s ease;
}

.campfire-nav-btn .nav-btn-arrow svg {
  width: 16px;
  height: 16px;
  z-index: 4;
  transition: stroke 0.4s ease;
}

.campfire-nav-btn::before {
  content: '';
  position: absolute;
  right: 6px;
  top: 6px;
  width: 34px;
  height: 34px;
  background-color: #FF7A00;
  border-radius: 50%;
  z-index: 2;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}

.campfire-nav-btn:hover::before {
  transform: scale(6);
}

.campfire-nav-btn:hover .nav-btn-text {
  color: #ffffff;
}

.campfire-nav-btn:hover .nav-btn-arrow {
  background-color: #ffffff;
}

.campfire-nav-btn:hover .nav-btn-arrow svg {
  stroke: #FF7A00;
}

.campfire-nav-btn:hover {
  background-color: #FF7A00;
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.glass.p-8.rounded-2xl.border-black\/5.group.hover\:border-primary\/30.transition-all.duration-500.fade-up {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.glass.p-8.rounded-2xl.border-black\/5.group.hover\:border-primary\/30.transition-all.duration-500.fade-up:hover {
  transform: translateY(-5px);
  border-color: rgba(20, 45, 37, 0.3) !important; /* Forces the border to premium dark green */
  background-color: rgba(255, 255, 255, 0.85);
  
 
  box-shadow: 
    0 20px 40px -10px rgba(20, 45, 37, 0.25),
    0 10px 20px -5px rgba(20, 45, 37, 0.15),
    0 0 30px 2px rgba(20, 45, 37, 0.08); 
}


.glass.p-8.rounded-2xl.border-black\/5.group.hover\:border-primary\/30.transition-all.duration-500.fade-up::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1.5px solid #142d25;
  border-radius: 1rem; 
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transform: scale(0.99);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass.p-8.rounded-2xl.border-black\/5.group.hover\:border-primary\/30.transition-all.duration-500.fade-up:hover::before {
  opacity: 1;
  transform: scale(1);
}

.font-display-lg.text-4xl.lg\:text-5xl.text-on-surface.mb-2.group-hover\:scale-110.transition-transform {
    font-size: 36px;
}

.font-label-md.text-xs.text-on-surface-variant.uppercase.tracking-\[0\.2em\] {
    font-size: 12px;
    font-weight: 300;
}


.glass.p-6.rounded-xl {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.glass.p-6.rounded-xl:hover {
  transform: translateY(-5px);
  border-color: #142d25 !important;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 
    0 20px 40px -10px rgba(20, 45, 37, 0.25),
    0 10px 20px -5px rgba(20, 45, 37, 0.15),
    0 0 30px 2px rgba(20, 45, 37, 0.08);
}

.glass.p-6.rounded-xl::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1.5px solid #142d25;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  transform: scale(1);
  transition: opacity 0.3s ease;
}

.glass.p-6.rounded-xl:hover::before {
  opacity: 1;
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0.05);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background-color 0.4s ease;
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up:hover {
  transform: translateY(-5px);
  border-color: #142d25 !important;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 
    0 20px 40px -10px rgba(20, 45, 37, 0.25),
    0 10px 20px -5px rgba(20, 45, 37, 0.15),
    0 0 30px 2px rgba(20, 45, 37, 0.08);
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up::before {
  display: none !important;
}

span.material-symbols-outlined.text-primary.text-3xl {
    color: #252527;
}


.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl {
  background: linear-gradient(135deg, rgba(20, 45, 37, 0.75) 0%, rgba(11, 26, 21, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 
    0 20px 40px -15px rgba(0, 0, 0, 0.5), 
    inset 0 1px 1px rgba(255, 255, 255, 0.2),
    0 0 30px -5px rgba(20, 45, 37, 0.4);
}

.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl text,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl h1,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl h2,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl h3,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl h4,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl span,
.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl p {
  color: #ffffff !important;
}

.absolute.top-10.right-10.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float.z-20.backdrop-blur-2xl * {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl {
  background: linear-gradient(135deg, rgba(20, 45, 37, 0.75) 0%, rgba(11, 26, 21, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 
    0 20px 40px -15px rgba(0, 0, 0, 0.5), 
    inset 0 1px 1px rgba(255, 255, 255, 0.2),
    0 0 30px -5px rgba(20, 45, 37, 0.4);
}

.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl text,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl h1,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl h2,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl h3,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl h4,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl span,
.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl p {
  color: #ffffff !important;
}

.absolute.bottom-20.left-0.glass.p-6.rounded-2xl.border-black\/10.shadow-xl.animate-float-delayed.z-20.backdrop-blur-2xl * {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


h2.font-display-lg.text-display-lg.text-gradient.mb-4 {
  background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: inline-block;
}

section.py-32.bg-surface-container-lowest-1.fade-up {
    background: #142d25;
}


.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  background: linear-gradient(135deg, rgba(20, 45, 37, 0.85) 0%, rgba(10, 24, 19, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 
    0 20px 40px -15px rgba(0, 0, 0, 0.6), 
    inset 0 1px 0px rgba(255, 255, 255, 0.15);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background-color 0.4s ease;
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up:hover {
  transform: translateY(-5px);
  border-color: rgba(179, 237, 151, 0.3) !important;
  background: linear-gradient(135deg, rgba(24, 54, 44, 0.9) 0%, rgba(12, 30, 24, 0.98) 100%);
  box-shadow: 
    0 25px 50px -12px rgba(10, 24, 19, 0.7),
    0 0 30px 2px rgba(20, 45, 37, 0.3),
    inset 0 1px 0px rgba(255, 255, 255, 0.2);
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up text,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up h1,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up h2,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up h3,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up h4,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up span,
.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up p {
  color: #ffffff !important;
}

.glass.glass-hover.p-8.rounded-xl.flex.flex-col.gap-4.fade-up * {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

p.text-on-surface-variant.max-w-2xl.mx-auto.font-body-lg.text-body-lg {
    color: white;
}

.group.relative.overflow-hidden.rounded-2xl.fade-up,
.group.relative.overflow-hidden.rounded-2xl {
  height: 600px !important;
  display: flex !important;
}

.group.relative.overflow-hidden.rounded-2xl.fade-up img,
.group.relative.overflow-hidden.rounded-2xl img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  flex-grow: 1 !important;
}

button.custom-demo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  background-color: #142d25;
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  min-width: 220px;
  height: 56px;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

button.custom-demo-btn .btn-text {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  z-index: 3;
  transition: color 0.3s ease;
}

button.custom-demo-btn .btn-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #FF7A00;
  border-radius: 50%;
  color: #ffffff;
  z-index: 3;
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

button.custom-demo-btn .material-symbols-outlined {
  z-index: 4;
}

button.custom-demo-btn::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
  background-color: #FF7A00;
  border-radius: 50%;
  z-index: 2;
  transform: scale(1);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}

/* Hover States */
button.custom-demo-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(10, 24, 19, 0.4);
}

button.custom-demo-btn:hover::before {
  transform: scale(10);
}

button.custom-demo-btn:hover .btn-text {
  color: #ffffff;
}

button.custom-demo-btn:hover .btn-icon-wrapper {
  background-color: transparent;
  transform: translateX(4px);
}


.ts-section {
  width: 100%;
  background: #0a1209;
  padding: 100px 20px;
  box-sizing: border-box;
}

.ts-inner-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.ts-header {
  text-align: center;
  margin-bottom: 64px;
  opacity: 0;
  transform: translateY(24px);
  animation: fadeUp 0.7s ease forwards;
}

.ts-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #4ade80;
  margin-bottom: 20px;
}

.ts-eyebrow::before, .ts-eyebrow::after {
  content: '';
  width: 24px; height: 1px;
  background: #4ade80;
  opacity: 0.5;
}

.ts-title {
  font-family: 'Syne', sans-serif;
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  color: #f0f4f0;
  margin-bottom: 16px;
}

.ts-title .hl { color: #4ade80; }

.ts-subtitle {
  font-size: 18px;
  color: #7a8f7d;
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.6;
}

.ts-carousel {
  position: relative;
  width: 100%;
  opacity: 0;
  transform: translateY(32px);
  animation: fadeUp 0.7s 0.2s ease forwards;
}

.ts-overflow {
  overflow: hidden;
  border-radius: 20px;
}

.ts-track {
  display: flex;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.ts-card {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: 52% 1fr;
  min-height: 380px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  transition: border-color 0.4s;
  box-sizing: border-box;
}

.ts-card.active { border-color: rgba(74,222,128,0.3); }

.ts-thumb {
  position: relative;
  overflow: hidden;
  background: #050d06;
}

.ts-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.65;
  transition: opacity 0.4s, transform 0.6s;
  transform: scale(1.04);
  display: block;
}

.ts-card.active .ts-thumb img {
  opacity: 0.8;
  transform: scale(1);
}

.ts-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 50%, #0a1209 100%),
              linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 50%);
}

.ts-play-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.ts-play-btn {
  position: relative;
  width: 72px; height: 72px;
  border-radius: 50%;
  background: #4ade80;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s, box-shadow 0.25s;
  box-shadow: 0 0 0 0 rgba(74,222,128,0.4);
}

.ts-play-btn::before {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px solid rgba(74,222,128,0.3);
  animation: pulse 2s ease infinite;
}

.ts-play-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 0 32px rgba(74,222,128,0.35);
}

.ts-play-btn svg {
  width: 24px; height: 24px;
  fill: #0a1209;
  margin-left: 4px;
}

.ts-duration {
  position: absolute;
  bottom: 14px; left: 14px;
  z-index: 2;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  backdrop-filter: blur(4px);
}

.ts-body {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  box-sizing: border-box;
}

.ts-badge {
  display: inline-block;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #4ade80;
  background: rgba(74,222,128,0.15);
  border: 1px solid rgba(74,222,128,0.3);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 20px;
  width: fit-content;
}

.ts-stars {
  display: flex;
  gap: 3px;
  margin-bottom: 18px;
}

.ts-star {
  color: #4ade80;
  font-size: 14px;
}

.ts-quote {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.75;
  color: #c8d8cb;
  margin-bottom: 28px;
  position: relative;
  padding-left: 20px;
}

.ts-quote::before {
  content: '"';
  position: absolute;
  left: 0; top: -10px;
  font-size: 52px;
  font-style: normal;
  color: #4ade80;
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  line-height: 1;
  opacity: 0.7;
}

.ts-divider {
  width: 40px; height: 1px;
  background: rgba(255,255,255,0.07);
  margin-bottom: 24px;
}

.ts-person {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ts-avatar {
  width: 46px; height: 46px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(74,222,128,0.3);
  flex-shrink: 0;
}

.ts-name {
  font-family: 'Syne', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #f0f4f0;
  margin-bottom: 3px;
}

.ts-role {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #4ade80;
}

.ts-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  padding: 0 4px;
  opacity: 0;
  animation: fadeUp 0.7s 0.4s ease forwards;
}

.ts-nav-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ts-nav-btn {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.07);
  color: #f0f4f0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s;
  font-size: 0;
}

.ts-nav-btn svg {
  width: 18px; height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ts-nav-btn:hover:not(:disabled) {
  background: rgba(74,222,128,0.15);
  border-color: rgba(74,222,128,0.3);
  color: #4ade80;
}

.ts-nav-btn:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}

.ts-dots {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ts-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #3d5240;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.35s ease;
}

.ts-dot.active {
  background: #4ade80;
  width: 24px;
  border-radius: 3px;
}

.ts-counter {
  font-family: 'Syne', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #7a8f7d;
  letter-spacing: 1px;
}

.ts-counter span { color: #4ade80; }

.ts-progress {
  margin-top: 20px;
  height: 1px;
  background: rgba(255,255,255,0.07);
  border-radius: 1px;
  overflow: hidden;
  opacity: 0;
  animation: fadeUp 0.7s 0.5s ease forwards;
}

.ts-progress-bar {
  height: 100%;
  background: #4ade80;
  border-radius: 1px;
  transition: width 0.55s ease;
}

.ts-mini-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 40px;
  opacity: 0;
  animation: fadeUp 0.7s 0.55s ease forwards;
}

.ts-mini {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.25s;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.ts-mini::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: #4ade80;
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
}

.ts-mini:hover { border-color: rgba(74,222,128,0.25); background: rgba(255,255,255,0.06); }

.ts-mini:hover::before, .ts-mini.mini-active::before { transform: scaleX(1); }

.ts-mini.mini-active {
  border-color: rgba(74,222,128,0.3);
  background: rgba(74,222,128,0.04);
}

.ts-mini-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.ts-mini-avatar {
  width: 34px; height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}

.ts-mini-name {
  font-family: 'Syne', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #f0f4f0;
}

.ts-mini-co {
  font-size: 10px;
  color: #7a8f7d;
  margin-top: 1px;
}

.ts-mini-quote {
  font-size: 12px;
  color: #7a8f7d;
  line-height: 1.6;
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ts-mini-play {
  position: absolute;
  top: 16px; right: 16px;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(74,222,128,0.15);
  border: 1px solid rgba(74,222,128,0.3);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s;
}

.ts-mini:hover .ts-mini-play { background: #4ade80; }

.ts-mini-play svg {
  width: 10px; height: 10px;
  fill: #4ade80;
  margin-left: 2px;
  transition: fill 0.2s;
}

.ts-mini:hover .ts-mini-play svg { fill: #0a1209; }

@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
  0%   { transform: scale(1); opacity: 0.6; }
  70%  { transform: scale(1.4); opacity: 0; }
  100% { transform: scale(1.4); opacity: 0; }
}

@media (max-width: 768px) {
  .ts-section { padding: 64px 20px; }
  .ts-card { grid-template-columns: 1fr; }
  .ts-thumb { min-height: 220px; }
  .ts-thumb::after { background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, transparent 60%); }
  .ts-body { padding: 24px 20px; }
  .ts-mini-row { grid-template-columns: 1fr; }
  .ts-mini-row .ts-mini:nth-child(n+2) { display: none; }
}

.ts-carousel {
    width: 1280px;
    margin: 0 auto;
}

div#tsMinis {
    width: 1280px;
    margin: 30px auto 0 auto;
}

.ts-title {
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: 16px;
}

.glass.p-10.rounded-xl.flex.flex-col.fade-up {
    border: solid 1px #142d25;
}
    .custom-btn {
  display: block !important;
  width: 100% !important;
  padding: 16px 24px !important;
  border-radius: 12px !important;
  background-color: #142d25 !important; /* Premium Dark Green */
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  text-decoration: none !important;
}

.custom-btn:hover {
  background-color: #1e4537 !important; /* Slightly lighter on hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

button.w-full.py-4.rounded-lg.accent-gradient.text-on-primary.font-label-md.font-bold.shadow-lg.shadow-primary\/20 {
  background-color: #ff862f !important;
  border: none !important;
  transition: background-color 0.4s ease, box-shadow 0.4s ease !important;
  cursor: pointer !important;
  position: relative !important;
  color: white;
}

button.w-full.py-4.rounded-lg.accent-gradient.text-on-primary.font-label-md.font-bold.shadow-lg.shadow-primary\/20:hover {
  background-color: #e87620 !important;
  box-shadow: 0 8px 25px rgba(255, 134, 47, 0.4) !important;
}


button.custom-demo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  background-color: #142d25;
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  min-width: 220px;
  height: 56px;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.4s ease;
  outline: none;
  border: none;
}

button.custom-demo-btn .btn-text {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  z-index: 3;
  margin-right: 12px;
  transition: color 0.3s ease;
}

button.custom-demo-btn .btn-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #FF7A00;
  border-radius: 50%;
  color: #ffffff;
  z-index: 3;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

button.custom-demo-btn::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 8px;
  width: 46px;
  height: 46px;
  background-color: #FF7A00;
  border-radius: 50%;
  z-index: 2;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover States */
button.custom-demo-btn:hover {
  box-shadow: 0 10px 25px rgba(10, 24, 19, 0.3);
}

button.custom-demo-btn:hover::before {
  transform: scale(10);
}

button.custom-demo-btn:hover .btn-icon-wrapper {
  background-color: transparent;
  transform: translateX(4px);
}



.custom-demo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  background-color: #b3ed97;
  border-radius: 9999px;
  text-decoration: none;
  overflow: hidden;
  min-width: 220px;
  height: 56px;
  box-sizing: border-box;
  z-index: 1;
  transition: all 0.4s ease;
  cursor: pointer;
  border: none;
  width: 265px;
}

.custom-demo-btn .btn-text {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #1a1a1a; /* Dark text for better visibility */
}

.custom-demo-btn .btn-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #ff7a00; /* Aapka orange */
  border-radius: 50%;
  color: #ffffff;
  transition: transform 0.3s ease;
}

/* Hover Effect */
.custom-demo-btn:hover {
  background-color: #a2d987; /* Slightly darker green on hover */
}

.custom-demo-btn:hover .btn-icon-wrapper {
  transform: scale(1.1);
}


.custom-demo-btn:hover .btn-icon-wrapper {
    background-color: #ffffff !important;
}

/* Jab button par hover ho, tab icon (arrow) ka color black ho jaye */
.custom-demo-btn:hover .btn-icon-wrapper .material-symbols-outlined {
    color: #000000 !important;
}

/* Transition taake change smooth ho */
.btn-icon-wrapper, 
.btn-icon-wrapper .material-symbols-outlined {
    transition: all 0.4s ease !important;
}

button.custom-demo-btn .btn-icon-wrapper {
    margin-right: 6px;
}

button.custom-demo-btn::before {
    top: 7px;
    right: 11px;
}

div#tsTrack {
    height: 600px;
}

button.custom-demo-btn {
    height: 60px;
}


.custom-demo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  background-color: #b3ed97;
  border-radius: 9999px;
  text-decoration: none;
  min-width: 220px;
  height: 56px;
  overflow: hidden;
  cursor: pointer;
  border: none;
  transition: background-color 0.4s ease;
}

.custom-demo-btn::before {
  content: '';
  position: absolute;
  right: 12px;
  top: 6px;
  width: 40px;
  height: 40px;
  background-color: #ff7a00;
  border-radius: 50%;
  z-index: 1;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
  transform-origin: center;
}

.custom-demo-btn:hover::before {
  transform: scale(12);
}

.btn-text, .btn-icon-wrapper {
  position: relative;
  z-index: 2;
}

.btn-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #000000;
  transition: all 0.4s ease;
}

.btn-text {
  color: #1a1a1a;
  font-weight: 600;
  font-family: sans-serif;
}

.custom-demo-btn:hover .btn-text {
  color: #ffffff;
}


.campfire-section {
  position: relative;
  min-height: 819px;
  background-color: #f2ede6;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 100px;
}

.glow-effect {
  position: absolute;
  top: -100px;
  right: -100px;
  width: 900px;
  height: 900px;
  background: radial-gradient(circle, rgba(255, 165, 0, 0.15) 0%, transparent 65%);
  pointer-events: none;
}

.content-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
}

.text-side { flex: 1; z-index: 2; }
.label { background: #d7e8cf; padding: 6px 16px; border-radius: 20px; font-size: 14px; color: #3d5e30; display: inline-block; font-family: 'Inter'; }
.main-heading { font-size: 72px; line-height: 1.1; margin: 20px 0; color: #1a1a1a; font-weight: 600; }
.desc-text { font-size: 18px; color: #4a4a4a; max-width: 450px; margin-bottom: 40px; }


.custom-demo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: #b3ed97;
  padding: 12px 12px 12px 24px;
  border-radius: 50px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  min-width: 180px;
  height: 52px;
}
.btn-icon { width: 32px; height: 32px; background-color: #ff7a00; border-radius: 50%; margin-left: 20px; }

.floating-icons-container { flex: 1; position: relative; height: 600px; pointer-events: none; }
.icon-item { 
  position: absolute; width: 65px; height: 65px; background: white; border-radius: 18px; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.05); animation: float 6s ease-in-out infinite; 
}
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

.i1 { top: 120px; right: 280px; }
.i2 { top: 280px; right: 120px; animation-delay: 0.8s; }
.i3 { top: 400px; right: 350px; animation-delay: 1.5s; }
.i4 { top: 220px; right: 450px; animation-delay: 2.2s; }
.i5 { top: 450px; right: 200px; animation-delay: 0.5s; }



h2.text-4xl.md\:text-6xl.font-bold.text-white.mb-8.leading-tight {
    background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-family: 'Sora';
    margin-bottom: 15px;
}

.space-y-6.text-gray-400.text-lg.leading-relaxed p {
    padding: 0px;
    margin-top: 12px;
    font-family: Inter;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: white;
}


p.text-gray-600.leading-relaxed.text-lg {
    font-family: 'Inter';
}

.uppercase.tracking-\[0\.2em\].text-sm.text-gray-400 {
    font-family: 'Inter';
    width: 210px;
}

.text-5xl.font-bold.text-\[\#ff862f\].mb-3 {
    color: white;
    width: 210px;
    font-weight: 600;
}

.text-5xl.font-bold.text-\[\#9dd682\].mb-3 {
    width: 210px;
    color: white;
    font-weight: 600;
}

h2.text-4xl.md\:text-6xl.font-bold.text-gray-900 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

p.text-gray-600.leading-relaxed {
    font-family: 'Inter';
}

h2.text-4xl.md\:text-7xl.font-bold.text-white.mb-8 {
    font-size: 48px;
    font-weight: 600;
}

p.text-lg.text-gray-300.max-w-2xl.mx-auto.mb-12 {
    font-family: inherit;
}

.icon-item {
  width: 65px;
  height: 65px;
  background: white;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  position: absolute;
}

.icon-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;      
}

@keyframes float {
  0% { transform: translateY(0px) rotate(0deg); }
  33% { transform: translateY(-8px) rotate(2deg); }
  66% { transform: translateY(-4px) rotate(-1deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

.animate-floating {
  animation: float 8s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

section.max-w-container-max.mx-auto.px-margin-desktop.mb-stack-lg {
    margin-top: 60px;
}

p.text-lg.text-gray-300.max-w-lg.mb-10.leading-relaxed {
    font-family: 'Inter';
}

h2.text-5xl.md\:text-6xl.font-bold.text-white.mb-8.leading-tight {
  
  background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100%);
  webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.02em;
  font-weight: 600;
}

p.text-gray-300.mb-10.text-lg.leading-relaxed {
    font-family: 'Inter';
}

.text-4xl.text-white.font-bold.mb-1 {
    font-weight: 600;
}

.text-sm.text-gray-400.uppercase.tracking-wider.font-semibold {
    font-family: 'Inter';
}

h2.text-4xl.md\:text-5xl.font-bold.text-gray-900 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

span.text-\[\#50c878\].font-bold.tracking-\[0\.2em\].uppercase.text-xs.mb-4.block {
    border-radius: 999999px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(157 214 130);
    background-color: #1e4539;
    width: 18%;
    margin: 0px auto 24px;
}

h1.text-5xl.md\:text-7xl.font-bold.text-white.mb-6 {
    font-weight: 600;
}

p.text-gray-400.text-lg.max-w-xl.mx-auto {
    color: white;
    font-family: inherit;
}

label.text-xs.font-bold.text-gray-400.uppercase {
    color: white;
    font-weight: 400;
}

p.text-gray-400.text-sm {
    color: white;
}

h2.text-4xl.font-bold.mt-4.mb-10 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

section.relative.min-h-\[800px\].flex.items-center.bg-\[\#0d1713\].overflow-hidden.px-6.md\:px-16.py-20 {
    background: #142d25;
}


.orbit-wrapper{
    width: 500px;
    height: 500px;
    margin: auto;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
}

.orbit{
    width: 100%;
    height: 100%;
    position: relative;

    animation: rotate 20s linear infinite;
}

/* icons */
.icon{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 75px;
    height: 75px;

    margin: -37px;

    background: #fff;
    border-radius: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 30px rgba(0,0,0,0.08);

    /* perfect circle positions */
    transform:
    rotate(calc(51deg * var(--i)))
    translateY(-220px);
}

/* images */
.icon img{
    width: 42px;
    height: 42px;
    object-fit: contain;
}

/* animation */
@keyframes rotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.faq-content {
  display: none;
}

.faq-content.open {
  display: block;
}

.faq-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

.faq-icon.open {
  transform: rotate(90deg);
}


h2.text-4xl.font-bold.text-white.mb-12 {
    background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-family: 'Sora';
    margin-bottom: 15px;
}

  /* Slider smooth transition ke liye */
  #testimonial-slider {
    transition: transform 0.5s ease-in-out;
    display: flex;
  }

  h2.text-4xl.font-bold.text-slate-900 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

h2.text-4xl.font-bold.text-white.mb-4 {
    background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-family: 'Sora';
    margin-bottom: 15px;
}

p.text-gray-400 {
    color: white;
    font-family: 'Inter';
}

p.text-sm.text-gray-400 {
    font-family: 'Inter';
}

h2.font-headline-lg.text-headline-lg-mobile.md\:text-headline-lg.text-on-surface {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

p.font-body-lg.text-on-surface-variant.mt-4 {
    color: black;
    font-family: 'Inter';
}


section.py-stack-lg.bg-white {
    margin-top: 60px;
    margin-bottom: 60px;
}

.text-xs.font-bold.uppercase.tracking-widest.text-\[\#50c878\].mb-4 {
    color: #ff862f;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

span.text-lg.font-normal.text-slate-500 {
    color: black;
}

ul.space-y-4.mb-8.font-body-md.text-slate-700 li {
    color: black;
    font-family: 'Inter';
}

.text-xs.font-bold.uppercase.tracking-widest.text-slate-400.mb-4 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
    color: black;
}

.glass-panel.p-8.rounded-2xl.border.border-slate-100.hover\:border-slate-200.transition-all.bg-white.shadow-sm {
    border: solid 1px #142d25;
}

span.text-lg.font-normal.text-slate-400 {
    color: black;
}

ul.space-y-4.mb-8.font-body-md.text-slate-600 li {
    color: black;
    font-family: 'Inter';
}

span.material-symbols-outlined.text-\[\#50c878\].text-sm {
    color: #ff8730;
}


button.w-full.py-4.border.border-slate-200.rounded-full.font-bold.hover\:bg-slate-50.transition-all {
    display: block !important;
    width: 100% !important;
    padding: 16px 24px !important;
    border-radius: 12px !important;
    background-color: #142d25 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    text-decoration: none !important;
}


.faq-content.text-gray-400.text-sm.mt-4.leading-relaxed.open {
    color: white;
    font-family: 'Inter';
}

h2.font-display-2xl.text-display-lg.mb-8.text-white {
    font-size: 48px;
    font-weight: 700;
}

span.premium-text-gradient {
    color: #ff862f;
}

span.text-gradient {
    color: #ff862f;
}

h2.text-4xl.md\:text-5xl.font-extrabold.text-slate-900 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

h2.text-4xl.md\:text-5xl.font-black.text-white {
    background: linear-gradient(135deg, #ffffff 0%, #b3ed97 60%, #5fa942 100% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-family: 'Sora';
    margin-bottom: 15px;
}

h3.text-xs.font-black.tracking-\[0\.4em\].uppercase.text-slate-400.mb-16 {
    color: black;
}


h3.text-4xl.md\:text-5xl.font-black.text-slate-900.mb-16 {
    background: linear-gradient(to right, #252527, #b3ed97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.nav-link.active {
  color: #ffffff !important;
  border-bottom: 2px solid #50c878;
}

a.flex.items-center.gap-3.group {
    margin-bottom: 20px;
    margin-top: 20px;
}

html{
  scroll-behavior: smooth;
}

.absolute.-top-4.left-1\/2.-translate-x-1\/2.accent-gradient.px-4.py-1.rounded-full.text-on-primary.text-xs.font-bold.uppercase.tracking-widest {
    background: #ff862f;
    color: white;
}


a.w-full.py-4.rounded-lg.accent-gradient.text-on-primary.font-label-md.font-bold.shadow-lg.shadow-primary\/20 {
    background: #ff862f;
    align-items: center;
    display: flex;
    justify-content: center;
    align-content: center;
}

.ts-stars {
    color: white;
}

p.text-white\/80.font-body-lg.text-body-lg.mb-12.max-w-2xl.mx-auto {
    font-family: 'Inter';
}

desc-text{
    font-family: 'Inter';
}

p.font-body-lg.text-body-lg.text-on-surface-variant.max-w-2xl.mb-stack-lg {
    font-family: 'Inter';
}

p.text-lg.text-slate-600.leading-relaxed {
    font-family: 'Inter';
}

p.text-base.text-slate-500 {
    font-family: 'Inter';
}

p.text-gray-400.text-lg.max-w-xl.mx-auto {
    font-family: 'Inter';
}

label.text-xs.font-bold.text-gray-400.uppercase {
    font-family: 'Inter';
}