:root {
         --primary-glow: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
         --glass-bg: rgba(255, 255, 255, 0.03);
         --glass-border: rgba(255, 255, 255, 0.1);
         --dark-bg: #050510;
      }

      body {
         background-color: var(--dark-bg);
         color: #cbd5e1; /* Brighter slate for readability */
         font-family: 'Inter', sans-serif;
      }

      h1, h2, h3, h4, h5, h6 {
         color: #ffffff !important;
      }

      /* ========== PREMIUM HERO SECTION ========== */
      .premium-hero {
         min-height: 100vh;
         padding: 150px 0 100px;
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         overflow: hidden;
         background: var(--dark-bg);
      }

      .hero-bg-image {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
         opacity: 0.4;
         z-index: 1;
         filter: saturate(1.2) brightness(0.8);
      }

      .hero-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: radial-gradient(circle at center, transparent 0%, var(--dark-bg) 90%);
         z-index: 2;
      }

      .hero-content-premium {
         position: relative;
         z-index: 10;
         text-align: center;
         max-width: 1000px;
         padding: 0 20px;
      }

      .hero-badge {
         background: rgba(99, 102, 241, 0.15);
         border: 1px solid rgba(99, 102, 241, 0.3);
         color: #a5b4fc;
         padding: 8px 20px;
         border-radius: 50px;
         font-size: 14px;
         font-weight: 600;
         letter-spacing: 1px;
         text-transform: uppercase;
         display: inline-block;
         margin-bottom: 30px;
         backdrop-filter: blur(10px);
      }

      .hero-title-premium {
         font-size: clamp(45px, 8vw, 85px);
         font-weight: 800;
         line-height: 1;
         letter-spacing: -3px;
         margin-bottom: 25px;
         background: linear-gradient(to bottom, #fff 40%, rgba(255,255,255,0.7) 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
      }

      .hero-subtitle-premium {
         font-size: clamp(16px, 3vw, 20px);
         color: rgba(255, 255, 255, 0.6);
         max-width: 750px;
         margin: 0 auto 40px;
         line-height: 1.6;
      }

      /* ========== SECTION TITLES ========== */
      .section-tag {
         color: #6366f1;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 4px;
         font-size: 13px;
         display: block;
         margin-bottom: 15px;
      }

       .section-title-premium {
          font-size: clamp(32px, 5vw, 52px);
          font-weight: 800;
          letter-spacing: -1.5px;
          margin-bottom: 25px;
          background: linear-gradient(135deg, #FFE066 0%, #F5A623 50%, #D4AF37 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
       }

       .section-title-premium.text-white {
          background: none !important;
          -webkit-text-fill-color: #ffffff !important;
          color: #ffffff !important;
       }

      /* ========== GLASS CARDS ========== */
      .glass-card {
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         backdrop-filter: blur(15px);
         border-radius: 30px;
         padding: 45px;
         transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         height: 100%;
         position: relative;
         overflow: hidden;
      }

      .glass-card:hover {
         background: rgba(255, 255, 255, 0.08);
         border-color: rgba(99, 102, 241, 0.6);
         transform: translateY(-10px);
         box-shadow: 0 30px 60px rgba(0,0,0,0.6);
      }

      .glass-card p {
         color: rgba(255, 255, 255, 0.7);
         line-height: 1.7;
      }

      .glass-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.1), transparent 60%);
         pointer-events: none;
      }

      .card-icon {
         width: 70px;
         height: 70px;
         background: var(--primary-glow);
         border-radius: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 30px;
         font-size: 28px;
         color: #fff;
         box-shadow: 0 15px 30px rgba(99, 102, 241, 0.3);
      }

      /* ========== STATS BOXES ========== */
      .stats-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
      }

      .stat-box {
         background: rgba(255,255,255,0.02);
         border: 1px solid rgba(255,255,255,0.05);
         padding: 30px;
         border-radius: 20px;
         text-align: center;
      }

      .stat-val {
         font-size: 42px;
         font-weight: 800;
         color: #6366f1;
         display: block;
         margin-bottom: 5px;
      }

      .stat-lab {
         font-size: 14px;
         color: rgba(255,255,255,0.7);
         text-transform: uppercase;
         letter-spacing: 1px;
      }

      /* ========== PROCESS STEPS ========== */
      .process-step {
         position: relative;
         padding-left: 80px;
         padding-bottom: 25px;
         margin-bottom: 0;
      }

      .step-num {
         position: absolute;
         left: 0;
         top: 0;
         width: 50px;
         height: 50px;
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: 800;
         color: #6366f1;
         font-size: 18px;
         z-index: 2;
      }

      .process-step::after {
         content: '';
         position: absolute;
         left: 25px;
         top: 50px;
         width: 1px;
         height: calc(100% - 50px);
         background: rgba(99, 102, 241, 0.4);
      }

      .process-step p {
         color: rgba(255, 255, 255, 0.6);
      }

      .process-step:last-child::after { display: none; }

      /* ========== TOOLS GRID ========== */
      .tool-pill {
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         padding: 15px 25px;
         border-radius: 15px;
         display: flex;
         align-items: center;
         gap: 12px;
         transition: all 0.3s ease;
      }

      .tool-pill:hover {
         background: rgba(99, 102, 241, 0.1);
         border-color: #6366f1;
         transform: scale(1.05);
      }

      .tool-pill span { color: #ffffff; font-weight: 600; }
      .tool-pill i { color: #a5b4fc; font-size: 20px; }

      /* ========== CUSTOM DOCTOR BAR ========== */
      .expert-banner {
         background: linear-gradient(90deg, #d5d01a 0%, #facc15 100%);
         color: #000;
         padding: 40px 0;
         text-align: center;
         position: relative;
         overflow: hidden;
      }

      .expert-banner h4 {
         font-size: clamp(24px, 4vw, 42px);
         font-weight: 900;
         margin: 0;
         position: relative;
         z-index: 2;
      }

      .expert-banner::before {
         content: 'SEO';
         position: absolute;
         font-size: 150px;
         font-weight: 900;
         opacity: 0.1;
         top: -30px;
         right: -20px;
      }

      /* ========== PORTFOLIO SLIDER ========== */
      .portfolio-slider-area {
         background: #050510;
         padding: 150px 0;
         overflow: hidden;
      }
      .portfolio-item {
         position: relative;
         border-radius: 30px;
         overflow: hidden;
         border: 1px solid rgba(255, 255, 255, 0.1);
         height: 450px;
         background: #111;
         box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      }
      .portfolio-item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         filter: brightness(0.7);
         transition: all 0.5s ease;
      }
      .swiper-slide-active .portfolio-item img {
         filter: brightness(1);
      }
      .portfolio-content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         padding: 40px;
         background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, transparent 100%);
         z-index: 2;
      }
      .portfolio-content h4 {
         font-size: 24px;
         margin-bottom: 10px;
         color: #fff;
      }
      .portfolio-content p {
         color: #6366f1;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 2px;
         font-size: 12px;
         margin: 0;
      }
      
      .portfolio-active {
         padding: 50px 0 !important;
      }

      .nav-btn-custom {
         width: 60px;
         height: 60px;
         background: rgba(255,255,255,0.05);
         border: 1px solid rgba(255,255,255,0.1);
         border-radius: 50%;
         color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         transition: all 0.3s ease;
         z-index: 10;
         backdrop-filter: blur(10px);
      }
      .nav-btn-custom:hover {
         background: #6366f1;
         border-color: #6366f1;
         box-shadow: 0 0 20px rgba(99, 102, 241, 0.5);
      }

      .portfolio-nav-wrap {
         display: flex;
         justify-content: center;
         gap: 20px;
         margin-top: 50px;
      }

      /* ========== COMMITMENT SECTION ========== */
      .commitment-section {
         padding: 120px 0;
         background: rgba(255, 255, 255, 0.02);
      }
      .commitment-tag {
         color: #ef4444; /* Red/Orange from image */
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 2px;
         font-size: 14px;
         display: block;
         margin-bottom: 20px;
      }
      .commitment-title {
         color: #a855f7 !important; /* Purple from image */
         font-size: clamp(30px, 5vw, 48px);
         font-weight: 800;
         line-height: 1.2;
         margin-bottom: 30px;
         text-transform: uppercase;
      }
      .commitment-text {
         font-size: 18px;
         line-height: 1.8;
         color: rgba(255, 255, 255, 0.8);
      }

      /* ========== INDUSTRY CARDS ========== */
      .industry-card {
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         border-radius: 24px;
         padding: 40px;
         height: 100%;
         transition: all 0.4s ease;
         position: relative;
         overflow: hidden;
      }
      .industry-card:hover {
         background: rgba(255, 255, 255, 0.08);
         border-color: #facc15;
         transform: translateY(-10px);
      }
      .industry-card i {
         font-size: 40px;
         margin-bottom: 25px;
         display: block;
         color: #facc15; /* Gold accent */
      }
      .industry-card h4 {
         color: #facc15 !important;
         margin-bottom: 20px;
         font-size: 20px;
         font-weight: 700;
      }
      .industry-card p {
         font-size: 15px;
         line-height: 1.6;
         color: rgba(255,255,255,0.7);
      }

      .industry-active {
         padding: 40px 0 !important;
      }
      .industry-item {
         height: 100%;
      }

      /* ========== FAQ SECTION ========== */
      .faq-item {
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         border-radius: 20px;
         margin-bottom: 20px;
         overflow: hidden;
         transition: all 0.3s ease;
      }
      .faq-item:hover {
         border-color: rgba(99, 102, 241, 0.4);
      }
      .faq-header {
         padding: 25px 30px;
         cursor: pointer;
         display: flex;
         justify-content: space-between;
         align-items: center;
         background: transparent;
         border: none;
         width: 100%;
         text-align: left;
      }
      .faq-header h4 {
         margin: 0;
         font-size: 18px;
         font-weight: 600;
         color: #fff;
         transition: color 0.3s ease;
      }
      .faq-header i {
         color: #6366f1;
         transition: transform 0.3s ease;
      }
      .faq-item.active .faq-header i {
         transform: rotate(180deg);
      }
      .faq-body {
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease-out;
         padding: 0 30px;
      }
      .faq-item.active .faq-body {
         max-height: 500px;
         padding-bottom: 30px;
      }
      .faq-body p {
         color: rgba(255, 255, 255, 0.6);
         margin: 0;
         line-height: 1.7;
      }

      @media (max-width: 768px) {
         .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
         .stat-box { padding: 15px 10px; border-radius: 12px; }
         .stat-val { font-size: 26px; }
         .stat-lab { font-size: 12px; }
         .premium-hero { height: auto; padding: 150px 0 100px; }
         .tool-pill { width: calc(50% - 8px); justify-content: center; padding: 12px 8px; gap: 6px; }
         .tool-pill span { font-size: 12px; }
         .tool-pill i { font-size: 16px; }
      }

      /* ========== TECHNOLOGY STACK & INDUSTRIES SERVED ========== */
      .svc-section {
          padding: 60px 0;
          background: #fff;
      }
      .tech-stack-section {
          background: #0d0f14 !important;
          padding: 60px 0;
      }
      .tech-stack-container {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px;
          margin-top: 30px;
      }
      .tech-card {
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(255, 255, 255, 0.06);
          border-radius: 16px;
          padding: 25px 15px;
          text-align: center;
          width: 140px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
          position: relative;
          overflow: hidden;
          backdrop-filter: blur(10px);
      }
      .tech-card:hover {
          transform: translateY(-5px) scale(1.03) !important;
          border-color: rgba(255, 255, 255, 0.15) !important;
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;
      }
      .tech-card:hover::before {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background: radial-gradient(circle at center, var(--glow-color, rgba(99, 102, 241, 0.15)) 0%, transparent 70%);
          top: 0;
          left: 0;
          z-index: 0;
          pointer-events: none;
      }
      .tech-icon-box {
          position: relative;
          z-index: 1;
          margin-bottom: 15px;
          transition: transform 0.3s ease;
      }
      .tech-card:hover .tech-icon-box {
          transform: scale(1.1);
      }
      .tech-card-name {
          position: relative;
          z-index: 1;
          font-size: 14px;
          font-weight: 600;
          color: #e5e7eb;
      }

      /* Unified Mobile Styles */
      @media (max-width: 768px) {
          .tech-stack-section {
              padding: 35px 0 !important;
          }
          .tech-stack-container {
              gap: 12px !important;
              margin-top: 20px !important;
          }
          .tech-card {
              width: 105px !important;
              padding: 15px 5px !important;
              border-radius: 12px !important;
          }
          .tech-icon-box svg {
              width: 32px !important;
              height: 32px !important;
          }
          .tech-card-name {
              font-size: 11px !important;
          }
      }
      /* ========== PRICING TABLES ========== */
      .pricing-card {
         background: var(--glass-bg);
         border: 1px solid var(--glass-border);
         border-radius: 24px;
         padding: 40px 30px;
         height: 100%;
         transition: all 0.4s ease;
         position: relative;
         overflow: hidden;
         display: flex;
         flex-direction: column;
      }
      .pricing-card:hover {
         border-color: #6366f1;
         transform: translateY(-10px);
      }
      .pricing-card.popular {
         border-color: #a855f7;
         background: rgba(168, 85, 247, 0.05);
      }
      .pricing-badge {
         position: absolute;
         top: 15px;
         right: -35px;
         background: #a855f7;
         color: #fff;
         padding: 5px 40px;
         transform: rotate(45deg);
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 1px;
      }
      .pricing-title {
         font-size: 24px;
         font-weight: 700;
         color: #fff;
         margin-bottom: 10px;
      }
      .pricing-price {
         font-size: 40px;
         font-weight: 800;
         color: #6366f1;
         margin-bottom: 20px;
      }
      .pricing-features {
         list-style: none;
         padding: 0;
         margin: 0 0 30px 0;
         flex-grow: 1;
      }
      .pricing-features li {
         color: rgba(255, 255, 255, 0.8);
         margin-bottom: 15px;
         display: flex;
         align-items: flex-start;
         gap: 10px;
      }
      .pricing-features li i {
         color: #10b981;
         margin-top: 5px;
      }
      
      /* ========== WHY CHOOSE GRID ========== */
      .why-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
      }
      .why-card {
         background: rgba(255, 255, 255, 0.02);
         border: 1px solid rgba(255, 255, 255, 0.05);
         padding: 30px;
         border-radius: 20px;
      }
      .why-card h4 {
         color: #facc15;
         font-size: 18px;
         margin-bottom: 15px;
      }
      .why-card p {
         color: rgba(255, 255, 255, 0.7);
         margin: 0;
         font-size: 15px;
      }
      @media (max-width: 768px) {
         .why-grid { grid-template-columns: 1fr; }
      }