/* ========================================== */
/* OPTIMIZED HOME PAGE STYLES */
/* Extracted from home.blade.php */
/* Generated: 2025-10-02T04:34:00.256Z */
/* ========================================== */


/* ===== Style Block 1 ===== */
/* Clean SaaS Testimonial Section */
        .super-testimonial-section {
          background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
          padding: 80px 0;
          position: relative;
        }

        .super-testimonial-section::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 50%;
          height: 100%;
          background: radial-gradient(ellipse at top left, rgba(59, 130, 246, 0.03) 0%, transparent 70%);
          pointer-events: none;
        }

        .testimonial-header {
          text-align: center;
          margin-bottom: 4rem;
        }

        .testimonial-badge {
          display: inline-block;
          background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
          color: white;
          padding: 0.5rem 1rem;
          border-radius: 50px;
          font-size: 0.875rem;
          font-weight: 600;
          margin-bottom: 1.5rem;
          box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
        }

        .super-testimonial-title {
          font-size: 2.5rem;
          font-weight: 700;
          color: #1a202c;
          margin-bottom: 1.5rem;
          letter-spacing: -0.02em;
        }

        .testimonial-subtitle {
          font-size: 1.125rem;
          color: #4a5568;
          max-width: 600px;
          margin: 0 auto;
          line-height: 1.6;
        }

        /* Clean Testimonial Cards */
        .super-testimonial-slider {
          margin-top: 3rem;
        }

        .super-testimonial-card {
          background: white;
          border-radius: 12px;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          border: 1px solid #f3f4f6;
          padding: 2.5rem;
          margin: 0 auto;
          max-width: 800px;
          transition: all 0.3s ease;
          position: relative;
        }

        .super-testimonial-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
          border-color: #e5e7eb;
        }

        .testimonial-text {
          font-size: 1.125rem;
          line-height: 1.7;
          color: #374151;
          margin-bottom: 2rem;
          font-style: normal;
          position: relative;
          padding-left: 1rem;
        }

        .testimonial-text::before {
          content: '"';
          position: absolute;
          left: 0;
          top: -10px;
          font-size: 3rem;
          color: #3b82f6;
          font-family: Georgia, serif;
          line-height: 1;
        }

        .testimonial-author {
          display: flex;
          align-items: center;
          gap: 1rem;
        }

        .author-avatar {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          object-fit: cover;
          border: 1px solid #e5e7eb;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
          display: block;
        }

        .author-info {
          flex: 1;
        }

        .author-name {
          font-size: 1.125rem;
          font-weight: 600;
          color: #1a202c;
          margin-bottom: 0.25rem;
        }

        .author-title {
          font-size: 0.875rem;
          color: #6b7280;
          line-height: 1.4;
        }

        .university-icon {
          position: absolute;
          top: 1.5rem;
          right: 1.5rem;
          width: 40px;
          height: 40px;
          border-radius: 8px;
          background: #f9fafb;
          border: 1px solid #f3f4f6;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease;
          z-index: 10;
          overflow: hidden;
        }

        .university-icon:hover {
          background: #f3f4f6;
          border-color: #e5e7eb;
          transform: scale(1.05);
        }

        .university-icon img {
          width: 24px;
          height: 24px;
          object-fit: contain;
          max-width: 100%;
          max-height: 100%;
        }

        /* Enhanced Pagination */
        .super-testimonial-pagination {
          margin-top: 3rem;
          text-align: center;
        }

        .super-testimonial-pagination .swiper-pagination-bullet {
          background: #d1d5db;
          opacity: 1;
          margin: 0 4px;
          transition: all 0.3s ease;
        }
        .super-testimonial-pagination .swiper-pagination-bullet-active {
          background: #3b82f6;
          transform: scale(1.2);
        }
        /* Responsive Design */
        @media (max-width: 768px) {
          .super-testimonial-section {
            padding: 60px 0;
          }

          .super-testimonial-title {
            font-size: 2rem;
          }

          .testimonial-subtitle {
            font-size: 1rem;
          }

          .super-testimonial-card {
            padding: 2rem;
          }

          .testimonial-text {
            font-size: 1rem;
            padding-left: 0.75rem;
          }

          .testimonial-text::before {
            font-size: 2.5rem;
            top: -8px;
          }

          .university-icon {
            width: 32px;
            height: 32px;
            top: 1rem;
            right: 1rem;
          }

          .university-icon img {
            width: 20px;
            height: 20px;
          }
        }



        

        /* legacy .btn-insane removed */

        .btn-insane .btn-snow { z-index: 1; pointer-events: none; }
        .btn-insane .btn-snow .snowflake { opacity: .8; will-change: bottom, margin-left, opacity; animation: rise 6.8s linear infinite, drift 2.8s ease-in-out infinite alternate; }
        @keyframes rise { 0% { bottom: -12%; opacity: 0; } 8% { opacity: .75; } 85% { opacity: .85; } 100% { bottom: 112%; opacity: 0; } }
        @keyframes drift { 0% { margin-left: -3px; } 100% { margin-left: 5px; } }

        /* Slightly reduce subtitle size on larger screens too */
        @media (min-width: 768px) { .btn-insane .btn-subtitle { font-size: .74rem; } }
        .btn-insane .btn-arrow { z-index:2; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:999px; background: rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.25); transition: transform .25s ease, background .25s ease; }
        .btn-insane:hover .btn-arrow { transform: translateX(4px) scale(1.05); background: rgba(255,255,255,.26); }
        .btn-insane .btn-snow { position:absolute; inset:0; overflow:visible; }
        .btn-insane .btn-snow .snowflake { position:absolute; width:6px; height:6px; border-radius:999px; background: rgba(255,255,255,.9); box-shadow: 0 6px 16px rgba(255,255,255,.3); opacity:.6; animation: floatUp 6s linear infinite; }
        .btn-insane .btn-snow .p1 { left:8%; bottom:-10%; animation-duration: 7s; }
        .btn-insane .btn-snow .p2 { left:24%; bottom:-12%; width:5px; height:5px; animation-duration: 6s; animation-delay: .6s; }
        .btn-insane .btn-snow .p3 { left:48%; bottom:-14%; width:7px; height:7px; animation-duration: 7.5s; animation-delay: 1s; }
        .btn-insane .btn-snow .p4 { left:66%; bottom:-11%; width:5px; height:5px; animation-duration: 6.4s; animation-delay: .4s; }
        .btn-insane .btn-snow .p5 { left:78%; bottom:-13%; width:6px; height:6px; animation-duration: 7.3s; animation-delay: 1.2s; }
        .btn-insane .btn-snow .p6 { left:90%; bottom:-12%; width:5px; height:5px; animation-duration: 6.2s; animation-delay: .9s; }
        @keyframes floatUp { 0% { transform: translateY(0) scale(1); opacity:.0; } 10% { opacity:.7; } 80% { opacity:.7; } 100% { transform: translateY(-180%) scale(.85); opacity:0; } }
        .btn-insane:active { transform: translateY(0) scale(.99); }

        /* legacy .btn-insane motion removed */
        /* Buttons: Codequiry UI (namespaced: .cq-btn*) */
        .cq-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: .5rem;
          padding: 0.65rem 1.0rem;
          min-height: 44px;
          border-radius: 12px;
          border: 1px solid transparent;
          text-decoration: none;
          font-weight: 600;
          line-height: 1.2;
          letter-spacing: 0;
          cursor: pointer;
          transition: background-color .2s ease, border-color .2s ease, box-shadow .25s ease, transform .06s ease;
          -webkit-tap-highlight-color: transparent;
          user-select: none;
          color: #0b1220;
          background-color: #e5e7eb;
        }
        .cq-btn:hover { background-color: #d1d5db; }
        .cq-btn, .cq-btn:hover, .cq-btn:focus, .cq-btn:active, .cq-btn:visited { text-decoration: none !important; }
        .cq-btn:focus { text-decoration: none; }
        .cq-btn span, .cq-btn i { color: inherit; }
        .cq-btn:visited { color: inherit; }
        .cq-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.35); }
        .cq-btn:active { transform: translateY(1px); }

        .cq-btn--primary,
        .cq-btn-primary {
          position: relative;
          z-index: 0;
          isolation: isolate;
          color: #ffffff;
          background-image: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
          border-color: rgba(255,255,255,0.18);
          box-shadow: 0 10px 22px rgba(37, 99, 235, 0.35), 0 2px 6px rgba(0,0,0,0.12);
        }
        .cq-btn--primary:hover,
        .cq-btn-primary:hover {
          background-image: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
          border-color: rgba(255,255,255,0.28);
          box-shadow: 0 14px 28px rgba(37, 99, 235, 0.45), 0 4px 10px rgba(0,0,0,0.14);
          color: rgba(243,244,246,.95) !important; /* light gray, not blue */
        }
        .cq-btn--primary:visited, .cq-btn-primary:visited { color: #ffffff; }
        .cq-btn--primary:focus, .cq-btn-primary:focus { color: rgba(243,244,246,.98); }
        .cq-btn--primary:active, .cq-btn-primary:active { background-image: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%); }
        .cq-btn--primary .cq-btn__icon, .cq-btn-primary .cq-btn__icon { transition: transform .2s ease; }
        .cq-btn--primary:hover .cq-btn__icon, .cq-btn-primary:hover .cq-btn__icon { transform: translateX(4px); }

        /* subtle glow aura behind primary on hover */
        .cq-btn--primary::before,
        .cq-btn-primary::before {
          content: '';
          position: absolute;
          inset: -8px;
          border-radius: inherit;
          background: radial-gradient(60% 60% at 50% 50%, rgba(59,130,246,.55), rgba(59,130,246,0));
          z-index: -1;
          opacity: 0;
          transform: scale(.9);
          filter: blur(14px);
          transition: opacity .3s ease, transform .3s ease;
          pointer-events: none;
        }
        .cq-btn--primary:hover::before,
        .cq-btn-primary:hover::before { opacity: .9; transform: scale(1); }

        /* animated shine sweep */
        .cq-btn--primary::after,
        .cq-btn-primary::after {
          content: '';
          position: absolute; inset: 0;
          border-radius: inherit;
          background: linear-gradient(120deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.0) 40%, rgba(255,255,255,.22) 100%);
          opacity: 0;
          transform: translateX(-60%) skewX(-20deg);
          transition: opacity .18s ease, transform .6s ease;
          mix-blend-mode: soft-light;
          pointer-events: none;
        }
        .cq-btn--primary:hover::after,
        .cq-btn-primary:hover::after { opacity: .9; transform: translateX(60%) skewX(-20deg); }

        .cq-btn--lg { padding: 0.95rem 1.35rem; min-height: 50px; border-radius: 999px; font-size: 1.02rem; }
        /* Alias for markup using single-dash modifier */
        .cq-btn-lg { padding: 0.95rem 1.35rem; min-height: 50px; border-radius: 999px; font-size: 1.02rem; }
        .cq-btn__icon {
          display:inline-flex; align-items:center; justify-content:center;
          width: 1.6rem; height: 1.6rem;
          border-radius: 999px;
          background: rgba(255,255,255,.18);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
        }
        .cq-btn-note { font-size: .85rem; color: rgba(255,255,255,.85); margin-top: .25rem; }
        @media (max-width: 576px) { .cq-btn-note { font-size: .8rem; } }
        
        /* Enhanced Programming Languages Section Styles */
        .text-white-75 {
          color: rgba(255, 255, 255, 0.75) !important;
        }

        .badge-soft-light {
          background-color: rgba(255, 255, 255, 0.1);
          color: white;
          border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .bg-primary-soft {
          background-color: rgba(59, 130, 246, 0.1);
        }

        .bg-success-soft {
          background-color: rgba(34, 197, 94, 0.1);
        }

        .bg-warning-soft {
          background-color: rgba(251, 191, 36, 0.1);
        }

        .bg-info-soft {
          background-color: rgba(6, 182, 212, 0.1);
        }

        .bg-white-soft {
          background-color: rgba(255, 255, 255, 0.1);
        }

        /* Language Category Cards */
        .language-category-card {
          text-align: center;
          padding: 2rem 1.5rem;
          background: rgba(255, 255, 255, 0.05);
          border-radius: 1rem;
          border: 1px solid rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .language-category-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        /* Enhanced Interactive Cards */
        .interactive-card {
          position: relative;
          overflow: hidden;
          cursor: pointer;
        }

        .interactive-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
          transition: left 0.5s ease;
        }

        .interactive-card:hover::before {
          left: 100%;
        }

        .card-overlay {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.7);
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          transition: opacity 0.3s ease;
          border-radius: 1rem;
        }

        .interactive-card:hover .card-overlay {
          opacity: 1;
        }

        .overlay-text {
          color: white;
          font-weight: 600;
          font-size: 0.9rem;
          text-transform: uppercase;
          letter-spacing: 1px;
        }

        /* Animated Background Elements */
        .animated-bg-elements {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          pointer-events: none;
          z-index: 1;
        }

        .floating-code-block {
          position: absolute;
          color: rgba(255, 255, 255, 0.1);
          font-family: 'Courier New', monospace;
          font-size: 0.8rem;
          font-weight: 600;
          animation: float 6s ease-in-out infinite;
          transform: rotate(-5deg);
        }

        @keyframes float {
          0%, 100% { transform: translateY(0px) rotate(-5deg); }
          50% { transform: translateY(-20px) rotate(5deg); }
        }

        /* Enhanced Section Background */
        .languages-section-enhanced {
          position: relative;
        }

        .languages-section-enhanced .bg-holder {
          background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);
          animation: gradientShift 8s ease-in-out infinite;
        }

        @keyframes gradientShift {
          0%, 100% { background-position: 0% 50%; }
          50% { background-position: 100% 50%; }
        }

        .category-icon {
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto;
          border-radius: 50%;
        }

        /* Language Grid */
        .language-grid-container {
          background: rgba(255, 255, 255, 0.03);
          border-radius: 1rem;
          padding: 2rem;
          border: 1px solid rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
        }

        .language-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
          gap: 1rem;
          max-width: 100%;
        }

        .language-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 1rem;
          background: rgba(255, 255, 255, 0.05);
          border-radius: 0.75rem;
          border: 1px solid rgba(255, 255, 255, 0.1);
          transition: all 0.3s ease;
          cursor: pointer;
          text-align: center;
        }

        .language-item:hover {
          transform: translateY(-3px) scale(1.05);
          background: rgba(255, 255, 255, 0.1);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }
        .language-icon {
          font-size: 2rem;
          margin-bottom: 0.5rem;
          filter: grayscale(0%);
          transition: filter 0.3s ease;
        }

        .language-item:hover .language-icon {
          filter: grayscale(0%) brightness(1.2);
        }

        .language-name {
          font-size: 0.875rem;
          font-weight: 600;
          color: white;
          text-align: center;
        }

        /* Redesigned Feature Highlight Cards */
        .feature-highlight-card {
          text-align: center;
          padding: 2.5rem 1.5rem;
          background: linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
          border-radius: 24px;
          border: 1px solid rgba(255, 255, 255, 0.2);
          backdrop-filter: blur(20px);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          overflow: hidden;
          box-shadow: 
            0 8px 32px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
        }

        .feature-highlight-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
          opacity: 0;
          transition: opacity 0.4s ease;
          pointer-events: none;
        }

        .feature-highlight-card:hover {
          transform: translateY(-8px) scale(1.02);
          box-shadow: 
            0 20px 40px rgba(0, 0, 0, 0.15),
            0 8px 16px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
          border-color: rgba(255, 255, 255, 0.3);
        }

        .feature-highlight-card:hover::before {
          opacity: 1;
        }
        .feature-icon {
          width: 90px;
          height: 90px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto 1.5rem;
          border-radius: 50%;
          position: relative;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .feature-highlight-card:hover .feature-icon {
          transform: scale(1.1) rotate(5deg);
          box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
        }

        .feature-icon i {
          transition: all 0.4s ease;
        }

        .feature-highlight-card:hover .feature-icon i {
          transform: scale(1.1);
        }

        .icon-glow {
          transition: all 0.4s ease;
        }

        /* Icon glow hover effect removed */

        .feature-highlight-card h5 {
          font-size: 1.35rem;
          font-weight: 700;
          color: white;
          margin-bottom: 1rem;
          text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          transition: all 0.3s ease;
        }

        .feature-highlight-card:hover h5 {
          transform: translateY(-2px);
          text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        }

        .feature-highlight-card p {
          color: rgba(255, 255, 255, 0.85);
          line-height: 1.7;
          font-size: 1rem;
          margin-bottom: 0;
          transition: all 0.3s ease;
        }

        .feature-highlight-card:hover p {
          color: rgba(255, 255, 255, 0.95);
        }

        /* Enhanced gradient backgrounds for each card */
        .feature-highlight-card:nth-child(1) {
          background: linear-gradient(145deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.1) 100%);
          border-color: rgba(102, 126, 234, 0.3);
        }

        .feature-highlight-card:nth-child(2) {
          background: linear-gradient(145deg, rgba(40, 167, 69, 0.15) 0%, rgba(32, 201, 151, 0.1) 100%);
          border-color: rgba(40, 167, 69, 0.3);
        }

        .feature-highlight-card:nth-child(3) {
          background: linear-gradient(145deg, rgba(23, 162, 184, 0.15) 0%, rgba(111, 66, 193, 0.1) 100%);
          border-color: rgba(23, 162, 184, 0.3);
        }

        .feature-highlight-card:nth-child(4) {
          background: linear-gradient(145deg, rgba(255, 193, 7, 0.15) 0%, rgba(253, 126, 20, 0.1) 100%);
          border-color: rgba(255, 193, 7, 0.3);
        }

        /* Animation for cards */
        .feature-highlight-card {
          animation: fadeInUp 0.6s ease forwards;
          opacity: 0;
          transform: translateY(30px);
        }

        .feature-highlight-card:nth-child(1) { animation-delay: 0.1s; }
        .feature-highlight-card:nth-child(2) { animation-delay: 0.2s; }
        .feature-highlight-card:nth-child(3) { animation-delay: 0.3s; }
        .feature-highlight-card:nth-child(4) { animation-delay: 0.4s; }

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

        /* Icon glow effects and gradient backgrounds */
        .feature-icon-wrapper {
          margin-bottom: 1.5rem;
        }

        .feature-icon {
          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
        }

        .feature-highlight-card:nth-child(1) .feature-icon {
          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
        }

        .feature-highlight-card:nth-child(2) .feature-icon {
          background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
          box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
        }

        .feature-highlight-card:nth-child(3) .feature-icon {
          background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%);
          box-shadow: 0 8px 25px rgba(23, 162, 184, 0.3);
        }

        .feature-highlight-card:nth-child(4) .feature-icon {
          background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
          box-shadow: 0 8px 25px rgba(255, 193, 7, 0.3);
        }

        /* Icon glow effect removed - replaced with enhanced icon styling */
        .feature-icon {
          position: relative;
          z-index: 2;
        }

        .feature-icon::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 120%;
          height: 120%;
          background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
          transform: translate(-50%, -50%);
          border-radius: 50%;
          z-index: -1;
          opacity: 0;
          transition: opacity 0.3s ease;
        }

        .feature-highlight-card:hover .feature-icon::after {
          opacity: 1;
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
          .feature-highlight-card {
            padding: 2rem 1rem;
            margin-bottom: 1.5rem;
          }
          
          .feature-icon {
            width: 70px;
            height: 70px;
          }
          
          .feature-highlight-card h5 {
            font-size: 1.2rem;
          }
        }
                     /* Modern SaaS "We Make" Section Styles */
             .we-make-section {
                background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
                position: relative;
                overflow: hidden;
             }

             .we-make-section::before {
                content: '';
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.08) 0%, transparent 25%),
                           radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.08) 0%, transparent 25%);
                animation: backgroundMove 20s ease-in-out infinite;
                pointer-events: none;
             }

             @keyframes backgroundMove {
                0%, 100% { transform: rotate(0deg) scale(1); }
                50% { transform: rotate(180deg) scale(1.1); }
             }



             .process-badge {
                display: inline-block;
             }

             .bg-gradient-primary {
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
             }

             .section-title {
                font-size: clamp(2.5rem, 4vw, 3.5rem);
                font-weight: 800;
                background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                line-height: 1.1;
                margin-bottom: 2rem;
                letter-spacing: -0.02em;
             }

             .section-description {
                font-size: 1.25rem;
                color: #64748b;
                line-height: 1.6;
                margin-bottom: 0;
                font-weight: 400;
                max-width: 700px;
                margin-left: auto;
                margin-right: auto;
             }

             /* Steps Container */
             .steps-container {
                position: relative;
                z-index: 2;
             }

             .step-card {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0;
                background: white;
                border-radius: 24px;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
                margin-bottom: 4rem;
                overflow: hidden;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border: 1px solid rgba(226, 232, 240, 0.8);
                position: relative;
                 min-height: 0;
             }

             .step-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(16, 185, 129, 0.02) 100%);
                opacity: 0;
                transition: opacity 0.3s ease;
                pointer-events: none;
             }

             .step-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.08);
             }

             .step-card:hover::before {
                opacity: 1;
             }

             .step-card.step-reverse {
                grid-template-columns: 1fr 1fr;
             }

             .step-card.step-reverse .step-content {
                order: 2;
             }

             .step-card.step-reverse .step-image {
                order: 1;
             }

             .step-content {
                padding: 3.5rem;
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: center;
                min-height: 400px;
             }
             .step-header {
                display: flex;
                align-items: center;
                gap: 1.5rem;
                margin-bottom: 2.5rem;
             }

             .step-number {
                position: relative;
             }

             .step-badge {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 56px;
                height: 56px;
                border-radius: 16px;
                background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
                color: white;
                font-size: 1.4rem;
                font-weight: 800;
                box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
                position: relative;
             }

             .step-badge::before {
                content: '';
                position: absolute;
                inset: -2px;
                background: linear-gradient(135deg, #3b82f6, #1d4ed8, #10b981);
                border-radius: 18px;
                z-index: -1;
                opacity: 0;
                transition: opacity 0.3s ease;
             }

             .step-card:hover .step-badge::before {
                opacity: 1;
             }

             .step-icon {
                width: 72px;
                height: 72px;
                border-radius: 18px;
                background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.8rem;
                color: #3b82f6;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                transition: all 0.3s ease;
             }

             .step-card:hover .step-icon {
                background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
                color: white;
                transform: scale(1.05);
             }

             .step-title {
                font-size: 1.875rem;
                font-weight: 700;
                color: #1e293b;
                margin-bottom: 1.25rem;
                line-height: 1.2;
                letter-spacing: -0.025em;
             }

             .step-description {
                font-size: 1.125rem;
                color: #64748b;
                line-height: 1.7;
                margin-bottom: 2rem;
                font-weight: 400;
             }
             .step-features {
                display: flex;
                flex-wrap: wrap;
                gap: 0.875rem;
             }

             .feature-tag {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.625rem 1.125rem;
                background: rgba(16, 185, 129, 0.08);
                color: #047857;
                border-radius: 12px;
                font-size: 0.875rem;
                font-weight: 600;
                border: 1px solid rgba(16, 185, 129, 0.15);
                transition: all 0.2s ease;
             }

             .feature-tag:hover {
                background: rgba(16, 185, 129, 0.12);
                border-color: rgba(16, 185, 129, 0.25);
                transform: translateY(-1px);
             }

             .feature-tag i {
                font-size: 0.75rem;
                color: #10b981;
             }

             .step-image {
                position: relative;
                background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 2rem;
                min-height: 400px;
                overflow: hidden;
             }

             .step-image::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(16, 185, 129, 0.03) 100%);
                opacity: 0;
                transition: opacity 0.3s ease;
             }

             .step-card:hover .step-image::before {
                opacity: 1;
             }

             .step-image img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                object-fit: contain;
                object-position: center;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border-radius: 12px;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
                position: relative;
                z-index: 2;
             }

             .step-card:hover .step-image img {
                transform: scale(1.03) translateY(-4px);
                box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
             }

             .image-overlay {
                position: absolute;
                top: 1.5rem;
                right: 1.5rem;
                z-index: 3;
             }

             .floating-icon {
                width: 52px;
                height: 52px;
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.95);
                backdrop-filter: blur(8px);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.3rem;
                color: #3b82f6;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
                animation: float 3s ease-in-out infinite;
                border: 1px solid rgba(59, 130, 246, 0.1);
             }

             @keyframes float {
               0%, 100% { transform: translateY(0px); }
               50% { transform: translateY(-8px); }
             }

             /* Modern Responsive Design */
             @media (max-width: 1024px) {
                .step-card {
                   grid-template-columns: 1fr;
                   margin-bottom: 3rem;
                }

                .step-card.step-reverse .step-content,
                .step-card.step-reverse .step-image {
                   order: unset;
                }

                .step-content {
                   padding: 2.5rem;
                   min-height: auto;
                }

                .step-image {
                   min-height: 300px;
                   padding: 1.5rem;
                }
             }

             @media (max-width: 768px) {
                .section-title {
                   font-size: 2.25rem;
                   margin-bottom: 1.5rem;
                }

                .section-description {
                   font-size: 1.125rem;
                }

                .step-content {
                   padding: 2rem;
                }

                .step-header {
                   gap: 1rem;
                   margin-bottom: 2rem;
                }

                .step-badge {
                   width: 48px;
                   height: 48px;
                   font-size: 1.2rem;
                }

                .step-icon {
                   width: 64px;
                   height: 64px;
                   font-size: 1.6rem;
                }

                .step-title {
                   font-size: 1.5rem;
                }

                .step-description {
                   font-size: 1rem;
                }

                .step-image {
                   min-height: 250px;
                   padding: 1rem;
                }

                .feature-tag {
                   font-size: 0.8rem;
                   padding: 0.5rem 0.875rem;
                }
             }

             @media (max-width: 480px) {
                .we-make-section {
                   padding: 4rem 0;
                }

                .step-content {
                   padding: 1.5rem;
                }

                .step-features {
                   gap: 0.5rem;
                }

                .floating-icon {
                   width: 44px;
                   height: 44px;
                   font-size: 1.1rem;
                }
             }
              /* Reset Step 1 and Step 3 overrides to match Steps 2 and 4 */
              .steps-container > .step-card:nth-of-type(1) .step-image,
              .steps-container > .step-card:nth-of-type(3) .step-image {
                 min-height: 400px;
                 padding: 2rem;
              }
              .steps-container > .step-card:nth-of-type(1) .step-image img,
              .steps-container > .step-card:nth-of-type(3) .step-image img {
                 max-height: 100% !important;
              }
              .steps-container > .step-card:nth-of-type(1) .step-content,
              .steps-container > .step-card:nth-of-type(3) .step-content { padding: 3rem; }
              .steps-container > .step-card:nth-of-type(1) .step-header,
              .steps-container > .step-card:nth-of-type(3) .step-header { margin-bottom: 2rem; }
              .steps-container > .step-card:nth-of-type(1) .step-title,
              .steps-container > .step-card:nth-of-type(3) .step-title { font-size: 1.875rem; margin-bottom: 1.25rem; }
              .steps-container > .step-card:nth-of-type(1) .step-description,
              .steps-container > .step-card:nth-of-type(3) .step-description { font-size: 1.125rem; line-height: 1.7; margin-bottom: 2rem; }
              .steps-container > .step-card:nth-of-type(1) .step-features,
              .steps-container > .step-card:nth-of-type(3) .step-features { gap: 0.875rem; }
              .steps-container > .step-card:nth-of-type(1) .feature-tag,
              .steps-container > .step-card:nth-of-type(3) .feature-tag { padding: 0.625rem 1.125rem; font-size: 0.875rem; }
              @media (max-width: 1024px) {
                .steps-container > .step-card:nth-of-type(1) .step-image,
                .steps-container > .step-card:nth-of-type(3) .step-image { min-height: 300px; padding: 1.5rem; }
                .steps-container > .step-card:nth-of-type(1) .step-content,
                .steps-container > .step-card:nth-of-type(3) .step-content { padding: 2.5rem; }
              }
              @media (max-width: 768px) {
                .steps-container > .step-card:nth-of-type(1) .step-image,
                .steps-container > .step-card:nth-of-type(3) .step-image { min-height: 250px; padding: 1rem; }
                .steps-container > .step-card:nth-of-type(1) .step-content,
                .steps-container > .step-card:nth-of-type(3) .step-content { padding: 2rem; }
              }

              /* Make Step 1 and 3 images more compact to match Steps 2 and 4 */
              .steps-container > .step-card:nth-of-type(1) .step-image,
              .steps-container > .step-card:nth-of-type(3) .step-image {
                 min-height: 260px;
                 padding: 1.25rem;
              }
              .steps-container > .step-card:nth-of-type(1) .step-image img,
              .steps-container > .step-card:nth-of-type(3) .step-image img {
                 max-height: 70% !important;
              }
              @media (max-width: 1024px) {
                .steps-container > .step-card:nth-of-type(1) .step-image,
                .steps-container > .step-card:nth-of-type(3) .step-image { min-height: 200px; padding: 1rem; }
              }
              @media (max-width: 768px) {
                .steps-container > .step-card:nth-of-type(1) .step-image,
                .steps-container > .step-card:nth-of-type(3) .step-image { min-height: 160px; padding: .75rem; }
              }

             /* Timeline Container */
             .timeline-container {
                position: relative;
                padding: 2rem 0;
             }

             .timeline-line {
                position: absolute;
                left: 50%;
                top: 0;
                bottom: 0;
                width: 4px;
                background: linear-gradient(180deg, #007bff 0%, #28a745 50%, #ffc107 75%, #dc3545 100%);
                border-radius: 2px;
                transform: translateX(-50%);
                z-index: 1;
             }
             /* Timeline Items */
             .timeline-item {
                position: relative;
                margin-bottom: 4rem;
                display: flex;
                align-items: center;
             }

             .timeline-item:nth-child(odd) {
                flex-direction: row;
             }

             .timeline-item:nth-child(even) {
                flex-direction: row-reverse;
             }
             .timeline-item.timeline-reverse {
                flex-direction: row-reverse;
             }

             /* Timeline Marker */
             .timeline-marker {
                position: relative;
                z-index: 3;
                flex-shrink: 0;
                margin: 0 3rem;
             }
             .marker-circle {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 10px 30px rgba(0, 123, 255, 0.3);
                border: 4px solid white;
                position: relative;
             }

             .marker-circle::before {
                content: '';
                position: absolute;
                top: -8px;
                left: -8px;
                right: -8px;
                bottom: -8px;
                border-radius: 50%;
                background: linear-gradient(135deg, rgba(0, 123, 255, 0.2) 0%, transparent 70%);
                z-index: -1;
                animation: pulse 2s ease-in-out infinite;
             }

             @keyframes pulse {
               0%, 100% { transform: scale(1); opacity: 1; }
               50% { transform: scale(1.1); opacity: 0.7; }
             }

             .step-number {
                color: white;
                font-size: 1.5rem;
                font-weight: 700;
             }

             .marker-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.9);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                color: #007bff;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
             }

             /* Timeline Content */
             .timeline-content {
                flex: 1;
                display: flex;
                align-items: center;
                gap: 2rem;
                max-width: 45%;
             }

             .timeline-item:nth-child(odd) .timeline-content {
                justify-content: flex-end;
             }

             .timeline-item:nth-child(even) .timeline-content {
                justify-content: flex-start;
             }

             .timeline-item.timeline-reverse .timeline-content {
                justify-content: flex-start;
             }

             /* Timeline Cards */
             .timeline-card {
                background: white;
                border-radius: 20px;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
                overflow: hidden;
                transition: all 0.3s ease;
                border: 1px solid rgba(0, 0, 0, 0.05);
                flex: 1;
                max-width: 400px;
             }

             .timeline-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
             }

             .card-header {
                padding: 2rem 2rem 1rem;
                background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
             }
             .card-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #2c3e50;
                margin-bottom: 0.5rem;
                line-height: 1.2;
             }

             .card-subtitle {
                font-size: 0.9rem;
                color: #6c757d;
                font-weight: 500;
                margin: 0;
             }

             .card-body {
                padding: 1.5rem 2rem 2rem;
             }

             .card-description {
                font-size: 1rem;
                color: #6c757d;
                line-height: 1.6;
                margin-bottom: 1.5rem;
             }

             .feature-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 0.5rem;
             }

             .feature-tag {
                display: inline-flex;
                align-items: center;
                gap: 0.4rem;
                padding: 0.4rem 0.8rem;
                background: rgba(40, 167, 69, 0.1);
                color: #28a745;
                border-radius: 20px;
                font-size: 0.8rem;
                font-weight: 600;
                border: 1px solid rgba(40, 167, 69, 0.2);
             }

             .feature-tag i {
                font-size: 0.7rem;
             }

             /* Timeline Images */
             .timeline-image {
                flex: 1;
                max-width: 400px;
             }
             .image-wrapper {
                position: relative;
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
             }

             .image-wrapper:hover {
                transform: translateY(-3px);
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
             }

             .timeline-image img {
                width: 100%;
                height: 250px;
                object-fit: cover;
                object-position: center;
                transition: transform 0.3s ease;
             }

             .timeline-image:hover img {
                transform: scale(1.05);
             }

             .image-overlay {
                position: absolute;
                top: 15px;
                right: 15px;
                z-index: 2;
             }

             .overlay-icon {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.95);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                color: #007bff;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
                animation: float 3s ease-in-out infinite;
             }

             @keyframes float {
               0%, 100% { transform: translateY(0px); }
               50% { transform: translateY(-8px); }
             }

             /* Timeline Responsive Design */
             @media (max-width: 1200px) {
                .timeline-line {
                   left: 30px;
                   transform: none;
                }
                
                .timeline-item {
                   flex-direction: row !important;
                   margin-left: 60px;
                }
                
                .timeline-content {
                   max-width: 100%;
                   justify-content: flex-start !important;
                   gap: 1.5rem;
                }
                
                .timeline-marker {
                   margin: 0 1rem 0 0;
                }
             }

             @media (max-width: 768px) {
                .timeline-container {
                   padding: 1rem 0;
                }
                
                .timeline-line {
                   left: 20px;
                }
                
                .timeline-item {
                   margin-left: 40px;
                   margin-bottom: 3rem;
                }
                
                .timeline-content {
                   flex-direction: column;
                   gap: 1rem;
                }
                
                .timeline-card {
                   max-width: 100%;
                }
                
                .timeline-image {
                   max-width: 100%;
                }
                
                .timeline-image img {
                   height: 200px;
                }
                
                .marker-circle {
                   width: 60px;
                   height: 60px;
                }
                
                .step-number {
                   font-size: 1.25rem;
                }
                
                .marker-icon {
                   width: 30px;
                   height: 30px;
                   font-size: 1rem;
                }
                
                .card-title {
                   font-size: 1.25rem;
                }
                
                .card-description {
                   font-size: 0.9rem;
                }
                
                .feature-tag {
                   font-size: 0.75rem;
                   padding: 0.3rem 0.6rem;
                }
             }
             /* Responsive Design */
             @media (max-width: 991px) {
                .step-card {
                   flex-direction: column !important;
                   text-align: center;
                }
                
                .step-content {
                   padding: 2rem;
                }
                
                .step-header {
                   justify-content: center;
                }
                
                .step-image {
                   min-height: 220px;
                   max-height: 250px;
                }
                
                .section-title {
                   font-size: 2.5rem;
                }
             }
             @media (max-width: 768px) {
                .step-card {
                   margin-bottom: 2rem;
                }
                
                .step-content {
                   padding: 1.5rem;
                }
                
                .step-header {
                   flex-direction: column;
                   gap: 1rem;
                }
                
                .step-badge {
                   width: 50px;
                   height: 50px;
                   font-size: 1.25rem;
                }
                
                .step-icon {
                   width: 60px;
                   height: 60px;
                   font-size: 1.5rem;
                }
                
                .step-title {
                   font-size: 1.5rem;
                }
                
                .step-description {
                   font-size: 1rem;
                }
                
                .step-features {
                   justify-content: center;
                }
                
                .feature-tag {
                   font-size: 0.8rem;
                   padding: 0.4rem 0.8rem;
                }
                
                .step-image {
                   min-height: 200px;
                   max-height: 220px;
                }
                
                .floating-icon {
                   width: 50px;
                   height: 50px;
                   font-size: 1.25rem;
                }
                
                .section-title {
                   font-size: 2rem;
                }
             }



        /* Enhanced Self-Service Section Styles */
        .bg-gradient-primary {
          background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
        }



        .service-icon {
          text-align: center;
        }

        .service-features {
          margin-top: 1.5rem;
        }

        .service-stats {
          display: flex;
          justify-content: space-around;
          padding-top: 1rem;
          border-top: 1px solid #e9ecef;
        }

        .service-stats .stat-item {
          text-align: center;
        }

        .service-stats .stat-number {
          display: block;
          font-size: 1.5rem;
          font-weight: 700;
          color: #007bff;
          margin-bottom: 0.25rem;
        }

        .service-stats .stat-label {
          font-size: 0.8rem;
          color: #6c757d;
          text-transform: uppercase;
          letter-spacing: 0.5px;
        }

        .cta-section {
          background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
          border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .cta-section:hover {
          transform: translateY(-2px);
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* Responsive adjustments for self-service section */
        @media (max-width: 768px) {
          
          .service-stats {
            flex-direction: column;
            gap: 1rem;
          }
          
          .service-stats .stat-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
          
          .service-stats .stat-number {
            font-size: 1.2rem;
          }
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
          .step-card {
            margin-bottom: 2rem;
          }
          
          .floating-badge {
            width: 40px;
            height: 40px;
            font-size: 1rem;
          }
          
          .icon-circle {
            width: 60px;
            height: 60px;
          }
          
          .step-badge {
            width: 40px;
            height: 40px;
            font-size: 1.2rem;
          }
        }

        /* Enhanced Modal Styles */
        .modal {
          backdrop-filter: blur(8px);
        }

        .modal.fade .modal-dialog {
          transform: scale(0.8) translateY(-50px);
          transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
          opacity: 0;
        }

        .modal.show .modal-dialog {
          transform: scale(1) translateY(0);
          opacity: 1;
        }
        .modal-content {
          border: none !important;
          border-radius: 20px !important;
          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 
                      0 0 0 1px rgba(255, 255, 255, 0.1) !important;
          overflow: hidden;
          position: relative;
        }
        .modal-content::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 4px;
          background: linear-gradient(90deg, #007bff, #6610f2, #6f42c1, #e83e8c);
          z-index: 1;
        }
        .modal-header {
          background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
          border: none !important;
          padding: 1.5rem 2rem !important;
          position: relative;
          overflow: hidden;
        }

        .modal-header::before {
          content: '';
          position: absolute;
          top: -50%;
          left: -50%;
          width: 200%;
          height: 200%;
          background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
          animation: modalShine 3s ease-in-out infinite;
        }

        @keyframes modalShine {
          0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
          50% { transform: translate(-50%, -50%) rotate(180deg); }
        }

        .modal-title {
          font-weight: 700 !important;
          font-size: 1.25rem !important;
          color: white !important;
          position: relative;
          z-index: 2;
          display: flex;
          align-items: center;
          gap: 0.75rem;
        }

        .modal-title i {
          font-size: 1.5rem;
          opacity: 0.9;
        }

        .btn-close {
          background: rgba(255, 255, 255, 0.2) !important;
          border-radius: 50% !important;
          width: 40px !important;
          height: 40px !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          transition: all 0.3s ease !important;
          position: relative;
          z-index: 2;
        }

        .btn-close:hover {
          background: rgba(255, 255, 255, 0.3) !important;
          transform: scale(1.1) rotate(90deg);
        }

        .btn-close::before {
          content: '×';
          color: white;
          font-size: 1.5rem;
          font-weight: 300;
          line-height: 1;
        }

        .modal-body {
          padding: 0 !important;
          position: relative;
        }

        .embed-responsive {
          position: relative;
          overflow: hidden;
          border-radius: 0 0 20px 20px;
        }

        .embed-responsive iframe {
          border: none;
          border-radius: 0 0 20px 20px;
        }

        /* Video Container Styles */
        .video-container {
          position: relative;
          border-radius: 0 0 20px 20px;
          overflow: hidden;
          background: #000;
        }

        .video-wrapper {
          position: relative;
          width: 100%;
          height: 0;
          padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }

        .video-wrapper iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: none;
        }

        .video-overlay-info {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
          padding: 2rem 1.5rem 1.5rem;
          color: white;
          z-index: 2;
        }

        .video-stats {
          display: flex;
          gap: 2rem;
          align-items: center;
        }

        .video-stats .stat-item {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          font-size: 0.9rem;
          opacity: 0.9;
        }

        .video-stats .stat-item i {
          font-size: 1rem;
          color: #007bff;
        }

        /* Language Demo Container Styles */
        .language-demo-container {
          padding: 0;
        }

        .language-section,
        .features-section {
          padding: 2rem;
          height: 100%;
        }

        .features-section {
          background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
          border-left: 1px solid #e9ecef;
        }

        .section-header {
          margin-bottom: 1.5rem;
          text-align: center;
        }
        .section-title {
          font-size: 1.25rem;
          font-weight: 700;
          color: #2c3e50;
          margin-bottom: 0.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0.75rem;
        }

        .section-title i {
          color: #007bff;
          font-size: 1.1rem;
        }

        .section-subtitle {
          color: #6c757d;
          font-size: 0.9rem;
          margin: 0;
        }

        .features-list {
          margin-bottom: 2rem;
        }
        .feature-item {
          display: flex;
          align-items: flex-start;
          gap: 1rem;
          padding: 1rem;
          margin-bottom: 1rem;
          background: white;
          border-radius: 12px;
          border: 1px solid #e9ecef;
          transition: all 0.3s ease;
        }

        .feature-item:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 25px rgba(0, 123, 255, 0.1);
          border-color: #007bff;
        }

        .feature-icon {
          width: 40px;
          height: 40px;
          background: linear-gradient(135deg, #28a745, #20c997);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: white;
          font-size: 1rem;
          flex-shrink: 0;
        }

        .feature-content {
          flex: 1;
          color: #495057;
          line-height: 1.6;
        }

        .feature-content strong {
          color: #2c3e50;
        }

        .pro-tip {
          display: flex;
          align-items: flex-start;
          gap: 1rem;
          padding: 1.5rem;
          background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
          border-radius: 12px;
          border: 1px solid #2196f3;
        }

        .tip-icon {
          width: 40px;
          height: 40px;
          background: linear-gradient(135deg, #ff9800, #ff5722);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: white;
          font-size: 1.1rem;
          flex-shrink: 0;
        }

        .tip-content {
          flex: 1;
          color: #1565c0;
          line-height: 1.6;
        }

        .tip-content strong {
          color: #0d47a1;
        }

        /* Language Demo Modal Specific Styles */
        .language-demo-list {
          max-height: 400px;
          overflow-y: auto;
          padding: 1rem;
        }

        .language-demo-list::-webkit-scrollbar {
          width: 6px;
        }

        .language-demo-list::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 10px;
        }

        .language-demo-list::-webkit-scrollbar-thumb {
          background: linear-gradient(135deg, #007bff, #6610f2);
          border-radius: 10px;
        }

        .demo-language-item {
          display: flex;
          align-items: center;
          padding: 1rem;
          border-radius: 12px;
          margin-bottom: 0.5rem;
          background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
          border: 1px solid #e9ecef;
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          overflow: hidden;
        }

        .demo-language-item::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(0, 123, 255, 0.1), transparent);
          transition: left 0.5s ease;
        }
        .demo-language-item:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 25px rgba(0, 123, 255, 0.15);
          border-color: #007bff;
        }

        .demo-language-item:hover::before {
          left: 100%;
        }

        .demo-language-item:last-child {
          margin-bottom: 0;
        }

        .demo-language-icon {
          font-size: 2rem;
          margin-right: 1rem;
          width: 50px;
          text-align: center;
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
        }

        .demo-language-name {
          font-weight: 700;
          color: #2c3e50;
          flex: 1;
          font-size: 1.1rem;
        }

        .demo-language-ext {
          font-size: 0.9rem;
          color: #6c757d;
          font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
          background: rgba(0, 123, 255, 0.1);
          padding: 0.25rem 0.75rem;
          border-radius: 20px;
          border: 1px solid rgba(0, 123, 255, 0.2);
        }

        /* Modal Backdrop Enhancement */
        .modal-backdrop {
          background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 123, 255, 0.1) 100%);
          backdrop-filter: blur(10px);
        }

        .modal-backdrop.show {
          opacity: 1;
        }
        /* Responsive Modal Adjustments */
        @media (max-width: 768px) {
          .modal-dialog {
            margin: 1rem;
          }
          
          .modal-content {
            border-radius: 15px !important;
          }
          
          .modal-header {
            padding: 1rem 1.5rem !important;
          }
          
          .modal-title {
            font-size: 1.1rem !important;
          }
          
          .video-stats {
            flex-direction: column;
            gap: 1rem;
            align-items: flex-start;
          }
          
          .video-overlay-info {
            padding: 1.5rem 1rem 1rem;
          }
          
          .language-section,
          .features-section {
            padding: 1.5rem 1rem;
          }
          
          .features-section {
            border-left: none;
            border-top: 1px solid #e9ecef;
          }
          
          .section-title {
            font-size: 1.1rem;
          }
          
          .feature-item {
            padding: 0.75rem;
          }
          
          .feature-icon {
            width: 35px;
            height: 35px;
            font-size: 0.9rem;
          }
          
          .pro-tip {
            padding: 1rem;
          }
          
          .tip-icon {
            width: 35px;
            height: 35px;
            font-size: 1rem;
          }
          
          .demo-language-item {
            padding: 0.75rem;
          }
          
          .demo-language-icon {
            font-size: 1.5rem;
            width: 40px;
          }
          
          .demo-language-name {
            font-size: 1rem;
          }
          
          .demo-language-ext {
            font-size: 0.8rem;
            padding: 0.2rem 0.5rem;
          }
        }



        /* Modern CTA Button - Redesigned */
        .modern-cta-wrapper {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 0.75rem;
        }

        .modern-cta-button {
          position: relative;
          display: inline-flex;
          align-items: center;
          gap: 0.875rem;
          padding: 1.1rem 2rem;
          border-radius: 999px;
          background: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #6d28d9 100%);
          background-size: 200% 200%;
          background-position: 0% 50%;
          color: #ffffff !important;
          text-decoration: none;
          border: 0;
          font-weight: 700;
          font-size: 1.05rem;
          letter-spacing: 0.3px;
          box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
          transition: transform 0.25s ease, box-shadow 0.25s ease, background-position 0.4s ease, filter 0.25s ease;
          overflow: hidden;
          cursor: pointer;
        }
        
        .modern-cta-button * {
          color: #ffffff !important;
        }

        .modern-cta-button:hover {
          transform: translateY(-3px);
          box-shadow: 0 12px 28px rgba(37, 99, 235, 0.45);
          background-position: 100% 50%;
          text-decoration: none;
          filter: brightness(1.02);
        }

        .modern-cta-button:active {
          transform: translateY(-1px);
          box-shadow: 0 8px 22px rgba(37, 99, 235, 0.4);
        }

        .modern-cta-button:focus-visible {
          outline: none;
          box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25), 0 12px 28px rgba(37, 99, 235, 0.45);
        }
        .modern-cta-button::before {
          content: '';
          position: absolute;
          inset: 0;
          border-radius: inherit;
          background: radial-gradient(120px 120px at var(--mx, 10%) 0%, rgba(255,255,255,0.22), transparent 60%);
          opacity: 0.65;
          pointer-events: none;
          transition: opacity 0.3s ease;
        }

        .modern-cta-button:hover::before {
          opacity: 0.85;
        }

        .cta-text {
          position: relative;
          z-index: 2;
          color: #ffffff !important;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        }
        .cta-icon {
          position: relative;
          z-index: 2;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 34px;
          height: 34px;
          color: #ffffff;
          background: rgba(255, 255, 255, 0.18);
          border-radius: 50%;
          backdrop-filter: blur(3px);
          transition: transform 0.3s ease, background 0.3s ease;
        }

        .cta-icon i, .cta-icon svg { transition: transform 0.3s ease; }

        .modern-cta-button:hover .cta-icon {
          background: rgba(255, 255, 255, 0.25);
          transform: translateX(6px);
        }

        .modern-cta-button:hover .cta-icon i,
        .modern-cta-button:hover .cta-icon svg {
          transform: translateX(2px);
        }

        .cta-shine {
          position: absolute;
          top: 0;
          left: -120%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
          transition: left 0.6s ease;
        }

        .modern-cta-button:hover .cta-shine {
          left: 120%;
        }

        .cta-subtitle {
          font-size: 0.9rem;
          color: #6c757d;
          margin: 0;
          text-align: center;
        }

        .cta-subtitle i { font-size: 0.85rem; }
        /* Reduced motion support */
        @media (prefers-reduced-motion: reduce) {
          .modern-cta-button,
          .cta-icon,
          .cta-shine { transition: none !important; }
        }

        /* Responsive Design for Modern CTA */
        @media (max-width: 768px) {
          .modern-cta-button {
            padding: 0.95rem 1.6rem;
            font-size: 1rem;
            gap: 0.65rem;
          }
          .cta-icon { width: 28px; height: 28px; }
          .cta-subtitle { font-size: 0.8rem; }
        }

        @media (max-width: 576px) {
          .modern-cta-button {
            padding: 0.8rem 1.4rem;
            font-size: 0.95rem;
            gap: 0.5rem;
          }
          .cta-icon { width: 24px; height: 24px; }
        }

/* ===== Style Block 2 ===== */
.brands-showcase-section{background:#fff;padding:2.5rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.brands-grid{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;max-width:1400px;margin:0 auto;padding:0 3rem}.brand-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:60px;padding:.5rem 1rem}.brand-item img{max-width:100%;max-height:35px;width:auto;height:auto;object-fit:contain;opacity:.55;filter:grayscale(100%);transition:all .3s ease;mix-blend-mode:multiply}.brand-item:hover img{opacity:.85;filter:grayscale(0%)}.brand-item img[alt*="Illinois"],.brand-item img[alt*="UIUC"],.brand-item img[src*="uni-logo-5"]{max-height:25px}.brand-item:last-child{margin-right:2rem}@media (max-width:768px){.brands-showcase-section{padding:1.5rem 0}.brands-grid{gap:1.5rem;justify-content:center;padding:0 2rem}.brand-item{height:50px}.brand-item img{max-height:28px}.brand-item img[alt*="Illinois"],.brand-item img[alt*="UIUC"],.brand-item img[src*="uni-logo-5"]{max-height:20px}.brand-item:last-child{margin-right:1rem}}

/* ===== Style Block 3 ===== */
/* Premium Detection Features Section */
         /* ============================================
            PREMIUM DETECTION FEATURES - STRIPE/APPLE DESIGN
            ============================================ */
         
         .premium-detection-features {
            padding: 120px 0;
            background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
            position: relative;
            overflow: hidden;
         }

         /* Clean top border - Stripe style */
         .premium-detection-features::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%);
         }

         /* Section Header */
         .detection-tech-header {
            max-width: 760px;
            margin: 0 auto 80px;
            text-align: center;
         }

         .tech-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(99, 102, 241, 0.08);
            border: 1px solid rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            color: #4f46e5;
            margin-bottom: 24px;
            letter-spacing: -0.01em;
            transition: all 0.2s ease;
         }

         .tech-badge:hover {
            background: rgba(99, 102, 241, 0.12);
            border-color: rgba(99, 102, 241, 0.2);
         }

         .tech-badge svg {
            width: 14px;
            height: 14px;
            color: #6366f1;
         }

         .tech-title {
            font-size: 56px;
            font-weight: 700;
            color: #000000;
            margin-bottom: 20px;
            letter-spacing: -0.04em;
            line-height: 1.1;
         }

         .tech-highlight {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }

         .tech-subtitle {
            font-size: 20px;
            line-height: 1.6;
            color: #64748b;
            margin: 0;
            font-weight: 400;
         }

         /* Feature Grid */
         .detection-tech-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 10;
         }

         /* Feature Cards - Clean Apple/Stripe Style */
         .tech-feature-card {
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 16px;
            padding: 32px;
            display: flex;
            flex-direction: column;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
         }

         .tech-feature-card::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 16px;
            padding: 1px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.1));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.3s ease;
         }

         .tech-feature-card:hover {
            transform: translateY(-4px);
            box-shadow: 
               0 1px 2px rgba(0, 0, 0, 0.04),
               0 4px 12px rgba(0, 0, 0, 0.06),
               0 12px 40px rgba(0, 0, 0, 0.08);
            border-color: rgba(0, 0, 0, 0.12);
         }

         .tech-feature-card:hover::before {
            opacity: 1;
         }

         /* Featured Card - Center Card */
         .tech-featured-card {
            background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);
            border: 1px solid rgba(99, 102, 241, 0.15);
         }

         .tech-featured-card:hover {
            box-shadow: 
               0 1px 3px rgba(99, 102, 241, 0.08),
               0 8px 24px rgba(99, 102, 241, 0.12),
               0 16px 48px rgba(99, 102, 241, 0.15);
            border-color: rgba(99, 102, 241, 0.25);
         }

         .featured-badge {
            position: absolute;
            top: 24px;
            right: 24px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
            color: #ffffff;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
            z-index: 2;
         }

         .featured-badge svg {
            width: 10px;
            height: 10px;
         }

         /* Card Header */
         .tech-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
         }

         .tech-icon {
            width: 56px;
            height: 56px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
         }

         .tech-icon svg {
            width: 28px;
            height: 28px;
            color: #ffffff;
         }

         .tech-icon-blue {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
         }

         .tech-icon-gradient {
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);
         }

         .tech-icon-green {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
         }

         .tech-feature-card:hover .tech-icon {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
         }

         .tech-card-label {
            padding: 6px 12px;
            background: rgba(59, 130, 246, 0.08);
            border: 1px solid rgba(59, 130, 246, 0.15);
            border-radius: 100px;
            font-size: 11px;
            font-weight: 700;
            color: #2563eb;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            white-space: nowrap;
         }

         .tech-card-label-gradient {
            background: rgba(139, 92, 246, 0.08);
            border-color: rgba(139, 92, 246, 0.15);
            color: #7c3aed;
         }

         /* Card Content */
         .tech-card-title {
            font-size: 24px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 16px;
            letter-spacing: -0.03em;
            line-height: 1.2;
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
            display: inline-block;
            width: 100%;
         }
         
         .tech-featured-card .tech-card-title {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }

         .tech-card-description {
            font-size: 15px;
            line-height: 1.6;
            color: #64748b;
            margin-bottom: 24px;
            font-weight: 400;
         }

         /* Feature List - Clean Checkmarks */
         .tech-feature-list {
            list-style: none;
            padding: 0;
            margin: 0 0 24px 0;
            display: flex;
            flex-direction: column;
            gap: 12px;
         }

         .tech-feature-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 14px;
            line-height: 1.6;
            color: #475569;
         }

         .tech-feature-list li svg {
            flex-shrink: 0;
            margin-top: 2px;
            color: #10b981;
            transition: transform 0.2s ease;
         }

         .tech-feature-card:hover .tech-feature-list li svg {
            transform: scale(1.1);
         }

         /* Metrics Grid - Apple Numbers Style */
         .tech-metrics {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            padding-top: 24px;
            margin-top: auto;
            border-top: 1px solid rgba(0, 0, 0, 0.06);
         }

         .tech-metric {
            text-align: center;
            padding: 12px 8px;
            background: rgba(99, 102, 241, 0.04);
            border-radius: 8px;
            transition: all 0.2s ease;
         }

         .tech-feature-card:hover .tech-metric {
            background: rgba(99, 102, 241, 0.08);
         }

         .metric-value {
            font-size: 20px;
            font-weight: 700;
            color: #000000;
            margin-bottom: 4px;
            letter-spacing: -0.02em;
            line-height: 1;
            display: block;
         }

         .metric-label {
            font-size: 11px;
            font-weight: 600;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            line-height: 1.2;
         }

         /* Responsive Design */
         @media (max-width: 991px) {
            .detection-tech-grid {
               grid-template-columns: 1fr;
               gap: 20px;
            }

            .tech-title {
               font-size: 42px;
            }

            .tech-subtitle {
               font-size: 18px;
            }

            .tech-metrics {
               grid-template-columns: repeat(2, 1fr);
            }
         }

         @media (max-width: 767px) {
            .premium-detection-features {
               padding: 80px 0;
            }

            .detection-tech-header {
               margin-bottom: 48px;
            }

            .tech-title {
               font-size: 36px;
            }

            .tech-subtitle {
               font-size: 16px;
            }

            .tech-feature-card {
               padding: 24px;
            }

            .tech-card-title {
               font-size: 21px;
               margin-bottom: 14px;
            }

            .tech-card-description {
               font-size: 14px;
            }

            .featured-badge {
               top: 16px;
               right: 16px;
               font-size: 10px;
               padding: 5px 10px;
            }

            .tech-icon {
               width: 48px;
               height: 48px;
            }

            .tech-icon svg {
               width: 24px;
               height: 24px;
            }

            .metric-value {
               font-size: 18px;
            }

            .metric-label {
               font-size: 10px;
            }
         }

/* ===== Style Block 4 ===== */
/* EPIC Hero - Modern Dark Experience */
            .hero-ultimate-blue {
               background: 
                  linear-gradient(135deg, 
                     #0f172a 0%,
                     #1e293b 25%,
                     #334155 50%,
                     #1e293b 75%,
                     #0f172a 100%);
               padding: 120px 0 60px 0;
               position: relative;
               overflow: hidden;
               min-height: auto;
               display: flex;
               align-items: center;
               isolation: isolate;
            }
            
            /* Animated Gradient Overlay */
            .hero-ultimate-blue::before {
               content: '';
               position: absolute;
               inset: 0;
               background: 
                  radial-gradient(ellipse 1200px 800px at 15% 25%, rgba(99, 102, 241, 0.18), transparent 55%),
                  radial-gradient(ellipse 1000px 900px at 85% 20%, rgba(59, 130, 246, 0.16), transparent 60%),
                  radial-gradient(ellipse 1100px 850px at 50% 85%, rgba(14, 165, 233, 0.14), transparent 65%),
                  radial-gradient(ellipse 900px 700px at 90% 75%, rgba(6, 182, 212, 0.12), transparent 60%);
               animation: epic-gradient-shift 25s ease-in-out infinite;
               pointer-events: none;
               z-index: 1;
            }
            
            @keyframes epic-gradient-shift {
               0%, 100% { 
                  opacity: 1;
                  transform: scale(1) rotate(0deg);
               }
               25% { 
                  opacity: 0.9;
                  transform: scale(1.1) rotate(5deg);
               }
               50% { 
                  opacity: 1;
                  transform: scale(1.05) rotate(-3deg);
               }
               75% { 
                  opacity: 0.95;
                  transform: scale(1.08) rotate(4deg);
               }
            }
            
            /* Subtle Grid Pattern Only */
            .hero-ultimate-blue::after {
               content: '';
               position: absolute;
               inset: 0;
               background: 
                  linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),
                  linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
               background-size: 100px 100px, 100px 100px;
               background-position: -1px -1px, -1px -1px;
               pointer-events: none;
               z-index: 2;
               opacity: 0.4;
            }
            
            @keyframes epic-grid-flow {
               0% { transform: translateY(0) translateX(0); }
               100% { transform: translateY(100px) translateX(50px); }
            }

            /* Epic Background Effects Container */
            .hero-blue-effects {
               position: absolute;
               inset: 0;
               overflow: hidden;
               z-index: 1;
               pointer-events: none;
            }
            
            /* Dynamic Mesh Gradient */
            .hero-blue-mesh {
               position: absolute;
               inset: -50%;
               background: 
                  conic-gradient(from 230deg at 25% 35%, rgba(99, 102, 241, 0.22), transparent 50%),
                  conic-gradient(from 120deg at 75% 25%, rgba(59, 130, 246, 0.20), transparent 45%),
                  conic-gradient(from 310deg at 50% 70%, rgba(14, 165, 233, 0.18), transparent 48%),
                  conic-gradient(from 45deg at 80% 80%, rgba(6, 182, 212, 0.16), transparent 42%);
               filter: blur(120px);
               animation: epic-mesh-dance 45s ease-in-out infinite;
               opacity: 0.8;
            }
            
            @keyframes epic-mesh-dance {
               0%, 100% { transform: rotate(0deg) scale(1); }
               25% { transform: rotate(90deg) scale(1.15); }
               50% { transform: rotate(180deg) scale(1.1); }
               75% { transform: rotate(270deg) scale(1.2); }
            }
            
            /* Glowing Orbs with Enhanced Effects */
            .hero-blue-orb {
               position: absolute;
               border-radius: 50%;
               filter: blur(140px);
               animation: epic-orb-float 35s ease-in-out infinite;
               mix-blend-mode: screen;
            }
            
            .hero-blue-orb-1 {
               top: -25%;
               left: -20%;
               width: 60vmax;
               height: 60vmax;
               background: 
                  radial-gradient(circle, rgba(99, 102, 241, 0.30), rgba(79, 70, 229, 0.22) 40%, transparent 75%);
               animation-delay: 0s;
            }
            
            .hero-blue-orb-2 {
               bottom: -30%;
               right: -20%;
               width: 70vmax;
               height: 70vmax;
               background: 
                  radial-gradient(circle, rgba(14, 165, 233, 0.28), rgba(6, 182, 212, 0.20) 45%, transparent 75%);
               animation-delay: 12s;
            }
            
            .hero-blue-orb-3 {
               top: 25%;
               right: 30%;
               width: 50vmax;
               height: 50vmax;
               background: 
                  radial-gradient(circle, rgba(59, 130, 246, 0.26), rgba(37, 99, 235, 0.18) 50%, transparent 75%);
               animation-delay: 6s;
            }
            
            @keyframes epic-orb-float {
               0%, 100% { 
                  transform: translate(0, 0) scale(1) rotate(0deg);
                  opacity: 1;
               }
               20% { 
                  transform: translate(5vw, -4vh) scale(1.12) rotate(10deg);
                  opacity: 0.9;
               }
               40% { 
                  transform: translate(-4vw, 3vh) scale(0.95) rotate(-8deg);
                  opacity: 1;
               }
               60% { 
                  transform: translate(6vw, 5vh) scale(1.08) rotate(12deg);
                  opacity: 0.95;
               }
               80% { 
                  transform: translate(-5vw, -3vh) scale(1.05) rotate(-6deg);
                  opacity: 0.92;
               }
            }
            
            /* Animated Wave Patterns */
            .hero-blue-waves {
               position: absolute;
               inset: 0;
               background:
                  linear-gradient(110deg, transparent 35%, rgba(99, 102, 241, 0.10) 48%, rgba(79, 70, 229, 0.12) 52%, transparent 65%),
                  linear-gradient(230deg, transparent 35%, rgba(14, 165, 233, 0.09) 48%, rgba(6, 182, 212, 0.11) 52%, transparent 65%),
                  linear-gradient(340deg, transparent 40%, rgba(59, 130, 246, 0.08) 50%, transparent 60%);
               background-size: 250% 250%, 200% 200%, 300% 300%;
               animation: epic-waves-flow 28s ease-in-out infinite;
               opacity: 0.7;
            }
            
            @keyframes epic-waves-flow {
               0%, 100% { 
                  background-position: 0% 50%, 100% 50%, 50% 0%;
               }
               33% { 
                  background-position: 100% 80%, 0% 20%, 80% 100%;
               }
               66% { 
                  background-position: 20% 100%, 80% 0%, 100% 50%;
               }
            }
            
            /* Enhanced Dot Pattern */
            .hero-blue-dots {
               position: absolute;
               inset: 0;
               background-image: 
                  radial-gradient(circle, rgba(99, 102, 241, 0.12) 1.5px, transparent 1.5px),
                  radial-gradient(circle, rgba(59, 130, 246, 0.08) 1px, transparent 1px);
               background-size: 80px 80px, 40px 40px;
               background-position: 0 0, 20px 20px;
               animation: epic-dots-shimmer 30s linear infinite;
               opacity: 0.4;
            }
            
            @keyframes epic-dots-shimmer {
               0% { 
                  transform: translateX(0) translateY(0);
                  opacity: 0.5;
               }
               50% { 
                  transform: translateX(40px) translateY(40px);
                  opacity: 0.7;
               }
               100% { 
                  transform: translateX(0) translateY(0);
                  opacity: 0.5;
               }
            }
            
            /* ============================================
               BACKGROUND VISUAL ELEMENTS
            ============================================ */
            .hero-bg-visual {
               position: absolute;
               inset: 0;
               pointer-events: none;
               opacity: 0.5;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               font-smooth: always;
               z-index: 3;
               overflow: hidden;
            }
            
            .visual-code-snippet {
               position: absolute;
               top: 12%;
               left: 5%;
               width: 340px;
               background: rgba(15, 23, 42, 0.35);
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               text-rendering: optimizeLegibility;
               transform: translateZ(0);
               backface-visibility: hidden;
               border: 1px solid rgba(99, 102, 241, 0.25);
               border-radius: 12px;
               backdrop-filter: blur(12px);
               -webkit-backdrop-filter: blur(12px);
               font-family: 'Courier New', monospace;
               font-size: 0.85rem;
               line-height: 1.7;
               box-shadow: 
                  0 15px 40px rgba(0, 0, 0, 0.25),
                  0 0 0 1px rgba(255, 255, 255, 0.05) inset;
               animation: visual-float 8s ease-in-out infinite;
               overflow: hidden;
               opacity: 0.5;
            }
            
            .visual-code-snippet:hover {
               opacity: 0.75;
            }
            
            .code-header {
               display: flex;
               justify-content: space-between;
               align-items: center;
               padding: 10px 15px;
               background: rgba(30, 41, 59, 0.5);
               border-bottom: 1px solid rgba(99, 102, 241, 0.2);
            }
            
            .code-file-name {
               color: #94a3b8;
               font-size: 0.8rem;
               font-weight: 600;
            }
            
            .code-status {
               color: #60a5fa;
               font-size: 0.75rem;
               animation: pulse-text 2s ease-in-out infinite;
            }
            
            @keyframes pulse-text {
               0%, 100% { opacity: 1; }
               50% { opacity: 0.5; }
            }
            
            .code-line {
               padding: 4px 15px;
               color: #cbd5e1;
               position: relative;
            }
            
            .code-line-highlighted {
               background: rgba(239, 68, 68, 0.10);
               border-left: 2px solid rgba(239, 68, 68, 0.4);
               animation: highlight-pulse 2s ease-in-out infinite;
            }
            
            @keyframes highlight-pulse {
               0%, 100% { background: rgba(239, 68, 68, 0.10); }
               50% { background: rgba(239, 68, 68, 0.18); }
            }
            
            .code-keyword {
               color: #c084fc;
               font-weight: 600;
            }
            
            .code-function {
               color: #60a5fa;
            }
            
            .code-number {
               color: #fbbf24;
            }
            
            .match-indicator {
               padding: 8px 15px;
               background: rgba(239, 68, 68, 0.10);
               border-top: 1px solid rgba(239, 68, 68, 0.2);
               color: #fca5a5;
               font-size: 0.75rem;
               display: flex;
               align-items: center;
               gap: 6px;
               margin-top: 2px;
               opacity: 0.8;
            }
            
            .match-indicator i {
               color: #ef4444;
            }
            
            .visual-match-badge {
               position: absolute;
               padding: 12px 16px;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               text-rendering: optimizeLegibility;
               transform: translateZ(0);
               backface-visibility: hidden;
               will-change: transform;
               background: rgba(15, 23, 42, 0.85);
               border: 1.5px solid;
               border-radius: 14px;
               backdrop-filter: blur(12px);
               -webkit-backdrop-filter: blur(12px);
               display: flex;
               align-items: center;
               gap: 12px;
               color: white;
               box-shadow: 
                  0 8px 24px rgba(0, 0, 0, 0.25),
                  0 2px 8px rgba(0, 0, 0, 0.15);
               animation: badge-float 6s ease-in-out infinite;
               transition: all 0.3s ease;
               opacity: 0.95;
            }
            
            .visual-match-badge:hover {
               transform: translateY(-4px) scale(1.05) translateZ(0);
               opacity: 1;
               box-shadow: 
                  0 12px 32px rgba(0, 0, 0, 0.3),
                  0 4px 12px rgba(0, 0, 0, 0.2);
            }
            
            .visual-match-badge i {
               font-size: 1.75rem;
               opacity: 1;
            }
            
            .badge-content {
               display: flex;
               flex-direction: column;
               gap: 3px;
            }
            
            .badge-title {
               font-size: 0.8125rem;
               font-weight: 600;
               opacity: 1;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               text-rendering: optimizeLegibility;
               text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
               line-height: 1.2;
            }
            
            .badge-percentage {
               font-size: 1rem;
               font-weight: 900;
               letter-spacing: 0;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               text-rendering: optimizeLegibility;
               text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
               line-height: 1.2;
            }
            
            .badge-stackoverflow {
               top: 18%;
               right: 8%;
               border-color: rgba(244, 128, 36, 0.3);
               animation-delay: 0s;
            }
            
            .badge-stackoverflow i {
               color: #f48024;
            }
            
            .badge-stackoverflow .badge-percentage {
               color: #fbbf24;
            }
            
            .badge-previous {
               top: 42%;
               right: 12%;
               border-color: rgba(168, 85, 247, 0.3);
               animation-delay: 2s;
            }
            
            .badge-previous i {
               color: #a855f7;
            }
            
            .badge-previous .badge-percentage {
               color: #c084fc;
            }
            
            .badge-ai {
               top: 66%;
               right: 6%;
               border-color: rgba(234, 88, 12, 0.3);
               animation-delay: 4s;
            }
            
            .badge-ai i {
               color: #ea580c;
            }
            
            .badge-ai .badge-percentage {
               color: #fb923c;
            }
            
            .badge-github {
               top: 28%;
               left: 8%;
               border-color: rgba(148, 163, 184, 0.3);
               animation-delay: 1s;
            }
            
            .badge-github i {
               color: #94a3b8;
            }
            
            .badge-github .badge-percentage {
               color: #cbd5e1;
            }
            
            .badge-web {
               top: 52%;
               left: 6%;
               border-color: rgba(34, 197, 94, 0.3);
               animation-delay: 3s;
            }
            
            .badge-web i {
               color: #22c55e;
            }
            
            .badge-web .badge-percentage {
               color: #4ade80;
            }
            
            .badge-repo {
               bottom: 12%;
               left: 10%;
               border-color: rgba(59, 130, 246, 0.3);
               animation-delay: 5s;
            }
            
            .badge-repo i {
               color: #3b82f6;
            }
            
            .badge-repo .badge-percentage {
               color: #60a5fa;
            }
            
            .badge-chegg {
               top: 76%;
               left: 12%;
               border-color: rgba(220, 38, 38, 0.4);
               animation-delay: 4.5s;
            }
            
            .badge-chegg i {
               color: #dc2626;
            }
            
            .badge-chegg .badge-percentage {
               color: #f87171;
            }
            
            /* Web Source Preview Window */
            .visual-web-preview {
               position: absolute;
               bottom: 15%;
               right: 10%;
               width: 320px;
               background: rgba(15, 23, 42, 0.35);
               border: 1px solid rgba(99, 102, 241, 0.2);
               border-radius: 12px;
               backdrop-filter: blur(20px);
               -webkit-backdrop-filter: blur(20px);
               box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
               animation: visual-float 10s ease-in-out infinite;
               animation-delay: 1.5s;
               overflow: hidden;
               opacity: 0.2;
            }
            
            .visual-web-preview:hover {
               opacity: 0.4;
            }
            
            .web-preview-header {
               display: flex;
               align-items: center;
               gap: 8px;
               padding: 10px 15px;
               background: rgba(30, 41, 59, 0.5);
               border-bottom: 1px solid rgba(99, 102, 241, 0.2);
               font-size: 0.75rem;
               color: #94a3b8;
            }
            
            .web-preview-header i {
               color: #22c55e;
            }
            
            .web-preview-content {
               padding: 12px 15px;
            }
            
            .web-preview-content .code-line {
               font-family: 'Courier New', monospace;
               font-size: 0.8rem;
               color: #cbd5e1;
               padding: 2px 0;
            }
            
            .code-line-matched {
               background: rgba(34, 197, 94, 0.15);
               padding: 4px 8px;
               border-left: 2px solid #22c55e;
               margin: 4px -8px;
            }
            
            .web-preview-footer {
               margin-top: 8px;
               padding: 6px 10px;
               background: rgba(34, 197, 94, 0.15);
               border-radius: 6px;
               font-size: 0.7rem;
               color: #4ade80;
               display: flex;
               align-items: center;
               gap: 6px;
            }
            
            .web-preview-footer i {
               color: #22c55e;
            }
            
            @keyframes badge-float {
               0%, 100% {
                  transform: translateY(0) translateX(0);
               }
               50% {
                  transform: translateY(-12px) translateX(-5px);
               }
            }
            
            .scan-line {
               position: absolute;
               top: 0;
               left: 0;
               right: 0;
               height: 2px;
               background: linear-gradient(90deg, 
                  transparent 0%, 
                  rgba(99, 102, 241, 0.8) 50%, 
                  transparent 100%);
               animation: scan-sweep 3s ease-in-out infinite;
            }
            
            @keyframes scan-sweep {
               0% {
                  transform: translateY(0);
                  opacity: 0;
               }
               10% {
                  opacity: 1;
               }
               90% {
                  opacity: 1;
               }
               100% {
                  transform: translateY(100vh);
                  opacity: 0;
               }
            }
            
            @keyframes visual-float {
               0%, 100% {
                  transform: translateY(0) translateX(0);
               }
               50% {
                  transform: translateY(-15px) translateX(10px);
               }
            }
            
            /* ============================================
               COMPACT INLINE STATS
            ============================================ */
            .hero-blue-stats-inline {
               display: flex;
               justify-content: center;
               align-items: center;
               gap: 24px;
               flex-wrap: wrap;
               padding: 16px 24px;
               background: rgba(15, 23, 42, 0.4);
               border: 1px solid rgba(99, 102, 241, 0.2);
               border-radius: 999px;
               backdrop-filter: blur(10px);
               -webkit-backdrop-filter: blur(10px);
               max-width: 900px;
               margin-left: auto;
               margin-right: auto;
            }
            
            .stat-inline {
               display: flex;
               align-items: center;
               gap: 8px;
               color: white;
            }
            
            .stat-inline i {
               color: #818cf8;
               font-size: 1.1rem;
            }
            
            .stat-inline-number {
               font-size: 1rem;
               font-weight: 700;
               color: #ffffff;
               letter-spacing: -0.02em;
            }
            
            .stat-inline-label {
               font-size: 0.8rem;
               color: #94a3b8;
               font-weight: 500;
            }
            
            .stat-divider {
               width: 1px;
               height: 24px;
               background: rgba(99, 102, 241, 0.3);
            }
            
            @media (max-width: 768px) {
               .hero-bg-visual {
                  display: none;
               }
               
               .hero-blue-stats-inline {
                  flex-direction: column;
                  gap: 12px;
                  padding: 12px 16px;
               }
               
               .stat-divider {
                  display: none;
               }
               
               .stat-inline {
                  width: 100%;
                  justify-content: center;
               }
            }
            
            @media (max-width: 576px) {
               .hero-blue-stats-inline {
                  padding: 10px 12px;
                  gap: 10px;
               }
               
               .stat-inline-number {
                  font-size: 1rem;
               }
               
               .stat-inline-label {
                  font-size: 0.8rem;
               }
            }

            /* ============================================
               FLOATING PERSON - BACKGROUND RIGHT
            ============================================ */
            .hero-floating-person {
               position: absolute;
               right: 5%;
               top: 50%;
               transform: translateY(-50%);
               z-index: 4;
               pointer-events: none;
               opacity: 0.85;
               transition: all 0.6s ease;
            }

            .hero-person-img {
               width: 350px;
               height: auto;
               filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
               animation: float-gentle 6s ease-in-out infinite;
            }

            @keyframes float-gentle {
               0%, 100% {
                  transform: translateY(0px);
               }
               50% {
                  transform: translateY(-20px);
               }
            }

            @media (max-width: 1400px) {
               .hero-person-img {
                  width: 300px;
               }
            }

            @media (max-width: 1200px) {
               .hero-person-img {
                  width: 250px;
               }
               .hero-floating-person {
                  right: 2%;
               }
            }

            @media (max-width: 991px) {
               .hero-floating-person {
                  opacity: 0.6;
               }
               .hero-person-img {
                  width: 200px;
               }
            }

            @media (max-width: 768px) {
               .hero-floating-person {
                  display: none;
               }
            }

            /* ============================================
               TURNITIN-STYLE HERO ELEMENTS
            ============================================ */
            .hero-person-circle {
               position: absolute;
               right: 8%;
               top: 50%;
               transform: translateY(-50%);
               z-index: 8;
               width: 400px;
               height: 400px;
               border-radius: 50%;
               overflow: hidden;
               border: 6px solid rgba(255, 255, 255, 0.9);
               box-shadow: 
                  0 20px 60px rgba(0, 0, 0, 0.2),
                  0 8px 24px rgba(0, 0, 0, 0.15);
               animation: float-gentle 6s ease-in-out infinite;
            }

            .hero-person-circle img {
               width: 100%;
               height: 100%;
               object-fit: cover;
            }

            /* AI Detection Badge */
            .hero-ai-badge {
               position: absolute;
               right: 3%;
               top: 30%;
               z-index: 10;
               background: linear-gradient(135deg, #3b82f6, #1e40af);
               border-radius: 20px;
               padding: 16px 24px;
               box-shadow: 
                  0 12px 32px rgba(59, 130, 246, 0.4),
                  0 4px 12px rgba(0, 0, 0, 0.2);
               border: 3px solid white;
               min-width: 120px;
            }

            .ai-badge-label {
               color: white;
               font-size: 1rem;
               font-weight: 800;
               text-align: center;
               margin-bottom: 4px;
               letter-spacing: 1px;
            }

            .ai-badge-percentage {
               color: white;
               font-size: 2.5rem;
               font-weight: 900;
               text-align: center;
               line-height: 1;
            }

            .ai-badge-percentage span {
               font-size: 1.5rem;
            }

            /* Code Connection Lines */
            .hero-code-lines {
               position: absolute;
               right: 18%;
               top: 35%;
               z-index: 7;
            }

            .code-line-1,
            .code-line-2 {
               display: block;
               margin-bottom: 20px;
               opacity: 0.9;
               animation: pulse-line 3s ease-in-out infinite;
            }

            .code-line-2 {
               animation-delay: 1.5s;
            }

            @keyframes pulse-line {
               0%, 100% {
                  opacity: 0.7;
               }
               50% {
                  opacity: 1;
               }
            }

            /* Similarity Graph Card */
            .hero-similarity-card {
               position: absolute;
               right: 14%;
               bottom: 28%;
               z-index: 10;
               background: white;
               border-radius: 16px;
               padding: 20px;
               box-shadow: 
                  0 12px 32px rgba(0, 0, 0, 0.15),
                  0 4px 12px rgba(0, 0, 0, 0.1);
               min-width: 200px;
               border: 2px solid #f1f5f9;
            }

            .similarity-bars {
               display: flex;
               flex-direction: column;
               gap: 12px;
            }

            .sim-bar {
               height: 32px;
               border-radius: 8px;
               display: flex;
               align-items: center;
               justify-content: flex-end;
               padding-right: 12px;
               position: relative;
               overflow: hidden;
            }

            .sim-bar span {
               color: white;
               font-weight: 800;
               font-size: 0.875rem;
               position: relative;
               z-index: 1;
            }

            .sim-bar::before {
               content: '';
               position: absolute;
               top: 0;
               right: 0;
               width: 30%;
               height: 100%;
               background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2));
               animation: shimmer 2s ease-in-out infinite;
            }

            @keyframes shimmer {
               0% {
                  transform: translateX(-100%);
               }
               100% {
                  transform: translateX(100%);
               }
            }

            /* Responsive */
            @media (max-width: 1600px) {
               .hero-person-circle {
                  width: 350px;
                  height: 350px;
               }
            }

            @media (max-width: 1400px) {
               .hero-person-circle {
                  width: 300px;
                  height: 300px;
                  right: 5%;
               }

               .hero-ai-badge {
                  right: 4%;
                  top: 26%;
                  padding: 12px 20px;
               }

               .ai-badge-percentage {
                  font-size: 2rem;
               }
            }

            @media (max-width: 1600px) {
               .hero-ai-badge {
                  right: 2%;
                  top: 28%;
               }
               
               .hero-code-lines {
                  right: 16%;
               }
               
               .hero-similarity-card {
                  right: 12%;
               }
            }

            @media (max-width: 1200px) {
               .hero-person-circle {
                  width: 250px;
                  height: 250px;
               }

               .hero-code-lines {
                  transform: scale(0.8);
                  right: 14%;
               }

               .hero-similarity-card {
                  transform: scale(0.9);
                  right: 10%;
               }
               
               .hero-ai-badge {
                  right: 1%;
                  top: 30%;
               }
            }

            @media (max-width: 991px) {
               .hero-person-circle,
               .hero-ai-badge,
               .hero-code-lines,
               .hero-similarity-card {
                  display: none;
               }
            }

            /* ============================================
               SECTION PEOPLE - DECORATIVE HUMANS
            ============================================ */
            .section-person {
               position: absolute;
               pointer-events: none;
               z-index: 5;
               opacity: 0.9;
               transition: all 0.6s ease;
            }

            .section-person img {
               width: 180px;
               height: auto;
               border: 4px solid #ffffff;
               border-radius: 20px;
               box-shadow: 
                  0 8px 24px rgba(0, 0, 0, 0.12),
                  0 2px 8px rgba(0, 0, 0, 0.08);
               animation: float-gentle 6s ease-in-out infinite;
               object-fit: cover;
            }

            .section-person-left {
               left: 2%;
               top: 50%;
               transform: translateY(-50%);
            }

            .section-person-right {
               right: 3%;
               top: 20%;
               transform: translateY(0);
            }

            /* Adjust Premium Detection Features positioning */
            .premium-detection-features .section-person-right {
               right: 5%;
               top: calc(20% - 235px);
               transform: translateY(0);
               width: 342px;
               height: 342px;
               z-index: 15;
               opacity: 0.85;
            }

            .premium-detection-features .section-person-right img {
               width: 100%;
               height: 100%;
               border-radius: 50%;
               border: 6px solid #ffffff;
               box-shadow: 
                  0 20px 60px rgba(0, 0, 0, 0.15),
                  0 8px 24px rgba(0, 0, 0, 0.1);
               object-position: center 80%;
               transform: scale(0.63);
            }

            /* Cards should be above the person */
            .premium-detection-features .tech-feature-card {
               position: relative;
               z-index: 10;
            }

            @media (max-width: 1600px) {
               .section-person img {
                  width: 160px;
               }
               
               .premium-detection-features .section-person-right {
                  width: 270px;
                  height: 270px;
               }
            }

            @media (max-width: 1400px) {
               .section-person img {
                  width: 140px;
               }
               
               .premium-detection-features .section-person-right {
                  width: 234px;
                  height: 234px;
               }
            }

            @media (max-width: 1200px) {
               .section-person img {
                  width: 120px;
               }
               
               .premium-detection-features .section-person-right {
                  width: 198px;
                  height: 198px;
               }
            }

            @media (max-width: 991px) {
               .section-person img {
                  width: 100px;
               }
               
               .premium-detection-features .section-person-right {
                  width: 162px;
                  height: 162px;
               }
            }

            @media (max-width: 768px) {
               .section-person {
                  display: none;
               }
            }

            /* Special positioning for specific sections */
            .premium-detection-features {
               position: relative;
               overflow: hidden;
            }

            .premium-testimonials {
               position: relative;
               overflow: hidden;
            }

            .moss-evolution-section {
               position: relative;
               overflow: hidden;
            }

            /* Plagiarism Notification Badges */
            .plagiarism-notification {
               position: absolute;
               background: linear-gradient(135deg, #ef4444, #dc2626);
               color: white;
               padding: 12px 16px;
               border-radius: 12px;
               box-shadow: 
                  0 8px 24px rgba(239, 68, 68, 0.3),
                  0 2px 8px rgba(0, 0, 0, 0.1);
               font-size: 0.875rem;
               font-weight: 700;
               display: flex;
               align-items: center;
               gap: 8px;
               animation: pulse-notification 2s ease-in-out infinite;
               z-index: 15;
            }

            .plagiarism-notification i {
               font-size: 1.125rem;
            }

            .notification-badge {
               background: white;
               color: #dc2626;
               padding: 2px 8px;
               border-radius: 8px;
               font-size: 0.75rem;
               font-weight: 800;
            }

            @keyframes pulse-notification {
               0%, 100% {
                  transform: scale(1);
               }
               50% {
                  transform: scale(1.05);
               }
            }

            /* AI Score Badge - Tiny hovering badge */
            .ai-score-badge {
               position: absolute;
               right: calc(14% + 120px);
               top: calc(20% - 100px);
               background: linear-gradient(135deg, #8b5cf6, #7c3aed);
               color: white;
               padding: 8px 12px;
               border-radius: 10px;
               box-shadow: 
                  0 6px 20px rgba(139, 92, 246, 0.4),
                  0 2px 8px rgba(0, 0, 0, 0.1);
               display: flex;
               align-items: center;
               gap: 8px;
               z-index: 150;
               animation: float-gentle 3s ease-in-out infinite;
               font-size: 0.8rem;
            }

            .ai-score-icon {
               display: flex;
               align-items: center;
               justify-content: center;
               font-size: 1rem;
            }

            .ai-score-content {
               display: flex;
               flex-direction: column;
               line-height: 1.2;
            }

            .ai-score-label {
               font-size: 0.65rem;
               font-weight: 600;
               text-transform: uppercase;
               opacity: 0.9;
               letter-spacing: 0.5px;
            }

            .ai-score-value {
               font-size: 0.95rem;
               font-weight: 800;
            }

            @media (max-width: 1200px) {
               .ai-score-badge {
                  right: calc(13% + 100px);
                  top: calc(20% - 35px);
                  padding: 6px 10px;
                  font-size: 0.75rem;
               }
            }

            @media (max-width: 991px) {
               .ai-score-badge {
                  right: calc(11% + 40px);
                  top: calc(20% - 25px);
                  padding: 5px 8px;
                  font-size: 0.7rem;
               }
            }

            @media (max-width: 768px) {
               .ai-score-badge {
                  display: none;
               }
            }

            .report-card {
               position: absolute;
               background: white;
               border-radius: 16px;
               padding: 16px;
               box-shadow: 
                  0 12px 32px rgba(0, 0, 0, 0.15),
                  0 4px 12px rgba(0, 0, 0, 0.1);
               min-width: 220px;
               z-index: 15;
               border: 2px solid #f1f5f9;
            }

            .report-header {
               display: flex;
               align-items: center;
               gap: 10px;
               margin-bottom: 12px;
               padding-bottom: 10px;
               border-bottom: 2px solid #f1f5f9;
            }

            .report-icon {
               width: 40px;
               height: 40px;
               background: linear-gradient(135deg, #3b82f6, #1e40af);
               border-radius: 10px;
               display: flex;
               align-items: center;
               justify-content: center;
               color: white;
               font-size: 1.125rem;
            }

            .report-title {
               font-weight: 700;
               color: #0f172a;
               font-size: 0.875rem;
            }

            .report-subtitle {
               font-size: 0.75rem;
               color: #64748b;
            }

            .report-stats {
               display: flex;
               flex-direction: column;
               gap: 8px;
            }

            .report-stat {
               display: flex;
               justify-content: space-between;
               align-items: center;
               font-size: 0.8125rem;
            }

            .stat-label {
               color: #64748b;
               font-weight: 500;
            }

            .stat-value {
               font-weight: 700;
               color: #ef4444;
            }

            .stat-value.success {
               color: #10b981;
            }

            /* Positioning */
            .notification-top-right {
               top: 15%;
               right: 8%;
            }

            /* Special positioning for Premium Detection section */
            .premium-detection-features .notification-top-right {
               top: calc(13% - 145px);
               right: 6%;
               z-index: 150;
            }

            .notification-top-left {
               top: 20%;
               left: 8%;
            }

            .report-bottom-right {
               bottom: 15%;
               right: 8%;
            }

            .report-bottom-left {
               bottom: 20%;
               left: 8%;
            }

            @media (max-width: 1200px) {
               .plagiarism-notification,
               .report-card {
                  display: none;
               }
            }
            
            /* ============================================
               FLOATING GEOMETRIC SHAPES - 3D EFFECT
            ============================================ */
            .floating-shapes {
               position: absolute;
               inset: 0;
               overflow: hidden;
               pointer-events: none;
               z-index: 3;
            }
            
            .shape {
               position: absolute;
               opacity: 0.15;
               filter: blur(2px);
               animation: shape-float 25s ease-in-out infinite;
            }
            
            .shape-1 {
               top: 10%;
               left: 5%;
               width: 80px;
               height: 80px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.5), rgba(79, 70, 229, 0.3));
               border-radius: 20px;
               transform: rotate(45deg);
               animation-delay: 0s;
               animation-duration: 20s;
            }
            
            .shape-2 {
               top: 60%;
               left: 15%;
               width: 60px;
               height: 60px;
               background: linear-gradient(135deg, rgba(14, 165, 233, 0.5), rgba(6, 182, 212, 0.3));
               border-radius: 50%;
               animation-delay: 2s;
               animation-duration: 25s;
            }
            
            .shape-3 {
               top: 25%;
               right: 10%;
               width: 100px;
               height: 100px;
               background: linear-gradient(135deg, rgba(59, 130, 246, 0.5), rgba(37, 99, 235, 0.3));
               clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
               animation-delay: 4s;
               animation-duration: 22s;
            }
            
            .shape-4 {
               top: 75%;
               right: 20%;
               width: 70px;
               height: 70px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.4), rgba(59, 130, 246, 0.3));
               border-radius: 15px;
               transform: rotate(25deg);
               animation-delay: 1s;
               animation-duration: 28s;
            }
            
            .shape-5 {
               top: 40%;
               left: 25%;
               width: 50px;
               height: 50px;
               background: linear-gradient(135deg, rgba(14, 165, 233, 0.4), rgba(59, 130, 246, 0.3));
               clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
               animation-delay: 3s;
               animation-duration: 26s;
            }
            
            .shape-6 {
               top: 15%;
               right: 30%;
               width: 90px;
               height: 90px;
               background: linear-gradient(135deg, rgba(59, 130, 246, 0.4), rgba(14, 165, 233, 0.3));
               border-radius: 50%;
               animation-delay: 5s;
               animation-duration: 24s;
            }
            
            .shape-7 {
               bottom: 10%;
               left: 40%;
               width: 65px;
               height: 65px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.4), rgba(14, 165, 233, 0.3));
               border-radius: 12px;
               transform: rotate(60deg);
               animation-delay: 2.5s;
               animation-duration: 23s;
            }
            
            .shape-8 {
               top: 50%;
               right: 5%;
               width: 75px;
               height: 75px;
               background: linear-gradient(135deg, rgba(59, 130, 246, 0.4), rgba(99, 102, 241, 0.3));
               clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
               animation-delay: 6s;
               animation-duration: 27s;
            }
            
            @keyframes shape-float {
               0%, 100% {
                  transform: translate(0, 0) rotate(0deg) scale(1);
               }
               25% {
                  transform: translate(20px, -30px) rotate(90deg) scale(1.1);
               }
               50% {
                  transform: translate(-15px, 20px) rotate(180deg) scale(0.9);
               }
               75% {
                  transform: translate(30px, 15px) rotate(270deg) scale(1.05);
               }
            }
            
            /* ============================================
               CODE PARTICLES - FLOATING SYMBOLS
            ============================================ */
            .code-particles {
               position: absolute;
               inset: 0;
               pointer-events: none;
               z-index: 4;
               overflow: hidden;
            }
            
            .code-particle {
               position: absolute;
               font-size: 1.5rem;
               font-weight: bold;
               font-family: 'Courier New', monospace;
               color: rgba(236, 72, 153, 0.3);
               left: var(--x);
               top: var(--y);
               animation: particle-rise 15s ease-in-out infinite;
               animation-delay: var(--delay);
               text-shadow: 0 0 20px rgba(236, 72, 153, 0.5);
            }
            
            .code-particle:nth-child(2n) {
               color: rgba(6, 182, 212, 0.3);
               text-shadow: 0 0 20px rgba(6, 182, 212, 0.5);
            }
            
            .code-particle:nth-child(3n) {
               color: rgba(167, 139, 250, 0.3);
               text-shadow: 0 0 20px rgba(167, 139, 250, 0.5);
            }
            
            @keyframes particle-rise {
               0% {
                  transform: translateY(0) rotate(0deg);
                  opacity: 0;
               }
               10% {
                  opacity: 0.6;
               }
               90% {
                  opacity: 0.6;
               }
               100% {
                  transform: translateY(-100vh) rotate(360deg);
                  opacity: 0;
               }
            }
            
            /* ============================================
               LIGHT RAYS - DRAMATIC LIGHTING
            ============================================ */
            .light-rays {
               position: absolute;
               inset: 0;
               pointer-events: none;
               z-index: 2;
               overflow: hidden;
               mix-blend-mode: screen;
               opacity: 0.4;
            }
            
            .ray {
               position: absolute;
               width: 2px;
               height: 200%;
               background: linear-gradient(to bottom, 
                  transparent 0%, 
                  rgba(236, 72, 153, 0.4) 25%, 
                  rgba(167, 139, 250, 0.3) 50%, 
                  rgba(6, 182, 212, 0.2) 75%, 
                  transparent 100%);
               transform-origin: top center;
               animation: ray-sweep 20s ease-in-out infinite;
            }
            
            .ray-1 {
               left: 20%;
               animation-delay: 0s;
               opacity: 0.6;
            }
            
            .ray-2 {
               left: 50%;
               animation-delay: 7s;
               opacity: 0.4;
            }
            
            .ray-3 {
               left: 80%;
               animation-delay: 14s;
               opacity: 0.5;
            }
            
            @keyframes ray-sweep {
               0%, 100% {
                  transform: translateX(-50px) rotate(-5deg);
                  opacity: 0;
               }
               10% {
                  opacity: 0.6;
               }
               50% {
                  transform: translateX(50px) rotate(5deg);
               }
               90% {
                  opacity: 0.6;
               }
            }

            /* Blue Content Container */
            .hero-blue-content {
               position: relative;
               z-index: 5;
               animation: content-fade-in 1s ease-out;
            }
            
            @keyframes content-fade-in {
               from {
                  opacity: 0;
                  transform: translateY(30px);
               }
               to {
                  opacity: 1;
                  transform: translateY(0);
               }
            }

            /* Premium Glassmorphic Badge */
            .hero-blue-badge {
               position: relative;
               display: inline-flex;
               align-items: center;
               gap: 8px;
               padding: 6px 14px;
               font-size: 0.75rem;
               background: rgba(15, 23, 42, 0.7);
               border: 1px solid rgba(99, 102, 241, 0.4);
               border-radius: 999px;
               backdrop-filter: blur(15px);
               -webkit-backdrop-filter: blur(15px);
               box-shadow: 
                  0 8px 24px rgba(99, 102, 241, 0.2),
                  inset 0 1px 0 rgba(255, 255, 255, 0.1);
               color: #c7d2fe;
               font-size: 0.8rem;
               font-weight: 700;
               text-transform: uppercase;
               letter-spacing: 0.5px;
               overflow: hidden;
               transition: all 0.3s ease;
               cursor: default;
               animation: badge-entrance 0.8s ease-out;
            }
            
            @keyframes badge-entrance {
               from {
                  opacity: 0;
                  transform: translateY(-20px) scale(0.9);
               }
               to {
                  opacity: 1;
                  transform: translateY(0) scale(1);
               }
            }
            
            .hero-blue-badge:hover {
               transform: translateY(-2px);
               box-shadow: 
                  0 12px 32px rgba(99, 102, 241, 0.3),
                  inset 0 1px 0 rgba(255, 255, 255, 0.15);
               border-color: rgba(99, 102, 241, 0.6);
            }
            
            .hero-blue-badge i {
               font-size: 0.85rem;
               animation: icon-spin 3s ease-in-out infinite;
            }
            
            @keyframes icon-spin {
               0%, 100% { transform: rotate(0deg); }
               50% { transform: rotate(10deg); }
            }
            
            .badge-blue-glow {
               position: absolute;
               inset: -6px;
               background: radial-gradient(circle, 
                  rgba(99, 102, 241, 0.2), 
                  transparent 70%);
               filter: blur(10px);
               animation: badge-glow-pulse 3s ease-in-out infinite;
               z-index: -1;
            }
            
            @keyframes badge-glow-pulse {
               0%, 100% { 
                  opacity: 0.5; 
                  transform: scale(1);
               }
               50% { 
                  opacity: 1; 
                  transform: scale(1.1);
               }
            }

            /* SEO H1 - Hidden but crawlable */
            .hero-seo-h1 {
               position: absolute;
               width: 1px;
               height: 1px;
               padding: 0;
               margin: -1px;
               overflow: hidden;
               clip: rect(0, 0, 0, 0);
               white-space: nowrap;
               border-width: 0;
            }

            /* MASSIVE HERO TITLE - ULTIMATE FOCUS */
            .hero-blue-title {
               font-size: clamp(2.75rem, 6.5vw, 4.75rem);
               font-weight: 900;
               line-height: 1.1;
               margin-bottom: 20px;
               letter-spacing: -0.04em;
               background: linear-gradient(135deg, 
                  #ffffff 0%, 
                  #ffffff 50%,
                  #fcfcfc 70%,
                  #f5f5f5 85%,
                  #ffffff 100%);
               background-size: 400% 400%;
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               background-clip: text;
               animation: mega-title-shimmer 6s ease-in-out infinite;
               position: relative;
               filter: drop-shadow(0 0 80px rgba(255, 255, 255, 0.4))
                       drop-shadow(0 0 120px rgba(99, 102, 241, 0.5))
                       drop-shadow(0 4px 20px rgba(0, 0, 0, 0.5));
               transform-style: preserve-3d;
               perspective: 1000px;
               text-shadow: 0 0 60px rgba(255, 255, 255, 0.3);
            }
            
            .hero-blue-title::before {
               content: '';
               position: absolute;
               inset: -40px;
               background: radial-gradient(ellipse 160% 120% at center, 
                  rgba(255, 255, 255, 0.15), 
                  rgba(99, 102, 241, 0.3) 35%,
                  rgba(59, 130, 246, 0.25) 55%,
                  transparent 75%);
               filter: blur(60px);
               z-index: -1;
               animation: mega-title-glow 3s ease-in-out infinite;
            }
            
            .hero-blue-title::after {
               content: '';
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               width: 120%;
               height: 120%;
               background: linear-gradient(45deg, 
                  transparent 20%, 
                  rgba(99, 102, 241, 0.15) 40%, 
                  rgba(6, 182, 212, 0.15) 60%, 
                  transparent 80%);
               animation: mega-title-scan 2.5s linear infinite;
               pointer-events: none;
               z-index: -1;
            }
            
            @keyframes mega-title-shimmer {
               0%, 100% { background-position: 0% 50%; }
               25% { background-position: 100% 25%; }
               50% { background-position: 200% 50%; }
               75% { background-position: 100% 75%; }
            }
            
            @keyframes mega-title-glow {
               0%, 100% { 
                  opacity: 0.8; 
                  transform: scale(1);
               }
               50% { 
                  opacity: 1; 
                  transform: scale(1.08);
               }
            }
            
            @keyframes mega-title-scan {
               0% { transform: translate(-150%, -50%) rotate(45deg); }
               100% { transform: translate(150%, -50%) rotate(45deg); }
            }
            /* AMAZING ROTATING ANIMATIONS - Multiple Styles */
            .hero-blue-title {
               transform-style: preserve-3d;
               perspective: 1000px;
            }
            
            /* Animation Style 1: Fade + Scale + Gradient Shift */
            .hero-blue-title.swap-out-fade {
               animation: hero-blue-swap-out-fade 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
            }
            .hero-blue-title.swap-in-fade {
               animation: hero-blue-swap-in-fade 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
            }
            @keyframes hero-blue-swap-out-fade {
               0% { 
                  opacity: 1; 
                  transform: translateY(0) scale(1); 
                  filter: blur(0px) brightness(1);
               }
               100% { 
                  opacity: 0; 
                  transform: translateY(20px) scale(0.95); 
                  filter: blur(8px) brightness(0.7);
               }
            }
            @keyframes hero-blue-swap-in-fade {
               0% { 
                  opacity: 0; 
                  transform: translateY(-20px) scale(0.95); 
                  filter: blur(8px) brightness(0.7);
               }
               100% { 
                  opacity: 1; 
                  transform: translateY(0) scale(1); 
                  filter: blur(0px) brightness(1);
               }
            }
            
            /* Animation Style 2: 3D Flip Horizontal */
            .hero-blue-title.swap-out-flip {
               animation: hero-blue-swap-out-flip 450ms cubic-bezier(0.6, 0.04, 0.98, 0.335) forwards;
            }
            .hero-blue-title.swap-in-flip {
               animation: hero-blue-swap-in-flip 450ms cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
            }
            @keyframes hero-blue-swap-out-flip {
               0% { 
                  opacity: 1; 
                  transform: rotateX(0deg) translateZ(0); 
               }
               100% { 
                  opacity: 0; 
                  transform: rotateX(90deg) translateZ(-100px); 
               }
            }
            @keyframes hero-blue-swap-in-flip {
               0% { 
                  opacity: 0; 
                  transform: rotateX(-90deg) translateZ(-100px); 
               }
               100% { 
                  opacity: 1; 
                  transform: rotateX(0deg) translateZ(0); 
               }
            }
            
            /* Animation Style 3: Slide + Zoom */
            .hero-blue-title.swap-out-slide {
               animation: hero-blue-swap-out-slide 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
            }
            .hero-blue-title.swap-in-slide {
               animation: hero-blue-swap-in-slide 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            }
            @keyframes hero-blue-swap-out-slide {
               0% { 
                  opacity: 1; 
                  transform: translateX(0) scale(1); 
               }
               100% { 
                  opacity: 0; 
                  transform: translateX(-100px) scale(0.8); 
               }
            }
            @keyframes hero-blue-swap-in-slide {
               0% { 
                  opacity: 0; 
                  transform: translateX(100px) scale(0.8); 
               }
               100% { 
                  opacity: 1; 
                  transform: translateX(0) scale(1); 
               }
            }
            
            /* Animation Style 4: Glitch + Distortion */
            .hero-blue-title.swap-out-glitch {
               animation: hero-blue-swap-out-glitch 500ms steps(10) forwards;
            }
            .hero-blue-title.swap-in-glitch {
               animation: hero-blue-swap-in-glitch 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
            }
            @keyframes hero-blue-swap-out-glitch {
               0% { 
                  opacity: 1; 
                  transform: translateX(0) skewX(0deg); 
                  filter: hue-rotate(0deg);
               }
               20% { 
                  transform: translateX(-5px) skewX(5deg); 
                  filter: hue-rotate(90deg);
               }
               40% { 
                  transform: translateX(5px) skewX(-5deg); 
                  filter: hue-rotate(180deg);
               }
               60% { 
                  transform: translateX(-3px) skewX(3deg); 
                  filter: hue-rotate(270deg);
               }
               80% { 
                  opacity: 0.5; 
                  transform: translateX(3px) skewX(-3deg); 
                  filter: hue-rotate(360deg);
               }
               100% { 
                  opacity: 0; 
                  transform: translateX(0) skewX(0deg) scale(0.9); 
                  filter: hue-rotate(0deg);
               }
            }
            @keyframes hero-blue-swap-in-glitch {
               0% { 
                  opacity: 0; 
                  transform: translateY(-30px) scale(0.8); 
                  filter: blur(10px);
               }
               50% { 
                  opacity: 0.7; 
                  transform: translateY(5px) scale(1.05); 
                  filter: blur(2px);
               }
               100% { 
                  opacity: 1; 
                  transform: translateY(0) scale(1); 
                  filter: blur(0px);
               }
            }
            
            /* Animation Style 5: Bounce + Glow */
            .hero-blue-title.swap-out-bounce {
               animation: hero-blue-swap-out-bounce 450ms cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
            }
            .hero-blue-title.swap-in-bounce {
               animation: hero-blue-swap-in-bounce 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
            }
            @keyframes hero-blue-swap-out-bounce {
               0% { 
                  opacity: 1; 
                  transform: translateY(0) scale(1); 
                  text-shadow: 0 0 20px rgba(99, 102, 241, 0.5);
               }
               50% { 
                  transform: translateY(-10px) scale(1.05); 
               }
               100% { 
                  opacity: 0; 
                  transform: translateY(50px) scale(0.8); 
                  text-shadow: 0 0 0px rgba(99, 102, 241, 0);
               }
            }
            @keyframes hero-blue-swap-in-bounce {
               0% { 
                  opacity: 0; 
                  transform: translateY(-50px) scale(0.8); 
                  text-shadow: 0 0 0px rgba(99, 102, 241, 0);
               }
               50% { 
                  opacity: 0.8;
                  transform: translateY(10px) scale(1.05); 
                  text-shadow: 0 0 30px rgba(99, 102, 241, 0.8);
               }
               100% { 
                  opacity: 1; 
                  transform: translateY(0) scale(1); 
                  text-shadow: 0 0 20px rgba(99, 102, 241, 0.5);
               }
            }
            
            /* Animation Style 6: Rotate + Fade */
            .hero-blue-title.swap-out-rotate {
               animation: hero-blue-swap-out-rotate 400ms ease-in-out forwards;
            }
            .hero-blue-title.swap-in-rotate {
               animation: hero-blue-swap-in-rotate 500ms ease-in-out forwards;
            }
            @keyframes hero-blue-swap-out-rotate {
               0% { 
                  opacity: 1; 
                  transform: rotate(0deg) scale(1); 
               }
               100% { 
                  opacity: 0; 
                  transform: rotate(-15deg) scale(0.85); 
               }
            }
            @keyframes hero-blue-swap-in-rotate {
               0% { 
                  opacity: 0; 
                  transform: rotate(15deg) scale(0.85); 
               }
               100% { 
                  opacity: 1; 
                  transform: rotate(0deg) scale(1); 
               }
            }
            
            /* Continuous subtle pulse effect */
            .hero-blue-title {
               animation: hero-title-pulse 3s ease-in-out infinite;
            }
            @keyframes hero-title-pulse {
               0%, 100% { 
                  text-shadow: 0 0 20px rgba(99, 102, 241, 0.3),
                               0 0 40px rgba(59, 130, 246, 0.2);
               }
               50% { 
                  text-shadow: 0 0 30px rgba(99, 102, 241, 0.5),
                               0 0 60px rgba(59, 130, 246, 0.3),
                               0 0 80px rgba(147, 51, 234, 0.2);
               }
            }

            /* Blue Subtitle with Working Typed.js */
            .hero-blue-subtitle-wrapper {
               font-size: 1.05rem;
               color: #cbd5e1;
               line-height: 1.5;
               font-weight: 500;
               display: flex;
               flex-wrap: wrap;
               gap: 6px;
               align-items: center;
               padding: 8px 16px;
               background: rgba(15, 23, 42, 0.35);
               border-radius: 16px;
               border: 1px solid rgba(99, 102, 241, 0.2);
               backdrop-filter: blur(10px);
               box-shadow: 
                  0 8px 32px rgba(0, 0, 0, 0.3),
                  inset 0 1px 0 rgba(255, 255, 255, 0.1);
               max-width: fit-content;
               margin-left: auto;
               margin-right: auto;
               transition: all 0.3s ease;
            }
            .hero-blue-subtitle-wrapper:hover {
               border-color: rgba(99, 102, 241, 0.4);
               box-shadow: 
                  0 12px 40px rgba(0, 0, 0, 0.4),
                  0 0 30px rgba(99, 102, 241, 0.2),
                  inset 0 1px 0 rgba(255, 255, 255, 0.15);
               transform: translateY(-2px);
            }
            .hero-blue-subtitle-label {
               color: #f1f5f9;
               font-weight: 700;
               text-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
               letter-spacing: 0.5px;
               font-family: 'Futura', 'Century Gothic', 'Avenir Next', 'Avenir', 'Gill Sans', 'Gill Sans MT', 'Calibri', sans-serif;
            }
            .typed-text {
               background: linear-gradient(135deg, #60a5fa 0%, #818cf8 50%, #a78bfa 100%);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               background-clip: text;
               font-weight: 600;
               min-width: 300px;
               filter: drop-shadow(0 0 20px rgba(96, 165, 250, 0.4));
               letter-spacing: 0.8px;
               font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
               font-size: 0.95em;
            }
            .typed-cursor {
               color: #60a5fa;
               font-weight: 400;
               text-shadow: 0 0 10px rgba(96, 165, 250, 0.6);
            }
            .typed-cursor--blink {
               animation: hero-blue-cursor-blink 1s steps(2) infinite;
            }
            @keyframes hero-blue-cursor-blink {
               0%, 50% { opacity: 1; }
               51%, 100% { opacity: 0; }
            }

            /* Blue Description */
            .hero-blue-description {
               font-size: 1.15rem;
               color: #e0f2fe;
               line-height: 1.8;
               margin-bottom: 24px;
               font-weight: 400;
               text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
               letter-spacing: 0.3px;
               font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
            }

            /* Epic CTA Buttons with 3D Effect */
            .hero-blue-cta {
               display: flex;
               flex-wrap: wrap;
               gap: 16px;
               align-items: center;
            }
            
            .hero-blue-btn-primary {
               position: relative;
               display: inline-flex;
               align-items: center;
               gap: 12px;
               padding: 14px 32px;
               border-radius: 12px;
               text-decoration: none;
               color: #ffffff;
               font-size: 1.05rem;
               font-weight: 600;
               background: #6366f1;
               overflow: hidden;
               transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
               box-shadow: 
                  0 4px 16px rgba(99, 102, 241, 0.35),
                  0 2px 6px rgba(0, 0, 0, 0.15);
               z-index: 1;
               border: none;
               letter-spacing: -0.01em;
            }
            
            .hero-blue-btn-primary:hover {
               background: #4f46e5;
               transform: translateY(-2px);
               box-shadow: 
                  0 8px 24px rgba(99, 102, 241, 0.45),
                  0 3px 8px rgba(0, 0, 0, 0.2);
               color: #ffffff;
               text-decoration: none;
            }
            
            .hero-blue-btn-primary:active {
               transform: translateY(0);
               box-shadow: 
                  0 2px 10px rgba(99, 102, 241, 0.35);
            }
            
            .hero-blue-btn-primary i {
               font-size: 18px;
               transition: transform 0.3s ease;
            }
            
            .hero-blue-btn-primary:hover i {
               transform: translateX(2px);
            }
            
            .btn-blue-shine {
               display: none;
            }
            .hero-blue-btn-secondary {
               position: relative;
               display: inline-flex;
               align-items: center;
               gap: 12px;
               padding: 14px 32px;
               border-radius: 12px;
               text-decoration: none;
               color: #ffffff;
               font-size: 1.05rem;
               font-weight: 600;
               background: rgba(255, 255, 255, 0.1);
               border: 1.5px solid rgba(255, 255, 255, 0.3);
               backdrop-filter: blur(10px);
               -webkit-backdrop-filter: blur(10px);
               transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
               letter-spacing: -0.01em;
            }
            .hero-blue-btn-secondary:hover {
               background: rgba(255, 255, 255, 0.15);
               border-color: rgba(255, 255, 255, 0.5);
               transform: translateY(-2px);
               box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
               color: white;
               text-decoration: none;
            }
            .hero-blue-btn-secondary:active {
               transform: translateY(0);
            }
            .hero-blue-btn-secondary i {
               font-size: 18px;
            }
            
            .btn-play-ring {
               position: absolute;
               inset: -4px;
               border-radius: 12px;
               border: 2px solid rgba(99, 102, 241, 0.4);
               animation: play-ring-pulse 2.5s ease-in-out infinite;
               z-index: -1;
            }
            
            @keyframes play-ring-pulse {
               0% { 
                  transform: scale(1); 
                  opacity: 0.5; 
               }
               50% {
                  opacity: 0.3;
               }
               100% { 
                  transform: scale(1.15); 
                  opacity: 0; 
               }
            }
            .hero-blue-note {
               display: inline-flex;
               align-items: center;
               gap: 8px;
               font-size: 0.9rem;
               color: #93c5fd;
               font-weight: 600;
               margin-top: -8px;
               margin-bottom: 0.5rem !important;
            }
            .hero-blue-note i {
               color: #22c55e;
               font-size: 1rem;
            }

            /* Compact Modern Stats */
            .hero-blue-stats {
               margin-top: 20px;
            }
            
            .hero-blue-stats-grid {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: 12px;
            }
            
            .hero-blue-stats-grid-centered {
               display: flex;
               justify-content: center;
               gap: 16px;
               flex-wrap: wrap;
            }
            
            .hero-blue-stats-grid-centered .hero-blue-stat {
               min-width: 140px;
               flex: 0 1 auto;
            }
            
            .hero-blue-stat {
               position: relative;
               background: rgba(15, 23, 42, 0.6);
               border: 1px solid rgba(99, 102, 241, 0.3);
               border-radius: 12px;
               padding: 12px 8px;
               text-align: center;
               transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
               overflow: hidden;
               backdrop-filter: blur(10px);
               -webkit-backdrop-filter: blur(10px);
            }
            
            .hero-blue-stat::before {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               right: 0;
               height: 2px;
               background: linear-gradient(90deg, 
                  rgba(99, 102, 241, 0.8), 
                  rgba(59, 130, 246, 0.8),
                  rgba(14, 165, 233, 0.8));
               opacity: 0;
               transition: opacity 0.3s ease;
            }
            
            .hero-blue-stat:hover {
               transform: translateY(-2px);
               border-color: rgba(99, 102, 241, 0.6);
               background: rgba(15, 23, 42, 0.8);
               box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2);
            }
            
            .hero-blue-stat:hover::before {
               opacity: 1;
            }
            .stat-blue-icon {
               width: 24px;
               height: 24px;
               border-radius: 6px;
               background: rgba(99, 102, 241, 0.15);
               border: 1px solid rgba(99, 102, 241, 0.3);
               display: flex;
               align-items: center;
               justify-content: center;
               color: #818cf8;
               font-size: 11px;
               margin: 0 auto 6px;
               transition: all 0.3s ease;
            }
            
            .hero-blue-stat:hover .stat-blue-icon {
               background: rgba(99, 102, 241, 0.25);
               border-color: rgba(99, 102, 241, 0.5);
               transform: scale(1.1);
            }
            
            .stat-blue-number {
               font-size: 1.3rem;
               font-weight: 800;
               color: #ffffff;
               line-height: 1;
               margin-bottom: 3px;
               letter-spacing: -0.02em;
            }
            
            .stat-blue-label {
               font-size: 0.68rem;
               color: #94a3b8;
               font-weight: 500;
               line-height: 1.2;
               letter-spacing: 0.01em;
            }
            
            /* ============================================
               RESPONSIVE STYLES FOR SIDE-BY-SIDE HERO
            ============================================ */
            @media (max-width: 991px) {
               .hero-ultimate-blue {
                  padding: 100px 0 80px 0;
                  min-height: auto;
               }
               
               .hero-blue-title {
                  font-size: clamp(2.25rem, 5vw, 3.5rem);
               }
               
               .hero-blue-description {
                  font-size: 1rem;
               }
               
               .hero-blue-cta {
                  flex-wrap: wrap;
               }
               
               .hero-premium-carousel-section {
                  margin-top: 2rem;
               }
            }
            
            @media (max-width: 768px) {
               .hero-blue-content {
                  text-align: center;
               }
               
               .hero-blue-badge {
                  display: inline-flex;
               }
               
               .hero-blue-cta {
                  justify-content: center;
               }
               
               .hero-blue-stats-grid {
                  grid-template-columns: repeat(2, 1fr);
                  gap: 10px;
               }
            }
            
            @media (max-width: 576px) {
               .hero-blue-title {
                  font-size: clamp(1.75rem, 6vw, 2.5rem);
               }
               
               .hero-blue-btn-primary,
               .hero-blue-btn-secondary {
                  width: 100%;
                  max-width: 300px;
               }
               
               .stat-blue-number {
                  font-size: 1.15rem;
               }
            }

            /* Blue Carousel Section */
            .hero-blue-carousel-section {
               position: relative;
            }
            .hero-blue-carousel-wrapper {
               border-radius: 18px;
               overflow: hidden;
               box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
               border: 1px solid rgba(59, 130, 246, 0.3);
               transform: scale(0.95);
            }
            .hero-blue-carousel {
               background: linear-gradient(145deg, rgba(15, 23, 42, 0.3), rgba(30, 58, 138, 0.2));
               backdrop-filter: blur(15px);
            }

            /* Blue Floating Badges */
            .hero-blue-floating-badges {
               position: absolute;
               inset: 0;
               pointer-events: none;
               z-index: 5;
            }
            .hero-blue-badge-float {
               position: absolute;
               display: inline-flex;
               align-items: center;
               gap: 10px;
               padding: 14px 22px;
               background: linear-gradient(135deg, rgba(15, 23, 42, 0.85), rgba(30, 58, 138, 0.75));
               border: 1px solid rgba(59, 130, 246, 0.4);
               border-radius: 999px;
               backdrop-filter: blur(25px);
               box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);
               font-size: 0.95rem;
               font-weight: 600;
               color: #e2e8f0;
               animation: badge-float-bounce 5s ease-in-out infinite;
            }
            .hero-blue-badge-float i {
               color: #60a5fa;
               font-size: 1.1rem;
            }
            .hero-badge-float-1 {
               top: 8%;
               left: -6%;
               animation-delay: 0s;
            }
            .hero-badge-float-2 {
               top: 48%;
               right: -10%;
               animation-delay: 2s;
            }
            .hero-badge-float-3 {
               bottom: 12%;
               left: 3%;
               animation-delay: 4s;
            }
            @keyframes badge-float-bounce {
               0%, 100% { transform: translateY(0) rotate(0deg); }
               50% { transform: translateY(-12px) rotate(2deg); }
            }

            /* Old legacy title */
            .hero-main-title {
               font-size: clamp(2.25rem, 2.5vw + 1.25rem, 4rem);
               font-weight: 800;
               color: #ffffff;
               line-height: 1.05;
               margin-bottom: 1.25rem;
               letter-spacing: -0.02em;
               text-wrap: balance;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               text-rendering: optimizeLegibility;
               background: linear-gradient(92deg, #ffffff 0%, #eaf2ff 45%, #ffffff 100%);
               background-size: 180% 180%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               -webkit-text-stroke: 0.15px rgba(15,23,42,0.06);
               text-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 8px 24px rgba(59,130,246,0.18);
               animation: heroContentFadeIn 0.9s ease-out 0.3s both, heroHue 18s ease-in-out infinite;
            }

            .hero-main-title.swap-out {
               animation: heroSwapOut 320ms ease forwards;
            }

            .hero-main-title.swap-in {
               animation: heroSwapIn 360ms ease forwards;
            }

            @keyframes heroSwapOut {
               0% { opacity: 1; transform: translateY(0); }
               100% { opacity: 0; transform: translateY(10px); }
            }

            @keyframes heroSwapIn {
               0% { opacity: 0; transform: translateY(-10px); }
               100% { opacity: 1; transform: translateY(0); }
            }
            @keyframes heroHue { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

            /* Premium Subtitle */
            .hero-premium-subtitle {
               font-size: 1.4rem;
               color: #cbd5e1;
               line-height: 1.6;
               margin: 0;
               font-weight: 500;
            }
            .hero-typed-text {
               background: linear-gradient(135deg, #3b82f6, #8b5cf6);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               background-clip: text;
               font-weight: 700;
            }
            .hero-typed-cursor {
               color: #a5b4fc;
               animation: hero-cursor-blink 1s infinite;
               font-weight: 300;
            }
            @keyframes hero-cursor-blink {
               0%, 50% { opacity: 1; }
               51%, 100% { opacity: 0; }
            }

            /* Premium Description */
            .hero-premium-description {
               font-size: 1.15rem;
               color: #94a3b8;
               line-height: 1.7;
               margin-bottom: 32px;
            }

            /* Ultra Premium CTA Buttons */
            .hero-premium-cta {
               display: flex;
               flex-wrap: wrap;
               gap: 16px;
               align-items: flex-start;
            }
            .hero-cta-primary-group {
               display: flex;
               flex-direction: column;
               gap: 12px;
            }
            .hero-cta-primary {
               position: relative;
               display: inline-flex;
               align-items: center;
               gap: 12px;
               padding: 18px 36px;
               border-radius: 14px;
               text-decoration: none;
               color: white;
               font-size: 1.1rem;
               font-weight: 700;
               overflow: hidden;
               transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
               box-shadow: 0 12px 40px rgba(99, 102, 241, 0.4);
               z-index: 1;
            }
            .hero-cta-primary-bg {
               position: absolute;
               inset: 0;
               background: linear-gradient(135deg, #6366f1, #8b5cf6);
               z-index: -1;
            }
            .hero-cta-primary-shine {
               position: absolute;
               inset: 0;
               background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
               transform: translateX(-100%) skewX(-15deg);
               transition: transform 0.6s ease;
               z-index: -1;
            }
            .hero-cta-primary:hover .hero-cta-primary-shine {
               transform: translateX(200%) skewX(-15deg);
            }
            .hero-cta-primary:hover {
               transform: translateY(-3px);
               box-shadow: 0 20px 60px rgba(99, 102, 241, 0.5);
            }
            .hero-cta-icon {
               font-size: 1.2rem;
            }
            .hero-cta-arrow {
               transition: transform 0.3s ease;
            }
            .hero-cta-primary:hover .hero-cta-arrow {
               transform: translateX(4px);
            }
            .hero-cta-note {
               font-size: 0.9rem;
               color: #a5b4fc;
               font-weight: 600;
               display: flex;
               align-items: center;
               gap: 6px;
               padding-left: 4px;
            }
            .hero-cta-note i {
               color: #22c55e;
            }
            .hero-cta-secondary {
               display: inline-flex;
               align-items: center;
               gap: 12px;
               padding: 18px 32px;
               border-radius: 14px;
               text-decoration: none;
               color: #e2e8f0;
               font-size: 1.05rem;
               font-weight: 600;
               background: rgba(255, 255, 255, 0.05);
               border: 1px solid rgba(255, 255, 255, 0.15);
               backdrop-filter: blur(10px);
               transition: all 0.3s ease;
            }
            .hero-cta-secondary:hover {
               background: rgba(255, 255, 255, 0.1);
               border-color: rgba(255, 255, 255, 0.3);
               transform: translateY(-2px);
               box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
               color: white;
               text-decoration: none;
            }
            .hero-cta-play-icon {
               position: relative;
               width: 24px;
               height: 24px;
               display: flex;
               align-items: center;
               justify-content: center;
            }
            .hero-play-pulse {
               position: absolute;
               inset: -4px;
               border-radius: 50%;
               border: 2px solid rgba(139, 92, 246, 0.5);
               animation: hero-play-pulse-ring 2s ease-in-out infinite;
            }
            @keyframes hero-play-pulse-ring {
               0% { transform: scale(1); opacity: 1; }
               100% { transform: scale(1.5); opacity: 0; }
            }

            /* Insane Premium Stats */
            .hero-premium-stats {
               margin-top: 40px;
            }
            .hero-stats-grid {
               display: grid;
               grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
               gap: 16px;
            }
            .hero-stat-card {
               position: relative;
               background: linear-gradient(145deg, rgba(15, 23, 42, 0.4), rgba(30, 27, 75, 0.3));
               border: 1px solid rgba(148, 163, 184, 0.2);
               border-radius: 16px;
               padding: 20px;
               transition: all 0.3s ease;
               overflow: hidden;
            }
            .hero-stat-card::before {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               right: 0;
               height: 3px;
               background: linear-gradient(90deg, #6366f1, #8b5cf6);
            }
            .hero-stat-card:hover {
               transform: translateY(-4px);
               border-color: rgba(99, 102, 241, 0.5);
               box-shadow: 0 10px 30px rgba(99, 102, 241, 0.2);
            }
            .hero-stat-glow {
               position: absolute;
               inset: -50%;
               background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%);
               animation: rotate-glow 20s linear infinite;
               pointer-events: none;
            }
            .hero-stat-icon {
               width: 40px;
               height: 40px;
               border-radius: 10px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
               border: 1px solid rgba(99, 102, 241, 0.3);
               display: flex;
               align-items: center;
               justify-content: center;
               color: #a5b4fc;
               font-size: 18px;
               margin-bottom: 12px;
            }
            .hero-stat-number {
               font-size: 2.25rem;
               font-weight: 900;
               background: linear-gradient(135deg, #ffffff, #a5b4fc);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               background-clip: text;
               line-height: 1;
               margin-bottom: 6px;
            }
            .hero-stat-label {
               font-size: 0.85rem;
               color: #94a3b8;
               font-weight: 500;
            }

            /* Premium Floating Chips */
            .hero-premium-chips {
               position: absolute;
               inset: 0;
               pointer-events: none;
               z-index: 5;
            }
            .hero-premium-chip {
               position: absolute;
               display: inline-flex;
               align-items: center;
               gap: 10px;
               padding: 12px 20px;
               background: rgba(15, 23, 42, 0.8);
               border: 1px solid rgba(99, 102, 241, 0.4);
               border-radius: 999px;
               backdrop-filter: blur(15px);
               -webkit-backdrop-filter: blur(15px);
               box-shadow: 
                  0 10px 30px rgba(0, 0, 0, 0.3),
                  0 4px 12px rgba(99, 102, 241, 0.2);
               font-size: 0.9rem;
               font-weight: 600;
               color: #ffffff;
               animation: hero-chip-float 4s ease-in-out infinite;
            }
            
            .hero-chip-1 {
               top: 10%;
               left: -5%;
               animation-delay: 0s;
            }
            
            .hero-chip-2 {
               top: 50%;
               right: -8%;
               animation-delay: 1.5s;
            }
            
            .hero-chip-3 {
               bottom: 15%;
               left: 5%;
               animation-delay: 3s;
            }
            
            @keyframes hero-chip-float {
               0%, 100% { 
                  transform: translateY(0) scale(1) rotate(0deg);
               }
               25% {
                  transform: translateY(-8px) scale(1.03) rotate(1deg);
               }
               50% { 
                  transform: translateY(-12px) scale(1.04) rotate(-1deg);
               }
               75% {
                  transform: translateY(-8px) scale(1.03) rotate(1deg);
               }
            }
            
            .hero-chip-icon {
               width: 28px;
               height: 28px;
               border-radius: 50%;
               background: linear-gradient(135deg, 
                  rgba(99, 102, 241, 1), 
                  rgba(59, 130, 246, 1));
               display: flex;
               align-items: center;
               justify-content: center;
               color: white;
               font-size: 13px;
               box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
            }
            
            .hero-chip-pulse {
               position: absolute;
               inset: -3px;
               border-radius: 999px;
               border: 2px solid rgba(99, 102, 241, 0.4);
               animation: hero-chip-pulse-ring 3s ease-in-out infinite;
            }
            
            @keyframes hero-chip-pulse-ring {
               0% { 
                  transform: scale(1); 
                  opacity: 0.7; 
               }
               50% {
                  opacity: 0.4;
               }
               100% { 
                  transform: scale(1.4); 
                  opacity: 0; 
               }
            }

            /* Premium Carousel */
            .hero-premium-carousel-section {
               position: relative;
               z-index: 5;
               margin-top: 2.5rem;
               margin-bottom: 1rem;
            }
            .hero-premium-carousel-wrapper {
               position: relative;
               border-radius: 20px;
               overflow: hidden;
               box-shadow: 
                  0 20px 60px rgba(0, 0, 0, 0.3),
                  0 8px 24px rgba(99, 102, 241, 0.15),
                  inset 0 1px 0 rgba(255, 255, 255, 0.1);
               border: 3px solid rgba(99, 102, 241, 0.3);
               backdrop-filter: blur(12px);
               -webkit-backdrop-filter: blur(12px);
               transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
               transform: scale(0.98);
               animation: carouselPulse 3s ease-in-out infinite;
            }
            
            .hero-premium-carousel-wrapper:hover {
               transform: scale(1) translateY(-4px);
               box-shadow: 
                  0 30px 80px rgba(0, 0, 0, 0.4),
                  0 12px 36px rgba(99, 102, 241, 0.35),
                  0 0 40px rgba(99, 102, 241, 0.2),
                  inset 0 1px 0 rgba(255, 255, 255, 0.15);
               border-color: rgba(99, 102, 241, 0.6);
               animation: none;
            }
            
            @keyframes carouselPulse {
               0%, 100% {
                  box-shadow: 
                     0 20px 60px rgba(0, 0, 0, 0.3),
                     0 8px 24px rgba(99, 102, 241, 0.15),
                     inset 0 1px 0 rgba(255, 255, 255, 0.1);
               }
               50% {
                  box-shadow: 
                     0 20px 60px rgba(0, 0, 0, 0.3),
                     0 8px 24px rgba(99, 102, 241, 0.25),
                     0 0 30px rgba(99, 102, 241, 0.15),
                     inset 0 1px 0 rgba(255, 255, 255, 0.1);
               }
            }
            .hero-premium-carousel {
               position: relative;
               background: linear-gradient(145deg, rgba(15, 23, 42, 0.3), rgba(2, 6, 23, 0.5));
               backdrop-filter: blur(20px);
            }
            .hero-carousel-caption {
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
               padding: 24px;
               color: #e2e8f0;
               font-size: 1rem;
               font-weight: 600;
               text-align: center;
            }
            .hero-carousel-control {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               width: 48px;
               height: 48px;
               border-radius: 12px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
               border: 1px solid rgba(148, 163, 184, 0.3);
               color: white;
               display: flex;
               align-items: center;
               justify-content: center;
               font-size: 18px;
               cursor: pointer;
               backdrop-filter: blur(10px);
               transition: all 0.3s ease;
               z-index: 10;
            }
            .hero-carousel-control:hover {
               background: linear-gradient(135deg, #6366f1, #8b5cf6);
               transform: translateY(-50%) scale(1.1);
               box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
            }
            .hero-carousel-prev {
               left: 16px;
            }
            .hero-carousel-next {
               right: 16px;
            }
            .hero-control-glow {
               position: absolute;
               inset: -6px;
               border-radius: 12px;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));
               filter: blur(10px);
               opacity: 0;
               transition: opacity 0.3s ease;
               z-index: -1;
            }
            .hero-carousel-control:hover .hero-control-glow {
               opacity: 1;
            }
            .hero-carousel-indicators {
               position: absolute;
               bottom: 16px;
               left: 50%;
               transform: translateX(-50%);
               display: flex;
               gap: 10px;
               z-index: 10;
            }
            .hero-indicator {
               width: 12px;
               height: 12px;
               border-radius: 50%;
               background: rgba(148, 163, 184, 0.4);
               border: 2px solid rgba(255, 255, 255, 0.3);
               cursor: pointer;
               transition: all 0.3s ease;
            }
            .hero-indicator.active {
               background: linear-gradient(135deg, #6366f1, #8b5cf6);
               transform: scale(1.3);
               box-shadow: 0 0 12px rgba(99, 102, 241, 0.6);
            }

            /* Premium Scroll Cue */
            .hero-scroll-cue {
               position: absolute;
               bottom: 40px;
               left: 50%;
               transform: translateX(-50%);
               text-align: center;
               z-index: 10;
               animation: hero-scroll-bounce 2s ease-in-out infinite;
            }
            @keyframes hero-scroll-bounce {
               0%, 100% { transform: translateX(-50%) translateY(0); }
               50% { transform: translateX(-50%) translateY(10px); }
            }
            .hero-scroll-icon {
               width: 40px;
               height: 40px;
               border-radius: 50%;
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
               border: 1px solid rgba(148, 163, 184, 0.3);
               display: flex;
               align-items: center;
               justify-content: center;
               color: #a5b4fc;
               font-size: 16px;
               margin: 0 auto 8px;
               backdrop-filter: blur(10px);
            }
            .hero-scroll-text {
               font-size: 0.85rem;
               color: #94a3b8;
               font-weight: 600;
               text-transform: uppercase;
               letter-spacing: 1px;
            }

            /* Blue Hero Responsive - Optimized for Balance */
            @media (max-width: 1200px) {
               .hero-blue-title {
                  font-size: clamp(2rem, 5vw, 3.25rem);
               }
               .hero-blue-subtitle-wrapper {
                  font-size: 1.2rem;
                  padding: 10px 20px;
               }
            }
            @media (max-width: 992px) {
               .hero-ultimate-blue {
                  padding: 100px 0 80px 0;
                  min-height: 85vh;
               }
               .hero-blue-title {
                  font-size: clamp(1.85rem, 5.5vw, 2.75rem);
                  margin-bottom: 16px;
               }
               .hero-blue-subtitle-wrapper {
                  font-size: 1.1rem;
                  padding: 10px 18px;
               }
               .hero-blue-description {
                  font-size: 1.1rem;
               }
               .hero-blue-stats-grid {
                  grid-template-columns: repeat(2, 1fr);
               }
               .hero-blue-floating-badges {
                  display: none;
               }
            }
            @media (max-width: 768px) {
               .hero-ultimate-blue {
                  padding: 100px 0 60px 0;
                  min-height: auto;
               }
               .hero-blue-title {
                  font-size: clamp(1.65rem, 7vw, 2.25rem);
                  margin-bottom: 14px;
               }
               .hero-blue-subtitle-wrapper {
                  font-size: 1.05rem;
                  flex-direction: column;
                  gap: 6px;
                  padding: 12px 16px;
               }
               .typed-text {
                  min-width: unset;
               }
               .hero-blue-description {
                  font-size: 1.05rem;
                  margin-bottom: 20px;
               }
               .hero-blue-cta {
                  flex-direction: column;
                  align-items: stretch;
               }
               .hero-blue-btn-primary,
               .hero-blue-btn-secondary {
                  padding: 14px 28px;
                  font-size: 0.95rem;
                  justify-content: center;
               }
               .hero-blue-stats-grid {
                  grid-template-columns: repeat(2, 1fr);
                  gap: 10px;
               }
               .stat-blue-number {
                  font-size: 1.5rem;
               }
               .stat-blue-label {
                  font-size: 0.7rem;
               }
            }
            @media (max-width: 576px) {
               .hero-blue-stats-grid {
                  grid-template-columns: repeat(2, 1fr);
                  gap: 8px;
               }
               .hero-blue-stat {
                  padding: 14px 8px;
               }
               .stat-blue-icon {
                  width: 32px;
                  height: 32px;
                  font-size: 14px;
                  margin-bottom: 8px;
               }
               .stat-blue-number {
                  font-size: 1.35rem;
               }
               .stat-blue-label {
                  font-size: 0.65rem;
               }
            }

            /* Old styles kept for compatibility */
            .hero-buttons {
               animation: heroContentFadeIn 1s ease-out 1s both;
            }

            /* SaaS CTA – rebuilt from scratch */
            .cq-cta-btn {
               display: inline-flex;
               align-items: center;
               justify-content: center;
               gap: .55rem;
               padding: 0.7rem 1.15rem;
               min-height: 46px;
               border-radius: 999px;
               border: 1px solid transparent;
               font-weight: 700;
               font-size: 0.95rem;
               line-height: 1.2;
               text-decoration: none !important;
               cursor: pointer;
               -webkit-tap-highlight-color: transparent;
               transition: background-color .22s ease, border-color .22s ease, box-shadow .28s ease, transform .06s ease, color .2s ease;
            }
            .cq-cta-btn span, .cq-cta-btn i { color: inherit; }
            .cq-cta-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.35); }
            .cq-cta-btn:active { transform: translateY(1px); }

            .cq-cta-btn--primary {
               color: #ffffff;
               background-image: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
               border-color: rgba(255,255,255,0.18);
               box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35), 0 2px 6px rgba(0,0,0,0.12);
               position: relative; isolation: isolate;
            }
            .cq-cta-btn--primary:hover {
               background-image: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
               border-color: rgba(255,255,255,0.28);
               color: rgba(243,244,246,.95);
               box-shadow: 0 14px 30px rgba(37, 99, 235, 0.45), 0 4px 10px rgba(0,0,0,0.14);
            }
            .cq-cta-btn--primary::before {
               content: '';
               position: absolute; inset: -10px; border-radius: inherit;
               background: radial-gradient(60% 60% at 50% 50%, rgba(59,130,246,.55), rgba(59,130,246,0));
               z-index: -1; opacity: 0; transform: scale(.9); filter: blur(14px);
               transition: opacity .3s ease, transform .3s ease; pointer-events: none;
            }
            .cq-cta-btn--primary:hover::before { opacity: .9; transform: scale(1); }

            .cq-cta-btn--ghost {
               color: #0f172a;
               background: rgba(255, 255, 255, 0.68);
               border: 1px solid rgba(15, 23, 42, 0.18);
               box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
               backdrop-filter: blur(8px);
            }
            .cq-cta-btn--ghost:hover {
               background: rgba(15, 23, 42, 0.85);
               border-color: rgba(255,255,255,0.22);
               color: rgba(243,244,246,.95);
               box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
            }

            .cq-cta-btn--lg { padding: 0.9rem 1.3rem; min-height: 50px; font-size: 1.02rem; }
            .cq-cta-btn__icon {
               display: inline-flex; align-items: center; justify-content: center;
               width: 1.55rem; height: 1.55rem; border-radius: 999px;
               background: rgba(255,255,255,.18);
               box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
               transition: transform .2s ease;
            }
            .cq-cta-btn--primary:hover .cq-cta-btn__icon, .cq-cta-btn--ghost:hover .cq-cta-btn__icon { transform: translateX(3px); }

            .cq-cta-note { font-size: .85rem; color: rgba(255,255,255,.85); margin-top: .3rem; }
            @media (max-width: 576px) { .cq-cta-note { font-size: .8rem; } }

            .cq-cta-wrap { display: flex; flex-direction: column; align-items: flex-start; }
            .cq-cta-grid { display: grid; grid-template-columns: auto auto; column-gap: .35rem; row-gap: .15rem; align-items: flex-start; }
            @media (min-width: 768px) { .cq-cta-grid { column-gap: .5rem; row-gap: .2rem; } }
            .cq-cta-primary { grid-column: 1; grid-row: 1; }
            .cq-cta-secondary { grid-column: 2; grid-row: 1; align-self: start; justify-self: start; }
            /* SaaS CTA Buttons (rebuilt from scratch) */
            .saas-cta-bar { display: flex; align-items: flex-start; gap: 0px; flex-wrap: wrap; }
            @media (min-width: 768px) { .saas-cta-bar { flex-wrap: nowrap; gap: 2px; } }
            .saas-primary-stack { display: flex; flex-direction: column; align-items: flex-start; margin-right: 2px; }
            
            .saas-btn {
               display: inline-flex;
               align-items: center;
               justify-content: center;
               gap: .6rem;
               padding: 0.95rem 1.3rem;
               min-height: 52px;
               border-radius: 999px;
               font-weight: 700;
               font-size: 1.05rem;
               line-height: 1.2;
               text-decoration: none !important;
               -webkit-tap-highlight-color: transparent;
               cursor: pointer;
               transition: all .25s cubic-bezier(.25,.46,.45,.94);
               user-select: none;
               white-space: nowrap;
            }
            .saas-btn span, .saas-btn i { color: inherit; }
            .saas-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.4); }
            .saas-btn:active { transform: translateY(1px) scale(.98); }
            
            /* Primary CTA - Premium gradient with glow */
            .saas-btn--primary {
               position: relative;
               color: #ffffff;
               background: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
               border: 1px solid rgba(255,255,255,.2);
               box-shadow: 0 10px 25px rgba(37, 99, 235, .4), 0 4px 12px rgba(0,0,0,.15);
               isolation: isolate;
            }
            .saas-btn--primary::before {
               content: '';
               position: absolute; inset: -12px;
               border-radius: inherit;
               background: radial-gradient(circle at 50% 50%, rgba(59,130,246,.6), transparent 65%);
               z-index: -1; opacity: 0; filter: blur(16px);
               transition: opacity .35s ease;
            }
            .saas-btn--primary:hover {
               background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 50%, #2563eb 100%);
               border-color: rgba(255,255,255,.32);
               color: rgba(248,250,252,.98);
               box-shadow: 0 16px 35px rgba(37, 99, 235, .5), 0 6px 16px rgba(0,0,0,.18);
            }
            .saas-btn--primary:hover::before { opacity: 1; }
            
            /* Secondary CTA - Subtle ghost style */
            .saas-btn--ghost {
               color: rgba(255,255,255,.88);
               background: rgba(255,255,255,.08);
               border: 1px solid rgba(255,255,255,.15);
               box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
               backdrop-filter: blur(12px);
            }
            .saas-btn--ghost:hover {
               color: rgba(255,255,255,.95);
               background: rgba(255,255,255,.12);
               border-color: rgba(255,255,255,.25);
               box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
            }
            
            .saas-btn__icon { 
               display: inline-flex; align-items: center; justify-content: center;
               width: 1.4rem; height: 1.4rem; border-radius: 999px;
               background: rgba(255,255,255,.18);
               transition: transform .25s ease;
            }
            .saas-btn--primary:hover .saas-btn__icon { transform: translateX(2px); }
            .saas-btn--ghost .saas-btn__icon { background: rgba(255,255,255,.18); }
            .saas-btn--ghost:hover .saas-btn__icon { background: rgba(255,255,255,.25); }
            
            .saas-note { 
               font-size: .84rem; 
               color: rgba(255,255,255,.85); 
               margin-top: .3rem; 
               font-weight: 500;
            }
            @media (max-width: 576px) { .saas-note { font-size: .8rem; } }

            .hero-btn-secondary::before {
               content: '';
               position: absolute;
               top: 0;
               left: -100%;
               width: 100%;
               height: 100%;
               background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.08), transparent);
               transition: left 0.5s ease;
            }

            .hero-btn-secondary:hover {
               transform: translateY(-1px);
               box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
               background: rgba(255, 255, 255, 0.8);
               border-color: rgba(30, 58, 138, 0.2);
               color: #0f172a;
            }

            .hero-btn-secondary:hover::before { left: 100%; }

            /* Play icon pill and pulse */
            .hero-btn-secondary i.fa-play {
               background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
               color: #ffffff;
               width: 28px; height: 28px; border-radius: 999px;
               display: inline-flex; align-items: center; justify-content: center;
               margin-right: 0.5rem;
               position: relative;
               box-shadow: 0 6px 14px rgba(59, 130, 246, 0.35);
            }
            .hero-btn-secondary i.fa-play::after {
               content: '';
               position: absolute; inset: -6px;
               border-radius: 999px;
               background: radial-gradient(circle, rgba(59,130,246,0.22), rgba(59,130,246,0) 60%);
               animation: play-pulse 2.2s ease-out infinite;
            }
            @keyframes play-pulse { 0% { transform: scale(0.9); opacity: 0.8; } 70% { transform: scale(1.25); opacity: 0; } 100% { opacity: 0; transform: scale(1.25);} }



            .hero-buttons {
               display: flex;
               flex-wrap: wrap;
               gap: 1rem;
            }

            /* Floating feature chips around hero image */
            .hero-image-section .floating-chips { position: absolute; inset: 0; pointer-events: none; z-index: 4; }
            .floating-chip { position: absolute; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.7rem; border-radius: 999px; backdrop-filter: blur(8px); background: rgba(255,255,255,0.85); border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 8px 24px rgba(15,23,42,0.08); color: #0f172a; font-weight: 700; font-size: 0.8rem; transform: translateZ(40px); }
            .floating-chip i { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.85rem; }
            .floating-chip .i-blue { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 6px 16px rgba(37,99,235,0.3); }
            .floating-chip .i-emerald { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 6px 16px rgba(16,185,129,0.28); }
            .floating-chip .i-amber { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 6px 16px rgba(245,158,11,0.28); }
            .floating-chip.chip-1 { top: 6%; left: -4%; animation: chip-float-1 9s ease-in-out infinite; }
            .floating-chip.chip-2 { bottom: 10%; right: -6%; animation: chip-float-2 11s ease-in-out infinite; }
            .floating-chip.chip-3 { top: 45%; right: 4%; animation: chip-float-3 10s ease-in-out infinite; }
            @keyframes chip-float-1 { 0%,100% { transform: translate(0,0) translateZ(40px);} 50% { transform: translate(6px, -8px) translateZ(40px);} }
            @keyframes chip-float-2 { 0%,100% { transform: translate(0,0) translateZ(40px);} 50% { transform: translate(-8px, 6px) translateZ(40px);} }
            @keyframes chip-float-3 { 0%,100% { transform: translate(0,0) translateZ(40px);} 50% { transform: translate(8px, -6px) translateZ(40px);} }
            /* Clean SaaS Stats Design */
            .enhanced-stats-compact {
               position: relative;
               background: transparent;
               border-radius: 14px;
               padding: 0;
               box-shadow: none;
               border: 0;
               margin-top: 0.9rem;
               animation: heroContentFadeIn 1s ease-out 1.1s both;
               backdrop-filter: none;
            }
            .enhanced-stats-compact::before { display: none; }

            .enhanced-stats-compact .stats-grid {
               display: flex;
               flex-wrap: wrap;
               gap: 1rem;
               align-items: center;
            }
            .enhanced-stats-compact .stat-item {
               display: inline-flex;
               flex-direction: row;
               align-items: center;
               justify-content: center;
               text-align: left;
               gap: 0.5rem;
               position: relative;
               padding: 0;
               border-radius: 0;
               background: transparent;
               border: 0;
               box-shadow: none;
               backdrop-filter: none;
               transition: none;
            }
            .enhanced-stats-compact .stat-item:hover { transform: none; }

            .enhanced-stats-compact .stat-icon {
               display: inline-flex;
               align-items: center;
               justify-content: center;
               width: auto; height: auto;
               border-radius: 0;
               background: none;
               box-shadow: none;
               color: #ffffff;
               font-size: 0.95rem;
            }
            .enhanced-stats-compact .stat-icon i {
               background: linear-gradient(90deg, #fbcfe8 0%, #fde68a 20%, #bfdbfe 40%, #c7d2fe 60%, #a7f3d0 80%, #fbcfe8 100%);
               background-size: 200% 100%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               color: transparent;
               -webkit-text-stroke: 0.2px rgba(15,23,42,0.04);
               text-shadow: 0 1px 0 rgba(255,255,255,0.25);
            }

            .enhanced-stats-compact .stat-item:nth-child(1) .stat-icon,
            .enhanced-stats-compact .stat-item:nth-child(2) .stat-icon,
            .enhanced-stats-compact .stat-item:nth-child(3) .stat-icon { background: none; box-shadow: none; color: #ffffff; }

            .enhanced-stats-compact .stat-content { display: flex; flex-direction: column; align-items: flex-start; }

            .enhanced-stats-compact .stat-number {
               font-size: 1.8rem;
               font-weight: 900;
               background: linear-gradient(90deg, #fbcfe8 0%, #fde68a 20%, #bfdbfe 40%, #c7d2fe 60%, #a7f3d0 80%, #fbcfe8 100%);
               background-size: 200% 100%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               color: transparent;
               -webkit-text-stroke: 0.2px rgba(15,23,42,0.05);
               line-height: 1.05;
               margin-bottom: 0.05rem;
               letter-spacing: -0.01em;
               text-shadow: 0 1px 0 rgba(255,255,255,0.35), 0 6px 16px rgba(59,130,246,0.10);
            }

            .enhanced-stats-compact .stat-label {
               font-size: 0.8rem;
               background: linear-gradient(90deg, #fde7f3 0%, #fff3d1 20%, #e8f2ff 40%, #ecebff 60%, #e6fff3 80%, #fde7f3 100%);
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               color: transparent;
               -webkit-text-stroke: 0.2px rgba(15,23,42,0.04);
               font-weight: 600;
               text-transform: none;
               letter-spacing: 0.2px;
               text-shadow: 0 1px 0 rgba(255,255,255,0.25);
            }

            .hero-image-section {
               position: relative;
               z-index: 3;
               animation: heroContentFadeIn 1s ease-out 0.6s both;
               perspective: 1000px;
            }

            /* Simple Carousel Styles */
            .simple-carousel-container {
               background: white;
               border-radius: 16px;
               box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
               overflow: hidden;
               border: 1px solid #e5e7eb;
               transition: all 0.3s ease;
               transform-style: preserve-3d;
            }

            .simple-carousel-container:hover {
               box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
               transform: translateY(-2px);
            }

            .simple-carousel {
               position: relative;
               overflow: hidden;
               border-radius: 16px;
            }

            .simple-carousel .carousel-inner {
               position: relative;
               width: 100%;
               height: 320px;
               background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            }

            .simple-carousel .carousel-item {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               opacity: 0;
               transition: opacity 0.8s ease, transform 0.8s ease;
               display: flex;
               align-items: center;
               justify-content: center;
               transform: scale(0.95);
            }

            .simple-carousel .carousel-item.active {
               opacity: 1;
               transform: scale(1);
            }
            .carousel-image {
               width: 100%;
               height: 100%;
               object-fit: cover;
               object-position: center top;
               border-radius: 16px;
               transition: transform 0.8s ease;
               box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            }
            .simple-carousel .carousel-item.active .carousel-image {
                transform: scale(1.02) translateZ(20px);
                box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
            }
            
            /* Enhanced carousel hover effects */
            .simple-carousel:hover .carousel-image {
                transform: scale(1.03);
            }
            /* Scroll cue */
            .scroll-cue { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 2; opacity: 0.75; }
            .scroll-cue .chev { display: inline-block; width: 24px; height: 36px; border: 2px solid rgba(15,23,42,0.4); border-radius: 16px; position: relative; }
            .scroll-cue .chev::after { content: ''; position: absolute; left: 50%; top: 6px; width: 6px; height: 6px; background: rgba(15,23,42,0.5); border-radius: 50%; transform: translateX(-50%); animation: scroll-dot 2s ease-in-out infinite; }
            @keyframes scroll-dot { 0%{ opacity: 0; transform: translate(-50%, 0);} 30%{opacity:1;} 100%{ opacity: 0; transform: translate(-50%, 16px);} }

            .simple-caption {
               position: absolute;
               bottom: 15px;
               left: 50%;
               transform: translateX(-50%) translateY(10px);
               background: linear-gradient(135deg, rgba(99, 102, 241, 0.95) 0%, rgba(139, 92, 246, 0.95) 100%);
               backdrop-filter: blur(12px);
               color: white;
               padding: 10px 20px;
               border-radius: 10px;
               text-align: center;
               font-size: 0.85rem;
               font-weight: 600;
               opacity: 0;
               transition: all 0.5s ease;
               box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
               border: 1px solid rgba(255, 255, 255, 0.2);
               max-width: 90%;
               line-height: 1.4;
            }
            .simple-caption i {
               margin-right: 8px;
               font-size: 1rem;
               color: rgba(255, 255, 255, 0.9);
            }
            .simple-carousel .carousel-item.active .simple-caption {
               opacity: 1;
               transform: translateX(-50%) translateY(0);
            }

            .simple-carousel-control {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               width: 50px;
               height: 50px;
               background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
               border: 2px solid rgba(99, 102, 241, 0.2);
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               cursor: pointer;
               color: #6366f1;
               font-size: 1.1rem;
               transition: all 0.3s ease;
               opacity: 0;
               z-index: 10;
               backdrop-filter: blur(8px);
               box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
            }

            .simple-carousel:hover .simple-carousel-control {
               opacity: 1;
            }

            .simple-carousel-control:hover {
               background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
               transform: translateY(-50%) scale(1.15);
               color: white;
               box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
               border-color: rgba(255, 255, 255, 0.3);
            }

            .simple-carousel-control.prev {
               left: 20px;
            }

            .simple-carousel-control.next {
               right: 20px;
            }
            
            .simple-carousel-control:active {
               transform: translateY(-50%) scale(1.05);
            }

            .simple-indicators {
               position: absolute;
               bottom: 70px;
               left: 50%;
               transform: translateX(-50%);
               display: flex;
               gap: 10px;
               z-index: 10;
               background: rgba(0, 0, 0, 0.3);
               backdrop-filter: blur(8px);
               padding: 6px 14px;
               border-radius: 20px;
               border: 1px solid rgba(255, 255, 255, 0.1);
            }

            .simple-indicators .indicator {
               width: 12px;
               height: 12px;
               border-radius: 50%;
               background: rgba(255, 255, 255, 0.4);
               cursor: pointer;
               transition: all 0.4s ease;
               border: 2px solid rgba(255, 255, 255, 0.2);
            }

            .simple-indicators .indicator:hover {
               background: rgba(255, 255, 255, 0.7);
               transform: scale(1.2);
               border-color: rgba(255, 255, 255, 0.5);
            }
            .simple-indicators .indicator.active {
               background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
               width: 40px;
               border-radius: 8px;
               border-color: rgba(255, 255, 255, 0.4);
               box-shadow: 0 0 12px rgba(99, 102, 241, 0.6);
            }
            .simple-indicators .indicator.active:hover {
               background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
            }

            /* Enhanced Responsive Design */
            @media (max-width: 991px) {
               .hero-section-improved {
                  padding: 80px 0 60px 0;
                  min-height: 80vh;
               }
               
               .hero-content-left {
                  padding: 2rem;
               }
               
               .hero-main-title {
                  font-size: clamp(2rem, 3.5vw, 3.25rem);
               }
               
               .hero-subtitle {
                  font-size: 1.25rem;
               }
               
               .simple-carousel .carousel-inner {
                  height: 300px;
               }
                .scroll-cue { display: none; }
               
               .hero-buttons {
                  justify-content: center;
                  flex-direction: column;
                  gap: 1rem;
               }
               
               .hero-btn-primary,
               .hero-btn-secondary {
                  width: 100%;
                  max-width: 250px;
                  justify-content: center;
                  font-size: 0.8rem;
                  padding: 0.7rem 1.25rem;
               }
               
               .stats-grid {
                  grid-template-columns: repeat(3, 1fr);
                  gap: 1.5rem;
               }
               
               .stat-icon {
                  width: 2.75rem;
                  height: 2.75rem;
                  font-size: 1.1rem;
               }
               
               .stat-number {
                  font-size: 1rem;
               }
            }
            @media (max-width: 768px) {
               .hero-section-improved {
                  padding: 60px 0 40px 0;
                  min-height: 100vh;
               }
               
               .hero-content-left {
                  padding: 1.5rem;
                  text-align: center;
               }
               
               .hero-main-title {
                  font-size: clamp(1.875rem, 6vw, 2.75rem);
                  text-align: center;
               }
               
               .hero-subtitle {
                  font-size: 1.1rem;
                  text-align: center;
               }
               
               .hero-description {
                  text-align: center;
                  font-size: 1rem;
               }
               
               .hero-buttons {
                  flex-direction: column;
                  align-items: center;
                  gap: 1rem;
               }
               
               .hero-btn-primary,
               .hero-btn-secondary {
                  width: 100%;
                  max-width: 250px;
                  padding: 0.75rem 1.25rem;
                  font-size: 0.875rem;
               }
               
               .enhanced-stats-compact {
                  padding: 0.75rem;
                  margin-top: 0.75rem;
               }
               
               .stats-grid {
                  grid-template-columns: 1fr;
                  gap: 0.75rem;
               }
               
               .stat-item {
                  flex-direction: row;
                  text-align: left;
                  gap: 0.6rem;
               }
               
               .stat-icon {
                  width: 1.75rem;
                  height: 1.75rem;
                  font-size: 0.8rem;
               }
               
               .stat-content {
                  align-items: flex-start;
               }
               
               .stat-number {
                  font-size: 0.7rem;
               }
               
               .stat-label {
                  font-size: 0.6rem;
               }
               
               .simple-carousel-container {
                  margin-top: 2rem;
               }
               
               .simple-carousel .carousel-inner {
                  height: 300px;
               }
               
               .simple-caption {
                  font-size: 0.75rem;
                  padding: 10px 16px;
                  bottom: 15px;
               }
               
               .simple-indicators {
                  bottom: 65px;
                  padding: 6px 12px;
                  gap: 8px;
               }
               
               .simple-indicators .indicator.active {
                  width: 30px;
               }
               
               .hero-image {
                  height: 250px;
               }
               
               .carousel-caption {
                  left: 16px;
                  right: 16px;
                  bottom: 16px;
                  padding: 16px 20px;
               }
               
               .carousel-caption h5 {
                  font-size: 1rem;
               }
               
               .carousel-caption p {
                  font-size: 0.8rem;
               }
               
               .custom-carousel-control {
                  width: 38px;
                  height: 38px;
                  font-size: 0.9rem;
               }
               
               .custom-carousel-prev {
                  left: 12px;
               }
               
               .custom-carousel-next {
                  right: 12px;
               }
               
               .simple-carousel-control {
                  width: 36px;
                  height: 36px;
                  font-size: 0.875rem;
               }
               
               .simple-carousel-control.prev {
                  left: 12px;
               }
               
               .simple-carousel-control.next {
                  right: 12px;
               }
                        }
            /* Dark mode adjustments */
            @media (prefers-color-scheme: dark) {
               .hero-section-improved {
                  --hero-bg-1: #0b1220;
                  --hero-bg-2: #0e1726;
                  --hero-bg-3: #111827;
                  --hero-grid-dot: #233044;
                  background: radial-gradient(1000px 600px at 10% 20%, rgba(56,189,248,0.10), rgba(56,189,248,0) 60%),
                              radial-gradient(800px 500px at 90% 10%, rgba(99,102,241,0.10), rgba(99,102,241,0) 60%),
                              radial-gradient(700px 500px at 80% 80%, rgba(16,185,129,0.08), rgba(16,185,129,0) 55%),
                              linear-gradient(135deg, var(--hero-bg-1) 0%, var(--hero-bg-2) 45%, var(--hero-bg-3) 100%);
               }

               .hero-section-improved::before {
                  background: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23233044' fill-opacity='0.55'%3E%3Ccircle cx='24' cy='24' r='1.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
               }

               .hero-main-title { color: #e5e7eb; }
               .hero-subtitle { color: #cbd5e1; }
               .hero-description { color: #94a3b8; }

               .simple-carousel-container {
                  background: rgba(17, 24, 39, 0.6);
                  border-color: rgba(148,163,184,0.15);
                  backdrop-filter: blur(6px);
               }

               .simple-carousel-control { background: rgba(30, 41, 59, 0.9); color: #e5e7eb; }
               .simple-caption { background: rgba(2, 6, 23, 0.55); }
            }

            /* Reduced motion accessibility */
            @media (prefers-reduced-motion: reduce) {
               .hero-decor .aurora, .hero-decor .beam, .hero-decor .soft-ray { animation: none !important; }
               .simple-carousel .carousel-item, .simple-carousel .carousel-image, .hero-main-title { transition: none !important; }
            }
             /* Enhanced Leader Section Styles */
             .leader-section {
                background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
                position: relative;
                overflow: hidden;
                border-top: 1px solid #eef2f7;
             }

             .leader-section::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23dee2e6" fill-opacity="0.1"%3E%3Ccircle cx="30" cy="30" r="4"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') repeat;
                pointer-events: none;
             }

             .section-badge {
                display: inline-block;
             }

             .section-title {
                font-size: 2.75rem;
                font-weight: 800;
                color: #0f172a;
                line-height: 1.15;
                margin-bottom: 1rem;
                letter-spacing: -0.01em;
             }

             .section-subtitle {
                font-size: 1.25rem;
                color: #2563eb;
                font-weight: 700;
                margin-bottom: 1rem;
             }

             .section-description {
                font-size: 1.05rem;
                color: #475569;
                line-height: 1.75;
                margin-bottom: 2rem;
                max-width: 900px;
                margin-left: auto;
                margin-right: auto;
             }

             .feature-card {
                background: rgba(255,255,255,0.9);
                border-radius: 16px;
                padding: 2rem 1.5rem 1.5rem;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
                border: 1px solid rgba(15, 23, 42, 0.06);
                transition: transform 0.25s ease, box-shadow 0.25s ease;
                height: 100%;
                position: relative;
                overflow: hidden;
                backdrop-filter: blur(6px);
             }

             .feature-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, #2563eb, #10b981, #f59e0b);
             }

             .feature-card:hover {
                transform: translateY(-6px);
                box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
             }

              .feature-icon { margin-top: 0.25rem; margin-bottom: 1.25rem; }

              .icon-circle { width: 56px; height: 56px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 8px 22px rgba(2,6,23,0.12); }

             .feature-title { font-weight: 800; color: #0f172a; letter-spacing: -0.01em; }
             .feature-description { color: #475569; }

             /* Card metrics */
             .metric-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 1rem; }
             .metric-chip { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.6rem 0.75rem; border-radius: 12px; background: rgba(248,250,252,0.85); border: 1px solid rgba(15,23,42,0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); }
             .metric-chip .value { font-weight: 800; font-size: 1.05rem; letter-spacing: -0.01em; color: #0f172a; }
             .metric-chip .label { font-size: 0.7rem; text-transform: uppercase; color: #64748b; font-weight: 700; }
             .metric-chip .dot { width: 8px; height: 8px; border-radius: 999px; }
             .chip-blue .dot { background: #2563eb; }
             .chip-emerald .dot { background: #059669; }
             .chip-amber .dot { background: #f59e0b; }
             .chip-indigo .dot { background: #6366f1; }

             .feature-link { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1rem; font-weight: 700; color: #1d4ed8; text-decoration: none; }
             .feature-link:hover { text-decoration: underline; }

             .icon-circle {
                width: 80px !important;
                height: 80px !important;
                border-radius: 50% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin: 0 auto !important;
                font-size: 2rem !important;
                color: white !important;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
                transition: all 0.3s ease !important;
                min-width: 80px !important;
                min-height: 80px !important;
                max-width: 80px !important;
                max-height: 80px !important;
             }

             .icon-circle:hover {
                transform: translateY(-5px) scale(1.05);
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
             }

             .bg-danger-soft {
                background-color: rgba(220, 53, 69, 0.1);
             }

             .bg-primary-soft {
                background-color: rgba(0, 123, 255, 0.1);
             }

             .bg-success-soft {
                background-color: rgba(40, 167, 69, 0.1);
             }

             .bg-gradient-danger {
                background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
             }

             .bg-gradient-primary {
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             }

             .bg-gradient-success {
                background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
             }

             .feature-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: #2c3e50;
                margin-bottom: 1rem;
                text-align: center;
             }

             .feature-description {
                font-size: 1rem;
                color: #6c757d;
                line-height: 1.6;
                margin-bottom: 1.5rem;
                text-align: center;
             }
             .feature-stats {
                text-align: center;
                padding-top: 1rem;
                border-top: 1px solid #e9ecef;
             }

             .stat {
                display: inline-block;
                margin: 0 1rem;
             }
             .stat-number {
                display: block;
                font-size: 2rem;
                font-weight: 700;
                color: #007bff;
                margin-bottom: 0.25rem;
             }

             .stat-label {
                font-size: 0.875rem;
                color: #6c757d;
                text-transform: uppercase;
                letter-spacing: 0.5px;
             }

             .feature-link {
                display: inline-flex;
                align-items: center;
                color: #007bff;
                text-decoration: none;
                font-weight: 600;
                margin-top: 1rem;
                transition: color 0.3s ease;
             }

             .feature-link:hover {
                color: #0056b3;
                text-decoration: none;
             }

             /* Enhanced Proven Section Styles */
             .proven-section {
                background:
                  radial-gradient(1200px 600px at 10% -10%, rgba(99,102,241,0.08), transparent 60%),
                  radial-gradient(1000px 500px at 110% 10%, rgba(16,185,129,0.08), transparent 60%),
                  #ffffff;
                position: relative;
                overflow: hidden;
                isolation: isolate;
             }
             .proven-section::before {
                content: "";
                position: absolute;
                inset: -10% -20% auto -20%;
                height: 90%;
                background: radial-gradient(60% 60% at 20% 20%, rgba(59,130,246,0.18), transparent 60%),
                            radial-gradient(50% 50% at 80% 10%, rgba(20,184,166,0.16), transparent 60%);
                filter: blur(18px);
                z-index: 0;
                pointer-events: none;
             }
             .proven-section::after {
                content: "";
                position: absolute;
                inset: auto -25% -20% -25%;
                height: 80%;
                background: conic-gradient(from 180deg at 50% 50%, rgba(99,102,241,0.12), rgba(14,165,233,0.12), rgba(59,130,246,0.12), rgba(99,102,241,0.12));
                -webkit-mask: radial-gradient(65% 65% at 50% 0%, #000 30%, transparent 70%);
                mask: radial-gradient(65% 65% at 50% 0%, #000 30%, transparent 70%);
                opacity: .9;
                z-index: 0;
                pointer-events: none;
             }

             .proven-content {
                position: relative;
                z-index: 2;
             }

             .proven-card {
                background: #ffffff;
                border: 1px solid rgba(0,0,0,0.06);
                border-radius: 16px;
                box-shadow: 0 10px 30px rgba(2,6,23,0.06);
             }

             .proven-sticky {
                position: sticky;
                top: 24px;
             }

             .video-frame {
                position: relative;
                width: 100%;
                padding-top: 62%;
                border-radius: 16px;
                overflow: hidden;
             }

             .video-frame .video-thumbnail {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
             }

             .video-frame .video-overlay { opacity: 1; background: linear-gradient(135deg, rgba(0,0,0,.25), rgba(0,0,0,.55)); }
             .video-frame:hover .video-overlay { background: linear-gradient(135deg, rgba(0,0,0,.15), rgba(0,0,0,.45)); }

             .highlight-text {
                background: linear-gradient(90deg, #0ea5e9, #22c55e, #8b5cf6);
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                text-fill-color: transparent;
             }

             .proven-hero .floating-badges {
                display: flex;
                flex-wrap: wrap;
                gap: .5rem;
             }

             .proven-hero .floating-badge {
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                padding: .5rem .75rem;
                font-size: .85rem;
                border-radius: 999px;
                background: rgba(14,165,233,.08);
                color: #0ea5e9;
                border: 1px solid rgba(14,165,233,.25);
                transition: transform .2s ease, box-shadow .2s ease;
                backdrop-filter: blur(4px);
             }

             .proven-hero .floating-badge i { opacity: .85; }

             .proven-hero .floating-badge:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 18px rgba(14,165,233,.18);
             }
             /* New hero card redesign */
             .proven-hero-card {
                background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
                color: #ffffff;
                border-radius: 22px;
                box-shadow: 0 22px 60px rgba(17,24,39,0.35), inset 0 1px 0 rgba(255,255,255,0.25);
                position: relative;
                overflow: hidden;
                border: 1px solid rgba(255,255,255,0.12);
                transition: transform .35s ease, box-shadow .35s ease;
             }
             /* Supercard redesign */
             .proven-supercard {
               position: relative;
               border-radius: 24px;
               background: rgba(255,255,255,0.75);
               backdrop-filter: saturate(140%) blur(14px);
               -webkit-backdrop-filter: saturate(140%) blur(14px);
               box-shadow: 0 30px 90px rgba(2,6,23,0.12);
               overflow: hidden;
               isolation: isolate;
             }
             .proven-supercard .supercard-border {
               position: absolute;
               inset: 0;
               border-radius: 26px;
               padding: 1px;
               background: linear-gradient(135deg, rgba(99,102,241,0.65), rgba(14,165,233,0.65), rgba(34,197,94,0.65));
               -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
               -webkit-mask-composite: xor;
               mask-composite: exclude;
               pointer-events: none;
               z-index: 1;
             }
             .proven-supercard::before {
               content: "";
               position: absolute;
               inset: -10% -10% auto -10%;
               height: 70%;
               background: radial-gradient(60% 60% at 10% 10%, rgba(14,165,233,0.12), transparent 60%),
                           radial-gradient(50% 50% at 80% -10%, rgba(168,85,247,0.12), transparent 60%);
               z-index: 0;
             }
             .proven-supercard::after {
               content: "";
               position: absolute;
               inset: auto -10% -10% -10%;
               height: 70%;
               background: radial-gradient(70% 60% at 50% 110%, rgba(34,197,94,0.12), transparent 60%);
               z-index: 0;
             }
             .eyebrow { font-weight: 700; color: #0ea5e9; letter-spacing: .02em; text-transform: uppercase; font-size: .85rem; }
             .btn-modern {
               display: inline-flex; align-items: center; gap: .5rem;
               background: linear-gradient(90deg, #0ea5e9, #22c55e);
               color: #fff; padding: .75rem 1.1rem; border-radius: 12px; text-decoration: none; font-weight: 700;
               box-shadow: 0 12px 30px rgba(2,6,23,.15);
               transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
             }
             .btn-modern.btn-sm { padding: .5rem .8rem; font-size: .9rem; border-radius: 10px; }
             .btn-modern:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(2,6,23,.2); filter: brightness(1.05); color: #fff; }
             .btn-ghost {
               display: inline-flex; align-items: center; gap: .5rem; padding: .75rem 1.1rem; border-radius: 12px; font-weight: 700;
               color: #0ea5e9; background: rgba(14,165,233,.08); border: 1px solid rgba(14,165,233,.25); text-decoration: none;
               transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
             }
             .btn-ghost:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(2,6,23,.08); background: rgba(14,165,233,.12); color: #0ea5e9; }
             .btn-micro-link { display: inline-flex; align-items: center; gap: .35rem; font-weight: 600; color: #64748b; text-decoration: underline; font-size: .85rem; padding: .35rem .5rem; }
             .btn-micro-link:hover { color: #475569; }

             .chip-row { display: flex; flex-wrap: wrap; gap: .5rem; }
             .info-chip { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: #0f172a; background: #ffffff; border: 1px solid rgba(2,6,23,.06); border-radius: 999px; padding: .5rem .75rem; box-shadow: 0 8px 18px rgba(2,6,23,.06); }

             .viz-wrap { position: relative; width: 100%; aspect-ratio: 16/11; border-radius: 16px; overflow: hidden; pointer-events: none; }
             .viz-bg { position: absolute; inset: 0; background: radial-gradient(120% 100% at 100% 0%, rgba(14,165,233,.25), transparent 60%), radial-gradient(100% 100% at 0% 100%, rgba(139,92,246,.25), transparent 60%), linear-gradient(180deg, #0f172a, #111827); }
             .viz-ring { position: absolute; border-radius: 999px; border: 1px dashed rgba(255,255,255,.2); }
             .viz-ring.ring-1 { inset: 12% 22% 36% 10%; }
             .viz-ring.ring-2 { inset: 22% 12% 26% 20%; }
             .viz-ring.ring-3 { inset: 32% 22% 16% 30%; }
             .viz-orb { position: absolute; width: 14px; height: 14px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,.3)); box-shadow: 0 0 24px rgba(255,255,255,.35); animation: float 7s ease-in-out infinite; }
             .viz-orb.orb-1 { top: 18%; left: 20%; animation-delay: 0s; }
             .viz-orb.orb-2 { top: 42%; left: 52%; animation-delay: 1s; }
             .viz-orb.orb-3 { top: 66%; left: 28%; animation-delay: 2s; }
             @keyframes float { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-8px) } }
             .viz-video { position: absolute; inset: 6% 8% auto 8%; height: 56%; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 14px 40px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.25); cursor: pointer; pointer-events: auto; z-index: 2; }
             .viz-video .viz-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
             .viz-video .video-overlay { display: flex; align-items: center; justify-content: center; gap: .75rem; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,.25), rgba(0,0,0,.55)); opacity: 1; transition: background .2s ease; }
             .viz-video:hover .video-overlay { background: linear-gradient(135deg, rgba(0,0,0,.15), rgba(0,0,0,.45)); }
             .viz-video .video-info { color: #fff; text-align: left; }
             .viz-video .video-info h5 { font-weight: 800; font-size: 1rem; margin: 0; }
             .viz-video .video-info p { font-size: .85rem; opacity: .9; margin: 0; }
             /* Ensure left-pane CTAs are clickable above viz layer */
             .proven-supercard { position: relative; }
             .proven-supercard .left-pane { position: relative; z-index: 5; }
             .proven-supercard .viz-wrap { position: relative; z-index: 1; }
             .proven-supercard .left-pane .proven-cta a { pointer-events: auto; }
             .viz-card { position: absolute; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: .75rem .9rem; color: #e5e7eb; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.25); }
             .viz-card .label { font-size: .75rem; color: #cbd5e1; text-transform: uppercase; letter-spacing: .04em; }
             .viz-card .value { font-size: 1.4rem; font-weight: 800; line-height: 1; }
             .viz-card .sub { font-size: .75rem; color: #a7f3d0; }
             .viz-card.score { top: 10%; left: 8%; }
             .viz-card.sources { top: 36%; right: 10%; }
             .viz-card.speed { bottom: 12%; left: 18%; }
             .proven-hero-card::before {
                content: "";
                position: absolute;
                inset: -1px;
                padding: 1px;
                border-radius: 24px;
                background: conic-gradient(from 180deg at 50% 50%, rgba(255,255,255,0.7), rgba(199,210,254,0.6), rgba(167,243,208,0.6), rgba(255,255,255,0.7));
                -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                opacity: .7;
                pointer-events: none;
                z-index: 1;
             }
             .proven-hero-card::after {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(60% 60% at 110% -10%, rgba(255,255,255,0.15), transparent 60%),
                            radial-gradient(50% 50% at -10% 110%, rgba(255,255,255,0.1), transparent 60%);
                pointer-events: none;
                z-index: 1;
             }
             .proven-hero-card:hover {
                transform: translateY(-6px);
                box-shadow: 0 28px 80px rgba(17,24,39,0.45);
             }
             .proven-hero-card .section-title { color: #ffffff; }
             /* Ensure first and last title chunks are solid white (parent title uses gradient clip) */
             .proven-hero-card .section-title .proven-title-chunk:not(.animated-gradient-text) {
               color: #ffffff;
               -webkit-text-fill-color: #ffffff;
               text-fill-color: #ffffff;
               background: none !important;
               -webkit-background-clip: initial;
               background-clip: initial;
               position: relative;
               z-index: 1;
             }
             .proven-hero-card .lead { color: rgba(255,255,255,0.9) !important; }
             .proven-hero-card .floating-badge {
                background: rgba(255,255,255,0.12);
                color: #ffffff;
                border-color: rgba(255,255,255,0.25);
             }
             .proven-hero-card .floating-badge:hover { box-shadow: 0 8px 22px rgba(0,0,0,0.25); }

             .proven-hero-card .video-frame { border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 14px 40px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.25); }
             .video-frame::before {
                content: "";
                position: absolute;
                inset: -1px;
                padding: 1px;
                border-radius: 18px;
                background: linear-gradient(135deg, rgba(255,255,255,0.7), rgba(59,130,246,0.35));
                -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                pointer-events: none;
                opacity: .6;
             }

             /* Simple metrics row */
             .proven-metrics .metric-card {
               position: relative;
               background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
               border: 1px solid rgba(0,0,0,0.06);
               border-radius: 16px;
               padding: 1.1rem 1.25rem 1rem;
               box-shadow: 0 12px 28px rgba(2,6,23,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
               height: 100%;
               transition: transform .25s ease, box-shadow .25s ease;
               overflow: hidden;
             }
             .proven-metrics .metric-card::before {
               content: "";
               position: absolute;
               top: 0; left: 0; right: 0; height: 4px;
               background: linear-gradient(90deg, #0ea5e9, #22c55e, #8b5cf6);
               opacity: .9;
             }
             .proven-metrics .metric-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(2,6,23,0.12); }
             .proven-metrics .metric-label { font-size: .78rem; color: #6b7280; text-transform: uppercase; letter-spacing: .55px; }
             .proven-metrics .metric-value { font-size: 1.9rem; font-weight: 900; line-height: 1; background: linear-gradient(90deg, #0ea5e9, #22c55e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; }
             .proven-metrics .metric-sub { font-size: .8rem; color: #6b7280; }
             /* Text animation utilities */
             @keyframes reveal-up {
               from { opacity: 0; transform: translateY(12px); filter: blur(3px); }
               to   { opacity: 1; transform: translateY(0); filter: blur(0); }
             }
             @keyframes gradient-pan {
               0% { background-position: 0% 50%; }
               50% { background-position: 100% 50%; }
               100% { background-position: 0% 50%; }
             }
             .animated-gradient-text {
               background-image: linear-gradient(90deg, #ffffff, #c7d2fe, #a7f3d0, #ffffff);
               background-size: 200% 100%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               text-fill-color: transparent;
               animation: gradient-pan 6s ease-in-out infinite;
             }
             .rainbow-text {
               position: relative;
               z-index: 2;
               background-image: linear-gradient(
                 90deg,
                 #ff7ae5 0%,
                 #ffb86c 16%,
                 #f9f871 32%,
                 #34d399 48%,
                 #60a5fa 64%,
                 #a78bfa 80%,
                 #ff7ae5 100%
               );
               background-size: 200% 100%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               text-fill-color: transparent;
               animation: gradient-pan 5s linear infinite;
               text-shadow: 0 1px 1px rgba(0,0,0,0.35), 0 0 0.5px rgba(0,0,0,0.28);
               -webkit-text-stroke: 0.25px rgba(0,0,0,0.2);
               mix-blend-mode: normal;
             }
             .proven-headline { line-height: 1.1; letter-spacing: -0.02em; }
             /* Rainbow heading style for Proven section */
             .proven-rainbow-headline {
               background-image: linear-gradient(90deg, #ef4444, #f97316, #f59e0b, #10b981, #06b6d4, #3b82f6, #8b5cf6, #ec4899);
               background-size: 200% 100%;
               -webkit-background-clip: text;
               background-clip: text;
               -webkit-text-fill-color: transparent;
               text-fill-color: transparent;
               animation: gradient-pan 8s linear infinite;
               text-shadow: 0 1px 10px rgba(16,24,40,0.06);
             }
             .accent-underline {
                position: relative;
                display: inline;
                background-image: linear-gradient(90deg, rgba(14,165,233,0.4), rgba(34,197,94,0.4));
                background-repeat: no-repeat;
                background-size: 100% 0.55em;
                background-position: 0 88%;
                padding-bottom: 0.05em;
                z-index: 1;
             }
             .reveal-up { opacity: 0; }
             .animate-reveal { animation: reveal-up .6s cubic-bezier(.22,1,.36,1) both; }
             .proven-title-word { display: inline-block; opacity: 0; transform: translateY(12px); filter: blur(3px); }
             .proven-title-word.revealed { opacity: 1; transform: translateY(0); filter: blur(0); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1), filter .6s cubic-bezier(.22,1,.36,1); }

             .score-card {
                background: linear-gradient(145deg, #0f172a, #111827);
                color: #e5e7eb;
                border-radius: 16px;
                padding: 1.25rem 1.25rem 1rem;
                border: 1px solid rgba(255,255,255,.08);
                box-shadow: 0 20px 40px rgba(2,6,23,.35);
             }

             .score-card .label { color: #9ca3af; font-size: .9rem; letter-spacing: .4px; }
             .score-card .value { font-size: 2.25rem; font-weight: 800; line-height: 1; }
             .score-card .sub { color: #a7f3d0; font-weight: 600; }

             .metric-counters { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1.25rem; }
             .metric-counter { background: #ffffff; border: 1px solid rgba(0,0,0,.06); border-radius: 12px; padding: .9rem 1rem; }
             .metric-counter .counter-label { font-size: .8rem; color: #6b7280; text-transform: uppercase; letter-spacing: .5px; }
             .metric-counter .counter-value { font-size: 1.5rem; font-weight: 800; color: #111827; }

             .comparison-card { background: #ffffff; border: 1px solid rgba(0,0,0,.06); border-radius: 12px; padding: 1rem; }
             .comparison-title { font-weight: 700; font-size: .95rem; color: #111827; margin-bottom: .5rem; }
             .comparison-legend { display: flex; gap: .75rem; align-items: center; margin-bottom: .75rem; }
             .legend {
                display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; color: #374151;
                background: #f9fafb; padding: .35rem .6rem; border-radius: 999px; border: 1px solid rgba(0,0,0,.05);
             }
             .legend .swatch { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
             .swatch-primary { background: linear-gradient(90deg, #0ea5e9, #22c55e); }
             .swatch-muted { background: #d1d5db; }
             .comparison-bars { display: grid; gap: .6rem; }
             .bar { background: #f3f4f6; border-radius: 999px; padding: .3rem; position: relative; overflow: hidden; }
             .bar .bar-fill { height: 10px; border-radius: 999px; background: linear-gradient(90deg, #0ea5e9, #22c55e); width: 0%; transition: width 1.2s cubic-bezier(.22,1,.36,1); }
             .bar .bar-label { position: absolute; left: .75rem; top: 50%; transform: translateY(-50%); font-size: .8rem; color: #111827; font-weight: 600; }
             .bar .bar-value { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); font-size: .8rem; color: #111827; font-weight: 700; }

            @media (max-width: 991.98px) {
               .metric-counters { grid-template-columns: 1fr; }
               .enhanced-features-grid { grid-template-columns: repeat(2, 1fr); }
               .score-card .value { font-size: 1.9rem; }
                .proven-sticky { position: static; top: auto; }
            }

            @media (max-width: 575.98px) {
               .enhanced-features-grid { grid-template-columns: 1fr; }
               .metric-counter .counter-value { font-size: 1.25rem; }
            }

            @media (prefers-reduced-motion: reduce) {
               .bar .bar-fill { transition: none; }
               .enhanced-feature-card, .floating-badge { transition: none; }
            }
             /* Enhanced Features Grid */
             .enhanced-features-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 1rem;
                margin-bottom: 2rem;
             }

             .enhanced-feature-card {
                background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
                border-radius: 12px;
                border: 1px solid rgba(0, 0, 0, 0.08);
                padding: 1.25rem;
                transition: all 0.3s ease;
                position: relative;
                overflow: hidden;
             }

             .enhanced-feature-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, #007bff, #28a745, #ffc107, #dc3545);
                opacity: 0;
                transition: opacity 0.3s ease;
             }

             .enhanced-feature-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
                border-color: rgba(0, 123, 255, 0.2);
             }

             .enhanced-feature-card:hover::before {
                opacity: 1;
             }

             .feature-card-header {
                display: flex;
                align-items: center;
                gap: 0.75rem;
                margin-bottom: 1rem;
             }

             .feature-icon-wrapper {
                width: 40px;
                height: 40px;
                border-radius: 10px;
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size: 1rem;
                box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
                transition: all 0.3s ease;
             }

             .enhanced-feature-card:hover .feature-icon-wrapper {
                transform: scale(1.1);
                box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
             }

             .feature-badge {
                background: rgba(0, 123, 255, 0.1);
                color: #007bff;
                padding: 0.25rem 0.75rem;
                border-radius: 20px;
                font-size: 0.75rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                border: 1px solid rgba(0, 123, 255, 0.2);
             }

             .feature-card-content h6 {
                font-size: 0.95rem;
                font-weight: 600;
                color: #2c3e50;
                margin: 0 0 0.5rem 0;
                line-height: 1.4;
             }

             .feature-card-content p {
                font-size: 0.8rem;
                color: #6c757d;
                margin: 0;
                line-height: 1.4;
             }

             /* Color variations for different feature types */
             .enhanced-feature-card:nth-child(1) .feature-icon-wrapper {
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
             }

             .enhanced-feature-card:nth-child(2) .feature-icon-wrapper {
                background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
             }

             .enhanced-feature-card:nth-child(3) .feature-icon-wrapper {
                background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
             }

             .enhanced-feature-card:nth-child(4) .feature-icon-wrapper {
                background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
             }

             .enhanced-feature-card:nth-child(5) .feature-icon-wrapper {
                background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
             }

             .enhanced-feature-card:nth-child(6) .feature-icon-wrapper {
                background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
             }

             .enhanced-feature-card:nth-child(7) .feature-icon-wrapper {
                background: linear-gradient(135deg, #6c757d 0%, #545b62 100%);
             }

             .enhanced-feature-card:nth-child(8) .feature-icon-wrapper {
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
             }

             .enhanced-feature-card:nth-child(9) .feature-icon-wrapper {
                background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
             }

             .enhanced-feature-card:nth-child(10) .feature-icon-wrapper {
                background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
             }

             /* Badge color variations */
             .enhanced-feature-card:nth-child(1) .feature-badge {
                background: rgba(0, 123, 255, 0.1);
                color: #007bff;
                border-color: rgba(0, 123, 255, 0.2);
             }

             .enhanced-feature-card:nth-child(2) .feature-badge {
                background: rgba(40, 167, 69, 0.1);
                color: #28a745;
                border-color: rgba(40, 167, 69, 0.2);
             }
             .enhanced-feature-card:nth-child(3) .feature-badge {
                background: rgba(23, 162, 184, 0.1);
                color: #17a2b8;
                border-color: rgba(23, 162, 184, 0.2);
             }

             .enhanced-feature-card:nth-child(4) .feature-badge {
                background: rgba(255, 193, 7, 0.1);
                color: #ffc107;
                border-color: rgba(255, 193, 7, 0.2);
             }

             .enhanced-feature-card:nth-child(5) .feature-badge {
                background: rgba(40, 167, 69, 0.1);
                color: #28a745;
                border-color: rgba(40, 167, 69, 0.2);
             }

             .enhanced-feature-card:nth-child(6) .feature-badge {
                background: rgba(220, 53, 69, 0.1);
                color: #dc3545;
                border-color: rgba(220, 53, 69, 0.2);
             }

             .enhanced-feature-card:nth-child(7) .feature-badge {
                background: rgba(108, 117, 125, 0.1);
                color: #6c757d;
                border-color: rgba(108, 117, 125, 0.2);
             }

             .enhanced-feature-card:nth-child(8) .feature-badge {
                background: rgba(0, 123, 255, 0.1);
                color: #007bff;
                border-color: rgba(0, 123, 255, 0.2);
             }

             .enhanced-feature-card:nth-child(9) .feature-badge {
                background: rgba(40, 167, 69, 0.1);
                color: #28a745;
                border-color: rgba(40, 167, 69, 0.2);
             }

             .enhanced-feature-card:nth-child(10) .feature-badge {
                background: rgba(255, 193, 7, 0.1);
                color: #ffc107;
                border-color: rgba(255, 193, 7, 0.2);
             }

             .enhanced-feature-card:nth-child(11) .feature-icon-wrapper {
                background: linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%);
             }

             .enhanced-feature-card:nth-child(11) .feature-badge {
                background: rgba(111, 66, 193, 0.1);
                color: #6f42c1;
                border-color: rgba(111, 66, 193, 0.2);
             }

             .enhanced-feature-card:nth-child(12) .feature-icon-wrapper {
                background: linear-gradient(135deg, #e83e8c 0%, #c73e6b 100%);
             }

             .enhanced-feature-card:nth-child(12) .feature-badge {
                background: rgba(232, 62, 140, 0.1);
                color: #e83e8c;
                border-color: rgba(232, 62, 140, 0.2);
             }

             .cta-section {
                text-align: center;
             }

             .video-container {
                position: relative;
                border-radius: 20px;
                overflow: hidden;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
                background: white;
                cursor: pointer;
                transition: transform 0.3s ease;
             }

             .video-container:hover {
                transform: translateY(-5px);
                box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
             }

             .video-wrapper {
                position: relative;
                border-radius: 20px;
                overflow: hidden;
             }

             .video-thumbnail {
                width: 100%;
                height: 400px;
                object-fit: cover;
                border-radius: 20px;
             }
             .video-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                opacity: 0;
                transition: opacity 0.3s ease;
                pointer-events: auto;
                cursor: pointer;
             }

             .video-container:hover .video-overlay {
                opacity: 1;
             }

             .play-button {
                width: 80px;
                height: 80px;
                background: rgba(255, 255, 255, 0.9);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 1rem;
                transition: all 0.3s ease;
             }

             .play-button i {
                color: #007bff;
                font-size: 1.5rem;
                margin-left: 3px;
             }

             .video-info {
                text-align: center;
                color: white;
             }

             .video-info h5 {
                font-size: 1.25rem;
                font-weight: 600;
                margin-bottom: 0.5rem;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
             }

             .video-info p {
                font-size: 0.9rem;
                margin: 0;
                opacity: 0.9;
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
             }

             /* Video Section in Proven */
             .video-section {
                margin: 2rem 0;
             }

             .video-section .video-container {
                max-width: 600px;
                margin: 0 auto;
             }

             .video-section .video-thumbnail {
                height: 350px;
                border-radius: 15px;
             }

             .video-section .video-overlay {
                border-radius: 15px;
             }
              /* Play icon click zoom pulse */
              .play-button.zooming {
                 transform: scale(1.25);
                 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.35);
              }

              /* Nicer video modal styling */
             .cq-video-modal .modal-dialog {
                 max-width: 1140px;
                 transition: transform 0.25s ease, opacity 0.25s ease;
                 transform: translateY(12px) scale(0.98);
              }
              .cq-video-modal.show .modal-dialog {
                 transform: none;
              }
              .cq-video-modal .modal-content {
                 background: #0b1220;
                 border: 0;
                 border-radius: 16px;
                 overflow: hidden;
                 box-shadow: 0 20px 60px rgba(0,0,0,0.4);
              }
              .cq-video-modal .modal-body { padding: 0; }
              .cq-video-modal .responsive-video-wrapper {
                 position: relative;
                 width: 100%;
                 padding-top: 56.25%; /* 16:9 */
                 background: #000;
              }
              .cq-video-modal .responsive-video-wrapper iframe {
                 position: absolute;
                 inset: 0;
                 width: 100%;
                 height: 100%;
                 border: 0;
              }
              .cq-video-modal .video-modal-close {
                 position: absolute;
                 top: 12px;
                 right: 12px;
                 z-index: 2;
                 width: 40px;
                 height: 40px;
                 border: 0;
                 border-radius: 50%;
                 background: rgba(255,255,255,0.92);
                 color: #111827;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 cursor: pointer;
                 transition: transform 0.2s ease, background 0.2s ease;
              }
              .cq-video-modal .video-modal-close:hover {
                 transform: scale(1.06);
                 background: #ffffff;
              }
             /* Enhanced Service Cards */
             .enhanced-service-card {
                background: white;
                border-radius: 20px;
                padding: 2rem;
                height: 100%;
                position: relative;
                overflow: hidden;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border: 1px solid rgba(0, 0, 0, 0.06);
                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
                backdrop-filter: blur(10px);
             }

             .enhanced-service-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 4px;
                background: linear-gradient(90deg, #007bff, #28a745, #17a2b8);
                opacity: 0;
                transition: opacity 0.3s ease;
             }
             
             .enhanced-service-card::after {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: 20px;
                padding: 2px;
                background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(14, 165, 233, 0.08), rgba(16, 185, 129, 0.08));
                -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                pointer-events: none;
                opacity: 0;
                transition: opacity 0.3s ease;
             }

             .enhanced-service-card:hover {
                transform: translateY(-12px) scale(1.02);
                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
                border-color: rgba(0, 123, 255, 0.15);
             }

             .enhanced-service-card:hover::before {
                opacity: 1;
             }
             
             .enhanced-service-card:hover::after {
                opacity: 1;
             }

             .service-card-header {
                display: flex;
                align-items: center;
                gap: 1rem;
                margin-bottom: 1.5rem;
             }

             .service-icon-wrapper {
                width: 50px;
                height: 50px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                color: white;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
             }

             .service-badge {
                background: rgba(0, 123, 255, 0.1);
                color: #007bff;
                padding: 0.4rem 1rem;
                border-radius: 20px;
                font-size: 0.8rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                border: 1px solid rgba(0, 123, 255, 0.2);
             }

             .service-card-body {
                margin-bottom: 1.5rem;
             }

             .service-title {
                font-size: 1.4rem;
                font-weight: 700;
                color: #2c3e50;
                margin-bottom: 1rem;
                line-height: 1.3;
             }

             .service-description {
                font-size: 0.95rem;
                color: #6c757d;
                line-height: 1.6;
                margin-bottom: 1.5rem;
             }

             .service-features-list {
                display: flex;
                flex-direction: column;
                gap: 0.5rem;
             }

             .feature-tag {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.4rem 0.8rem;
                background: rgba(40, 167, 69, 0.1);
                border-radius: 8px;
                border: 1px solid rgba(40, 167, 69, 0.2);
             }

             .feature-tag i {
                color: #28a745;
                font-size: 0.8rem;
             }

             .feature-tag span {
                font-size: 0.85rem;
                color: #495057;
                font-weight: 500;
             }

             .service-card-footer {
                margin-top: auto;
             }

             .service-cta-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.5rem;
                width: 100%;
                padding: 1rem 1.5rem;
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
                color: white;
                text-decoration: none;
                border-radius: 12px;
                font-weight: 600;
                font-size: 1rem;
                transition: all 0.3s ease;
                box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
             }

             .service-cta-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
                color: white;
                text-decoration: none;
             }
             .service-stats {
                display: flex;
                justify-content: space-between;
                gap: 1rem;
             }

             .service-stat {
                text-align: center;
                flex: 1;
             }

             .stat-value {
                display: block;
                font-size: 1.2rem;
                font-weight: 700;
                color: #2c3e50;
                margin-bottom: 0.2rem;
             }

             .stat-label {
                font-size: 0.75rem;
                color: #6c757d;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                font-weight: 500;
             }

             /* Color variations for different service types */
             .enhanced-service-primary .service-icon-wrapper {
                background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
             }

             .enhanced-service-primary .service-badge {
                background: rgba(0, 123, 255, 0.1);
                color: #007bff;
                border-color: rgba(0, 123, 255, 0.2);
             }

             .enhanced-service-success .service-icon-wrapper {
                background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
             }

             .enhanced-service-success .service-badge {
                background: rgba(40, 167, 69, 0.1);
                color: #28a745;
                border-color: rgba(40, 167, 69, 0.2);
             }

             .enhanced-service-info .service-icon-wrapper {
                background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
             }

             .enhanced-service-info .service-badge {
                background: rgba(23, 162, 184, 0.1);
                color: #17a2b8;
                border-color: rgba(23, 162, 184, 0.2);
             }
             
             .play-button {
                background: rgba(255, 255, 255, 0.9);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 2rem;
                color: #007bff;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
                transition: transform 0.3s ease;
             }

             .video-container:hover .play-button {
                transform: scale(1.1);
             }
             /* Responsive Design for Enhanced Sections */
             @media (max-width: 991px) {
                .section-title {
                   font-size: 2.5rem;
                }
                
                .section-subtitle {
                   font-size: 1.25rem;
                }
                
                .feature-card {
                   margin-bottom: 2rem;
                }
                
                .features-grid {
                   grid-template-columns: 1fr;
                }
                
                .video-container {
                   margin-top: 2rem;
                }
             }
             @media (max-width: 768px) {
                .section-title {
                   font-size: 2rem;
                   text-align: center;
                }
                
                .section-subtitle {
                   font-size: 1.1rem;
                   text-align: center;
                }
                
                .section-description {
                   text-align: center;
                }
                
                .feature-card {
                   padding: 1.5rem;
                }
                
                .icon-circle {
                   width: 60px;
                   height: 60px;
                   font-size: 1.5rem;
                }
                
                                 .enhanced-features-grid {
                    grid-template-columns: repeat(3, 1fr);
                    gap: 0.75rem;
                 }
                 
                 .video-thumbnail {
                    height: 300px;
                 }
                 
                 .video-info h5 {
                    font-size: 1.1rem;
                 }
                 
                 .video-info p {
                    font-size: 0.8rem;
                 }
                 
                 .video-section .video-thumbnail {
                    height: 300px;
                 }
                 
                 .enhanced-service-card {
                    padding: 1.5rem;
                 }
                 
                 .service-icon-wrapper {
                    width: 45px;
                    height: 45px;
                    font-size: 1.1rem;
                 }
                 
                 .service-title {
                    font-size: 1.2rem;
                 }
                 
                 .service-description {
                    font-size: 0.9rem;
                 }
                
                                 .enhanced-feature-card {
                    padding: 1rem;
                 }
                 
                 @media (max-width: 768px) {
                    .enhanced-features-grid {
                       grid-template-columns: repeat(2, 1fr);
                       gap: 0.75rem;
                    }
                 }
                 
                 .stats-grid {
                    gap: 0.75rem;
                 }
                 
                 .stat-item {
                    padding: 0.5rem 0.7rem;
                    min-width: 90px;
                 }
                 
                 .stat-icon {
                    width: 24px;
                    height: 24px;
                    font-size: 0.7rem;
                 }
                 
                 .stat-number {
                    font-size: 0.9rem;
                 }
                 
                 .stat-label {
                    font-size: 0.65rem;
                 }
                                   @media (max-width: 576px) {
                     .enhanced-features-grid {
                        grid-template-columns: 1fr;
                        gap: 0.5rem;
                     }
                  
                     .enhanced-feature-card {
                        padding: 0.75rem;
                     }
                     
                     .video-thumbnail {
                        height: 250px;
                     }
                     
                     .stats-grid {
                        gap: 0.5rem;
                        flex-direction: column;
                        align-items: center;
                     }
                     
                     .stat-item {
                        padding: 0.4rem 0.6rem;
                        min-width: 120px;
                        justify-content: center;
                     }
                     
                     .stat-icon {
                        width: 22px;
                        height: 22px;
                        font-size: 0.65rem;
                     }
                     
                     .stat-number {
                        font-size: 0.85rem;
                     }
                     
                     .stat-label {
                        font-size: 0.6rem;
                     }
                     
                     .video-section .video-thumbnail {
                        height: 250px;
                     }
                     
                     .video-section .video-info h5 {
                        font-size: 1rem;
                     }
                     
                     .video-section .video-info p {
                        font-size: 0.75rem;
                     }
                     
                     .enhanced-service-card {
                        padding: 1.25rem;
                     }
                     
                     .service-icon-wrapper {
                        width: 40px;
                        height: 40px;
                        font-size: 1rem;
                     }
                     
                     .service-title {
                        font-size: 1.1rem;
                     }
                     
                     .service-description {
                        font-size: 0.85rem;
                     }
                     
                     .service-cta-btn {
                        padding: 0.8rem 1.2rem;
                        font-size: 0.9rem;
                     }
                  }
                
                .feature-card-header {
                   gap: 0.5rem;
                   margin-bottom: 0.75rem;
                }
                
                .feature-icon-wrapper {
                   width: 35px;
                   height: 35px;
                   font-size: 0.9rem;
                }
                
                .feature-badge {
                   padding: 0.2rem 0.6rem;
                   font-size: 0.7rem;
                }
                
                .feature-card-content h6 {
                   font-size: 0.85rem;
                   margin-bottom: 0.4rem;
                }
                
                .feature-card-content p {
                   font-size: 0.75rem;
                }
                
                .stat {
                   margin: 0 0.5rem;
                }
                
                .stat-number {
                   font-size: 1.5rem;
                }
             }
             .update-banner {
            height: 15px;
          background-image: linear-gradient(to right, #022cc7, #002c7f);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            
            /* Clean Announcement Banner */
            .announcement-banner {
                background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
                padding: 1rem 0;
                position: relative;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                overflow: hidden;
            }
            
            .announcement-content {
                display: flex;
                align-items: center;
                justify-content: space-between;
                position: relative;
                z-index: 2;
                border-radius: 12px;
                padding: 1rem 1.5rem;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.15);
            }
            .announcement-icon {
                background: rgba(255, 255, 255, 0.2);
                border-radius: 50%;
                width: 45px;
                height: 45px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 1rem;
                flex-shrink: 0;
                border: 1px solid rgba(255, 255, 255, 0.3);
            }
            
            .announcement-icon i {
                color: #ffffff;
                font-size: 1.25rem;
            }
            
            .announcement-text {
                flex: 1;
                color: white;
            }
            
            .announcement-badge {
                background: rgba(255, 255, 255, 0.25);
                color: #ffffff;
                padding: 0.35rem 0.85rem;
                border-radius: 16px;
                font-size: 0.7rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                display: inline-block;
                margin-bottom: 0.4rem;
                border: 1px solid rgba(255, 255, 255, 0.3);
            }
            
            .announcement-title {
                color: white;
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 0.3rem;
                margin-top: 0;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            }
            
            .announcement-description {
                color: rgba(255, 255, 255, 0.9);
                font-size: 0.9rem;
                margin-bottom: 0.8rem;
                line-height: 1.4;
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            }
            
            .announcement-cta-btn {
                background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
                border: 2px solid rgba(255, 255, 255, 0.4);
                color: #1e3a8a;
                font-weight: 700;
                backdrop-filter: blur(10px);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
                padding: 0.6rem 1.2rem;
                border-radius: 25px;
            }
            .announcement-cta-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
            .announcement-close-btn { width: 32px; height: 32px; padding: 0; background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); border: 2px solid rgba(255,255,255,0.3); color: white; backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; font-size: 0.8rem; }
            .announcement-close-btn:hover { transform: scale(1.05); }
            
            @media (max-width: 768px) {
                .announcement-content {
                    flex-direction: column;
                    text-align: center;
                    gap: 1rem;
                }
                
                .announcement-icon {
                    margin-right: 0;
                    margin-bottom: 0.5rem;
                }
                
                .announcement-close {
                    position: absolute;
                    top: 1rem;
                    right: 1rem;
                    margin-left: 0;
                }
            }

            /* Dark mode for announcement - Zeus lightning theme! */
            @media (prefers-color-scheme: dark) {
                .announcement-banner { 
                    background: linear-gradient(135deg, #000000 0%, #0a0a1a 25%, #1a1a30 50%, #0a0a1a 75%, #000000 100%);
                    box-shadow: 
                        0 8px 32px rgba(0, 128, 255, 0.7),
                        0 0 80px rgba(107, 33, 255, 0.5),
                        inset 0 -2px 20px rgba(0, 128, 255, 0.4);
                }
                .announcement-content { 
                    background: rgba(0, 0, 0, 0.5); 
                    border-color: rgba(0, 128, 255, 0.3); 
                }
                .announcement-title { color: #ffffff; }
                .announcement-description { color: #f3f4f6; }
                .announcement-cta-btn { color: #000000; }
            }

        /* Clean SaaS CTA Section Styles */
        .enhanced-cta-section {
            position: relative;
            background: white;
            border-radius: 12px;
            padding: 4rem 3rem;
            overflow: hidden;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            margin: 4rem 0;
            border: 1px solid #f3f4f6;
        }

        .cta-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
        }

        .cta-particles {
            display: none;
        }

        .cta-gradient {
            display: none;
        }

        .cta-content {
            position: relative;
            z-index: 2;
        }

        .cta-badge {
            display: block;
            text-align: center;
        }

        .cta-badge .badge {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            color: white;
            font-weight: 600;
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            border: none;
            border-radius: 50px;
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
        }

        .cta-badge .badge {
            font-size: 0.9rem;
            font-weight: 600;
            background: rgba(0, 123, 255, 0.1);
            color: #007bff;
            border: 1px solid rgba(0, 123, 255, 0.2);
        }
        .cta-title {
            color: #1a202c;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.2;
            text-shadow: none;
            letter-spacing: -0.02em;
        }

        .cta-description {
            color: #4a5568;
            font-size: 1.125rem;
            line-height: 1.6;
            max-width: 600px;
            margin: 0 auto;
        }

        .cta-features {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
        }

        .cta-features .feature-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #495057;
            font-weight: 500;
        }

        .cta-features .feature-item i {
            font-size: 1.1rem;
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
        }

        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .cta-primary-btn {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            border: none;
            padding: 0.875rem 2rem;
            font-weight: 600;
            font-size: 1rem;
            border-radius: 8px;
            box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            color: white;
        }

        .cta-primary-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
            color: white;
        }

        .cta-primary-btn .btn-badge {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
            color: white;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.25rem 0.5rem;
            border-radius: 4px;
            margin-left: 0.5rem;
        }

        .cta-secondary-btn {
            background: transparent;
            border: 2px solid #e5e7eb;
            color: #374151;
            padding: 0.875rem 2rem;
            font-weight: 600;
            font-size: 1rem;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .cta-secondary-btn:hover {
            background: #f9fafb;
            border-color: #d1d5db;
            color: #374151;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .cta-stats {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2rem;
            margin-top: 3rem;
        }

        .cta-stats .stat-item {
            text-align: center;
            color: #2c3e50;
        }

        .cta-stats .stat-number {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            text-shadow: none;
            color: #1a202c;
        }

        .cta-stats .stat-label {
            font-size: 0.875rem;
            color: #6b7280;
            margin-top: 0.25rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .cta-stats .stat-divider {
            width: 1px;
            height: 40px;
            background: rgba(0, 0, 0, 0.1);
        }

        /* Responsive styles for enhanced CTA */
        @media (max-width: 768px) {
            .enhanced-cta-section {
                padding: 2rem 1rem;
                margin: 1rem 0;
            }

            .cta-title {
                font-size: 1.8rem;
            }

            .cta-description {
                font-size: 1rem;
            }

            .cta-features {
                gap: 1rem;
            }

            .cta-buttons {
                flex-direction: column;
                align-items: center;
            }

            .cta-stats {
                gap: 1rem;
            }

            .cta-stats .stat-number {
                font-size: 1.5rem;
            }

            .cta-stats .stat-label {
                font-size: 0.8rem;
            }
        }
        /* Revolutionary Languages Section Styles */
        .revolutionary-languages-section {
            background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #fafbff 100%);
            position: relative;
        }

        .languages-bg-pattern {
            position: absolute;
            inset: 0;
            background-image: 
                radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(139, 92, 246, 0.03) 0%, transparent 50%);
            pointer-events: none;
        }

        .languages-gradient-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.4;
            pointer-events: none;
            animation: langOrbFloat 15s ease-in-out infinite;
        }

        .languages-orb-1 {
            width: 400px;
            height: 400px;
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
            top: -200px;
            left: -100px;
        }

        .languages-orb-2 {
            width: 500px;
            height: 500px;
            background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
            bottom: -250px;
            right: -150px;
            animation-delay: -7s;
        }

        @keyframes langOrbFloat {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(30px, -30px) scale(1.1); }
            66% { transform: translate(-20px, 20px) scale(0.9); }
        }

        /* Modern Badge */
        .modern-badge {
            position: relative;
            display: inline-flex;
            align-items: center;
            padding: 0.65rem 1.5rem;
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
            border-radius: 50px;
            color: #ffffff;
            font-weight: 600;
            font-size: 0.9rem;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
            overflow: hidden;
        }

        .badge-glow {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            animation: badgeGlowSlide 3s ease-in-out infinite;
        }

        @keyframes badgeGlowSlide {
            0%, 100% { transform: translateX(-100%); }
            50% { transform: translateX(100%); }
        }

        .badge-pulse {
            position: absolute;
            right: 1rem;
            width: 8px;
            height: 8px;
            background: #fff;
            border-radius: 50%;
            animation: badgePulseAnim 2s ease-in-out infinite;
        }

        @keyframes badgePulseAnim {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.3); }
        }

        /* Title Styling */
        .languages-main-title {
            position: relative;
            margin-bottom: 2rem;
        }

        .title-gradient {
            background: linear-gradient(135deg, #1a1a2e 0%, #1e40af 50%, #2563eb 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            display: inline-block;
            font-weight: 800;
            letter-spacing: -0.02em;
        }

        .title-underline {
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: linear-gradient(90deg, transparent, #2563eb, transparent);
            border-radius: 2px;
        }

        .languages-subtitle {
            color: #4a5568;
            font-size: 1.1rem;
            line-height: 1.8;
            max-width: 800px;
            margin: 0 auto;
        }

        /* Stats Bar */
        .languages-stats-bar {
            display: inline-flex;
            align-items: center;
            gap: 2rem;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            padding: 1.25rem 2rem;
            border-radius: 50px;
            border: 1px solid rgba(102, 126, 234, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        .lang-stat-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .lang-stat-item i {
            font-size: 1.5rem;
            color: #2563eb;
        }

        .stat-content {
            display: flex;
            flex-direction: column;
        }

        .stat-number {
            font-size: 1.25rem;
            font-weight: 800;
            color: #1a1a2e;
            line-height: 1;
        }

        .stat-label {
            font-size: 0.75rem;
            color: #64748b;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .lang-stat-divider {
            width: 1px;
            height: 40px;
            background: linear-gradient(180deg, transparent, #e2e8f0, transparent);
        }

        /* Modern Category Cards */
        .modern-category-card {
            position: relative;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 2.5rem 1.75rem;
            text-align: center;
            height: 100%;
            border: 2px solid rgba(102, 126, 234, 0.1);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
        }

        .modern-category-card:hover {
            transform: translateY(-8px) scale(1.02);
            border-color: rgba(102, 126, 234, 0.3);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        }

        .category-backdrop {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .modern-category-card:hover .category-backdrop {
            opacity: 1;
        }

        .category-web .category-backdrop { background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.05)); }
        .category-mobile .category-backdrop { background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.05)); }
        .category-academic .category-backdrop { background: linear-gradient(135deg, rgba(245, 158, 11, 0.05), rgba(217, 119, 6, 0.05)); }
        .category-systems .category-backdrop { background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(124, 58, 237, 0.05)); }

        .category-icon-wrapper {
            position: relative;
            width: 70px;
            height: 70px;
            margin: 0 auto 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 18px;
            transition: all 0.4s ease;
        }

        .modern-category-card:hover .category-icon-wrapper {
            transform: rotateY(360deg) scale(1.1);
        }

        .category-web .category-icon-wrapper { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3); }
        .category-mobile .category-icon-wrapper { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3); }
        .category-academic .category-icon-wrapper { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3); }
        .category-systems .category-icon-wrapper { background: linear-gradient(135deg, #8b5cf6, #7c3aed); box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3); }

        .category-icon-wrapper i {
            font-size: 2rem;
            color: #ffffff;
            z-index: 2;
        }

        .icon-particles {
            position: absolute;
            inset: -2px;
            border-radius: 18px;
            background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4), transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .modern-category-card:hover .icon-particles {
            opacity: 1;
        }

        .category-modern-title {
            font-size: 1.35rem;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 1rem;
            letter-spacing: -0.01em;
        }

        .category-modern-desc {
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .category-badge-count {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            background: rgba(37, 99, 235, 0.1);
            padding: 0.5rem 1rem;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #2563eb;
        }

        .count-number {
            font-size: 1.1rem;
            font-weight: 800;
        }

        .category-hover-effect {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, transparent, #2563eb, transparent);
            transform: scaleX(0);
            transition: transform 0.4s ease;
        }

        .modern-category-card:hover .category-hover-effect {
            transform: scaleX(1);
        }

        /* Modern Toolbar */
        .modern-languages-toolbar {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(15px);
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 16px;
            padding: 1.25rem 1.5rem;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        }

        .modern-search-wrapper {
            position: relative;
        }

        .search-icon {
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: #2563eb;
            font-size: 1.1rem;
            pointer-events: none;
            z-index: 2;
        }

        .modern-search-input {
            width: 100%;
            padding: 0.85rem 1rem 0.85rem 2.75rem;
            border: 2px solid rgba(102, 126, 234, 0.15);
            border-radius: 12px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.9);
        }

        .modern-search-input:focus {
            outline: none;
            border-color: #2563eb;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
            background: #ffffff;
        }

        .search-glow {
            position: absolute;
            inset: -2px;
            border-radius: 12px;
            background: linear-gradient(45deg, #2563eb, #1e40af);
            opacity: 0;
            z-index: -1;
            transition: opacity 0.3s ease;
        }

        .modern-search-input:focus + .search-glow {
            opacity: 0.15;
        }

        .modern-filters-wrapper {
            display: flex;
            gap: 0.6rem;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .modern-filter-chip {
            position: relative;
            padding: 0.65rem 1.25rem;
            background: rgba(102, 126, 234, 0.08);
            border: 2px solid rgba(102, 126, 234, 0.15);
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 600;
            color: #4a5568;
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
        }

        .modern-filter-chip:hover {
            background: rgba(102, 126, 234, 0.12);
            border-color: rgba(102, 126, 234, 0.3);
            transform: translateY(-2px);
        }

        .modern-filter-chip.active {
            background: linear-gradient(135deg, #2563eb, #1e40af);
            border-color: #2563eb;
            color: #ffffff;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
        }

        .chip-ripple {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 70%);
            opacity: 0;
            transform: scale(0);
            transition: all 0.5s ease;
        }

        .modern-filter-chip:active .chip-ripple {
            opacity: 1;
            transform: scale(1);
            transition: all 0s;
        }

        /* Premium Language Grid */
        .premium-languages-container {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
        }

        .languages-grid-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 1.25rem 2rem;
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
        }

        .grid-header-title {
            color: #ffffff;
            font-size: 1.15rem;
            font-weight: 700;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .premium-language-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            gap: 0.75rem;
            padding: 2rem;
        }

        .premium-language-item {
            position: relative;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.03), rgba(139, 92, 246, 0.03));
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 12px;
            padding: 1rem;
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
            cursor: pointer;
        }

        .premium-language-item:hover {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(30, 64, 175, 0.08));
            border-color: #2563eb;
            transform: translateY(-4px) scale(1.03);
            box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);
        }

        .premium-language-item.is-hidden {
            display: none !important;
        }

        .lang-item-content {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            position: relative;
            z-index: 2;
        }

        .lang-icon {
            width: 36px;
            height: 36px;
            background: linear-gradient(135deg, #2563eb, #1e40af);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .premium-language-item:hover .lang-icon {
            transform: rotate(360deg) scale(1.1);
        }

        .lang-icon i {
            color: #ffffff;
            font-size: 1rem;
        }

        /* Text-based extension icons */
        .lang-icon-text {
            font-size: 0.65rem;
            font-weight: 700;
            padding: 2px;
        }

        .lang-ext {
            color: #ffffff !important;
            font-family: 'Courier New', Consolas, monospace;
            letter-spacing: -0.5px;
            line-height: 1;
            white-space: nowrap;
        }

        .lang-name {
            font-size: 0.95rem;
            font-weight: 600;
            color: #1a1a2e;
        }

        .lang-item-shine {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
            transform: translateX(-100%);
            transition: transform 0.6s ease;
        }

        .premium-language-item:hover .lang-item-shine {
            transform: translateX(100%);
        }

        /* Modern Show More Button */
        .modern-show-more-btn {
            position: relative;
            padding: 0.9rem 2.5rem;
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
            border: none;
            border-radius: 50px;
            color: #ffffff;
            font-size: 1rem;
            font-weight: 700;
            box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
            cursor: pointer;
        }

        .modern-show-more-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(37, 99, 235, 0.4);
        }

        .modern-show-more-btn:active {
            transform: translateY(-1px);
        }

        .btn-ripple {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
            opacity: 0;
            transform: scale(0);
            transition: all 0.5s ease;
        }

        .modern-show-more-btn:active .btn-ripple {
            opacity: 1;
            transform: scale(1);
            transition: all 0s;
        }

        /* Premium Feature Highlights */
        .premium-feature-highlight {
            position: relative;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 18px;
            padding: 2.5rem 2rem;
            text-align: center;
            height: 100%;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
        }

        .premium-feature-highlight:hover {
            transform: translateY(-6px);
            border-color: rgba(102, 126, 234, 0.3);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }

        .feature-highlight-icon {
            position: relative;
            width: 75px;
            height: 75px;
            margin: 0 auto 1.5rem;
            background: linear-gradient(135deg, #2563eb, #1e40af);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s ease;
        }

        .premium-feature-highlight:hover .feature-highlight-icon {
            transform: scale(1.1) rotate(10deg);
        }

        .feature-highlight-icon i {
            font-size: 2rem;
            color: #ffffff;
            z-index: 2;
        }

        .icon-glow {
            position: absolute;
            inset: -5px;
            background: radial-gradient(circle, rgba(102, 126, 234, 0.4), transparent 70%);
            border-radius: 50%;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .premium-feature-highlight:hover .icon-glow {
            opacity: 1;
        }

        .feature-highlight-title {
            font-size: 1.3rem;
            font-weight: 800;
            color: #1a1a2e;
            margin-bottom: 1rem;
            letter-spacing: -0.01em;
        }

        .feature-highlight-desc {
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 1.5rem;
        }

        .feature-highlight-badge {
            display: inline-block;
            padding: 0.45rem 1.1rem;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(30, 64, 175, 0.1));
            border: 1px solid rgba(37, 99, 235, 0.2);
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 700;
            color: #2563eb;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .language-grid-container {
            background: white;
            border-radius: 12px;
            padding: 2rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border: 1px solid #f3f4f6;
        }

        .language-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 0.75rem;
        }

        .language-grid .language-item {
            background: #f9fafb;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 0.75rem 1rem;
            text-align: center;
            transition: all 0.3s ease;
            cursor: default;
        }

        /* Hidden state used by filter/search */
        .language-grid .language-item.is-hidden {
            display: none !important;
        }

        .language-grid .language-item:hover {
            background: #f3f4f6;
            border-color: #d1d5db;
            transform: translateY(-1px);
        }

        .language-grid .language-name {
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
        }

        .language-feature-card {
            background: white;
            border-radius: 12px;
            padding: 2rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border: 1px solid #f3f4f6;
            transition: all 0.3s ease;
            text-align: center;
            height: 100%;
        }

        /* Compact Category Pills */
        .compact-category-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            justify-content: center;
            align-items: center;
        }

        .category-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.65rem 1.25rem;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 50px;
            border: 2px solid rgba(102, 126, 234, 0.15);
            font-size: 0.9rem;
            font-weight: 600;
            color: #1a1a2e;
            transition: all 0.3s ease;
            cursor: default;
        }

        .category-pill i {
            font-size: 1rem;
        }

        .category-pill:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
        }

        .pill-web { border-color: rgba(59, 130, 246, 0.3); }
        .pill-web:hover { background: rgba(59, 130, 246, 0.05); border-color: rgba(59, 130, 246, 0.5); }

        .pill-mobile { border-color: rgba(16, 185, 129, 0.3); }
        .pill-mobile:hover { background: rgba(16, 185, 129, 0.05); border-color: rgba(16, 185, 129, 0.5); }

        .pill-academic { border-color: rgba(168, 85, 247, 0.3); }
        .pill-academic:hover { background: rgba(168, 85, 247, 0.05); border-color: rgba(168, 85, 247, 0.5); }

        .pill-systems { border-color: rgba(239, 68, 68, 0.3); }
        .pill-systems:hover { background: rgba(239, 68, 68, 0.05); border-color: rgba(239, 68, 68, 0.5); }

        /* Compact Languages Container */
        .compact-languages-container {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        }

        .compact-languages-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            padding: 1.25rem 1.5rem;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(139, 92, 246, 0.05));
            border-bottom: 2px solid rgba(102, 126, 234, 0.1);
            font-size: 1.1rem;
            font-weight: 700;
            color: #1a1a2e;
        }

        .language-count-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 2.5rem;
            padding: 0.3rem 0.75rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 700;
            color: #ffffff;
        }

        .compact-language-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 0.5rem;
            padding: 1.5rem;
        }

        .compact-lang-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.75rem 1rem;
            background: #f8faff;
            border: 1px solid rgba(102, 126, 234, 0.1);
            border-radius: 10px;
            transition: all 0.2s ease;
            cursor: default;
        }

        .compact-lang-item:hover {
            background: #ffffff;
            border-color: rgba(102, 126, 234, 0.25);
            transform: translateX(3px);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .lang-ext-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 3rem;
            padding: 0.35rem 0.65rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 700;
            color: #ffffff;
            font-family: 'Courier New', monospace;
            flex-shrink: 0;
        }

        .lang-label {
            font-size: 0.9rem;
            font-weight: 600;
            color: #374151;
            flex: 1;
        }

        /* Compact Feature Cards */
        .compact-feature-card {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(102, 126, 234, 0.1);
            border-radius: 16px;
            transition: all 0.3s ease;
            height: 100%;
        }

        .compact-feature-card:hover {
            transform: translateY(-4px);
            border-color: rgba(102, 126, 234, 0.25);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
        }

        .compact-feature-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 3.5rem;
            height: 3.5rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 12px;
            flex-shrink: 0;
        }

        .compact-feature-icon i {
            font-size: 1.5rem;
            color: #ffffff;
        }

        .compact-feature-content {
            flex: 1;
        }

        .compact-feature-title {
            font-size: 1.1rem;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 0.5rem;
            letter-spacing: -0.01em;
        }

        .compact-feature-text {
            font-size: 0.9rem;
            color: #64748b;
            line-height: 1.6;
            margin: 0;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .compact-category-pills {
                gap: 0.5rem;
            }

            .category-pill {
                padding: 0.5rem 1rem;
                font-size: 0.85rem;
            }

            .compact-language-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                padding: 1rem;
                gap: 0.4rem;
            }

            .compact-lang-item {
                padding: 0.6rem 0.8rem;
                gap: 0.5rem;
            }

            .lang-ext-badge {
                min-width: 2.5rem;
                padding: 0.3rem 0.5rem;
                font-size: 0.7rem;
            }

            .lang-label {
                font-size: 0.85rem;
            }

            .compact-feature-card {
                flex-direction: column;
                text-align: center;
            }

            .compact-feature-icon {
                margin: 0 auto;
            }
        }

        .language-feature-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .language-feature-card .feature-icon {
            width: 3rem;
            height: 3rem;
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem auto;
            color: white;
            font-size: 1.25rem;
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
        }

        .language-feature-card:nth-child(2) .feature-icon {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
        }

        .language-feature-card:nth-child(3) .feature-icon {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
        }

        .feature-title {
            font-size: 1.125rem;
            font-weight: 600;
            color: #1a202c;
            margin-bottom: 1rem;
        }

        .feature-description {
            color: #4a5568;
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Responsive Design for Revolutionary Languages Section */
        @media (max-width: 768px) {
            .revolutionary-languages-section {
                padding: 60px 0;
            }

            .languages-orb-1, .languages-orb-2 {
                display: none;
            }

            .modern-badge {
                font-size: 0.8rem;
                padding: 0.5rem 1.2rem;
            }

            .languages-main-title {
                font-size: 2rem;
            }

            .languages-subtitle {
                font-size: 1rem;
            }

            .languages-stats-bar {
                flex-direction: column;
                gap: 1rem;
                padding: 1rem 1.5rem;
            }

            .lang-stat-divider {
                width: 80%;
                height: 1px;
            }

            .modern-category-card {
                padding: 2rem 1.5rem;
            }

            .category-icon-wrapper {
                width: 60px;
                height: 60px;
            }

            .category-icon-wrapper i {
                font-size: 1.75rem;
            }

            .category-modern-title {
                font-size: 1.2rem;
            }

            .modern-languages-toolbar {
                padding: 1rem;
            }

            .modern-filters-wrapper {
                justify-content: flex-start;
            }

            .modern-filter-chip {
                padding: 0.5rem 1rem;
                font-size: 0.85rem;
            }

            .premium-language-grid {
                grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
                gap: 0.6rem;
                padding: 1.5rem;
            }

            .premium-language-item {
                padding: 0.85rem;
            }

            .lang-icon {
                width: 32px;
                height: 32px;
            }

            .lang-icon i {
                font-size: 0.9rem;
            }

            .lang-name {
                font-size: 0.88rem;
            }

            .modern-show-more-btn {
                padding: 0.75rem 2rem;
                font-size: 0.95rem;
            }

            .premium-feature-highlight {
                padding: 2rem 1.5rem;
            }

            .feature-highlight-icon {
                width: 65px;
                height: 65px;
            }

            .feature-highlight-icon i {
                font-size: 1.75rem;
            }

            .feature-highlight-title {
                font-size: 1.15rem;
            }

            .feature-highlight-desc {
                font-size: 0.9rem;
            }
        }

        /* Old Show More Button (Legacy - to be removed) */
        .languages-show-more {
            appearance: none;
            -webkit-appearance: none;
            background: #111827;
            color: #ffffff;
            border: 1px solid #111827;
            border-radius: 10px;
            padding: 0.6rem 1rem;
            font-weight: 600;
            font-size: 0.95rem;
            transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
        }
        .languages-show-more:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 18px rgba(17, 24, 39, 0.15);
            background: #0b1220;
        }
        .languages-show-more:active { transform: translateY(0); box-shadow: none; }

        /* ============================================
           EPIC FIREWORKS ANIMATION SYSTEM 🎆
           Public Home Page Spectacular Effects
        ============================================ */
        
        /* Fireworks Canvas Container - Above Everything */
        .fireworks-canvas-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9999 !important;
            overflow: visible;
            background: transparent;
        }
        
        .fireworks-canvas {
            width: 100%;
            height: 100%;
            background: transparent;
        }
        
        /* CSS Fireworks Particles for Extra Sparkle - Above Content */
        .css-firework {
            position: absolute;
            pointer-events: none;
            z-index: 9999 !important;
        }
        
        /* Code Bracket Burst Animation */
        @keyframes bracket-burst {
            0% {
                transform: scale(1) translateY(0);
                opacity: 1;
            }
            50% {
                transform: scale(1.5) translateY(-30px);
                opacity: 0.8;
            }
            100% {
                transform: scale(0.5) translateY(-60px);
                opacity: 0;
            }
        }
        
        /* Smooth Firework Burst Animation - Enhanced */
        @keyframes public-firework-burst {
            0% {
                transform: scale(0) rotate(0deg);
                opacity: 1;
                filter: blur(0px) brightness(1.5);
            }
            25% {
                transform: scale(0.8) rotate(90deg);
                opacity: 1;
                filter: blur(1px) brightness(1.3);
            }
            50% {
                transform: scale(1.2) rotate(180deg);
                opacity: 0.9;
                filter: blur(2px) brightness(1.1);
            }
            75% {
                transform: scale(0.6) rotate(270deg);
                opacity: 0.5;
                filter: blur(3px) brightness(0.9);
            }
            100% {
                transform: scale(0) rotate(360deg);
                opacity: 0;
                filter: blur(4px) brightness(0.7);
            }
        }
        
        /* Smooth Sparkle Trail Animation */
        @keyframes public-sparkle-trail {
            0% {
                transform: translateY(0) scale(1) rotate(0deg);
                opacity: 1;
                filter: blur(0px);
            }
            50% {
                transform: translateY(150px) scale(0.8) rotate(180deg);
                opacity: 0.7;
                filter: blur(1px);
            }
            100% {
                transform: translateY(300px) scale(0) rotate(360deg);
                opacity: 0;
                filter: blur(2px);
            }
        }
        
        /* Smooth Glitter Effect */
        @keyframes public-glitter {
            0%, 100% {
                transform: scale(0) rotate(0deg);
                opacity: 0;
                filter: brightness(1);
            }
            25% {
                transform: scale(0.6) rotate(90deg);
                opacity: 0.7;
                filter: brightness(1.3);
            }
            50% {
                transform: scale(1.2) rotate(180deg);
                opacity: 1;
                filter: brightness(1.5);
            }
            75% {
                transform: scale(0.8) rotate(270deg);
                opacity: 0.8;
                filter: brightness(1.2);
            }
        }
        
        /* EXPLOSIVE Public Firework Particle Classes - MASSIVE Impact */
        .public-firework-particle {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            animation: public-firework-burst 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            transition: all 0.3s ease;
        }
        
        .public-firework-particle.sky-blue {
            background: radial-gradient(circle, #38bdf8, #7dd3fc, #bae6fd);
            box-shadow: 0 0 20px rgba(56, 189, 248, 0.8), 0 0 40px rgba(56, 189, 248, 0.4);
        }
        
        .public-firework-particle.indigo {
            background: radial-gradient(circle, #6366f1, #818cf8, #a5b4fc);
            box-shadow: 0 0 20px rgba(99, 102, 241, 0.8), 0 0 40px rgba(99, 102, 241, 0.4);
        }
        
        .public-firework-particle.blue {
            background: radial-gradient(circle, #3b82f6, #60a5fa, #93c5fd);
            box-shadow: 0 0 20px rgba(59, 130, 246, 0.8), 0 0 40px rgba(59, 130, 246, 0.4);
        }
        
        .public-firework-particle.cyan {
            background: radial-gradient(circle, #06b6d4, #22d3ee, #67e8f9);
            box-shadow: 0 0 20px rgba(6, 182, 212, 0.8), 0 0 40px rgba(6, 182, 212, 0.4);
        }
        
        .public-firework-particle.emerald {
            background: radial-gradient(circle, #10b981, #34d399, #6ee7b7);
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.8), 0 0 40px rgba(16, 185, 129, 0.4);
        }
        
        .public-firework-particle.purple {
            background: radial-gradient(circle, #8b5cf6, #a78bfa, #c4b5fd);
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.8), 0 0 40px rgba(139, 92, 246, 0.4);
        }
        
        .public-firework-particle.white {
            background: radial-gradient(circle, #ffffff, #f0f9ff, #e0f2fe);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.5);
        }
        
        .public-firework-particle.gold {
            background: radial-gradient(circle, #fbbf24, #fcd34d, #fde68a);
            box-shadow: 0 0 20px rgba(251, 191, 36, 0.8), 0 0 40px rgba(251, 191, 36, 0.4);
        }
        
        /* Enhanced Sparkle Elements - Blue Theme */
        .public-sparkle {
            width: 8px;
            height: 8px;
            background: linear-gradient(45deg, #ffffff, #38bdf8, #60a5fa);
            position: absolute;
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            animation: public-glitter 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
            filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.6));
        }
        
        /* Smooth Comet Trail Effect */
        .public-comet {
            position: absolute;
            width: 4px;
            height: 60px;
            background: linear-gradient(to bottom, 
                rgba(56, 189, 248, 1) 0%, 
                rgba(59, 130, 246, 0.8) 30%, 
                rgba(99, 102, 241, 0.4) 70%, 
                rgba(139, 92, 246, 0) 100%);
            border-radius: 50%;
            animation: public-sparkle-trail 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            filter: blur(0.5px);
        }
        
        /* Hero Section Celebration Mode */
        .hero-celebration-mode {
            animation: hero-celebration-pulse 3s ease-in-out infinite;
        }
        
        @keyframes hero-celebration-pulse {
            0%, 100% {
                transform: scale(1);
                filter: brightness(1) saturate(1);
            }
            50% {
                transform: scale(1.01);
                filter: brightness(1.05) saturate(1.1);
            }
        }
        
        /* Firework Explosion Ripple Effect */
        .firework-ripple {
            position: absolute;
            border: 2px solid rgba(255, 255, 255, 0.6);
            border-radius: 50%;
            animation: ripple-expand 2s ease-out forwards;
        }
        
        @keyframes ripple-expand {
            0% {
                width: 0;
                height: 0;
                opacity: 1;
            }
            100% {
                width: 200px;
                height: 200px;
                opacity: 0;
            }
        }
        
        /* Mobile Optimizations */
        @media (max-width: 768px) {
            .public-firework-particle {
                width: 3px;
                height: 3px;
            }
            .public-sparkle {
                width: 5px;
                height: 5px;
            }
            .public-comet {
                width: 2px;
                height: 40px;
            }
        }
        
        /* Respect reduced motion preferences */
        @media (prefers-reduced-motion: reduce) {
            .css-firework,
            .public-firework-particle,
            .public-sparkle,
            .public-comet,
            .hero-celebration-mode,
            .firework-ripple {
                animation: none !important;
            }
            .fireworks-canvas-container {
                display: none !important;
            }
        }

/* ===== Style Block 5 ===== */
/* Enhanced Badge Styles */
                 .leader-section .section-badge-wrapper {
                   position: relative;
                   display: inline-block;
                 }
                 .leader-section .floating-badge {
                   position: relative;
                   display: inline-flex;
                   align-items: center;
                   gap: 0.75rem;
                   padding: 0.75rem 1.75rem;
                   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                   border-radius: 50px;
                   color: #fff;
                   font-weight: 700;
                   font-size: 0.9rem;
                   letter-spacing: 0.5px;
                   box-shadow: 0 10px 40px rgba(102, 126, 234, 0.4);
                   animation: float 3s ease-in-out infinite;
                   overflow: hidden;
                 }
                 .leader-section .floating-badge::before {
                   content: '';
                   position: absolute;
                   top: -50%;
                   left: -50%;
                   width: 200%;
                   height: 200%;
                   background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
                   animation: badge-shimmer 3s infinite;
                 }
                 .leader-section .badge-glow {
                   position: absolute;
                   inset: -2px;
                   border-radius: 50px;
                   background: linear-gradient(135deg, #667eea, #764ba2);
                   filter: blur(15px);
                   opacity: 0.6;
                   z-index: -1;
                 }
                 .leader-section .badge-icon {
                   font-size: 1.2rem;
                   filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
                   position: relative;
                   z-index: 1;
                 }
                 .leader-section .badge-text {
                   position: relative;
                   z-index: 1;
                 }
                 
                 /* Enhanced Title Styles */
                 .leader-section .hero-section-title {
                   font-size: clamp(2rem, 4vw, 3.5rem);
                   font-weight: 900;
                   line-height: 1.2;
                   color: #1e293b;
                   letter-spacing: -0.02em;
                 }
                 .leader-section .title-gradient {
                   background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                   -webkit-background-clip: text;
                   -webkit-text-fill-color: transparent;
                   background-clip: text;
                   background-size: 200% auto;
                   animation: gradient-shift 3s ease infinite;
                   display: inline-block;
                 }
                 
                 /* Enhanced Subtitle */
                 .leader-section .section-subtitle-enhanced {
                   display: flex;
                   flex-direction: column;
                   gap: 0.75rem;
                   align-items: center;
                 }
                 .leader-section .subtitle-line {
                   display: inline-flex;
                   align-items: center;
                   gap: 0.5rem;
                   font-size: 1.1rem;
                   color: #475569;
                   font-weight: 600;
                 }
                 .leader-section .subtitle-line i {
                   font-size: 1rem;
                 }
                 
                 /* Description Box */
                 .leader-section .description-box {
                   position: relative;
                   max-width: 900px;
                   margin: 0 auto;
                 }
                 .leader-section .description-box-inner {
                   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
                   border: 2px solid rgba(102, 126, 234, 0.1);
                   border-radius: 20px;
                   padding: 2rem 2.5rem;
                   box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
                   position: relative;
                   overflow: hidden;
                 }
                 .leader-section .description-box-inner::before {
                   content: '';
                   position: absolute;
                   top: 0;
                   left: 0;
                   right: 0;
                   height: 3px;
                   background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                   background-size: 200% auto;
                   animation: gradient-shift 3s linear infinite;
                 }
                 .leader-section .description-text {
                   font-size: 1.1rem;
                   line-height: 1.8;
                   color: #334155;
                   margin: 0;
                 }
                 .leader-section .description-features {
                   display: flex;
                   flex-wrap: wrap;
                   gap: 0.75rem;
                   justify-content: center;
                   padding-top: 1rem;
                   border-top: 1px solid rgba(102, 126, 234, 0.1);
                 }
                 .leader-section .feature-badge {
                   display: inline-flex;
                   align-items: center;
                   gap: 0.4rem;
                   padding: 0.5rem 1rem;
                   background: white;
                   border: 1px solid rgba(102, 126, 234, 0.2);
                   border-radius: 50px;
                   font-size: 0.85rem;
                   font-weight: 600;
                   color: #475569;
                   transition: all 0.3s ease;
                 }
                 .leader-section .feature-badge:hover {
                   transform: translateY(-2px);
                   box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);
                   border-color: #667eea;
                 }
                 .leader-section .feature-badge i {
                   color: #667eea;
                 }
                 
                 /* Simplified Badge (no animation) */
                 .leader-section .simple-badge {
                   display: inline-flex;
                   align-items: center;
                   padding: 0.65rem 1.5rem;
                   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                   border-radius: 50px;
                   color: #fff;
                   font-weight: 600;
                   font-size: 0.85rem;
                   letter-spacing: 0.3px;
                   box-shadow: 0 4px 15px rgba(102, 126, 234, 0.25);
                   /* NO animation - static badge */
                 }
                 
                 /* Simplified Section Subtitle */
                 .leader-section .section-subtitle {
                   font-size: 1.1rem;
                   color: #475569;
                   font-weight: 500;
                   line-height: 1.6;
                 }
                 
                 /* Feature Badges Container */
                 .leader-section .feature-badges {
                   display: flex;
                   flex-wrap: wrap;
                   gap: 0.75rem;
                   justify-content: center;
                 }
                 
                /* Integrated CTA - Tied to Statistics */
                .stats-cta-integrated {
                  text-align: center;
                  padding: 3rem 2.5rem;
                  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
                  border-radius: 24px;
                  border: 2px solid #e2e8f0;
                  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
                  position: relative;
                  overflow: hidden;
                  transition: all 0.4s ease;
                  max-width: 900px;
                  margin: 0 auto;
                }
                
                .stats-cta-integrated::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  height: 4px;
                  background: linear-gradient(90deg, #3b82f6 0%, #10b981 50%, #3b82f6 100%);
                  background-size: 200% auto;
                  animation: gradient-slide 3s linear infinite;
                }
                
                @keyframes gradient-slide {
                  0% {
                    background-position: 0% center;
                  }
                  100% {
                    background-position: 200% center;
                  }
                }
                
                .stats-cta-integrated:hover {
                  transform: translateY(-5px);
                  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
                  border-color: #cbd5e1;
                }
                
                .stats-cta-integrated .cta-content {
                  position: relative;
                  z-index: 1;
                  margin-bottom: 1.5rem;
                }
                
                .cta-headline {
                  font-size: 2rem;
                  font-weight: 800;
                  color: #1e293b;
                  margin-bottom: 0.75rem;
                  line-height: 1.2;
                  letter-spacing: -0.02em;
                }
                
                .cta-tagline {
                  font-size: 1.1rem;
                  color: #64748b;
                  margin-bottom: 0;
                  font-weight: 500;
                }
                 
                .cta-btn-hero {
                  display: inline-flex;
                  align-items: center;
                  gap: 0.75rem;
                  padding: 1.25rem 3rem;
                  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
                  color: #ffffff;
                  font-size: 1.2rem;
                  font-weight: 700;
                  border-radius: 50px;
                  text-decoration: none;
                  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.25);
                  transition: all 0.3s ease;
                  position: relative;
                  z-index: 1;
                  overflow: hidden;
                  letter-spacing: 0.3px;
                  border: 2px solid rgba(255, 255, 255, 0.2);
                }
                
                .cta-btn-hero > * {
                  position: relative;
                  z-index: 1;
                }
                 
                .cta-btn-hero::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
                  opacity: 0;
                  transition: opacity 0.3s ease;
                  z-index: 0;
                  border-radius: 50px;
                }
                 
                .cta-btn-hero:hover::before {
                  opacity: 1;
                }
                
                .cta-btn-hero:hover {
                  transform: translateY(-3px) scale(1.03);
                  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.35);
                  border-color: rgba(255, 255, 255, 0.3);
                }
                
                .cta-btn-hero i {
                  transition: transform 0.3s ease;
                  position: relative;
                  z-index: 1;
                }
                
                .cta-btn-hero:hover i {
                  transform: translateX(5px);
                }
                 
                 .cta-subtext {
                   margin-top: 1.25rem;
                   margin-bottom: 0;
                   color: #64748b;
                   font-size: 0.95rem;
                   font-weight: 500;
                   position: relative;
                   z-index: 1;
                 }
                 
                 .cta-subtext i {
                   color: #10b981;
                   margin-right: 0.25rem;
                 }
                 
                 /* Enhanced Bottom CTA (Old style - keep for other uses) */
                 .bottom-cta-modern {
                   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                   border-radius: 20px;
                   padding: 2.5rem 2rem;
                   box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3);
                   display: flex;
                   flex-direction: column;
                   align-items: center;
                   gap: 1.5rem;
                   position: relative;
                   overflow: hidden;
                   transition: all 0.3s ease;
                 }
                 
                 .bottom-cta-modern::before {
                   content: '';
                   position: absolute;
                   top: 0;
                   left: -100%;
                   width: 100%;
                   height: 100%;
                   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
                   transition: left 0.5s ease;
                 }
                 
                 .bottom-cta-modern:hover::before {
                   left: 100%;
                 }
                 
                 .bottom-cta-modern:hover {
                   transform: translateY(-5px);
                   box-shadow: 0 20px 50px rgba(102, 126, 234, 0.4);
                 }
                 
                 .bottom-cta-modern .cta-content {
                   text-align: center;
                   position: relative;
                   z-index: 1;
                 }
                 
                 .cta-subtitle {
                   font-size: 1rem;
                   color: rgba(255, 255, 255, 0.9);
                   margin-bottom: 0;
                   font-weight: 500;
                 }
                 
                 .cta-btn-modern {
                   display: inline-flex;
                   align-items: center;
                   gap: 0.75rem;
                   padding: 1rem 2.5rem;
                   background: #ffffff;
                   color: #667eea;
                   font-size: 1.1rem;
                   font-weight: 700;
                   border-radius: 50px;
                   text-decoration: none;
                   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
                   transition: all 0.3s ease;
                   position: relative;
                   z-index: 1;
                   overflow: hidden;
                 }
                 
                 .cta-btn-modern::before {
                   content: '';
                   position: absolute;
                   top: 50%;
                   left: 50%;
                   width: 0;
                   height: 0;
                   border-radius: 50%;
                   background: rgba(102, 126, 234, 0.1);
                   transform: translate(-50%, -50%);
                   transition: width 0.6s ease, height 0.6s ease;
                 }
                 
                 .cta-btn-modern:hover::before {
                   width: 300px;
                   height: 300px;
                 }
                 
                 .cta-btn-modern:hover {
                   transform: translateY(-3px) scale(1.05);
                   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
                   color: #5a67d8;
                 }
                 
                 .cta-btn-modern i {
                   transition: transform 0.3s ease;
                   position: relative;
                   z-index: 1;
                 }
                 
                 .cta-btn-modern:hover i {
                   transform: translateX(5px);
                 }
                 
                 @media (max-width: 768px) {
                   .stats-cta-integrated {
                     padding: 2rem 1.5rem;
                   }
                   
                   .cta-headline {
                     font-size: 1.5rem;
                   }
                   
                   .cta-tagline {
                     font-size: 1rem;
                   }
                   
                   .cta-btn-hero {
                     padding: 1rem 2rem;
                     font-size: 1.1rem;
                   }
                   
                   .cta-subtext {
                     font-size: 0.85rem;
                   }
                   
                   .bottom-cta-modern {
                     padding: 2rem 1.5rem;
                   }
                   
                   .cta-btn-modern {
                     padding: 0.875rem 2rem;
                     font-size: 1rem;
                   }
                 }
                 
                /* ===============================================
                   IMPACT STATISTICS SECTION - ULTRA CLEAN STRIPE/APPLE
                   Minimal design, maximum impact
                   =============================================== */
                
                .impact-statistics-section {
                  padding: 6rem 0 !important;
                }

                /* Clean Header */
                .impact-clean-header {
                  max-width: 760px;
                  margin: 0 auto;
                }

                .impact-label {
                  font-size: 0.8125rem;
                  font-weight: 500;
                  color: #6b7280;
                  letter-spacing: 0.5px;
                  margin-bottom: 1rem;
                }

                .impact-hero-title {
                  font-size: 3.5rem;
                  font-weight: 600;
                  color: #111827;
                  line-height: 1.1;
                  letter-spacing: -1.5px;
                  margin-bottom: 1rem;
                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                }

                .impact-hero-subtitle {
                  font-size: 1.125rem;
                  font-weight: 400;
                  color: #6b7280;
                  line-height: 1.6;
                  margin: 0;
                }

                /* Student Impact Cards - 4 per row, clean */
                .student-impact-card {
                  background: #ffffff;
                  border: 1px solid #e5e7eb;
                  border-radius: 12px;
                  padding: 2rem 1.5rem;
                  height: 100%;
                  transition: all 0.2s ease;
                }

                .student-impact-card:hover {
                  border-color: var(--accent-color);
                  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                  transform: translateY(-2px);
                }

                .impact-number {
                  font-size: 3rem;
                  font-weight: 600;
                  color: var(--accent-color);
                  line-height: 1;
                  margin-bottom: 0.75rem;
                  letter-spacing: -1px;
                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                }

                .student-impact-card h4 {
                  font-size: 1.125rem;
                  font-weight: 600;
                  color: #111827;
                  margin: 0 0 0.75rem 0;
                  line-height: 1.3;
                }

                .student-impact-card p {
                  font-size: 0.9375rem;
                  color: #6b7280;
                  margin: 0;
                  line-height: 1.6;
                }

                /* Color Schemes - Minimal */
                .card-critical {
                  --accent-color: #dc2626;
                }

                .card-severe {
                  --accent-color: #ea580c;
                }

                .card-high {
                  --accent-color: #f59e0b;
                }

                .card-medium {
                  --accent-color: #8b5cf6;
                }

                /* Reality Banner - Clean warning */
                .impact-reality-banner {
                  background: #fffbeb;
                  border: 1px solid #fde68a;
                  border-radius: 12px;
                  padding: 1.5rem 2rem;
                  text-align: center;
                }

                .reality-content {
                  max-width: 700px;
                  margin: 0 auto;
                }

                .reality-stat {
                  font-size: 1.0625rem;
                  color: #92400e;
                  margin: 0;
                  line-height: 1.6;
                }

                /* Message Cards - Minimal */
                .impact-message-card {
                  background: #ffffff;
                  border: 1px solid #e5e7eb;
                  border-radius: 12px;
                  padding: 2rem;
                  height: 100%;
                }

                .impact-message-card h3 {
                  font-size: 1.25rem;
                  font-weight: 600;
                  color: #111827;
                  margin: 0 0 1rem 0;
                  line-height: 1.3;
                }

                .impact-message-card p {
                  font-size: 1rem;
                  color: #6b7280;
                  margin: 0;
                  line-height: 1.7;
                }

                .message-students {
                  border-left: 3px solid #dc2626;
                }

                .message-educators {
                  border-left: 3px solid #3b82f6;
                }

                /* Minimal CTA */
                .impact-cta-minimal {
                  padding: 3rem 2rem;
                }

                .impact-cta-minimal h3 {
                  font-size: 2rem;
                  font-weight: 600;
                  color: #111827;
                  margin: 0 0 0.5rem 0;
                  line-height: 1.2;
                  letter-spacing: -0.5px;
                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                }

                .impact-cta-minimal > p {
                  font-size: 1.0625rem;
                  color: #6b7280;
                  margin: 0 0 2rem 0;
                }

                .cta-buttons {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  gap: 1rem;
                  margin-bottom: 1.5rem;
                  flex-wrap: wrap;
                }

                .btn-impact-cta {
                  display: inline-block;
                  padding: 0.875rem 2rem;
                  background: #111827;
                  color: #ffffff;
                  font-size: 1rem;
                  font-weight: 500;
                  border-radius: 8px;
                  text-decoration: none;
                  transition: all 0.2s ease;
                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                }

                .btn-impact-cta:hover {
                  background: #1f2937;
                  transform: translateY(-1px);
                  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                  color: #ffffff;
                }

                .btn-impact-link {
                  display: inline-block;
                  padding: 0.875rem 2rem;
                  color: #111827;
                  font-size: 1rem;
                  font-weight: 500;
                  text-decoration: none;
                  transition: all 0.2s ease;
                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                }

                .btn-impact-link:hover {
                  color: #374151;
                  transform: translateX(2px);
                }

                .cta-note {
                  font-size: 0.875rem;
                  color: #9ca3af;
                  margin: 0;
                }

                /* Responsive */
                @media (max-width: 1024px) {
                  .impact-statistics-section {
                    padding: 5rem 0 !important;
                  }

                  .impact-hero-title {
                    font-size: 2.75rem;
                  }
                }

                @media (max-width: 768px) {
                  .impact-statistics-section {
                    padding: 4rem 0 !important;
                  }

                  .impact-hero-title {
                    font-size: 2rem;
                    letter-spacing: -1px;
                  }

                  .impact-hero-subtitle {
                    font-size: 1rem;
                  }

                  .student-impact-card {
                    padding: 1.75rem 1.25rem;
                  }

                  .impact-number {
                    font-size: 2.5rem;
                  }

                  .student-impact-card h4 {
                    font-size: 1rem;
                  }

                  .student-impact-card p {
                    font-size: 0.875rem;
                  }

                  .impact-reality-banner {
                    padding: 1.25rem 1.5rem;
                  }

                  .reality-stat {
                    font-size: 0.9375rem;
                  }

                  .impact-message-card {
                    padding: 1.5rem;
                  }

                  .impact-message-card h3 {
                    font-size: 1.125rem;
                  }

                  .impact-message-card p {
                    font-size: 0.9375rem;
                  }

                  .impact-cta-minimal {
                    padding: 2rem 1rem;
                  }

                  .impact-cta-minimal h3 {
                    font-size: 1.75rem;
                  }

                  .cta-buttons {
                    flex-direction: column;
                    width: 100%;
                  }

                  .btn-impact-cta,
                  .btn-impact-link {
                    width: 100%;
                    text-align: center;
                    padding: 0.875rem 1.5rem;
                  }
                }

                @media (max-width: 480px) {
                  .impact-hero-title {
                    font-size: 1.75rem;
                  }

                  .impact-number {
                    font-size: 2rem;
                  }
                }
                 
                 .cases-header {
                   text-align: center;
                   margin-bottom: 2rem;
                 }
                 
                 .cases-date {
                   display: inline-block;
                   background: rgba(255, 255, 255, 0.2);
                   padding: 0.5rem 1rem;
                   border-radius: 50px;
                   color: white;
                   font-size: 0.85rem;
                   font-weight: 600;
                   margin-bottom: 1rem;
                   text-transform: uppercase;
                   letter-spacing: 1px;
                 }
                 
                 .cases-header h3 {
                   color: white;
                   font-size: 2rem;
                   font-weight: 800;
                   margin: 0;
                   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                 }
                 
                 .cases-hero-number {
                   text-align: center;
                   padding: 2rem 0;
                   border-bottom: 2px solid rgba(255, 255, 255, 0.2);
                   margin-bottom: 2rem;
                 }
                 
                 .number-display {
                   font-size: 6rem;
                   font-weight: 900;
                   color: white;
                   line-height: 1;
                   text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
                   margin-bottom: 1rem;
                 }
                 
                 .number-label {
                   color: rgba(255, 255, 255, 0.95);
                   font-size: 1.1rem;
                   margin: 0;
                   max-width: 700px;
                   margin-left: auto;
                   margin-right: auto;
                   line-height: 1.6;
                 }
                 
                 .number-label strong {
                   color: white;
                   font-weight: 700;
                 }
                 
                 /* Cases Grid - Fixed Height */
                 .cases-grid {
                   display: grid;
                   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
                   gap: 1rem;
                 }
                 
                 .case-box {
                   background: rgba(255, 255, 255, 0.15);
                   backdrop-filter: blur(10px);
                   border-radius: 12px;
                   padding: 1.25rem;
                   display: flex;
                   align-items: center;
                   gap: 1rem;
                   border: 2px solid rgba(255, 255, 255, 0.25);
                   transition: all 0.3s ease;
                   min-height: 80px;
                   max-height: 80px;
                 }
                 
                 .case-box:hover {
                   transform: translateY(-4px);
                   background: rgba(255, 255, 255, 0.25);
                   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
                 }
                 
                 .case-box i {
                   font-size: 2rem;
                   color: white;
                   flex-shrink: 0;
                 }
                 
                 .case-data {
                   display: flex;
                   flex-direction: column;
                   gap: 0.25rem;
                 }
                 
                 .case-number {
                   font-size: 1.75rem;
                   font-weight: 800;
                   color: white;
                   line-height: 1;
                 }
                 
                 .case-label {
                   font-size: 0.75rem;
                   color: rgba(255, 255, 255, 0.9);
                   font-weight: 600;
                   text-transform: uppercase;
                   letter-spacing: 0.5px;
                 }
                 
                 /* Individual Box Colors */
                 .expelled-box {
                   background: rgba(127, 29, 29, 0.3);
                   border-color: rgba(239, 68, 68, 0.5);
                 }
                 
                 .expelled-box:hover {
                   background: rgba(127, 29, 29, 0.5);
                   border-color: rgba(239, 68, 68, 0.8);
                 }
                 
                 /* Warning Banner */
                 .warning-banner {
                   background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
                   border: 3px solid #fbbf24;
                   border-radius: 16px;
                   padding: 1.5rem 2rem;
                   display: flex;
                   align-items: center;
                   gap: 1.5rem;
                   box-shadow: 0 10px 30px rgba(251, 191, 36, 0.3);
                   max-width: 1200px;
                   margin: 0 auto;
                 }
                 
                 .warning-icon {
                   flex-shrink: 0;
                   width: 60px;
                   height: 60px;
                   background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
                   border-radius: 50%;
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   animation: pulse-warning 2s ease-in-out infinite;
                 }
                 
                 .warning-icon i {
                   font-size: 1.75rem;
                   color: #1f2937;
                 }
                 
                 .warning-content {
                   flex: 1;
                 }
                 
                 .warning-content h4 {
                   color: #fbbf24;
                   font-size: 1.25rem;
                   font-weight: 800;
                   margin: 0 0 0.5rem 0;
                   text-transform: uppercase;
                   letter-spacing: 1px;
                 }
                 
                 .warning-content p {
                   color: #d1d5db;
                   font-size: 1rem;
                   margin: 0;
                   line-height: 1.6;
                 }
                 
                 .warning-cta {
                   color: #a7f3d0;
                   font-weight: 700;
                   font-style: italic;
                 }
                 
                 /* Responsive */
                 @media (max-width: 992px) {
                   .cases-stats-card {
                     padding: 2rem 1.5rem;
                   }
                   
                   .number-display {
                     font-size: 4.5rem;
                   }
                   
                   .cases-header h3 {
                     font-size: 1.5rem;
                   }
                   
                   .cases-grid {
                     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                   }
                 }
                 
                 @media (max-width: 768px) {
                   .number-display {
                     font-size: 3.5rem;
                   }
                   
                   .number-label {
                     font-size: 1rem;
                   }
                   
                   .cases-grid {
                     grid-template-columns: 1fr 1fr;
                   }
                   
                   .case-box {
                     padding: 1rem;
                   }
                   
                   .case-box i {
                     font-size: 1.5rem;
                   }
                   
                   .case-number {
                     font-size: 1.5rem;
                   }
                   
                   .warning-banner {
                     flex-direction: column;
                     text-align: center;
                     padding: 1.5rem;
                   }
                 }
                 
                 @media (max-width: 480px) {
                   .number-display {
                     font-size: 2.5rem;
                   }
                   
                   .cases-grid {
                     grid-template-columns: 1fr;
                   }
                 }
                 
                 /* OLD Impact Statistics Section - HERO SPOTLIGHT DESIGN (Keep for reference) */
                 .impact-stat-compact-hero {
                   max-width: 1400px;
                   margin: 0 auto;
                 }
                 
                 /* MEGA HERO STAT CARD - 963 BOX */
                 .impact-stat-badge-hero {
                   position: relative;
                   background: linear-gradient(135deg, #dc2626 0%, #f97316 50%, #dc2626 100%);
                   background-size: 200% 200%;
                   border-radius: 24px;
                   padding: 3rem 2.5rem;
                   box-shadow: 0 20px 60px rgba(220, 38, 38, 0.4), 0 0 80px rgba(249, 115, 22, 0.3);
                   transition: all 0.4s ease;
                   display: flex;
                   flex-direction: column;
                   gap: 1.5rem;
                   overflow: hidden;
                   animation: gradient-wave 8s ease infinite, float-gentle 6s ease-in-out infinite;
                   border: 3px solid rgba(255, 255, 255, 0.3);
                 }
                 
                 @keyframes gradient-wave {
                   0%, 100% { background-position: 0% 50%; }
                   50% { background-position: 100% 50%; }
                 }
                 
                 @keyframes float-gentle {
                   0%, 100% { transform: translateY(0px); }
                   50% { transform: translateY(-10px); }
                 }
                 
                 .impact-stat-badge-hero:hover {
                   transform: translateY(-8px) scale(1.02);
                   box-shadow: 0 30px 80px rgba(220, 38, 38, 0.5), 0 0 120px rgba(249, 115, 22, 0.4);
                 }
                 
                 /* Pulsing Glow Effect */
                 .hero-glow-pulse {
                   position: absolute;
                   top: 50%;
                   left: 50%;
                   width: 300px;
                   height: 300px;
                   background: radial-gradient(circle, rgba(249, 115, 22, 0.4) 0%, transparent 70%);
                   transform: translate(-50%, -50%);
                   animation: pulse-glow 3s ease-in-out infinite;
                   pointer-events: none;
                   z-index: 0;
                 }
                 
                 @keyframes pulse-glow {
                   0%, 100% {
                     transform: translate(-50%, -50%) scale(1);
                     opacity: 0.6;
                   }
                   50% {
                     transform: translate(-50%, -50%) scale(1.3);
                     opacity: 0.3;
                   }
                 }
                 
                 /* Floating Particles */
                 .hero-particles {
                   position: absolute;
                   width: 100%;
                   height: 100%;
                   top: 0;
                   left: 0;
                   pointer-events: none;
                   z-index: 1;
                 }
                 
                 .particle {
                   position: absolute;
                   background: rgba(255, 255, 255, 0.6);
                   border-radius: 50%;
                   animation: float-particle 8s ease-in-out infinite;
                 }
                 
                 .particle:nth-child(1) {
                   width: 8px;
                   height: 8px;
                   top: 20%;
                   left: 10%;
                   animation-delay: 0s;
                 }
                 
                 .particle:nth-child(2) {
                   width: 6px;
                   height: 6px;
                   top: 60%;
                   left: 80%;
                   animation-delay: 2s;
                 }
                 
                 .particle:nth-child(3) {
                   width: 10px;
                   height: 10px;
                   top: 80%;
                   left: 20%;
                   animation-delay: 4s;
                 }
                 
                 .particle:nth-child(4) {
                   width: 7px;
                   height: 7px;
                   top: 30%;
                   left: 90%;
                   animation-delay: 1s;
                 }
                 
                 .particle:nth-child(5) {
                   width: 9px;
                   height: 9px;
                   top: 50%;
                   left: 50%;
                   animation-delay: 3s;
                 }
                 
                 @keyframes float-particle {
                   0%, 100% {
                     transform: translateY(0px) translateX(0px);
                     opacity: 0.3;
                   }
                   25% {
                     transform: translateY(-20px) translateX(10px);
                     opacity: 0.7;
                   }
                   50% {
                     transform: translateY(-40px) translateX(-10px);
                     opacity: 1;
                   }
                   75% {
                     transform: translateY(-20px) translateX(5px);
                     opacity: 0.7;
                   }
                 }
                 
                 /* All content relative for stacking */
                 .impact-stat-badge-hero > * {
                   position: relative;
                   z-index: 2;
                 }
                 
                 .stat-date-hero {
                   display: inline-flex;
                   align-items: center;
                   background: rgba(255, 255, 255, 0.25);
                   backdrop-filter: blur(10px);
                   padding: 0.5rem 1rem;
                   border-radius: 50px;
                   color: #ffffff;
                   font-size: 0.85rem;
                   font-weight: 700;
                   text-transform: uppercase;
                   letter-spacing: 1.5px;
                   border: 2px solid rgba(255, 255, 255, 0.4);
                   width: fit-content;
                   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
                 }
                 
                 /* MEGA NUMBER - THIS IS THE STAR */
                 .stat-hero-center {
                   text-align: center;
                   padding: 2rem 0;
                 }
                 
                 .stat-header-mega {
                   font-size: 1.8rem;
                   font-weight: 700;
                   color: rgba(255, 255, 255, 0.95);
                   text-transform: uppercase;
                   letter-spacing: 2px;
                   margin-bottom: 1.5rem;
                   text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
                   line-height: 1.3;
                 }
                 
                 .stat-number-mega {
                   font-size: 8rem;
                   font-weight: 900;
                   line-height: 1;
                   color: #ffffff;
                   text-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 60px rgba(255, 255, 255, 0.3);
                   letter-spacing: -8px;
                   animation: number-pop 4s ease-in-out infinite;
                   display: inline-block;
                 }
                 
                 @keyframes number-pop {
                   0%, 100% {
                     transform: scale(1);
                     text-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 60px rgba(255, 255, 255, 0.3);
                   }
                   50% {
                     transform: scale(1.05);
                     text-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 80px rgba(255, 255, 255, 0.5);
                   }
                 }
                 
                 .stat-label-mega {
                   font-size: 1.5rem;
                   font-weight: 800;
                   color: rgba(255, 255, 255, 0.95);
                   text-transform: uppercase;
                   letter-spacing: 4px;
                   margin-top: 0.5rem;
                   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                 }
                 
                 .stat-text-hero {
                   text-align: center;
                   color: rgba(255, 255, 255, 0.95);
                   font-size: 1.1rem;
                   line-height: 1.6;
                   padding: 0 1rem;
                 }
                 
                 .stat-text-hero strong {
                   color: #ffffff;
                   font-weight: 700;
                 }
                 
                 /* Breakdown Grid - Stylish Cards */
                 .stat-breakdown-hero {
                   display: grid;
                   grid-template-columns: repeat(3, 1fr);
                   gap: 1rem;
                   margin-top: 1rem;
                 }
                 
                 .stat-breakdown-hero .breakdown-item-hero:nth-child(4),
                 .stat-breakdown-hero .breakdown-item-hero:nth-child(5) {
                   grid-column: span 1;
                 }
                 
                 @media (max-width: 1200px) {
                   .stat-breakdown-hero {
                     grid-template-columns: repeat(2, 1fr);
                   }
                   
                   .stat-breakdown-hero .breakdown-item-hero:nth-child(4),
                   .stat-breakdown-hero .breakdown-item-hero:nth-child(5) {
                     grid-column: span 1;
                   }
                   
                   .stat-breakdown-hero .breakdown-item-hero:last-child {
                     grid-column: 1 / -1;
                   }
                 }
                 
                 .breakdown-item-hero {
                   background: rgba(255, 255, 255, 0.15);
                   backdrop-filter: blur(10px);
                   border-radius: 12px;
                   padding: 1rem;
                   display: flex;
                   align-items: center;
                   gap: 1rem;
                   border: 2px solid rgba(255, 255, 255, 0.25);
                   transition: all 0.3s ease;
                   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                 }
                 
                 .breakdown-item-hero:hover {
                   transform: translateY(-4px);
                   background: rgba(255, 255, 255, 0.25);
                   border-color: rgba(255, 255, 255, 0.5);
                   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
                 }
                 
                 .breakdown-item-hero i {
                   font-size: 2rem;
                   color: #ffffff;
                   opacity: 0.9;
                 }
                 
                 .breakdown-content {
                   flex: 1;
                 }
                 
                 .breakdown-num {
                   font-size: 2rem;
                   font-weight: 800;
                   color: #ffffff;
                   line-height: 1;
                   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                 }
                 
                 .breakdown-label {
                   font-size: 0.85rem;
                   color: rgba(255, 255, 255, 0.9);
                   font-weight: 600;
                   margin-top: 0.25rem;
                   text-transform: uppercase;
                   letter-spacing: 0.5px;
                 }
                 
                 /* Different intensity levels */
                 .breakdown-item-hero.expelled {
                   border-color: rgba(220, 38, 38, 0.5);
                   background: rgba(220, 38, 38, 0.15);
                 }
                 
                 .breakdown-item-hero.expelled:hover {
                   background: rgba(220, 38, 38, 0.35);
                   border-color: rgba(220, 38, 38, 0.7);
                   transform: translateY(-6px);
                   box-shadow: 0 10px 25px rgba(220, 38, 38, 0.4);
                 }
                 
                 .breakdown-item-hero.expelled .breakdown-num {
                   color: #fecaca;
                 }
                 
                 .breakdown-item-hero.critical:hover {
                   background: rgba(239, 68, 68, 0.3);
                 }
                 
                 .breakdown-item-hero.severe:hover {
                   background: rgba(249, 115, 22, 0.3);
                 }
                 
                 .breakdown-item-hero.moderate:hover {
                   background: rgba(251, 191, 36, 0.3);
                 }
                 
                 .breakdown-item-hero.warning:hover {
                   background: rgba(34, 197, 94, 0.3);
                 }
                 
                 /* OLD STYLES (keep for fallback) */
                 .impact-stat-compact {
                   max-width: 100%;
                   margin: 0 auto;
                 }
                 
                 .impact-stat-badge {
                   position: relative;
                   background: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
                   border-radius: 16px;
                   padding: 1.25rem 1.75rem;
                   box-shadow: 0 8px 24px rgba(220, 38, 38, 0.25);
                   transition: all 0.3s ease;
                   display: flex;
                   flex-direction: column;
                   gap: 0.75rem;
                 }
                 
                 .impact-stat-badge:hover {
                   transform: translateY(-3px);
                   box-shadow: 0 12px 32px rgba(220, 38, 38, 0.35);
                 }
                 
                 .stat-date {
                   display: inline-flex;
                   align-items: center;
                   color: rgba(255, 255, 255, 0.9);
                   font-size: 0.8rem;
                   font-weight: 600;
                   text-transform: uppercase;
                   letter-spacing: 1px;
                 }
                 
                 .stat-date i {
                   opacity: 0.9;
                 }
                 
                 .stat-main {
                   display: flex;
                   align-items: center;
                   gap: 1rem;
                   flex-wrap: wrap;
                 }
                 
                 .stat-number {
                   font-size: 3rem;
                   font-weight: 800;
                   color: #ffffff;
                   line-height: 1;
                   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
                   letter-spacing: -1px;
                   flex-shrink: 0;
                 }
                 
                 .stat-text {
                   flex: 1;
                   color: rgba(255, 255, 255, 0.95);
                   font-size: 0.95rem;
                   line-height: 1.5;
                   min-width: 280px;
                 }
                 
                 .stat-text strong {
                   color: #ffffff;
                   font-weight: 700;
                 }
                 
                 .stat-breakdown {
                   display: flex;
                   align-items: center;
                   gap: 0.75rem;
                   flex-wrap: wrap;
                   padding-top: 0.5rem;
                   border-top: 1px solid rgba(255, 255, 255, 0.2);
                 }
                 
                 .breakdown-item {
                   display: inline-flex;
                   align-items: center;
                   gap: 0.4rem;
                   color: rgba(255, 255, 255, 0.95);
                   font-size: 0.85rem;
                   font-weight: 500;
                 }
                 
                 .breakdown-item i {
                   opacity: 0.9;
                   font-size: 0.9rem;
                 }
                 
                 .breakdown-item strong {
                   color: #ffffff;
                   font-weight: 700;
                   font-size: 0.95rem;
                 }
                 
                 .breakdown-divider {
                   color: rgba(255, 255, 255, 0.4);
                   font-weight: 600;
                 }
                 
                 /* Warning Card - Dramatic & Scary */
                 .warning-card {
                   position: relative;
                   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
                   border: 2px solid #fbbf24;
                   border-radius: 16px;
                   padding: 1.5rem;
                   box-shadow: 0 8px 24px rgba(251, 191, 36, 0.3), inset 0 0 30px rgba(251, 191, 36, 0.05);
                   transition: all 0.3s ease;
                   height: 100%;
                   display: flex;
                   flex-direction: column;
                   gap: 0.75rem;
                 }
                 
                 .warning-card:hover {
                   transform: translateY(-3px);
                   box-shadow: 0 12px 32px rgba(251, 191, 36, 0.4), inset 0 0 40px rgba(251, 191, 36, 0.08);
                   border-color: #f59e0b;
                 }
                 
                 .warning-icon-wrapper {
                   position: absolute;
                   top: -15px;
                   right: 15px;
                   width: 50px;
                   height: 50px;
                   background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
                   border-radius: 50%;
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   box-shadow: 0 4px 12px rgba(251, 191, 36, 0.5);
                   animation: pulse-warning 2s ease-in-out infinite;
                 }
                 
                 @keyframes pulse-warning {
                   0%, 100% {
                     transform: scale(1);
                     box-shadow: 0 4px 12px rgba(251, 191, 36, 0.5);
                   }
                   50% {
                     transform: scale(1.05);
                     box-shadow: 0 6px 20px rgba(251, 191, 36, 0.7);
                   }
                 }
                 
                 .warning-icon-wrapper i {
                   font-size: 1.5rem;
                   color: #1a1a1a;
                 }
                 
                 .warning-label {
                   display: inline-flex;
                   align-items: center;
                   background: rgba(251, 191, 36, 0.15);
                   border: 1px solid rgba(251, 191, 36, 0.4);
                   padding: 0.35rem 0.75rem;
                   border-radius: 6px;
                   color: #fbbf24;
                   font-size: 0.75rem;
                   font-weight: 700;
                   text-transform: uppercase;
                   letter-spacing: 1.5px;
                   width: fit-content;
                 }
                 
                 .warning-label i {
                   font-size: 0.85rem;
                 }
                 
                 .warning-title {
                   font-size: 1.75rem;
                   font-weight: 800;
                   color: #ffffff;
                   line-height: 1.2;
                   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                   margin-top: 0.25rem;
                 }
                 
                 .warning-text {
                   color: #d1d5db;
                   font-size: 0.9rem;
                   line-height: 1.6;
                   flex-grow: 1;
                 }
                 
                 .warning-text strong {
                   color: #fbbf24;
                   font-weight: 700;
                 }
                 
                 .no-grace {
                   color: #ef4444;
                   font-weight: 700;
                   text-decoration: underline;
                   text-decoration-color: #ef4444;
                   text-decoration-thickness: 2px;
                 }
                 
                 .warning-footer {
                   display: flex;
                   align-items: center;
                   gap: 0.5rem;
                   padding-top: 0.75rem;
                   border-top: 1px solid rgba(251, 191, 36, 0.2);
                   color: #9ca3af;
                   font-size: 0.85rem;
                   font-weight: 600;
                   font-style: italic;
                 }
                 
                 .warning-footer i {
                   color: #fbbf24;
                   font-size: 1rem;
                 }
                 
                 /* Responsive Design - Hero Styles */
                 @media (max-width: 1200px) {
                   .stat-number-mega {
                     font-size: 6rem;
                   }
                   
                   .stat-label-mega {
                     font-size: 1.3rem;
                   }
                 }
                 
                 @media (max-width: 992px) {
                   .impact-stat-badge-hero {
                     padding: 2.5rem 2rem;
                   }
                   
                   .stat-number-mega {
                     font-size: 5rem;
                     letter-spacing: -4px;
                   }
                   
                   .stat-label-mega {
                     font-size: 1.2rem;
                     letter-spacing: 3px;
                   }
                   
                   .stat-breakdown-hero {
                     gap: 0.75rem;
                   }
                   
                   .breakdown-num {
                     font-size: 1.75rem;
                   }
                   
                   .breakdown-item-hero i {
                     font-size: 1.75rem;
                   }
                 }
                 
                 @media (max-width: 768px) {
                   .impact-stat-badge-hero {
                     padding: 2rem 1.5rem;
                   }
                   
                   .stat-number-mega {
                     font-size: 4rem;
                     letter-spacing: -3px;
                   }
                   
                   .stat-label-mega {
                     font-size: 1rem;
                     letter-spacing: 2px;
                   }
                   
                   .stat-hero-center {
                     padding: 1.5rem 0;
                   }
                   
                   .stat-text-hero {
                     font-size: 1rem;
                   }
                   
                   .stat-breakdown-hero {
                     grid-template-columns: 1fr;
                     gap: 0.75rem;
                   }
                   
                   .breakdown-item-hero {
                     padding: 0.875rem;
                   }
                   
                   .warning-card {
                     padding: 1.25rem 1rem;
                     margin-top: 1rem;
                   }
                   
                   .warning-title {
                     font-size: 1.5rem;
                   }
                   
                   .warning-text {
                     font-size: 0.85rem;
                   }
                   
                   .warning-icon-wrapper {
                     width: 45px;
                     height: 45px;
                   }
                   
                   .warning-icon-wrapper i {
                     font-size: 1.3rem;
                   }
                   
                   /* Old styles fallback */
                   .impact-stat-badge {
                     padding: 1rem 1.25rem;
                   }
                   
                   .stat-main {
                     flex-direction: column;
                     align-items: flex-start;
                     gap: 0.5rem;
                   }
                   
                   .stat-number {
                     font-size: 2.5rem;
                   }
                   
                   .stat-text {
                     font-size: 0.9rem;
                     min-width: unset;
                   }
                   
                   .stat-breakdown {
                     gap: 0.5rem;
                   }
                   
                   .breakdown-item {
                     font-size: 0.8rem;
                   }
                   
                   .breakdown-item strong {
                     font-size: 0.9rem;
                   }
                 }
                 
                 @media (max-width: 480px) {
                   .stat-number-mega {
                     font-size: 3rem;
                     letter-spacing: -2px;
                   }
                   
                   .stat-label-mega {
                     font-size: 0.9rem;
                     letter-spacing: 1.5px;
                   }
                   
                   .stat-date-hero {
                     font-size: 0.75rem;
                     padding: 0.4rem 0.8rem;
                   }
                   
                   .stat-text-hero {
                     font-size: 0.9rem;
                   }
                   
                   .breakdown-num {
                     font-size: 1.5rem;
                   }
                   
                   .breakdown-label {
                     font-size: 0.75rem;
                   }
                   
                   .breakdown-item-hero i {
                     font-size: 1.5rem;
                   }
                   
                   .warning-title {
                     font-size: 1.25rem;
                   }
                   
                   .warning-text {
                     font-size: 0.8rem;
                   }
                   
                   .warning-footer {
                     font-size: 0.8rem;
                   }
                   
                   /* Old styles fallback */
                   .stat-number {
                     font-size: 2rem;
                   }
                   
                   .stat-date {
                     font-size: 0.75rem;
                   }
                   
                   .stat-text {
                     font-size: 0.85rem;
                   }
                 }
                 
                 /* Animations */
                 @keyframes float {
                   0%, 100% { transform: translateY(0px); }
                   50% { transform: translateY(-10px); }
                 }
                 @keyframes badge-shimmer {
                   0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
                   100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
                 }
                 @keyframes gradient-shift {
                   0%, 100% { background-position: 0% 50%; }
                   50% { background-position: 100% 50%; }
                 }
                 
                 /* Responsive */
                 @media (max-width: 768px) {
                   .leader-section .simple-badge {
                     padding: 0.5rem 1rem;
                     font-size: 0.75rem;
                   }
                   .leader-section .floating-badge {
                     padding: 0.6rem 1.25rem;
                     font-size: 0.8rem;
                   }
                   .leader-section .description-box-inner {
                     padding: 1.5rem;
                   }
                   .leader-section .description-text {
                     font-size: 1rem;
                   }
                   .leader-section .subtitle-line {
                     font-size: 1rem;
                   }
                   .leader-section .section-subtitle {
                     font-size: 1rem;
                   }
                 }
                 
                 /* Existing card styles */
                 .leader-section .fx-card { position: relative; border-radius: 18px; padding: 1.75rem; background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%); border: 1px solid rgba(2,6,23,0.08); box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08); transition: transform .25s ease, box-shadow .25s ease; color: #0f172a; }
                 .leader-section .fx-card:hover { transform: translateY(-6px); box-shadow: 0 18px 42px rgba(2, 6, 23, 0.12); }
                 .leader-section .fx-card .fx-border { position:absolute; inset:0; border-radius:18px; padding:1px; background: linear-gradient(135deg, rgba(99,102,241,0.35), rgba(16,185,129,0.35), rgba(236,72,153,0.35)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none; }
                 .leader-section .fx-icon { width: 60px; height: 60px; border-radius: 14px; display: grid; place-items: center; color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.25); position: relative; overflow: hidden; }
                 .leader-section .fx-icon::after { content:""; position:absolute; inset:-30%; background: radial-gradient(60% 60% at 30% 20%, rgba(255,255,255,0.35), transparent 60%); }
                 .leader-section .fx-icon i { font-size: 22px; }
                 .leader-section .fx-title { margin-top: .9rem; margin-bottom: .35rem; font-weight: 800; letter-spacing: .2px; color: #0f172a; }
                 .leader-section .fx-desc { color: #334155; }
                .leader-section .fx-list { display: none; margin: .75rem 0 0; color: #334155; list-style: none; padding-left: 0; }
                .leader-section .fx-list li { display: flex; align-items: flex-start; gap: .6rem; margin: .32rem 0; line-height: 1.55; }
                .leader-section .fx-list li::before { content: "✓"; font-weight: 800; color: #16a34a; font-size: 1rem; line-height: 1.2; margin-top: .1rem; }
                .leader-section .fx-list i { display: none; }
                 .leader-section .fx-badge { position: absolute; top: 14px; right: 14px; font-size: .7rem; letter-spacing: .3px; padding: .35rem .55rem; border-radius: 999px; background: rgba(16,185,129,.08); color: #047857; border: 1px solid rgba(16,185,129,.25); }
                 .leader-section .fx-metrics { display:flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
                 .leader-section .fx-pill { display:inline-flex; align-items:center; gap:.4rem; padding: .35rem .6rem; border-radius: 999px; font-weight: 700; font-size: .8rem; border: 1px solid; background: rgba(2,6,23,0.04); }
                 .leader-section .fx-pill .dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
                 .leader-section .fx-blue  { color:#60a5fa; border-color: rgba(96,165,250,.4); }
                 .leader-section .fx-amber { color:#fbbf24; border-color: rgba(251,191,36,.4); }
                 .leader-section .fx-purple{ color:#a78bfa; border-color: rgba(167,139,250,.4); }
                 .leader-section .fx-emerald{ color:#34d399; border-color: rgba(52,211,153,.4); }
                 .leader-section .fx-indigo{ color:#818cf8; border-color: rgba(129,140,248,.4); }
                 .leader-section .fx-note { color: #0080ff; font-size: .8rem; margin-top: .5rem; }
                 
                 /* Modern FX Note */
                 .leader-section .fx-note-modern {
                   display: inline-flex;
                   align-items: center;
                   gap: 0.5rem;
                   padding: 0.5rem 1rem;
                   margin-top: 1rem;
                   background: rgba(99, 102, 241, 0.05);
                   border: 1px solid rgba(99, 102, 241, 0.15);
                   border-radius: 8px;
                   color: #4f46e5;
                   font-size: 0.85rem;
                   font-weight: 500;
                 }

                .leader-section .fx-note-modern .note-icon {
                  font-size: 1rem;
                  opacity: 0.8;
                }
                
                /* New Feature Tags Design - No Checkmarks */
                .leader-section .fx-features {
                  display: flex;
                  flex-wrap: wrap;
                  gap: 0.5rem;
                  margin: 1rem 0;
                }
                
                .leader-section .fx-tag {
                  display: inline-flex;
                  align-items: center;
                  gap: 0.4rem;
                  padding: 0.45rem 0.75rem;
                  background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.08));
                  border: 1px solid rgba(99,102,241,0.2);
                  border-radius: 8px;
                  font-size: 0.8rem;
                  font-weight: 600;
                  color: #475569;
                  transition: all 0.2s ease;
                }
                
                .leader-section .fx-tag i {
                  font-size: 0.9rem;
                  color: #6366f1;
                  display: inline-block;
                }
                
                .leader-section .fx-tag:hover {
                  transform: translateY(-1px);
                  box-shadow: 0 4px 8px rgba(99,102,241,0.15);
                  border-color: rgba(99,102,241,0.35);
                }
                
                /* Premium ML Card Styling */
                .leader-section .fx-card-ml {
                  background: linear-gradient(135deg, #f8f9ff 0%, #fff5ff 50%, #f8f9ff 100%);
                  border: none;
                  box-shadow: 0 12px 32px rgba(99,102,241,0.15), 0 0 0 1px rgba(99,102,241,0.1);
                  position: relative;
                  overflow: hidden;
                }
                
                .leader-section .fx-card-ml:hover {
                  transform: translateY(-8px);
                  box-shadow: 0 20px 48px rgba(99,102,241,0.25), 0 0 0 1px rgba(99,102,241,0.15);
                }
                
                .leader-section .fx-border-ml {
                  position: absolute;
                  inset: 0;
                  border-radius: 18px;
                  padding: 2px;
                  background: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899, #6366f1);
                  background-size: 300% 300%;
                  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
                  -webkit-mask-composite: xor;
                  mask-composite: exclude;
                  pointer-events: none;
                  animation: borderGlow 4s ease infinite;
                }
                
                @keyframes borderGlow {
                  0%, 100% { background-position: 0% 50%; }
                  50% { background-position: 100% 50%; }
                }
                
                .leader-section .fx-glow {
                  position: absolute;
                  inset: 0;
                  background: radial-gradient(circle at 50% 0%, rgba(99,102,241,0.12), transparent 60%);
                  pointer-events: none;
                  animation: pulseGlow 3s ease-in-out infinite;
                }
                
                @keyframes pulseGlow {
                  0%, 100% { opacity: 0.5; }
                  50% { opacity: 1; }
                }
                
                .leader-section .fx-badge-ml {
                  display: inline-flex;
                  align-items: center;
                  gap: 0.4rem;
                  background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(139,92,246,0.15));
                  color: #6366f1;
                  border-color: rgba(99,102,241,0.3);
                  font-weight: 700;
                  padding: 0.4rem 0.65rem;
                }
                
                .leader-section .fx-badge-ml i {
                  font-size: 0.85rem;
                }
                
                .leader-section .fx-features-premium {
                  margin: 1.2rem 0;
                }
                
                .leader-section .fx-tag-premium {
                  background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(139,92,246,0.12));
                  border: 1px solid rgba(99,102,241,0.25);
                  color: #5b21b6;
                  font-weight: 700;
                  padding: 0.5rem 0.85rem;
                }
                
                .leader-section .fx-tag-premium i {
                  color: #8b5cf6;
                  font-size: 1rem;
                }
                
                .leader-section .fx-tag-premium:hover {
                  background: linear-gradient(135deg, rgba(99,102,241,0.18), rgba(139,92,246,0.18));
                  border-color: rgba(99,102,241,0.4);
                  box-shadow: 0 6px 12px rgba(99,102,241,0.2);
                }
                
                .leader-section .fx-rg    { background: linear-gradient(135deg, #ef4444, #f97316); }
                 .leader-section .fx-vi    { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
                 .leader-section .fx-teal  { background: linear-gradient(135deg, #0ea5e9, #22c55e); }
                /* Hero headline */
                .leader-section .hero-headline { 
                  font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem); 
                  font-weight: 900; 
                  letter-spacing: -.02em; 
                  line-height: 1.1; 
                  margin: 0; 
                }
                .leader-section .hero-gradient {
                  background: linear-gradient(90deg, #ef4444 0%, #f97316 14%, #f59e0b 28%, #10b981 42%, #06b6d4 56%, #3b82f6 70%, #8b5cf6 84%, #ec4899 100%);
                  -webkit-background-clip: text; background-clip: text; color: transparent;
                  text-shadow: 0 1px 10px rgba(16,24,40,0.06);
                  background-size: 200% auto; animation: hero-rainbow 8s linear infinite;
                }
                @keyframes hero-rainbow { to { background-position: 200% center; } }
                 /* Equal height cards */
                 .leader-section .row.g-4 { align-items: stretch; }
                 .leader-section .col-lg-4 > .fx-card { height: 100%; display: flex; flex-direction: column; }
                 /* Two-line checklist */
                 .leader-section .fx-list li { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
                 /* CTA Buttons */
                 .leader-section .fx-cta .fx-btn { position: relative; display: inline-flex; align-items: center; gap: .5rem; padding: .9rem 1.3rem; border-radius: 999px; font-weight: 800; letter-spacing: .2px; border: 1px solid transparent; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease; text-decoration: none; }
                 .leader-section .fx-cta .fx-btn i { transition: transform .2s ease, opacity .2s ease; }
                 .leader-section .fx-cta .fx-btn:focus { outline: none; box-shadow: 0 0 0 4px rgba(59,130,246,.25); }
                 .leader-section .fx-cta .fx-btn:hover i { transform: translateX(2px); }
                 .leader-section .fx-btn-primary { color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #22c55e 100%); box-shadow: 0 10px 20px rgba(79,70,229,.25); }
                 .leader-section .fx-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(79,70,229,.3); }
                 .leader-section .fx-btn-primary::after { content:""; position:absolute; inset:0; border-radius:inherit; background: radial-gradient(80% 40% at 20% 0%, rgba(255,255,255,.35), transparent 60%); opacity:.8; pointer-events:none; }
                 .leader-section .fx-btn-ghost { background: #ffffff; color: #0f172a; border-color: rgba(2,6,23,.12); box-shadow: 0 8px 16px rgba(2,6,23,.06); }
                 .leader-section .fx-btn-ghost:hover { transform: translateY(-2px); border-color: rgba(2,6,23,.22); box-shadow: 0 12px 22px rgba(2,6,23,.08); background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); }

/* ===== Style Block 6 ===== */
/* How It Works Section - Enhanced Design */
.checker-details { 
	position: relative; 
	padding: 100px 0; 
	background: linear-gradient(180deg, #0a0e1a 0%, #0f1729 50%, #0a0e1a 100%);
	border-top: 1px solid rgba(99, 102, 241, 0.2);
	overflow: hidden;
}

.checker-details::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.08) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(139, 92, 246, 0.06) 0%, transparent 50%);
	pointer-events: none;
}

.checker-details .container { 
	position: relative; 
	z-index: 2;
}

.cd-badge { 
	display: inline-flex; 
	align-items: center; 
	gap: 0.5rem; 
	padding: 0.5rem 1rem; 
	border-radius: 999px; 
	font-weight: 700; 
	font-size: 0.85rem; 
	color: #a5b4fc; 
	background: rgba(99, 102, 241, 0.1); 
	border: 1px solid rgba(99, 102, 241, 0.3); 
	text-transform: uppercase; 
	letter-spacing: 0.05em;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.cd-badge i { 
	color: #818cf8; 
	font-size: 0.9rem; 
}

.cd-title { 
	margin: 16px 0 12px; 
	font-weight: 900; 
	letter-spacing: -0.02em; 
	color: #f8fafc; 
	font-size: 2.5rem; 
	line-height: 1.15;
	background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.cd-sub { 
	color: #94a3b8; 
	max-width: 850px; 
	font-size: 1.1rem; 
	line-height: 1.7; 
	margin: 0 auto; 
}

.cd-header { 
	text-align: center; 
	max-width: 1000px; 
	margin: 0 auto 56px; 
}

.cd-section-title { 
	margin: 48px 0 24px; 
	font-weight: 800; 
	color: #f1f5f9; 
	font-size: 1.6rem; 
	text-align: center; 
	letter-spacing: -0.01em;
}

/* Steps - Enhanced Cards */
.cd-steps { 
	margin-top: 24px; 
}

.cd-step { 
	height: 100%; 
	border-radius: 20px; 
	padding: 28px 24px 24px; 
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.5) 0%, rgba(15, 23, 42, 0.7) 100%); 
	border: 1px solid rgba(148, 163, 184, 0.2); 
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); 
	color: #cbd5e1; 
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
	position: relative; 
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.cd-step::before { 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	height: 3px; 
	background: linear-gradient(90deg, #60a5fa, #a78bfa, #ec4899); 
	opacity: 0; 
	transition: opacity 0.4s ease; 
}

.cd-step:hover { 
	transform: translateY(-8px); 
	box-shadow: 0 24px 60px rgba(99, 102, 241, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12); 
	border-color: rgba(99, 102, 241, 0.4); 
}

.cd-step:hover::before { 
	opacity: 1; 
}

.cd-step-num { 
	width: 52px; 
	height: 52px; 
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	border-radius: 14px; 
	font-weight: 900; 
	font-size: 1.3rem; 
	background: linear-gradient(135deg, #60a5fa, #a78bfa); 
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.4); 
	color: white; 
	margin-bottom: 16px;
	position: relative;
}

.cd-step-num::after {
	content: '';
	position: absolute;
	inset: -2px;
	background: linear-gradient(135deg, #60a5fa, #a78bfa);
	border-radius: 14px;
	z-index: -1;
	filter: blur(8px);
	opacity: 0.6;
}

.cd-step-title { 
	color: #f1f5f9; 
	margin: 8px 0 12px; 
	font-weight: 800; 
	font-size: 1.15rem; 
	letter-spacing: -0.01em; 
}

.cd-step-text { 
	color: #94a3b8; 
	margin: 0; 
	line-height: 1.7; 
	font-size: 0.98rem; 
}

/* Capabilities - Enhanced Cards */
.cd-capabilities { 
	margin-top: 64px; 
}

.cd-cap-card { 
	height: 100%; 
	display: flex; 
	gap: 16px; 
	padding: 24px; 
	border-radius: 20px; 
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.5), rgba(15, 23, 42, 0.7)); 
	border: 1px solid rgba(148, 163, 184, 0.2); 
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); 
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	backdrop-filter: blur(10px);
}

.cd-cap-card:hover { 
	transform: translateY(-6px); 
	box-shadow: 0 24px 60px rgba(99, 102, 241, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12); 
	border-color: rgba(148, 163, 184, 0.3); 
}

.cd-cap-icon { 
	width: 56px; 
	height: 56px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	border-radius: 16px; 
	color: white; 
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); 
	font-size: 1.3rem; 
	flex-shrink: 0; 
	position: relative;
}

.cd-cap-icon::after { 
	content: ''; 
	position: absolute; 
	inset: -30%; 
	background: radial-gradient(60% 60% at 30% 20%, rgba(255, 255, 255, 0.25), transparent 60%); 
	pointer-events: none; 
}

.cd-icon-purple { 
	background: linear-gradient(135deg, #a78bfa, #8b5cf6); 
	box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4); 
}

.cd-icon-blue { 
	background: linear-gradient(135deg, #60a5fa, #3b82f6); 
	box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4); 
}

.cd-icon-orange { 
	background: linear-gradient(135deg, #fb923c, #f97316); 
	box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4); 
}

.cd-icon-teal { 
	background: linear-gradient(135deg, #2dd4bf, #14b8a6); 
	box-shadow: 0 10px 30px rgba(20, 184, 166, 0.4); 
}

.cd-icon-green { 
	background: linear-gradient(135deg, #34d399, #10b981); 
	box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4); 
}

.cd-icon-red { 
	background: linear-gradient(135deg, #f87171, #ef4444); 
	box-shadow: 0 10px 30px rgba(239, 68, 68, 0.4); 
}

.cd-cap-body h5 { 
	color: #f1f5f9; 
	font-weight: 800; 
	margin: 4px 0 10px; 
	font-size: 1.1rem; 
	letter-spacing: -0.01em; 
}

.cd-cap-body p { 
	color: #94a3b8; 
	margin: 0; 
	line-height: 1.7; 
	font-size: 0.96rem; 
}

           /* Gallery */
           .cd-gallery { margin-top:56px; }
           .cd-shot { margin:0; border-radius:16px; overflow:hidden; border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.4); box-shadow: 0 12px 30px rgba(2,6,23,.4), inset 0 1px 0 rgba(255,255,255,.05); transition: all .3s ease; }
           .cd-shot:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(2,6,23,.5); border-color: rgba(148,163,184,.25); }
           .cd-shot img { display:block; width:100%; height:auto; aspect-ratio: 4/3; object-fit:cover; background:#0a0f1c; transition: transform .3s ease; }
           .cd-shot:hover img { transform: scale(1.02); }
            .cd-shot figcaption { padding:12px 14px; color:#cbd5e1; font-size:.93rem; border-top:1px solid rgba(148,163,184,.14); font-weight:600; letter-spacing:.01em; line-height:1.5; }
            .cd-shot .cd-shot-link { display:block; position:relative; overflow:hidden; }
            .cd-shot .cd-shot-link::after { content:"\f00e"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:12px; bottom:12px; width:36px; height:36px; border-radius:10px; display:grid; place-items:center; color:#0f172a; background:#f1f5f9; opacity:0; transform: translateY(6px); transition: all .3s ease; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
            .cd-shot:hover .cd-shot-link::after { opacity:.95; transform: translateY(0); }
            /* Modal */
            .cd-modal { position: fixed; inset: 0; background: rgba(2,6,23,.85); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; z-index: 1050; padding: 24px; }
            .cd-modal.is-open { display: flex; }
            .cd-modal-dialog { position: relative; max-width: 96vw; max-height: 90vh; animation: modalFadeIn .3s ease; }
            .cd-modal-img { display:block; width: 100%; height: auto; max-height: 90vh; border-radius: 14px; box-shadow: 0 24px 80px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.1); }
            .cd-modal-close { position: absolute; top: -14px; right: -14px; background: #fff; color: #0f172a; border: none; width: 44px; height: 44px; border-radius: 999px; display:grid; place-items:center; box-shadow: 0 12px 24px rgba(0,0,0,.4); cursor:pointer; transition: all .2s ease; font-size:1.1rem; }
            .cd-modal-close:hover { transform: scale(1.08); box-shadow: 0 14px 28px rgba(0,0,0,.5); background:#f8fafc; }
            @keyframes modalFadeIn { from { opacity:0; transform: scale(.95); } to { opacity:1; transform: scale(1); } }
           @media (max-width: 991.98px) {
             .cd-title { font-size:1.8rem; }
             .cd-sub { font-size:.98rem; }
             .cd-section-title { font-size:1.25rem; margin:24px 0 12px; }
             .checker-details { padding:60px 0; }
           }
           @media (max-width: 767.98px) {
             .cd-title { font-size:1.6rem; }
             .cd-step { padding:18px 16px; }
             .cd-cap-card { padding:16px; gap:12px; }
             .cd-cap-icon { width:42px; height:42px; font-size:1rem; }
           }

/* ===== Style Block 7 ===== */
/* MOSS Evolution Section */
          .moss-evolution-section {
            padding: 80px 0;
            background: linear-gradient(180deg, #0a0f1c 0%, #0f1729 50%, #0a0f1c 100%);
            position: relative;
            overflow: hidden;
            border-top: 1px solid rgba(99, 102, 241, 0.2);
            border-bottom: 1px solid rgba(99, 102, 241, 0.2);
          }
          .moss-evolution-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            width: 100%;
            height: 100%;
            background: 
              radial-gradient(ellipse at 30% 50%, rgba(99, 102, 241, 0.12) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 50%, rgba(236, 72, 153, 0.08) 0%, transparent 50%);
            transform: translateX(-50%);
            pointer-events: none;
          }

          /* Header */
          .moss-evo-header {
            position: relative;
            z-index: 2;
          }
          .moss-evo-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
            border: 1px solid rgba(99, 102, 241, 0.3);
            border-radius: 50px;
            color: #a5b4fc;
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
          }
          .moss-evo-title {
            font-size: 2.75rem;
            font-weight: 900;
            background: linear-gradient(135deg, #e2e8f0, #94a3b8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 15px;
          }
          .moss-evo-subtitle {
            font-size: 1.15rem;
            color: #94a3b8;
            max-width: 900px;
            margin: 0 auto;
            line-height: 1.7;
          }

          /* Comparison Cards */
          .moss-comparison-card {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.85), rgba(2, 6, 23, 0.98));
            border: 1px solid rgba(148, 163, 184, 0.15);
            border-radius: 24px;
            padding: 32px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 
              0 20px 60px rgba(0, 0, 0, 0.4),
              0 0 0 1px rgba(148, 163, 184, 0.05);
          }
          .moss-comparison-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, transparent, #64748b, #475569, transparent);
            opacity: 0.6;
          }
          .moss-comparison-card:hover {
            transform: translateY(-8px) scale(1.01);
            box-shadow: 
              0 30px 80px rgba(0, 0, 0, 0.5),
              0 0 0 1px rgba(148, 163, 184, 0.1);
          }

          /* MOSS v2 Specific Styling */
          .moss-v2 {
            border: 2px solid rgba(99, 102, 241, 0.4);
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 27, 75, 0.7));
            box-shadow: 
              0 20px 60px rgba(99, 102, 241, 0.2),
              0 0 0 1px rgba(99, 102, 241, 0.1);
          }
          .moss-v2::before {
            background: linear-gradient(90deg, transparent, #6366f1, #8b5cf6, #ec4899, transparent);
            opacity: 1;
            height: 5px;
          }
          .moss-v2:hover {
            border-color: rgba(99, 102, 241, 0.6);
            box-shadow: 
              0 30px 90px rgba(99, 102, 241, 0.4),
              0 0 60px rgba(139, 92, 246, 0.2),
              0 0 0 1px rgba(99, 102, 241, 0.2);
          }

          /* Power Glow Animation */
          .moss-power-glow {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%);
            animation: rotate-glow 20s linear infinite;
            pointer-events: none;
          }
          @keyframes rotate-glow {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
          }

          /* Card Ribbon */
          .moss-card-ribbon {
            position: absolute;
            top: 20px;
            right: -30px;
            background: linear-gradient(135deg, #64748b, #475569);
            color: white;
            padding: 6px 40px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            transform: rotate(45deg);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          }
          .moss-v2-ribbon {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
          }

          /* Card Header */
          .moss-card-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
          }
          .moss-icon-wrapper {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            background: linear-gradient(135deg, #475569, #334155);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            color: #e2e8f0;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
          }
          .moss-v2-icon {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
          }
          .moss-card-title {
            font-size: 1.75rem;
            font-weight: 800;
            color: #e2e8f0;
            margin: 0;
          }
          .moss-badge-new {
            display: inline-block;
            background: linear-gradient(135deg, #f59e0b, #ef4444);
            color: white;
            font-size: 0.65rem;
            padding: 4px 8px;
            border-radius: 6px;
            margin-left: 8px;
            font-weight: 700;
            animation: pulse-badge 2s ease-in-out infinite;
          }
          @keyframes pulse-badge {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
          }
          .moss-card-year {
            font-size: 0.95rem;
            color: #64748b;
            margin: 4px 0 0;
          }

          /* Tech Badge */
          .moss-tech-badge {
            display: inline-flex;
            align-items: center;
            padding: 10px 16px;
            background: rgba(71, 85, 105, 0.3);
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 12px;
            color: #cbd5e1;
            font-size: 0.9rem;
          }
          .moss-tech-badge-v2 {
            background: rgba(99, 102, 241, 0.15);
            border-color: rgba(99, 102, 241, 0.3);
            color: #a5b4fc;
          }

          /* Description */
          .moss-description {
            color: #94a3b8;
            line-height: 1.7;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
          }

          /* Critical Warning Box */
          .moss-critical-warning {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.2));
            border: 2px solid rgba(239, 68, 68, 0.4);
            border-radius: 16px;
            padding: 20px;
            position: relative;
            overflow: hidden;
            z-index: 2;
            box-shadow: 0 8px 24px rgba(239, 68, 68, 0.2);
          }
          .moss-critical-warning::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #dc2626, #ef4444, #dc2626);
            background-size: 200% auto;
            animation: warning-pulse 3s ease-in-out infinite;
          }
          @keyframes warning-pulse {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
          }
          .moss-critical-warning .warning-header {
            display: flex;
            align-items: center;
            color: #fca5a5;
            font-size: 1rem;
            font-weight: 800;
            margin-bottom: 12px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
          }
          .moss-critical-warning .warning-header i {
            color: #f87171;
            font-size: 1.25rem;
            animation: warning-shake 2s ease-in-out infinite;
          }
          @keyframes warning-shake {
            0%, 100% { transform: translateX(0); }
            10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
            20%, 40%, 60%, 80% { transform: translateX(2px); }
          }
          .moss-critical-warning .warning-text {
            color: #fca5a5;
            line-height: 1.7;
            font-size: 0.95rem;
          }
          .moss-critical-warning .warning-text strong {
            color: #fef2f2;
            font-weight: 700;
          }

          /* Features */
          .moss-features-title,
          .moss-limitations-title,
          .moss-advantage-title {
            font-size: 1rem;
            font-weight: 700;
            color: #cbd5e1;
            margin-bottom: 12px;
            position: relative;
            z-index: 2;
          }
          .moss-feature-list,
          .moss-limitation-list,
          .moss-advantage-list {
            list-style: none;
            padding: 0;
            margin: 0;
            position: relative;
            z-index: 2;
          }
          .moss-feature-list li,
          .moss-limitation-list li,
          .moss-advantage-list li {
            padding: 8px 0;
            color: #94a3b8;
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 0.95rem;
          }
          .moss-feature-list i {
            color: #22c55e;
            font-size: 1rem;
          }
          .moss-v2-features li i {
            color: #fbbf24;
          }
          .moss-limitation-list li {
            color: #f87171;
            font-size: 0.9rem;
          }
          .moss-advantage-list li {
            color: #a5b4fc;
          }

          /* False Positive Warning Box */
          .moss-false-positive-warning {
            background: linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(249, 115, 22, 0.2));
            border: 2px solid rgba(251, 146, 60, 0.4);
            border-radius: 16px;
            padding: 20px;
            position: relative;
            overflow: hidden;
            z-index: 2;
            box-shadow: 0 8px 24px rgba(251, 146, 60, 0.2);
          }
          .moss-false-positive-warning::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #f97316, #fb923c, #f97316);
            background-size: 200% auto;
            animation: warning-pulse 3s ease-in-out infinite;
          }
          .fp-warning-header {
            display: flex;
            align-items: center;
            color: #fdba74;
            font-size: 0.95rem;
            font-weight: 800;
            margin-bottom: 12px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
          }
          .fp-warning-header i {
            color: #fb923c;
            font-size: 1.1rem;
          }
          .fp-warning-text {
            color: #fdba74;
            line-height: 1.7;
            font-size: 0.92rem;
          }
          .fp-warning-text strong {
            color: #fef3c7;
            font-weight: 700;
          }
          .fp-warning-solution {
            color: #a5b4fc;
            line-height: 1.7;
            font-size: 0.92rem;
            padding: 12px;
            background: rgba(99, 102, 241, 0.1);
            border-left: 3px solid #6366f1;
            border-radius: 8px;
            margin-top: 8px;
          }
          .fp-warning-solution i {
            color: #6366f1;
          }
          .fp-warning-solution strong {
            color: #c7d2fe;
            font-weight: 700;
          }

          /* Modern Reality Info Box */
          .moss-modern-reality {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.15));
            border: 2px solid rgba(59, 130, 246, 0.3);
            border-radius: 16px;
            padding: 20px;
            position: relative;
            overflow: hidden;
            z-index: 2;
            box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
          }
          .moss-modern-reality::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #3b82f6, #60a5fa, #3b82f6);
            background-size: 200% auto;
            animation: info-pulse 4s ease-in-out infinite;
          }
          @keyframes info-pulse {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
          }
          .moss-modern-reality .reality-header {
            display: flex;
            align-items: center;
            color: #93c5fd;
            font-size: 0.95rem;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: 0.3px;
          }
          .moss-modern-reality .reality-header i {
            color: #60a5fa;
            font-size: 1.1rem;
          }
          .moss-modern-reality .reality-text {
            color: #bfdbfe;
            line-height: 1.7;
            font-size: 0.92rem;
          }
          .moss-modern-reality .reality-text strong {
            color: #dbeafe;
            font-weight: 600;
          }

          /* Comparison Bar Styles */
          .moss-zero-bar {
            width: 5% !important;
            background: linear-gradient(90deg, #ef4444, #dc2626) !important;
            position: relative;
          }
          .comparison-bar-value-outside {
            position: absolute;
            right: -45px;
            top: 50%;
            transform: translateY(-50%);
            color: #f87171;
            font-weight: 800;
            font-size: 1.25rem;
            white-space: nowrap;
          }
          .moss-v2-bar {
            width: 99% !important;
            background: linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7) !important;
          }

          /* Card Footer */
          .moss-card-footer {
            display: flex;
            justify-content: space-around;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid rgba(148, 163, 184, 0.1);
            position: relative;
            z-index: 2;
          }
          .moss-stat {
            text-align: center;
          }
          .moss-stat-value {
            font-size: 1.75rem;
            font-weight: 800;
            color: #e2e8f0;
            line-height: 1;
          }
          .moss-v2-footer .moss-stat-value {
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
          }
          .moss-stat-label {
            font-size: 0.85rem;
            color: #64748b;
            margin-top: 6px;
          }

          /* Visual Comparison */
          /* Detection Power Section - Clean Modern Design */
          .detection-power-section {
            padding: 4rem 0;
            position: relative;
          }

          .detection-power-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 0.5rem;
            letter-spacing: -0.02em;
          }

          .detection-power-subtitle {
            font-size: 1.125rem;
            color: #94a3b8;
            font-weight: 500;
          }

          .detection-power-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 3rem;
            align-items: center;
            margin-top: 3rem;
          }

          .detection-power-item {
            background: rgba(15, 23, 42, 0.4);
            border: 1px solid rgba(148, 163, 184, 0.15);
            border-radius: 20px;
            padding: 2rem;
            transition: all 0.3s ease;
          }

          .detection-power-item:hover {
            transform: translateY(-4px);
            border-color: rgba(148, 163, 184, 0.3);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
          }

          .detection-power-item-featured {
            background: linear-gradient(145deg, rgba(99, 102, 241, 0.1), rgba(236, 72, 153, 0.1));
            border: 1px solid rgba(99, 102, 241, 0.3);
          }

          .detection-power-item-featured:hover {
            border-color: rgba(99, 102, 241, 0.5);
            box-shadow: 0 12px 40px rgba(99, 102, 241, 0.3);
          }

          .detection-power-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
          }

          .detection-icon {
            width: 56px;
            height: 56px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            flex-shrink: 0;
          }

          .detection-icon-moss {
            background: linear-gradient(135deg, rgba(148, 163, 184, 0.2), rgba(100, 116, 139, 0.2));
            color: #94a3b8;
          }

          .detection-icon-codequiry {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(236, 72, 153, 0.3));
            color: #a78bfa;
          }

          .detection-tool-name {
            font-size: 1.25rem;
            font-weight: 700;
            color: #e2e8f0;
            margin: 0;
            line-height: 1.2;
          }

          .detection-tool-desc {
            font-size: 0.875rem;
            color: #94a3b8;
            margin: 0.25rem 0 0 0;
            line-height: 1.3;
          }

          .detection-progress-wrapper {
            margin-bottom: 1.5rem;
          }

          .detection-progress-bar {
            width: 100%;
            height: 48px;
            background: rgba(15, 23, 42, 0.6);
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.1);
          }

          .detection-progress-fill {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
            width: 0;
          }

          .detection-progress-zero {
            background: linear-gradient(90deg, #ef4444, #dc2626);
            width: 0% !important;
            min-width: 80px;
            justify-content: center;
            animation: slideInZero 1.5s ease-out forwards;
          }

          @keyframes slideInZero {
            from { width: 0; min-width: 0; }
            to { width: 0%; min-width: 80px; }
          }

          .detection-progress-full {
            background: linear-gradient(90deg, #6366f1, #ec4899);
            animation: slideInFull 1.5s ease-out 0.3s forwards;
            position: relative;
          }

          @keyframes slideInFull {
            from { width: 0; }
            to { width: 99.7%; }
          }

          .detection-progress-full::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(
              90deg,
              transparent 0%,
              rgba(255, 255, 255, 0.3) 50%,
              transparent 100%
            );
            animation: shimmer 2s infinite;
          }

          @keyframes shimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
          }

          .detection-progress-label {
            font-size: 1.125rem;
            font-weight: 800;
            color: #ffffff;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
            position: relative;
            z-index: 1;
          }

          .detection-features-list {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
          }

          .detection-feature {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.9rem;
            line-height: 1.4;
          }

          .detection-feature i {
            font-size: 1.125rem;
            flex-shrink: 0;
          }

          .detection-feature span {
            color: #cbd5e1;
          }

          .detection-feature-fail i {
            color: #f87171;
          }

          .detection-feature-success i {
            color: #34d399;
          }

          .detection-vs-divider {
            display: flex;
            align-items: center;
            justify-content: center;
          }

          .vs-circle {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            background: linear-gradient(135deg, #1e293b, #0f172a);
            border: 2px solid rgba(148, 163, 184, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            font-weight: 800;
            color: #94a3b8;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
          }

          /* =====================================================
             TECHNICAL DEEP DIVE SECTION - Modern Clean Design
             ===================================================== */
          
          .tech-deep-dive-section {
            margin-top: 4rem;
          }

          /* Toggle Button */
          .tech-toggle-wrapper {
            display: flex;
            justify-content: center;
            margin-bottom: 2rem;
          }

          .tech-toggle-button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            max-width: 900px;
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.6));
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 16px;
            padding: 1.5rem 2rem;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
          }

          .tech-toggle-button::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(236, 72, 153, 0.05));
            opacity: 0;
            transition: opacity 0.3s ease;
          }

          .tech-toggle-button:hover {
            border-color: rgba(99, 102, 241, 0.4);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2);
          }

          .tech-toggle-button:hover::before {
            opacity: 1;
          }

          .tech-toggle-content {
            display: flex;
            align-items: center;
            gap: 1.25rem;
            flex: 1;
          }

          .tech-toggle-icon {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(236, 72, 153, 0.2));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: #a78bfa;
            flex-shrink: 0;
          }

          .tech-toggle-text {
            text-align: left;
            flex: 1;
          }

          .tech-toggle-title {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
            margin-bottom: 0.5rem;
          }

          .tech-badge {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.75rem;
            background: rgba(99, 102, 241, 0.15);
            border: 1px solid rgba(99, 102, 241, 0.3);
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 600;
            color: #a78bfa;
            text-transform: uppercase;
            letter-spacing: 0.05em;
          }

          .tech-title-main {
            font-size: 1.25rem;
            font-weight: 700;
            color: #e2e8f0;
          }

          .tech-toggle-desc {
            font-size: 0.9rem;
            color: #94a3b8;
            line-height: 1.4;
          }

          .tech-toggle-arrow {
            width: 40px;
            height: 40px;
            background: rgba(99, 102, 241, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #a78bfa;
            font-size: 1rem;
            transition: all 0.3s ease;
            flex-shrink: 0;
          }

          .tech-toggle-button[aria-expanded="true"] .tech-toggle-arrow {
            transform: rotate(180deg);
          }

          /* Collapsible Content */
          .tech-specs-collapsible {
            overflow: hidden;
            transition: all 0.4s ease;
          }

          .tech-specs-inner {
            padding: 3rem 0;
          }

          .tech-deep-dive-title {
            font-size: 2rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 0.5rem;
          }

          .tech-deep-dive-subtitle {
            font-size: 1rem;
            color: #94a3b8;
            font-weight: 500;
          }

          /* Technical Cards Grid */
          .tech-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            margin-top: 2rem;
          }

          .tech-detail-card {
            background: rgba(15, 23, 42, 0.4);
            border: 1px solid rgba(148, 163, 184, 0.15);
            border-radius: 20px;
            padding: 2rem;
            position: relative;
            transition: all 0.3s ease;
          }

          .tech-detail-card:hover {
            transform: translateY(-4px);
            border-color: rgba(148, 163, 184, 0.3);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
          }

          .tech-card-featured {
            background: linear-gradient(145deg, rgba(99, 102, 241, 0.08), rgba(236, 72, 153, 0.08));
            border: 1px solid rgba(99, 102, 241, 0.3);
            position: relative;
            overflow: hidden;
          }

          .tech-card-featured:hover {
            border-color: rgba(99, 102, 241, 0.5);
            box-shadow: 0 12px 40px rgba(99, 102, 241, 0.25);
          }

          .tech-card-glow {
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
          }

          .tech-card-featured:hover .tech-card-glow {
            opacity: 1;
          }

          /* Card Header */
          .tech-card-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid rgba(148, 163, 184, 0.1);
          }

          .tech-card-icon {
            width: 52px;
            height: 52px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            flex-shrink: 0;
          }

          .tech-icon-legacy {
            background: linear-gradient(135deg, rgba(148, 163, 184, 0.2), rgba(100, 116, 139, 0.2));
            color: #94a3b8;
          }

          .tech-icon-hexagram {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(236, 72, 153, 0.3));
            color: #a78bfa;
          }

          .tech-card-title {
            font-size: 1.375rem;
            font-weight: 700;
            color: #e2e8f0;
            margin: 0;
            line-height: 1.2;
          }

          .tech-card-subtitle {
            font-size: 0.875rem;
            color: #94a3b8;
            margin: 0.25rem 0 0 0;
          }

          /* Card Content */
          .tech-card-content {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
          }

          .tech-section {
            position: relative;
          }

          .tech-section-title {
            font-size: 1rem;
            font-weight: 700;
            color: #cbd5e1;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
          }

          .tech-section-title i {
            color: #a78bfa;
          }

          .tech-section-text {
            font-size: 0.9rem;
            line-height: 1.7;
            color: #cbd5e1;
          }

          .tech-detail-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 0.625rem;
          }

          .tech-detail-list li {
            font-size: 0.875rem;
            line-height: 1.6;
            color: #cbd5e1;
            padding-left: 1.5rem;
            position: relative;
          }

          .tech-detail-list li::before {
            content: '•';
            position: absolute;
            left: 0.5rem;
            color: #64748b;
            font-weight: 700;
          }

          .tech-detail-list li strong {
            color: #e2e8f0;
          }

          /* Layer Badges */
          .tech-layers-list li {
            padding-left: 0;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
          }

          .tech-layers-list li::before {
            display: none;
          }

          .layer-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 60px;
            padding: 0.25rem 0.5rem;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(236, 72, 153, 0.2));
            border: 1px solid rgba(99, 102, 241, 0.3);
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 600;
            color: #a78bfa;
            flex-shrink: 0;
          }

          /* Code Styling */
          .tech-code {
            display: inline-block;
            padding: 0.125rem 0.5rem;
            background: rgba(99, 102, 241, 0.15);
            border: 1px solid rgba(99, 102, 241, 0.25);
            border-radius: 4px;
            font-family: 'Courier New', monospace;
            font-size: 0.85rem;
            color: #a78bfa;
            font-weight: 600;
          }

          .tech-complexity-list li {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
          }

          /* Special Sections */
          .tech-limitations {
            background: rgba(239, 68, 68, 0.05);
            border-left: 3px solid #ef4444;
            padding: 1rem;
            border-radius: 8px;
          }

          .tech-limitations .tech-section-title i {
            color: #f87171;
          }

          .tech-advantages {
            background: rgba(34, 197, 94, 0.05);
            border-left: 3px solid #22c55e;
            padding: 1rem;
            border-radius: 8px;
          }

          .tech-advantages .tech-section-title i {
            color: #4ade80;
          }

          .tech-research-list li {
            color: #a5b4fc;
          }

          /* Performance Benchmarks */
          .tech-benchmarks-section {
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(148, 163, 184, 0.15);
          }

          .tech-benchmarks-title {
            text-align: center;
            font-size: 1.75rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 0.5rem;
          }

          .tech-benchmarks-subtitle {
            text-align: center;
            font-size: 0.95rem;
            color: #94a3b8;
            margin-bottom: 2rem;
          }

          .tech-benchmarks-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
          }

          .tech-benchmark-item {
            background: rgba(15, 23, 42, 0.4);
            border: 1px solid rgba(148, 163, 184, 0.15);
            border-radius: 16px;
            padding: 1.5rem;
            text-align: center;
            transition: all 0.3s ease;
          }

          .tech-benchmark-item:hover {
            transform: translateY(-4px);
            border-color: rgba(99, 102, 241, 0.3);
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2);
          }

          .benchmark-icon {
            width: 48px;
            height: 48px;
            margin: 0 auto 1rem;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(236, 72, 153, 0.2));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            color: #a78bfa;
          }

          .benchmark-label {
            font-size: 0.875rem;
            font-weight: 600;
            color: #94a3b8;
            margin-bottom: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
          }

          .benchmark-comparison {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            flex-wrap: wrap;
          }

          .benchmark-old {
            font-size: 0.9rem;
            color: #64748b;
            text-decoration: line-through;
          }

          .benchmark-comparison i {
            color: #94a3b8;
            font-size: 0.875rem;
          }

          .benchmark-new {
            font-size: 1.125rem;
            font-weight: 800;
            color: #34d399;
          }

          /* Detection Power Section - Responsive Styles */
          @media (max-width: 992px) {
            .detection-power-grid {
              gap: 2rem;
            }

            .detection-power-item {
              padding: 1.5rem;
            }

            .detection-tool-name {
              font-size: 1.125rem;
            }

            .detection-progress-bar {
              height: 42px;
            }

            .vs-circle {
              width: 60px;
              height: 60px;
              font-size: 1.125rem;
            }
          }

          @media (max-width: 768px) {
            .detection-power-section {
              padding: 3rem 0;
            }

            .detection-power-title {
              font-size: 2rem;
            }

            .detection-power-subtitle {
              font-size: 1rem;
            }

            .detection-power-grid {
              grid-template-columns: 1fr;
              gap: 2rem;
            }

            .detection-vs-divider {
              display: none;
            }

            .detection-power-item {
              padding: 1.5rem;
            }

            .detection-icon {
              width: 48px;
              height: 48px;
              font-size: 1.25rem;
            }

            .detection-tool-name {
              font-size: 1.125rem;
            }

            .detection-progress-bar {
              height: 40px;
            }

            .detection-progress-label {
              font-size: 1rem;
            }

            .detection-feature {
              font-size: 0.85rem;
            }
          }

          @media (max-width: 576px) {
            .detection-power-section {
              padding: 2.5rem 0;
            }

            .detection-power-title {
              font-size: 1.75rem;
              line-height: 1.2;
            }

            .detection-power-subtitle {
              font-size: 0.9rem;
            }

            .detection-power-item {
              padding: 1.25rem;
            }

            .detection-power-header {
              gap: 0.75rem;
            }

            .detection-icon {
              width: 44px;
              height: 44px;
              font-size: 1.125rem;
            }

            .detection-tool-name {
              font-size: 1rem;
            }

            .detection-tool-desc {
              font-size: 0.8rem;
            }

            .detection-progress-bar {
              height: 36px;
            }

            .detection-progress-label {
              font-size: 0.9rem;
            }

            .detection-progress-zero {
              min-width: 60px;
            }

            .detection-feature {
              font-size: 0.8rem;
              gap: 0.5rem;
            }

            .detection-feature i {
              font-size: 1rem;
            }
          }

          /* Technical Deep Dive Section - Responsive Styles */
          @media (max-width: 992px) {
            .tech-toggle-button {
              padding: 1.25rem 1.5rem;
            }

            .tech-toggle-icon {
              width: 48px;
              height: 48px;
              font-size: 1.25rem;
            }

            .tech-title-main {
              font-size: 1.125rem;
            }

            .tech-cards-grid {
              gap: 1.5rem;
            }

            .tech-detail-card {
              padding: 1.5rem;
            }
          }

          @media (max-width: 768px) {
            .tech-deep-dive-section {
              margin-top: 3rem;
            }

            .tech-toggle-button {
              padding: 1.25rem;
            }

            .tech-toggle-content {
              gap: 1rem;
            }

            .tech-toggle-icon {
              width: 44px;
              height: 44px;
              font-size: 1.125rem;
            }

            .tech-badge {
              font-size: 0.7rem;
              padding: 0.2rem 0.6rem;
            }

            .tech-title-main {
              font-size: 1.075rem;
            }

            .tech-toggle-desc {
              font-size: 0.85rem;
            }

            .tech-toggle-arrow {
              width: 36px;
              height: 36px;
              font-size: 0.9rem;
            }

            .tech-specs-inner {
              padding: 2rem 0;
            }

            .tech-deep-dive-title {
              font-size: 1.75rem;
            }

            .tech-deep-dive-subtitle {
              font-size: 0.9rem;
            }

            .tech-cards-grid {
              grid-template-columns: 1fr;
              gap: 1.5rem;
            }

            .tech-detail-card {
              padding: 1.5rem;
            }

            .tech-card-title {
              font-size: 1.25rem;
            }

            .tech-section-title {
              font-size: 0.95rem;
            }

            .tech-detail-list li {
              font-size: 0.825rem;
            }

            .tech-benchmarks-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 1rem;
            }

            .tech-benchmarks-title {
              font-size: 1.5rem;
            }
          }

          @media (max-width: 576px) {
            .tech-toggle-wrapper {
              padding: 0 0.5rem;
            }

            .tech-toggle-button {
              padding: 1rem;
              flex-direction: column;
              align-items: stretch;
              gap: 1rem;
            }

            .tech-toggle-content {
              flex-direction: column;
              align-items: center;
              text-align: center;
              gap: 0.75rem;
            }

            .tech-toggle-icon {
              width: 52px;
              height: 52px;
            }

            .tech-toggle-text {
              text-align: center;
            }

            .tech-toggle-title {
              flex-direction: column;
              align-items: center;
              gap: 0.5rem;
            }

            .tech-title-main {
              font-size: 1rem;
            }

            .tech-toggle-desc {
              font-size: 0.8rem;
            }

            .tech-toggle-arrow {
              align-self: center;
            }

            .tech-deep-dive-title {
              font-size: 1.5rem;
            }

            .tech-deep-dive-subtitle {
              font-size: 0.85rem;
            }

            .tech-detail-card {
              padding: 1.25rem;
            }

            .tech-card-header {
              flex-direction: column;
              text-align: center;
              align-items: center;
            }

            .tech-card-icon {
              width: 48px;
              height: 48px;
              font-size: 1.25rem;
            }

            .tech-card-title {
              font-size: 1.125rem;
              text-align: center;
            }

            .tech-card-subtitle {
              font-size: 0.8rem;
              text-align: center;
            }

            .tech-section-title {
              font-size: 0.9rem;
            }

            .tech-section-text {
              font-size: 0.85rem;
            }

            .tech-detail-list li {
              font-size: 0.8rem;
            }

            .layer-badge {
              min-width: 55px;
              font-size: 0.7rem;
            }

            .tech-code {
              font-size: 0.8rem;
              padding: 0.1rem 0.4rem;
            }

            .tech-benchmarks-section {
              margin-top: 2rem;
            }

            .tech-benchmarks-title {
              font-size: 1.25rem;
            }

            .tech-benchmarks-subtitle {
              font-size: 0.85rem;
            }

            .tech-benchmarks-grid {
              grid-template-columns: 1fr;
              gap: 1rem;
            }

            .tech-benchmark-item {
              padding: 1.25rem;
            }

            .benchmark-icon {
              width: 44px;
              height: 44px;
              font-size: 1.125rem;
            }

            .benchmark-label {
              font-size: 0.8rem;
            }

            .benchmark-old {
              font-size: 0.85rem;
            }

            .benchmark-new {
              font-size: 1rem;
            }
          }

          .moss-v2-label {
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
          }
          .comparison-bar-track {
            background: rgba(30, 41, 59, 0.5);
            border-radius: 12px;
            height: 48px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(148, 163, 184, 0.1);
          }
          .comparison-bar {
            height: 100%;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 16px;
            position: relative;
            transition: width 2s ease-out;
            animation: slide-bar 2s ease-out;
          }
          @keyframes slide-bar {
            from { width: 0; }
          }
          .moss-classic-bar {
            background: linear-gradient(90deg, #64748b, #475569);
          }
          .moss-v2-bar {
            background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
            box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
          }
          .comparison-bar-value {
            font-size: 1.25rem;
            font-weight: 800;
            color: white;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
          }
          .vs-divider {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
          }
          .vs-text {
            font-size: 1.25rem;
            font-weight: 900;
            color: white;
            letter-spacing: 2px;
          }

          /* Feature Comparison Table */
          .moss-feature-table {
            background: rgba(15, 23, 42, 0.5);
            border-radius: 16px;
            padding: 24px;
            border: 1px solid rgba(148, 163, 184, 0.1);
          }
          .moss-table {
            margin: 0;
            color: #cbd5e1;
          }
          .moss-table thead th {
            background: rgba(30, 41, 59, 0.5);
            color: #e2e8f0;
            font-weight: 700;
            padding: 16px;
            border: none;
            font-size: 1rem;
          }
          .moss-v2-col {
            background: rgba(99, 102, 241, 0.1);
            color: #a5b4fc;
          }
          .moss-table tbody td {
            padding: 14px 16px;
            border-top: 1px solid rgba(148, 163, 184, 0.1);
            color: #94a3b8;
          }
          .moss-table tbody tr:hover {
            background: rgba(30, 41, 59, 0.3);
          }

          /* CTA Box */
          .moss-cta-box {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15));
            border: 2px solid rgba(99, 102, 241, 0.3);
            border-radius: 20px;
            padding: 48px 32px;
            position: relative;
            overflow: hidden;
          }
          .moss-cta-box::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(99, 102, 241, 0.1), transparent 70%);
            animation: rotate-glow 15s linear infinite;
          }
          .moss-cta-title {
            font-size: 2rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 12px;
            position: relative;
            z-index: 2;
          }
          .moss-cta-text {
            font-size: 1.1rem;
            color: #94a3b8;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
          }
          .moss-cta-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 16px 40px;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            color: white;
            font-size: 1.1rem;
            font-weight: 700;
            border-radius: 12px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
            position: relative;
            z-index: 2;
          }
          .moss-cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(99, 102, 241, 0.5);
            color: white;
          }

          /* Mini Stats in CTA */
          .moss-cta-stats {
            position: relative;
            z-index: 2;
          }
          .moss-mini-stat {
            background: rgba(15, 23, 42, 0.6);
            border: 1px solid rgba(99, 102, 241, 0.2);
            border-radius: 12px;
            padding: 16px 12px;
            transition: all 0.3s ease;
          }
          .moss-mini-stat:hover {
            border-color: rgba(99, 102, 241, 0.5);
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);
          }
          .moss-mini-stat-value {
            font-size: 1.75rem;
            font-weight: 800;
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.2;
            margin-bottom: 6px;
          }
          .moss-mini-stat-label {
            font-size: 0.85rem;
            color: #94a3b8;
            line-height: 1.3;
          }

          /* Responsive */
          @media (max-width: 991.98px) {
            .moss-evo-title {
              font-size: 2rem;
            }
            .moss-comparison-card {
              margin-bottom: 24px;
            }
            .moss-visual-comparison .row {
              gap: 24px;
            }
            .vs-divider {
              margin: 20px 0;
            }
            .moss-card-footer {
              flex-wrap: wrap;
              gap: 16px;
            }
            .moss-stat {
              flex: 1 1 120px;
            }
          }

/* ===== Style Block 8 ===== */
/* Base Section */
           .premium-testimonials {
             position: relative;
             padding: 100px 0 80px;
             background: linear-gradient(180deg, #0a0f1c 0%, #1a1f35 50%, #0a0f1c 100%);
             overflow: hidden;
           }
           .edu-header { text-align:center; max-width:900px; margin:0 auto 28px; }
           .edu-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .9rem; border-radius:999px; font-weight:700; font-size:.9rem; color:#0f172a; background:#ffffff; border:1px solid rgba(15,23,42,.08); box-shadow:0 8px 22px rgba(2,6,23,.06); }
           .edu-title { font-size:2.2rem; font-weight:800; color:#0f172a; margin:10px 0 6px; letter-spacing:-.01em; }
           .edu-sub { color:#475569; font-size:1rem; }
           .edu-viewport { position:relative; overflow:visible; margin-top:16px; }
           .edu-track { display:flex; gap:24px; overflow-x:auto; overflow-y:visible; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:4px; scrollbar-width:none; overscroll-behavior-x: contain; overscroll-behavior: contain; touch-action: pan-x; }
           .edu-track::-webkit-scrollbar { display:none; }
           .edu-slide { flex: 0 0 100%; scroll-snap-align:center; display:flex; justify-content:center; perspective:1200px; overflow:visible; }
           .edu-card { position:relative; overflow:visible; border-radius:14px; max-width:860px; width:100%; padding:22px 22px 20px; background:#ffffff; border:1px solid #e5e7eb; box-shadow: 0 6px 18px rgba(2,6,23,0.06); transform:none; transition: box-shadow .2s ease, transform .2s ease; }
           .edu-card::before { content:""; display:none; }
           .edu-card::after { content:""; display:none; }
           .edu-card * { position:relative; z-index:2; }
           .edu-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(2,6,23,0.10); }
           .edu-card:active { transform: translateY(-1px); }
           .edu-card:hover .edu-quote:after { transform: translateX(120%); opacity:.9; }
           .edu-stars { display:none; }
           .edu-stars i { display:none; }
           .edu-quote { position:relative; color:#0f172a; font-size:1.06rem; line-height:1.75; margin:0 0 18px; padding:6px 0 6px 20px; }
           .edu-quote:before { content:'\201C'; position:absolute; left:0; top:-4px; color:#2563eb; font-family: Georgia, serif; font-size:2.6rem; opacity:.95; line-height:1; text-shadow: 0 8px 22px rgba(37,99,235,.25); }
           .edu-quote:after { content:""; position:absolute; left:-20%; top:0; bottom:0; width:35%; background: linear-gradient(90deg, rgba(59,130,246,0.08), rgba(99,102,241,0.08), transparent 70%); transform: translateX(-120%); transition: transform .7s ease; pointer-events:none; }
           .edu-author { display:flex; align-items:center; gap:12px; }
           .edu-avatar { box-sizing: content-box; width:52px; height:52px; padding:0; border-radius:12px; object-fit:cover; border:1px solid #e5e7eb; background:#fff; box-shadow:none; filter: grayscale(100%); opacity:.95; }
           .edu-meta { display:flex; flex-direction:column; }
           .edu-name { font-weight:900; color:#0f172a; letter-spacing:.1px; }
           .edu-titleline { font-size:.94rem; color:#475569; }
           .edu-date { margin-top:2px; font-size:.82rem; color:#64748b; }
           .edu-verified { margin-top:2px; display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:#16a34a; font-weight:700; }
           .edu-verified i { color:#16a34a; }
            .edu-controls { display:flex; gap:12px; justify-content:center; align-items:center; margin-top:14px; }
           .edu-nav { width:40px; height:40px; border-radius:50%; border:1px solid rgba(15,23,42,.12); background:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(2,6,23,.08); color:#0f172a; transition: transform .2s ease, box-shadow .2s ease; }
           .edu-nav:hover { transform: translateY(-2px); box-shadow:0 10px 22px rgba(2,6,23,.12); }
            .edu-dots { display:flex; gap:8px; }
            .edu-dot { width:9px; height:9px; border-radius:999px; background:#d1d5db; }
            .edu-dot.active { background:#2563eb; }
           @media (max-width: 768px) { .edu-title { font-size:1.8rem; } .edu-card { padding:20px 16px; border-radius:18px; } .edu-quote { font-size:1rem; } }
           @media (prefers-reduced-motion: reduce) { .edu-card, .edu-quote:after { transition: none !important; } }
           
           /* Premium Testimonials Extension */
           .premium-testimonials { position:relative; padding:100px 0 80px; background:linear-gradient(180deg,#0a0f1c 0%,#1a1f35 50%,#0a0f1c 100%); overflow:hidden; }
           .testimonial-bg-animation { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
           .gradient-orb { position:absolute; border-radius:50%; filter:blur(100px); opacity:0.6; animation:float 20s ease-in-out infinite; }
           .orb-1 { width:500px; height:500px; top:-10%; left:-5%; background:radial-gradient(circle,rgba(99,102,241,0.4),rgba(139,92,246,0.2)); }
           .orb-2 { width:600px; height:600px; top:40%; right:-10%; background:radial-gradient(circle,rgba(236,72,153,0.3),rgba(251,191,36,0.2)); animation-delay:-7s; }
           .orb-3 { width:400px; height:400px; bottom:-5%; left:30%; background:radial-gradient(circle,rgba(34,197,94,0.3),rgba(59,130,246,0.2)); animation-delay:-14s; }
           @keyframes float { 0%,100%{transform:translate(0,0) scale(1);} 33%{transform:translate(30px,-30px) scale(1.1);} 66%{transform:translate(-20px,20px) scale(0.9);} }
           .gradient-mesh { position:absolute; inset:0; background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,0.03) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(236,72,153,0.03) 50%,transparent 100%); animation:mesh-move 15s ease-in-out infinite; }
           @keyframes mesh-move { 0%,100%{transform:translate(0,0);} 50%{transform:translate(30px,-30px);} }
           .testimonial-premium-header { text-align:center; max-width:900px; margin:0 auto 64px; position:relative; z-index:2; }
           .testimonial-premium-badge { display:inline-flex; align-items:center; padding:12px 24px; background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899); border-radius:50px; font-weight:700; font-size:0.95rem; color:white; box-shadow:0 10px 30px rgba(99,102,241,0.4); position:relative; overflow:hidden; margin-bottom:24px; }
           .badge-shine { position:absolute; top:0; left:-100%; width:50%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent); animation:shine 3s infinite; }
           @keyframes shine { 0%{left:-100%;} 50%,100%{left:200%;} }
           .testimonial-premium-title { font-size:3rem; font-weight:900; color:#e2e8f0; margin-bottom:20px; letter-spacing:-0.02em; }
           .title-gradient { background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:gradient-flow 8s ease infinite; background-size:200% auto; }
           @keyframes gradient-flow { 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} }
           .testimonial-premium-subtitle { font-size:1.2rem; color:#94a3b8; line-height:1.7; }
           .premium-viewport { position:relative; overflow:visible; margin-top:32px; z-index:2; }
           .premium-track { display:flex; gap:32px; overflow-x:auto; overflow-y:visible; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:12px; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x; }
           .premium-track::-webkit-scrollbar { display:none; }
           .premium-slide { flex:0 0 100%; scroll-snap-align:center; display:flex; justify-content:center; overflow:visible; }
           .premium-card { position:relative; max-width:900px; width:100%; padding:40px; background:linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.95)); border:1px solid rgba(148,163,184,0.2); border-radius:24px; overflow:hidden; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); box-shadow:0 20px 60px rgba(0,0,0,0.4); }
           .premium-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b); background-size:200% auto; animation:gradient-flow 3s ease infinite; }
           .premium-card:hover { transform:translateY(-8px); border-color:rgba(99,102,241,0.4); box-shadow:0 30px 80px rgba(99,102,241,0.3); }
           .premium-card-glow { position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle,rgba(99,102,241,0.1),transparent 70%); animation:rotate-glow 20s linear infinite; pointer-events:none; }
           @keyframes rotate-glow { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
           .premium-stars { display:flex; gap:4px; margin-bottom:24px; position:relative; z-index:2; }
           .premium-stars i { color:#fbbf24; font-size:1.1rem; text-shadow:0 0 10px rgba(251,191,36,0.5); }
           .premium-quote { position:relative; color:#e2e8f0; font-size:1.15rem; line-height:1.8; margin:0 0 32px; padding:0 0 0 24px; z-index:2; }
           .premium-quote:before { content:'\201C'; position:absolute; left:-8px; top:-16px; font-family:Georgia,serif; font-size:5rem; font-weight:700; background:linear-gradient(135deg,#6366f1,#ec4899); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; opacity:0.8; }
           .premium-author { display:flex; align-items:center; gap:16px; position:relative; z-index:2; }
           .premium-avatar { width:64px; height:64px; border-radius:16px; object-fit:cover; border:3px solid rgba(99,102,241,0.3); box-shadow:0 8px 24px rgba(0,0,0,0.3); transition:all 0.3s ease; }
           .premium-card:hover .premium-avatar { border-color:rgba(99,102,241,0.6); transform:scale(1.05); }
           .premium-meta { display:flex; flex-direction:column; gap:6px; }
           .premium-name { font-size:1.1rem; font-weight:800; color:#e2e8f0; letter-spacing:0.3px; }
           .premium-titleline { font-size:0.95rem; color:#94a3b8; }
           .premium-footer-row { display:flex; align-items:center; gap:16px; margin-top:4px; }
           .premium-date { font-size:0.85rem; color:#64748b; display:inline-flex; align-items:center; gap:4px; }
           .premium-verified { display:inline-flex; align-items:center; gap:4px; font-size:0.85rem; color:#22c55e; font-weight:600; }
           .premium-controls { display:flex; gap:16px; justify-content:center; align-items:center; margin-top:48px; position:relative; z-index:2; }
           .premium-nav { width:50px; height:50px; border-radius:50%; border:2px solid rgba(99,102,241,0.3); background:linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.9)); display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,0.3); color:#e2e8f0; cursor:pointer; transition:all 0.3s ease; }
           .premium-nav:hover { transform:translateY(-3px); border-color:rgba(99,102,241,0.6); box-shadow:0 15px 40px rgba(99,102,241,0.3); background:linear-gradient(145deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2)); }
           .premium-dots { display:flex; gap:10px; }
           .premium-dot { width:12px; height:12px; border-radius:50%; background:rgba(148,163,184,0.3); cursor:pointer; transition:all 0.3s ease; }
           .premium-dot.active { background:linear-gradient(135deg,#6366f1,#8b5cf6); box-shadow:0 0 20px rgba(99,102,241,0.6); transform:scale(1.2); }
           @media (max-width:768px) { .testimonial-premium-title{font-size:2rem;} .premium-card{padding:28px 20px;} .premium-quote{font-size:1rem;} .orb-1,.orb-2,.orb-3{width:300px;height:300px;} }
           @media (prefers-reduced-motion:reduce) { .premium-card,.gradient-orb,.badge-shine,.premium-avatar{animation:none!important;transition:none!important;} }

/* ===== Style Block 9 ===== */
.quick-benefit-card {
                     position: relative;
                     background: rgba(255,255,255,0.78);
                     border: 1px solid rgba(15,23,42,0.06);
                     border-radius: 16px;
                     padding: 1.25rem 1.25rem 1.1rem;
                     box-shadow: 0 10px 24px rgba(15,23,42,0.06);
                     overflow: hidden;
                     transition: transform .25s ease, box-shadow .25s ease;
                     backdrop-filter: blur(8px);
                  }
                  .quick-benefit-card::before {
                     content: '';
                     position: absolute; inset: 0; border-radius: 16px; padding: 1px;
                     background: linear-gradient(135deg, rgba(59,130,246,.2), rgba(14,165,233,.16), rgba(16,185,129,.16));
                     -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
                     -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
                  }
                  .quick-benefit-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15,23,42,.12); }
                  .quick-benefit-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; color:#fff; box-shadow: 0 8px 22px rgba(2,6,23,.12); margin-bottom: .75rem; }
                  .quick-benefit-title { font-weight: 800; color: #0f172a; letter-spacing: -0.01em; font-size: 1.05rem; margin-bottom: .35rem; }
                  .quick-benefit-text { color: #475569; font-size: .925rem; line-height: 1.6; margin: 0; }
                  /* Color variants */
                  .qb-blue { background: linear-gradient(135deg,#3b82f6,#2563eb); }
                  .qb-emerald { background: linear-gradient(135deg,#10b981,#059669); }
                  .qb-indigo { background: linear-gradient(135deg,#6366f1,#8b5cf6); }
                  .qb-amber { background: linear-gradient(135deg,#f59e0b,#d97706); }
                  @media (max-width: 768px){ .quick-benefit-card{ padding: 1rem; } }

/* ===== Enhanced Leading Section Styles ===== */
/* Floating Background Shapes */
.leading-section {
   position: relative;
   overflow: hidden;
}

.floating-shapes {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 1;
}

.floating-shapes .shape {
   position: absolute;
   border-radius: 50%;
   opacity: 0.15;
   filter: blur(60px);
   animation: float 20s infinite ease-in-out;
}

.floating-shapes .shape-1 {
   width: 400px;
   height: 400px;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
   top: -100px;
   left: -100px;
   animation-delay: 0s;
}

.floating-shapes .shape-2 {
   width: 350px;
   height: 350px;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent);
   top: 50%;
   right: -80px;
   animation-delay: -7s;
}

.floating-shapes .shape-3 {
   width: 300px;
   height: 300px;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent);
   bottom: -50px;
   left: 50%;
   animation-delay: -14s;
}

@keyframes float {
   0%, 100% {
      transform: translate(0, 0) rotate(0deg);
   }
   25% {
      transform: translate(30px, -30px) rotate(5deg);
   }
   50% {
      transform: translate(-20px, 20px) rotate(-5deg);
   }
   75% {
      transform: translate(40px, 10px) rotate(3deg);
   }
}

/* Premium Badge */
.badge-premium-light {
   background: rgba(255, 255, 255, 0.25) !important;
   backdrop-filter: blur(10px);
   border: 1px solid rgba(255, 255, 255, 0.4);
   color: #fff !important;
   font-weight: 600;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   font-size: 0.7rem !important;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}

.badge-premium-light:hover {
   background: rgba(255, 255, 255, 0.35) !important;
   transform: translateY(-2px);
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.badge-premium-light i {
   font-size: 0.9rem;
}

/* Leading Title */
.leading-title {
   font-size: 3.5rem !important;
   line-height: 1.2 !important;
   font-weight: 900 !important;
   letter-spacing: -0.02em;
   text-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
   margin-bottom: 1.5rem !important;
}

.leading-title .title-line-1,
.leading-title .title-line-2 {
   display: block;
   background: linear-gradient(135deg, #ffffff 0%, #e0f2fe 30%, #ddd6fe 60%, #fef3c7 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   animation: shimmer 3s ease-in-out infinite;
   background-size: 200% 200%;
}

.leading-title .title-line-1 {
   font-size: 0.7em;
   font-weight: 700;
   opacity: 0.95;
   margin-bottom: 0.2em;
}

@keyframes shimmer {
   0%, 100% {
      background-position: 0% 50%;
   }
   50% {
      background-position: 100% 50%;
   }
}

/* Lead Description */
.lead-description {
   font-size: 1.15rem !important;
   line-height: 1.7 !important;
   font-weight: 400;
   opacity: 0.95;
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lead-description strong {
   font-weight: 700;
   color: #fef3c7;
}

/* Trust Indicators */
.trust-indicators {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 1.5rem;
   padding: 1.5rem;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   border-radius: 50px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
   max-width: 700px;
   margin: 0 auto;
}

.trust-item {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   color: #fff;
   font-weight: 600;
   font-size: 0.95rem;
}

.trust-item i {
   color: #fbbf24;
   font-size: 1.1rem;
}

.trust-divider {
   width: 1px;
   height: 24px;
   background: rgba(255, 255, 255, 0.3);
}

/* Animations */
@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(10px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

@keyframes slideUp {
   from {
      opacity: 0;
      transform: translateY(30px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.animate-fade-in {
   animation: fadeIn 0.8s ease-out forwards;
   animation-delay: 0.2s;
   opacity: 0;
}

.animate-slide-up {
   animation: slideUp 1s ease-out forwards;
   animation-delay: 0.4s;
   opacity: 0;
}

.animate-fade-in-delayed {
   animation: fadeIn 1s ease-out forwards;
   animation-delay: 0.6s;
   opacity: 0;
}

/* Responsive Styles */
@media (max-width: 992px) {
   .leading-title {
      font-size: 2.8rem !important;
   }
   
   .lead-description {
      font-size: 1rem !important;
   }
   
   .trust-indicators {
      gap: 1rem;
      padding: 1rem;
   }
   
   .trust-item {
      font-size: 0.85rem;
   }
}

@media (max-width: 768px) {
   .leading-title {
      font-size: 2.2rem !important;
   }
   
   .lead-description {
      font-size: 0.95rem !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
   
   .trust-indicators {
      flex-direction: column;
      gap: 0.75rem;
      padding: 1rem;
      border-radius: 20px;
   }
   
   .trust-divider {
      width: 40px;
      height: 1px;
   }
   
   .floating-shapes .shape {
      display: none;
   }
}

@media (max-width: 576px) {
   .leading-title {
      font-size: 1.8rem !important;
   }
   
   .badge-premium-light {
      font-size: 0.65rem !important;
      padding: 0.4rem 0.8rem !important;
   }
}

/* ===== New Sections Styles ===== */
/* Section Badge - Reusable */
.section-badge {
   display: inline-block;
   padding: 0.5rem 1.25rem;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #fff;
   font-weight: 600;
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   border-radius: 50px;
   box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* ===== Comparison Table Section ===== */
.comparison-section {
   background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%);
   position: relative;
   overflow: hidden;
}

.comparison-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   width: 100%;
   height: 100%;
   background: radial-gradient(ellipse at center, rgba(102, 126, 234, 0.03), transparent 70%);
   transform: translateX(-50%);
   pointer-events: none;
}

.comparison-title {
   font-size: 2.5rem;
   font-weight: 900;
   color: #1e293b;
   margin-bottom: 1rem;
}

.comparison-subtitle {
   font-size: 1.1rem;
   color: #64748b;
}

.comparison-table-wrapper {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin: 0 -1rem;
   padding: 0 1rem;
}

.comparison-table {
   display: grid;
   grid-template-columns: 2.2fr repeat(4, 1fr);
   min-width: 1000px;
   background: white;
   border-radius: 20px;
   box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   border: 2px solid #f1f5f9;
}

.comparison-header {
   display: contents;
}

.comparison-header .comparison-cell {
   background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
   color: white;
   padding: 1.75rem 1.25rem;
   font-weight: 700;
   text-align: center;
   font-size: 1.05rem;
}

.comparison-header .comparison-cell.codequiry-cell {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   position: relative;
}

.comparison-header .comparison-cell.codequiry-cell span,
.comparison-header .comparison-cell.codequiry-cell .brand-logo,
.comparison-header .comparison-cell.codequiry-cell .brand-logo span {
   color: #ffffff !important;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.comparison-header .comparison-cell.codequiry-cell::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 4px;
   background: linear-gradient(90deg, transparent, #fbbf24, transparent);
}

.comparison-row {
   display: contents;
}

.comparison-row:nth-child(even) .comparison-cell {
   background: #fafbfc;
}

.comparison-row:nth-child(odd) .comparison-cell {
   background: #ffffff;
}

.comparison-row:nth-child(even) .comparison-cell.codequiry-cell,
.comparison-row:nth-child(odd) .comparison-cell.codequiry-cell {
   background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
}

.comparison-cell {
   padding: 1.5rem 1.25rem;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   border-bottom: 1px solid #e2e8f0;
   transition: all 0.3s ease;
   min-height: 80px;
}

.comparison-cell.feature-cell {
   justify-content: flex-start;
   text-align: left;
   padding-left: 2rem;
   padding-right: 1.5rem;
}

.comparison-cell.feature-cell strong {
   display: block;
   font-size: 1.05rem;
   color: #1e293b;
   margin-bottom: 0.4rem;
   font-weight: 700;
}

.comparison-cell.feature-cell small {
   display: block;
   font-size: 0.88rem;
   color: #64748b;
   line-height: 1.4;
}

.comparison-cell.codequiry-cell {
   background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
   border-left: 3px solid #2563eb;
   border-right: 3px solid #2563eb;
   position: relative;
}

.brand-logo {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.6rem;
   font-size: 1.15rem;
   font-weight: 700;
   color: #fff;
}

.brand-logo i {
   color: #fbbf24;
   font-size: 1.3rem;
}

.brand-name {
   font-weight: 600;
   font-size: 1rem;
   color: #fff;
}

.comparison-cell .fas.fa-check-circle {
   font-size: 2rem;
   color: #10b981;
}

.comparison-cell.codequiry-cell .fas.fa-check-circle {
   font-size: 2rem;
   color: #10b981;
}

.comparison-cell .fas.fa-times-circle {
   font-size: 2rem;
   color: #ef4444;
   opacity: 0.7;
}

.feature-highlight {
   display: inline-block;
   padding: 0.6rem 1.25rem;
   background: linear-gradient(135deg, #667eea, #764ba2);
   color: white;
   font-weight: 700;
   border-radius: 10px;
   font-size: 1.15rem;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.badge-limited {
   display: inline-block;
   padding: 0.4rem 0.85rem;
   background: #fef3c7;
   color: #92400e;
   border-radius: 8px;
   font-size: 0.88rem;
   font-weight: 600;
   border: 1px solid #fcd34d;
}

.badge-warning {
   display: inline-block;
   padding: 0.4rem 0.85rem;
   background: #fee2e2;
   color: #991b1b;
   border-radius: 8px;
   font-size: 0.88rem;
   font-weight: 600;
   border: 1px solid #fca5a5;
}

.comparison-cta-row {
   display: contents;
}

.comparison-cta-row .comparison-cell {
   padding: 2.5rem 1.25rem;
   background: #f8fafc !important;
   border-bottom: none;
}

.comparison-cta-row .comparison-cell.codequiry-cell {
   background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
}

.btn-comparison-cta {
   display: inline-flex;
   align-items: center;
   padding: 1rem 2.5rem;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   font-weight: 700;
   border-radius: 50px;
   text-decoration: none;
   transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
   font-size: 1.05rem;
}

.btn-comparison-cta:hover {
   transform: translateY(-3px);
   box-shadow: 0 10px 30px rgba(102, 126, 234, 0.45);
   color: white;
}

.btn-comparison-cta:active {
   transform: translateY(-1px);
}

.comparison-note {
   margin-top: 1.5rem;
}

/* Responsive Comparison Table */
@media (max-width: 992px) {
   .comparison-table {
      font-size: 0.9rem;
      grid-template-columns: 2fr repeat(4, 1fr);
   }
   
   .comparison-cell {
      padding: 1.25rem 0.85rem;
      min-height: 70px;
   }
   
   .comparison-cell.feature-cell {
      padding-left: 1.25rem;
   }
   
   .comparison-cell .fas.fa-check-circle,
   .comparison-cell .fas.fa-times-circle {
      font-size: 1.6rem;
   }
}

/* ===== Integration Section ===== */
.integration-section {
   background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.integration-title {
   font-size: 2.5rem;
   font-weight: 900;
   color: #1e293b;
   margin-bottom: 1rem;
}

.integration-subtitle {
   font-size: 1.1rem;
   color: #64748b;
}

.integration-card {
   background: white;
   border-radius: 16px;
   padding: 2rem;
   height: 100%;
   border: 1px solid #e2e8f0;
   transition: all 0.3s ease;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.integration-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
   border-color: #667eea;
}

.integration-icon {
   width: 64px;
   height: 64px;
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   margin-bottom: 1.5rem;
   color: white;
}

.lms-icon {
   background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.git-icon {
   background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.ide-icon {
   background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.cicd-icon {
   background: linear-gradient(135deg, #ec4899, #db2777);
}

.comm-icon {
   background: linear-gradient(135deg, #10b981, #059669);
}

.cloud-icon {
   background: linear-gradient(135deg, #f59e0b, #d97706);
}

.integration-card-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 0.75rem;
}

.integration-card-desc {
   color: #64748b;
   font-size: 0.95rem;
   margin-bottom: 1.25rem;
}

.integration-platforms {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
   margin-bottom: 1.25rem;
}

.platform-badge {
   display: inline-flex;
   align-items: center;
   padding: 0.4rem 0.75rem;
   background: #f1f5f9;
   color: #475569;
   border-radius: 6px;
   font-size: 0.85rem;
   font-weight: 600;
}

.integration-status {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-size: 0.9rem;
   color: #64748b;
   font-weight: 600;
}

.integration-api-cta {
   background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
   border-radius: 16px;
   padding: 2.5rem;
   margin-top: 3rem;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.api-cta-title {
   font-size: 1.75rem;
   font-weight: 700;
   color: white;
   margin-bottom: 0.75rem;
}

.api-cta-desc {
   color: #cbd5e1;
   font-size: 1.05rem;
   margin: 0;
}

.btn-api-docs {
   display: inline-flex;
   align-items: center;
   padding: 0.875rem 2rem;
   background: white;
   color: #1e293b;
   font-weight: 700;
   border-radius: 12px;
   text-decoration: none;
   transition: all 0.3s ease;
}

.btn-api-docs:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);
   color: #1e293b;
}

/* ===== FAQ Section ===== */
.faq-section {
   background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.faq-title {
   font-size: 2.5rem;
   font-weight: 900;
   color: #1e293b;
   margin-bottom: 1rem;
}

.faq-subtitle {
   font-size: 1.1rem;
   color: #64748b;
}

.faq-accordion {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.faq-item {
   background: white;
   border-radius: 12px;
   border: 1px solid #e2e8f0;
   overflow: hidden;
   transition: all 0.3s ease;
}

.faq-item:hover {
   border-color: #667eea;
   box-shadow: 0 4px 20px rgba(102, 126, 234, 0.1);
}

.faq-question {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.5rem 2rem;
   cursor: pointer;
   user-select: none;
   transition: all 0.3s ease;
}

.faq-question:hover {
   background: #f8fafc;
}

.faq-question-text {
   font-size: 1.15rem;
   font-weight: 700;
   color: #1e293b;
   margin: 0;
   display: flex;
   align-items: center;
   flex: 1;
}

.faq-question-text i {
   color: #667eea;
}

.faq-icon {
   font-size: 1.25rem;
   color: #64748b;
   transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
   transform: rotate(180deg);
}

.faq-answer {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.4s ease, padding 0.4s ease;
   padding: 0 2rem;
}

.faq-item.active .faq-answer {
   max-height: 1000px;
   padding: 0 2rem 1.5rem;
}

.faq-answer p {
   color: #475569;
   font-size: 1rem;
   line-height: 1.7;
   margin-bottom: 1rem;
}

.faq-answer ul {
   color: #475569;
   padding-left: 1.5rem;
   margin-bottom: 1rem;
}

.faq-answer ul li {
   margin-bottom: 0.5rem;
   line-height: 1.6;
}

.faq-answer strong {
   color: #1e293b;
   font-weight: 700;
}

.faq-answer a {
   color: #667eea;
   text-decoration: none;
   font-weight: 600;
}

.faq-answer a:hover {
   text-decoration: underline;
}

.faq-lang-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
   margin-top: 1rem;
}

.faq-lang-badge {
   display: inline-block;
   padding: 0.4rem 0.75rem;
   background: #f1f5f9;
   color: #475569;
   border-radius: 6px;
   font-size: 0.85rem;
   font-weight: 600;
}

.faq-cta {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: 16px;
   padding: 2.5rem;
   color: white;
}

.faq-cta-text {
   font-size: 1.25rem;
   font-weight: 600;
   margin-bottom: 1rem;
   color: white;
}

.btn-faq-contact {
   display: inline-flex;
   align-items: center;
   padding: 0.875rem 2rem;
   background: white;
   color: #667eea;
   font-weight: 700;
   border-radius: 12px;
   text-decoration: none;
   transition: all 0.3s ease;
}

.btn-faq-contact:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
   color: #667eea;
}

/* ===== Security Section ===== */
.security-section {
   background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.security-title {
   font-size: 2.5rem;
   font-weight: 900;
   color: #1e293b;
   margin-bottom: 1rem;
}

.security-subtitle {
   font-size: 1.1rem;
   color: #64748b;
}

.security-card {
   background: white;
   border-radius: 16px;
   padding: 2rem;
   text-align: center;
   border: 1px solid #e2e8f0;
   transition: all 0.3s ease;
   height: 100%;
}

.security-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
   border-color: #10b981;
}

.security-icon {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: linear-gradient(135deg, #10b981, #059669);
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.75rem;
   margin: 0 auto 1.5rem;
}

.security-card-title {
   font-size: 1.15rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 0.75rem;
}

.security-card-desc {
   color: #64748b;
   font-size: 0.95rem;
}

.compliance-badges {
   background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
   border-radius: 16px;
   padding: 2.5rem;
   margin-top: 2rem;
}

.compliance-badges-title {
   font-size: 1.5rem;
   font-weight: 700;
   color: white;
   text-align: center;
   margin-bottom: 2rem;
}

.badges-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 1.5rem;
   justify-content: center;
}

.badge-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   color: white;
   font-weight: 600;
   font-size: 0.9rem;
}

.badge-item i {
   font-size: 2rem;
   color: #10b981;
}

.security-detail-card {
   background: white;
   border-radius: 16px;
   padding: 2rem;
   border: 1px solid #e2e8f0;
   height: 100%;
}

.security-detail-title {
   font-size: 1.25rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 1.25rem;
}

.security-detail-list {
   list-style: none;
   padding: 0;
   margin: 0;
}

.security-detail-list li {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
   margin-bottom: 1rem;
   color: #475569;
   font-size: 0.95rem;
   line-height: 1.6;
}

.security-detail-list li i {
   color: #10b981;
   font-size: 1rem;
   margin-top: 0.2rem;
}

.security-cta {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: 16px;
   padding: 3rem;
   color: white;
}

.security-cta-title {
   font-size: 1.75rem;
   font-weight: 700;
   color: white;
   margin-bottom: 0.75rem;
}

.security-cta-desc {
   font-size: 1.05rem;
   color: #e0e7ff;
   margin-bottom: 2rem;
}

.security-cta-buttons {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
   justify-content: center;
}

.btn-security-white,
.btn-security-contact {
   display: inline-flex;
   align-items: center;
   padding: 0.875rem 2rem;
   font-weight: 700;
   border-radius: 12px;
   text-decoration: none;
   transition: all 0.3s ease;
}

.btn-security-white {
   background: white;
   color: #667eea;
}

.btn-security-white:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
   color: #667eea;
}

.btn-security-contact {
   background: rgba(255, 255, 255, 0.15);
   border: 2px solid white;
   color: white;
}

.btn-security-contact:hover {
   background: white;
   color: #667eea;
}

/* Responsive Styles for New Sections */
@media (max-width: 768px) {
   .comparison-title,
   .integration-title,
   .faq-title,
   .security-title {
      font-size: 2rem;
   }
   
   .integration-card,
   .security-card {
      padding: 1.5rem;
   }
   
   .faq-question {
      padding: 1.25rem 1.5rem;
   }
   
   .faq-answer {
      padding: 0 1.5rem;
   }
   
   .faq-item.active .faq-answer {
      padding: 0 1.5rem 1.25rem;
   }
   
   .integration-api-cta,
   .security-cta,
   .faq-cta {
      padding: 2rem;
   }
   
   .api-cta-title,
   .security-cta-title {
      font-size: 1.5rem;
   }
}

/* ===== Style Block 10 ===== */
/* Clean & Simple Sections - Apple/Stripe Inspired */

/* Shared Styles */
.simple-badge {
   display: inline-flex;
   align-items: center;
   padding: 6px 16px;
   background: rgba(99, 102, 241, 0.1);
   border: 1px solid rgba(99, 102, 241, 0.2);
   border-radius: 100px;
   color: #6366f1;
   font-size: 0.875rem;
   font-weight: 600;
   margin-bottom: 16px;
}

.section-title-clean {
   font-size: 2.5rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 16px;
   line-height: 1.2;
}

.gradient-text {
   background: linear-gradient(135deg, #6366f1, #8b5cf6);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

/* We Make Simple Section */
.we-make-simple-section {
   padding: 60px 0;
   background: #ffffff;
}

.simple-step-card {
   background: #ffffff;
   border: 1px solid #e5e7eb;
   border-radius: 16px;
   padding: 32px 24px;
   text-align: center;
   transition: all 0.3s ease;
   position: relative;
   height: 100%;
}

.simple-step-card:hover {
   border-color: #6366f1;
   transform: translateY(-4px);
   box-shadow: 0 20px 40px rgba(99, 102, 241, 0.12);
}

.step-number {
   position: absolute;
   top: 16px;
   right: 16px;
   font-size: 0.75rem;
   font-weight: 700;
   color: #cbd5e1;
}

.step-icon {
   width: 48px;
   height: 48px;
   margin: 0 auto 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
   background: linear-gradient(135deg, #f0f9ff, #ede9fe);
}

.step-icon i {
   font-size: 24px;
   color: #6366f1;
}

.step-title {
   font-size: 1.125rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 12px;
}

.step-description {
   font-size: 0.9375rem;
   color: #64748b;
   line-height: 1.6;
   margin: 0;
}

/* Languages Simple Section */
.languages-simple-section {
   padding: 60px 0;
   background: #f8fafc;
}

.compact-lang-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
   gap: 12px;
}

.compact-lang-item {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 12px 16px;
   background: #ffffff;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   transition: all 0.2s ease;
}

.compact-lang-item:hover {
   border-color: var(--accent-color);
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.lang-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--accent-color);
   flex-shrink: 0;
}

.lang-text {
   font-size: 0.875rem;
   font-weight: 500;
   color: #1e293b;
}

/* Responsive */
@media (max-width: 768px) {
   .section-title-clean {
      font-size: 1.875rem;
   }
   
   .simple-step-card {
      padding: 24px 16px;
   }
   
   .compact-lang-grid {
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
      gap: 8px;
   }
}

/* ===== Style Block 11 ===== */
.cq-btn-outline-light{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.6)}
		.cq-btn-outline-light:hover{background:rgba(255,255,255,.08)}
		.cq-btn-primary{color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);border:1px solid #2563eb}
		.cq-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.35)}
		.cq-btn-outline-primary{color:#2563eb;background:transparent;border:1px solid #2563eb}
		.cq-btn-outline-primary:hover{background:rgba(37,99,235,.06)}
		.cq-btn-outline-dark{color:#111827;background:transparent;border:1px solid #111827}
		.cq-btn-outline-dark:hover{background:rgba(17,24,39,.06)}
		/* Cards on dark background */
		.cq-card-glass{background:rgba(15,23,42,.6);color:#e5e7eb;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:.75rem}
		.cq-card-glass h6,.cq-card-glass .h6{color:#fff}
		.cq-card-glass .small,.cq-card-glass p{color:rgba(255,255,255,.88)}
		/* Elevation Cards & Dividers */
		.cq-card-elevated{background:#ffffff;border:1px solid rgba(2,6,23,.08);box-shadow:0 8px 18px rgba(2,6,23,.06);transition:transform .2s ease,box-shadow .2s ease}
		.cq-card-elevated:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(2,6,23,.1)}
		.cq-divider{height:3px;width:64px;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:2px;margin:.5rem 0 1rem}
		.cq-icon-badge{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:rgba(37,99,235,.1);color:#2563eb}
		/* Icon spacing for three sections */
		.cq-threat .feature-icon i,
		.cq-edu h5 i,
		.cq-ent h6 i{margin-right:.5rem}
		.cq-threat .d-flex > i{margin-right:.75rem}
		.cq-ent .p-4 i{margin-right:.5rem}
		/* Utilities */
		.opacity-85{opacity:.85}
		.backdrop-blur{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ===== Style Block 12 ===== */
/* Code Plagiarism Threat Section */
		.plagiarism-threat-section {
			padding: 80px 0;
			background: linear-gradient(180deg, #0a0f1c 0%, #050811 50%, #0a0f1c 100%);
			position: relative;
			overflow: hidden;
		}
		.plagiarism-threat-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			width: 100%;
			height: 100%;
			background: radial-gradient(ellipse at top, rgba(239, 68, 68, 0.12), transparent 60%);
			transform: translateX(-50%);
			pointer-events: none;
		}

		/* Header */
		.threat-header {
			position: relative;
			z-index: 2;
		}
		.threat-badge {
			display: inline-flex;
			align-items: center;
			padding: 8px 20px;
			background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.2));
			border: 1px solid rgba(239, 68, 68, 0.3);
			border-radius: 50px;
			color: #fca5a5;
			font-size: 0.9rem;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 20px;
		}
		.threat-title {
			font-size: 2.75rem;
			font-weight: 900;
			color: #e2e8f0;
			margin-bottom: 15px;
		}
		.threat-highlight {
			background: linear-gradient(135deg, #fbbf24, #f59e0b);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
		}
		.threat-subtitle {
			font-size: 1.15rem;
			color: #94a3b8;
			max-width: 900px;
			margin: 0 auto;
			line-height: 1.7;
		}

		/* Threat Type Cards */
		.threat-type-card {
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.8), rgba(2, 6, 23, 0.95));
			border: 1px solid rgba(148, 163, 184, 0.1);
			border-radius: 24px;
			padding: 32px;
			height: 100%;
			position: relative;
			overflow: hidden;
			transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
			box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
		}
		.threat-type-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 4px;
			background: linear-gradient(90deg, #64748b, #475569);
			opacity: 0.5;
		}
		.threat-type-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
		}

		/* AI Card Specific */
		.threat-card-ai {
			border: 1px solid rgba(234, 179, 8, 0.3);
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(58, 45, 20, 0.4));
		}
		.threat-card-ai::before {
			background: linear-gradient(90deg, #fbbf24, #f59e0b, #eab308);
		}
		.threat-card-ai:hover {
			border-color: rgba(234, 179, 8, 0.5);
			box-shadow: 0 30px 80px rgba(234, 179, 8, 0.3);
		}

		/* Web Card Specific */
		.threat-card-web {
			border: 1px solid rgba(59, 130, 246, 0.3);
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 75, 0.4));
		}
		.threat-card-web::before {
			background: linear-gradient(90deg, #3b82f6, #2563eb, #1d4ed8);
		}
		.threat-card-web:hover {
			border-color: rgba(59, 130, 246, 0.5);
			box-shadow: 0 30px 80px rgba(59, 130, 246, 0.3);
		}

		/* Power Glow Animation */
		.threat-card-glow {
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: radial-gradient(circle, rgba(234, 179, 8, 0.15), transparent 70%);
			animation: rotate-glow 20s linear infinite;
			pointer-events: none;
		}
		.threat-glow-web {
			background: radial-gradient(circle, rgba(59, 130, 246, 0.15), transparent 70%);
		}

		/* Card Ribbon */
		.threat-card-ribbon {
			position: absolute;
			top: 20px;
			right: -30px;
			background: linear-gradient(135deg, #fbbf24, #f59e0b);
			color: #0a0f1c;
			padding: 6px 40px;
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			transform: rotate(45deg);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
		}
		.threat-ribbon-web {
			background: linear-gradient(135deg, #3b82f6, #2563eb);
			color: white;
		}

		/* Card Header */
		.threat-card-header {
			display: flex;
			align-items: center;
			gap: 16px;
			margin-bottom: 24px;
			position: relative;
			z-index: 2;
		}
		.threat-icon-wrapper {
			width: 64px;
			height: 64px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28px;
			flex-shrink: 0;
			transition: transform 0.3s ease;
		}
		.threat-icon-ai {
			background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.2));
			border: 1px solid rgba(251, 191, 36, 0.3);
			color: #fbbf24;
		}
		.threat-icon-web {
			background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.2));
			border: 1px solid rgba(59, 130, 246, 0.3);
			color: #3b82f6;
		}
		.threat-type-card:hover .threat-icon-wrapper {
			transform: scale(1.1) rotate(5deg);
		}
		.threat-card-title {
			font-size: 1.5rem;
			font-weight: 700;
			color: #e2e8f0;
			margin: 0;
		}
		.threat-card-subtitle {
			font-size: 0.9rem;
			color: #64748b;
			margin: 4px 0 0 0;
		}

		/* Card Body */
		.threat-card-body {
			position: relative;
			z-index: 2;
		}
		.threat-tech-badge {
			display: inline-flex;
			align-items: center;
			padding: 10px 16px;
			background: linear-gradient(135deg, rgba(100, 116, 139, 0.2), rgba(71, 85, 105, 0.2));
			border: 1px solid rgba(148, 163, 184, 0.2);
			border-radius: 12px;
			color: #cbd5e1;
			font-size: 0.9rem;
		}
		.threat-tech-badge-ai {
			background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.15));
			border-color: rgba(251, 191, 36, 0.3);
			color: #fbbf24;
		}
		.threat-tech-badge-web {
			background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.15));
			border-color: rgba(59, 130, 246, 0.3);
			color: #3b82f6;
		}
		.threat-description {
			color: #94a3b8;
			line-height: 1.7;
			margin-bottom: 24px;
		}
		.threat-features-title {
			font-size: 1rem;
			font-weight: 700;
			color: #e2e8f0;
			margin-bottom: 12px;
		}
		.threat-feature-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.threat-feature-list li {
			padding: 8px 0;
			color: #94a3b8;
			display: flex;
			align-items: center;
			gap: 12px;
			font-size: 0.95rem;
		}
		.threat-feature-list i {
			color: #22c55e;
			font-size: 1rem;
		}

		/* Card Footer */
		.threat-card-footer {
			display: flex;
			justify-content: space-around;
			margin-top: 24px;
			padding-top: 24px;
			border-top: 1px solid rgba(148, 163, 184, 0.1);
			position: relative;
			z-index: 2;
		}
		.threat-stat {
			text-align: center;
		}
		.threat-stat-value {
			font-size: 1.75rem;
			font-weight: 800;
			background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			line-height: 1;
		}
		.threat-stat-label {
			font-size: 0.85rem;
			color: #64748b;
			margin-top: 6px;
		}

		/* Mini Cards */
		.threat-mini-card {
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.6), rgba(2, 6, 23, 0.8));
			border: 1px solid rgba(148, 163, 184, 0.1);
			border-radius: 16px;
			padding: 28px;
			height: 100%;
			position: relative;
			overflow: hidden;
			transition: all 0.3s ease;
		}
		.threat-mini-card:hover {
			transform: translateY(-4px);
			border-color: rgba(148, 163, 184, 0.3);
		}
		.threat-mini-icon {
			width: 48px;
			height: 48px;
			border-radius: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			margin-bottom: 16px;
			background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
			border: 1px solid rgba(99, 102, 241, 0.3);
			color: #a5b4fc;
		}
		.threat-mini-collusion .threat-mini-icon {
			background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(219, 39, 119, 0.2));
			border-color: rgba(236, 72, 153, 0.3);
			color: #f9a8d4;
		}
		.threat-mini-obfuscation .threat-mini-icon {
			background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(147, 51, 234, 0.2));
			border-color: rgba(168, 85, 247, 0.3);
			color: #c4b5fd;
		}
		.threat-mini-multilang .threat-mini-icon {
			background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(22, 163, 74, 0.2));
			border-color: rgba(34, 197, 94, 0.3);
			color: #4ade80;
		}
		.threat-mini-title {
			font-size: 1.25rem;
			font-weight: 700;
			color: #e2e8f0;
			margin-bottom: 12px;
		}
		.threat-mini-desc {
			color: #94a3b8;
			font-size: 0.95rem;
			line-height: 1.6;
			margin-bottom: 16px;
		}
		.threat-mini-badge {
			display: inline-block;
			padding: 6px 12px;
			background: rgba(100, 116, 139, 0.2);
			border: 1px solid rgba(148, 163, 184, 0.2);
			border-radius: 6px;
			color: #cbd5e1;
			font-size: 0.8rem;
			font-weight: 600;
		}

		/* Visual Impact Stats */
		.threat-visual-impact {
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.6), rgba(2, 6, 23, 0.8));
			border: 1px solid rgba(148, 163, 184, 0.1);
			border-radius: 24px;
			padding: 48px 32px;
		}
		.impact-stat-box {
			background: linear-gradient(145deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.05));
			border: 1px solid rgba(59, 130, 246, 0.2);
			border-radius: 16px;
			padding: 32px;
			text-align: center;
			transition: all 0.3s ease;
		}
		.impact-stat-box:hover {
			transform: translateY(-4px);
			border-color: rgba(59, 130, 246, 0.4);
			box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
		}
		.impact-stat-danger {
			background: linear-gradient(145deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
			border-color: rgba(239, 68, 68, 0.3);
		}
		.impact-stat-danger:hover {
			border-color: rgba(239, 68, 68, 0.5);
			box-shadow: 0 10px 30px rgba(239, 68, 68, 0.2);
		}
		.impact-stat-number {
			font-size: 3.5rem;
			font-weight: 900;
			background: linear-gradient(135deg, #3b82f6, #2563eb);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			line-height: 1;
			margin-bottom: 12px;
		}
		.impact-stat-danger .impact-stat-number {
			background: linear-gradient(135deg, #ef4444, #dc2626);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
		}
		.impact-stat-label {
			font-size: 1.1rem;
			font-weight: 600;
			color: #e2e8f0;
			margin-bottom: 8px;
		}
		.impact-stat-sublabel {
			font-size: 0.9rem;
			color: #64748b;
		}

	/* CLEAN STAT CARD - Minimal & Elegant */
	.clean-stat-card {
		position: relative;
		margin-top: 64px;
		background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 27, 75, 0.4));
		border: 1px solid rgba(148, 163, 184, 0.1);
		border-radius: 20px;
		padding: 64px 48px;
		text-align: center;
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		overflow: hidden;
		backdrop-filter: blur(10px);
	}
	
	.clean-stat-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: linear-gradient(90deg, transparent, rgba(248, 113, 113, 0.3), transparent);
	}
	
	.clean-stat-card:hover {
		transform: translateY(-4px);
		border-color: rgba(248, 113, 113, 0.2);
		box-shadow: 0 20px 60px rgba(239, 68, 68, 0.15);
	}
	
	.clean-stat-content {
		position: relative;
		z-index: 2;
	}
	
	.clean-stat-number {
		font-size: 8rem;
		font-weight: 800;
		line-height: 1;
		letter-spacing: -0.05em;
		margin-bottom: 24px;
		background: linear-gradient(135deg, #fca5a5 0%, #f87171 50%, #ef4444 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		display: inline-block;
	}
	
	.clean-stat-percent {
		font-size: 6rem;
		opacity: 0.9;
		background: linear-gradient(135deg, #fca5a5 0%, #f87171 50%, #ef4444 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}
	
	.clean-stat-label {
		font-size: 1.5rem;
		font-weight: 600;
		color: #e2e8f0;
		line-height: 1.5;
		max-width: 600px;
		margin: 0 auto;
		letter-spacing: -0.01em;
	}
	
	/* Responsive */
	@media (max-width: 992px) {
		.clean-stat-card {
			padding: 56px 40px;
			margin-top: 48px;
		}
		.clean-stat-number {
			font-size: 6.5rem;
		}
		.clean-stat-percent {
			font-size: 5rem;
		}
		.clean-stat-label {
			font-size: 1.35rem;
		}
	}
	
	@media (max-width: 768px) {
		.clean-stat-card {
			padding: 48px 32px;
			margin-top: 40px;
		}
		.clean-stat-number {
			font-size: 5rem;
		}
		.clean-stat-percent {
			font-size: 4rem;
		}
		.clean-stat-label {
			font-size: 1.2rem;
		}
	}
	
	@media (max-width: 576px) {
		.clean-stat-card {
			padding: 40px 24px;
			margin-top: 32px;
		}
		.clean-stat-number {
			font-size: 4rem;
		}
		.clean-stat-percent {
			font-size: 3rem;
		}
		.clean-stat-label {
			font-size: 1.1rem;
		}
	}

		/* CTA Box */
		.threat-cta-box {
			background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(30, 27, 75, 0.6));
			border: 1px solid rgba(99, 102, 241, 0.3);
			border-radius: 24px;
			padding: 48px 32px;
			position: relative;
			overflow: hidden;
		}
		.threat-cta-box::before {
			content: '';
			position: absolute;
			inset: 0;
			background: radial-gradient(circle at top, rgba(99, 102, 241, 0.1), transparent 70%);
			pointer-events: none;
		}
		.threat-cta-title {
			font-size: 2rem;
			font-weight: 800;
			color: #e2e8f0;
			margin-bottom: 12px;
			position: relative;
			z-index: 2;
		}
		.threat-cta-text {
			font-size: 1.1rem;
			color: #94a3b8;
			margin-bottom: 24px;
			position: relative;
			z-index: 2;
		}
		.threat-cta-button {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 16px 32px;
			background: linear-gradient(135deg, #6366f1, #8b5cf6);
			color: white;
			text-decoration: none;
			border-radius: 12px;
			font-weight: 700;
			font-size: 1.1rem;
			transition: all 0.3s ease;
			box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);
			position: relative;
			z-index: 2;
		}
		.threat-cta-button:hover {
			transform: translateY(-2px);
			box-shadow: 0 15px 40px rgba(99, 102, 241, 0.5);
			color: white;
			text-decoration: none;
		}

		/* Responsive */
		@media (max-width: 768px) {
			.threat-title {
				font-size: 2rem;
			}
			.threat-subtitle {
				font-size: 1rem;
			}
			.threat-type-card {
				padding: 24px;
			}
			.threat-card-title {
				font-size: 1.25rem;
			}
			.impact-stat-number {
				font-size: 2.5rem;
			}
		}

/* ===== Style Block 13 ===== */
/* CS Classroom Section */
         .cs-classroom-section {
            padding: 80px 0;
            background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%);
            position: relative;
            overflow: hidden;
         }
         .cs-classroom-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.08), transparent 60%);
            transform: translateX(-50%);
            pointer-events: none;
         }

         /* Header */
         .cs-header {
            position: relative;
            z-index: 2;
         }
         .cs-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.15));
            border: 1px solid rgba(59, 130, 246, 0.3);
            border-radius: 50px;
            color: #2563eb;
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
         }
         .cs-title {
            font-size: 2.75rem;
            font-weight: 900;
            color: #1e293b;
            margin-bottom: 15px;
         }
         .cs-highlight {
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }
         .cs-subtitle {
            font-size: 1.15rem;
            color: #64748b;
            max-width: 900px;
            margin: 0 auto;
            line-height: 1.7;
         }

         /* Feature Cards */
         .cs-feature-card {
            background: white;
            border: 1px solid rgba(203, 213, 225, 0.5);
            border-radius: 24px;
            padding: 32px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
         }
         .cs-feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #3b82f6, #2563eb);
            opacity: 0.8;
         }
         .cs-feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);
            border-color: rgba(59, 130, 246, 0.3);
         }

         .cs-card-right::before {
            background: linear-gradient(90deg, #10b981, #059669);
         }
         .cs-card-right:hover {
            box-shadow: 0 20px 60px rgba(16, 185, 129, 0.15);
            border-color: rgba(16, 185, 129, 0.3);
         }

         /* Card Glow */
         .cs-card-glow {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.08), transparent 70%);
            animation: rotate-glow 20s linear infinite;
            pointer-events: none;
         }
         .cs-glow-right {
            background: radial-gradient(circle, rgba(16, 185, 129, 0.08), transparent 70%);
         }

         /* Card Ribbon */
         .cs-card-ribbon {
            position: absolute;
            top: 20px;
            right: -30px;
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            color: white;
            padding: 6px 40px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            transform: rotate(45deg);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
         }
         .cs-ribbon-right {
            background: linear-gradient(135deg, #10b981, #059669);
         }

         /* Card Header */
         .cs-card-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
         }
         .cs-icon-wrapper {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            flex-shrink: 0;
            transition: transform 0.3s ease;
         }
         .cs-icon-detection {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.15));
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: #2563eb;
         }
         .cs-icon-reports {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.15));
            border: 1px solid rgba(16, 185, 129, 0.3);
            color: #059669;
         }
         .cs-feature-card:hover .cs-icon-wrapper {
            transform: scale(1.1) rotate(5deg);
         }
         .cs-card-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #1e293b;
            margin: 0;
         }
         .cs-card-subtitle {
            font-size: 0.9rem;
            color: #64748b;
            margin: 4px 0 0 0;
         }

         /* Card Body */
         .cs-card-body {
            position: relative;
            z-index: 2;
         }
         .cs-tech-badge {
            display: inline-flex;
            align-items: center;
            padding: 10px 16px;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.1));
            border: 1px solid rgba(59, 130, 246, 0.2);
            border-radius: 12px;
            color: #2563eb;
            font-size: 0.9rem;
         }
         .cs-tech-badge-secondary {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1));
            border-color: rgba(16, 185, 129, 0.2);
            color: #059669;
         }
         .cs-description {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 24px;
         }
         .cs-features-title {
            font-size: 1rem;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 12px;
         }
         .cs-feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
         }
         .cs-feature-list li {
            padding: 8px 0;
            color: #475569;
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 0.95rem;
         }
         .cs-feature-list i {
            color: #10b981;
            font-size: 1rem;
            margin-top: 2px;
         }

         /* Card Footer */
         .cs-card-footer {
            display: flex;
            justify-content: space-around;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid rgba(203, 213, 225, 0.5);
            position: relative;
            z-index: 2;
         }
         .cs-stat {
            text-align: center;
         }
         .cs-stat-value {
            font-size: 1.75rem;
            font-weight: 800;
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
         }
         .cs-stat-label {
            font-size: 0.85rem;
            color: #64748b;
            margin-top: 6px;
         }

         /* Report Showcase */
         .cs-report-showcase {
            background: white;
            border: 1px solid rgba(203, 213, 225, 0.5);
            border-radius: 24px;
            padding: 48px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
         }
         .cs-report-preview {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            overflow: hidden;
         }
         .cs-report-header {
            background: white;
            padding: 20px;
            border-bottom: 1px solid #e2e8f0;
         }
         .cs-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            display: inline-block;
         }
         .cs-dot-red { background: #ef4444; }
         .cs-dot-yellow { background: #f59e0b; }
         .cs-dot-green { background: #10b981; }
         .cs-report-title-text {
            font-size: 0.9rem;
            color: #64748b;
            font-weight: 600;
         }
         .cs-report-label {
            font-weight: 600;
            color: #1e293b;
         }
         .cs-badge-warning {
            display: inline-block;
            padding: 4px 12px;
            background: #fef3c7;
            color: #92400e;
            border-radius: 6px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-right: 8px;
         }
         .cs-badge-light {
            display: inline-block;
            padding: 4px 12px;
            background: #f1f5f9;
            color: #475569;
            border-radius: 6px;
            font-size: 0.85rem;
            font-weight: 600;
         }
         .cs-progress-bar {
            height: 8px;
            background: #e2e8f0;
            border-radius: 999px;
            overflow: hidden;
         }
         .cs-progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #f59e0b, #dc2626);
            border-radius: 999px;
         }
         .cs-source-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 16px;
         }
         .cs-source-badge {
            display: inline-flex;
            align-items: center;
            padding: 6px 12px;
            border-radius: 999px;
            font-size: 0.85rem;
            font-weight: 600;
         }
         .cs-source-peer {
            background: #dbeafe;
            color: #1e40af;
         }
         .cs-source-github {
            background: #1e293b;
            color: white;
         }
         .cs-source-stackoverflow {
            background: #fef3c7;
            color: #92400e;
         }
         .cs-code-preview {
            padding: 20px;
            font-family: 'Courier New', monospace;
            font-size: 0.85rem;
            line-height: 1.6;
         }
         .cs-code-line {
            color: #475569;
            padding: 2px 0;
         }
         .cs-code-highlighted {
            background: #fef3c7;
            padding: 4px 8px;
            margin: 2px 0;
            border-left: 3px solid #f59e0b;
            color: #92400e;
            font-weight: 600;
         }
         .cs-code-source {
            color: #64748b;
            font-style: italic;
            margin-top: 8px;
         }

         /* Showcase Content */
         .cs-showcase-content {
            padding: 0 0 0 32px;
         }
         .cs-showcase-title {
            font-size: 1.75rem;
            font-weight: 800;
            color: #1e293b;
            margin-bottom: 16px;
         }
         .cs-showcase-text {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 24px;
         }
         .cs-showcase-stats {
            display: flex;
            gap: 24px;
            margin-bottom: 24px;
         }
         .cs-showcase-stat {
            text-align: center;
         }
         .cs-showcase-stat-number {
            font-size: 2rem;
            font-weight: 800;
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
            margin-bottom: 8px;
         }
         .cs-showcase-stat-label {
            font-size: 0.85rem;
            color: #64748b;
         }
         .cs-cta-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 28px;
            background: linear-gradient(135deg, #3b82f6, #2563eb);
            color: white;
            text-decoration: none;
            border-radius: 12px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
         }
         .cs-cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);
            color: white;
            text-decoration: none;
         }

         /* Mini Features */
         .cs-feature-grid {
            margin-top: 60px;
         }
         .cs-mini-feature {
            background: white;
            border: 1px solid rgba(203, 213, 225, 0.5);
            border-radius: 16px;
            padding: 32px;
            height: 100%;
            transition: all 0.3s ease;
         }
         .cs-mini-feature:hover {
            transform: translateY(-4px);
            border-color: rgba(59, 130, 246, 0.3);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.1);
         }
         .cs-mini-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 20px;
         }
         .cs-mini-icon-usecases {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(79, 70, 229, 0.15));
            border: 1px solid rgba(99, 102, 241, 0.3);
            color: #6366f1;
         }
         .cs-mini-icon-policies {
            background: linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(147, 51, 234, 0.15));
            border: 1px solid rgba(168, 85, 247, 0.3);
            color: #a855f7;
         }
         .cs-mini-icon-reporting {
            background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(219, 39, 119, 0.15));
            border: 1px solid rgba(236, 72, 153, 0.3);
            color: #ec4899;
         }
         .cs-mini-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 16px;
         }
         .cs-mini-list {
            list-style: none;
            padding: 0;
            margin: 0;
         }
         .cs-mini-list li {
            padding: 8px 0;
            color: #475569;
            font-size: 0.95rem;
            line-height: 1.5;
            padding-left: 20px;
            position: relative;
         }
         .cs-mini-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #3b82f6;
            font-weight: 700;
         }

         /* Responsive */
         @media (max-width: 768px) {
            .cs-title {
               font-size: 2rem;
            }
            .cs-subtitle {
               font-size: 1rem;
            }
            .cs-feature-card {
               padding: 24px;
            }
            .cs-card-title {
               font-size: 1.25rem;
            }
            .cs-report-showcase {
               padding: 24px;
            }
            .cs-showcase-content {
               padding: 0;
               margin-top: 24px;
            }
         }

/* ===== Style Block 14 ===== */
/* Enterprise Section */
         .enterprise-section {
            padding: 80px 0;
            background: linear-gradient(180deg, #0a0f1c 0%, #050811 50%, #0a0f1c 100%);
            position: relative;
            overflow: hidden;
         }
         .enterprise-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at top, rgba(56, 189, 248, 0.12), transparent 60%);
            transform: translateX(-50%);
            pointer-events: none;
         }

         /* Header */
         .ent-header {
            position: relative;
            z-index: 2;
         }
         .ent-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(14, 165, 233, 0.2));
            border: 1px solid rgba(56, 189, 248, 0.3);
            border-radius: 50px;
            color: #38bdf8;
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
         }
         .ent-title {
            font-size: 2.75rem;
            font-weight: 900;
            color: #e2e8f0;
            margin-bottom: 15px;
         }
         .ent-highlight {
            background: linear-gradient(135deg, #38bdf8, #0ea5e9);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }
         .ent-subtitle {
            font-size: 1.15rem;
            color: #94a3b8;
            max-width: 900px;
            margin: 0 auto;
            line-height: 1.7;
         }

         /* Trust Banner */
         .ent-trust-banner {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.8));
            border: 1px solid rgba(56, 189, 248, 0.2);
            border-radius: 24px;
            padding: 48px;
            position: relative;
            overflow: hidden;
         }
         .ent-trust-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 60%);
            pointer-events: none;
         }
         .ent-trust-content {
            position: relative;
            z-index: 2;
         }
         .ent-trust-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(14, 165, 233, 0.2));
            border: 1px solid rgba(56, 189, 248, 0.3);
            border-radius: 999px;
            color: #38bdf8;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 16px;
         }
         .ent-trust-title {
            font-size: 1.75rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 16px;
         }
         .ent-trust-company {
            color: #38bdf8;
         }
         .ent-trust-text {
            color: #94a3b8;
            line-height: 1.7;
            margin: 0;
         }
         .ent-trust-logo-wrapper {
            position: relative;
            z-index: 2;
         }
         .ent-trust-logo {
            height: 64px;
            filter: brightness(0) invert(1);
            opacity: 0.8;
            margin-bottom: 16px;
         }
         .ent-trust-verified {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            background: rgba(34, 197, 94, 0.15);
            border: 1px solid rgba(34, 197, 94, 0.3);
            border-radius: 999px;
            color: #4ade80;
            font-size: 0.85rem;
            font-weight: 600;
         }

         /* Premium Authoritative Trust Banner */
         .ent-trust-banner-premium {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.95));
            border: 2px solid rgba(99, 102, 241, 0.3);
            border-radius: 24px;
            padding: 56px 48px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(99, 102, 241, 0.1) inset;
         }
         .ent-banner-glow-effect {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 30% 50%, rgba(99, 102, 241, 0.15), transparent 60%),
                        radial-gradient(circle at 70% 50%, rgba(56, 189, 248, 0.12), transparent 60%);
            animation: ent-glow-pulse 8s ease-in-out infinite;
            pointer-events: none;
         }
         @keyframes ent-glow-pulse {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 0.8; }
         }
         .ent-banner-grid-overlay {
            position: absolute;
            inset: 0;
            background-image: 
               linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),
               linear-gradient(90deg, rgba(99, 102, 241, 0.05) 1px, transparent 1px);
            background-size: 40px 40px;
            opacity: 0.3;
            pointer-events: none;
         }
         .ent-trust-content-premium {
            position: relative;
            z-index: 2;
         }
         .ent-trust-badge-premium {
            display: inline-flex;
            align-items: center;
            padding: 12px 24px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(139, 92, 246, 0.25));
            border: 1px solid rgba(99, 102, 241, 0.4);
            border-radius: 999px;
            font-size: 0.9rem;
            font-weight: 700;
            margin-bottom: 20px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2);
         }
         .badge-glow-ring {
            position: absolute;
            inset: -3px;
            border-radius: 999px;
            border: 2px solid rgba(99, 102, 241, 0.3);
            animation: badge-ring-pulse 3s ease-in-out infinite;
         }
         @keyframes badge-ring-pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.05); opacity: 0; }
         }
         .ent-trust-badge-premium .badge-text {
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd, #ddd6fe);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }
         .ent-trust-badge-premium i {
            color: #a5b4fc;
            font-size: 1rem;
         }
         .ent-trust-badge-premium .live-pulse {
            display: inline-block;
            animation: live-pulse-animation 2s ease-in-out infinite;
            margin-right: 4px;
         }
         @keyframes live-pulse-animation {
            0%, 100% { 
               opacity: 1; 
               transform: scale(1);
            }
            50% { 
               opacity: 0.6; 
               transform: scale(0.95);
            }
         }
         .live-stats-inline {
            display: inline-block;
            padding: 4px 8px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.08));
            border-radius: 6px;
            border: 1px solid rgba(99, 102, 241, 0.15);
            margin: 0 4px;
            transition: all 0.3s ease;
         }
         .live-stats-inline:hover {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(139, 92, 246, 0.12));
            border-color: rgba(99, 102, 241, 0.25);
         }
         .live-stats-inline .live-pulse {
            display: inline-block;
            animation: live-pulse-animation 2s ease-in-out infinite;
            margin-right: 4px;
            font-size: 0.8em;
         }
         .live-stats-inline strong {
            color: #c4b5fd;
            font-weight: 700;
            transition: color 0.3s ease;
         }
         .view-all-companies-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            margin-left: 12px;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
            border: 1px solid rgba(99, 102, 241, 0.3);
            border-radius: 8px;
            color: #c4b5fd;
            font-size: 0.5em;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            vertical-align: middle;
         }
         .view-all-companies-btn:hover {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));
            border-color: rgba(99, 102, 241, 0.5);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
         }
         .view-all-companies-btn i {
            font-size: 0.9em;
         }
         #enterprise-count-clickable a:hover {
            border-bottom-color: rgba(196, 181, 253, 0.8);
            color: #c4b5fd !important;
         }
         
         /* Live Companies Vertical Scroll */
         .live-companies-scroll-wrapper {
            position: relative;
            height: 100%;
            min-height: 400px;
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.6));
            border: 2px solid rgba(99, 102, 241, 0.25);
            border-radius: 16px;
            padding: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
         }
         .scroll-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid rgba(99, 102, 241, 0.2);
         }
         .scroll-label {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
         }
         .scroll-timestamp {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            background: rgba(99, 102, 241, 0.1);
            border-radius: 6px;
            margin-bottom: 12px;
            font-size: 11px;
            color: #94a3b8;
         }
         .scroll-timestamp i {
            font-size: 10px;
            color: #6366f1;
         }
         .live-companies-scroll {
            position: relative;
            height: 320px;
            overflow: hidden;
            mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
         }
         .companies-scroll-content {
            transition: transform 0.05s linear;
         }
         .scroll-company-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            margin-bottom: 12px;
            background: rgba(30, 41, 59, 0.4);
            border: 1px solid rgba(99, 102, 241, 0.15);
            border-radius: 10px;
            transition: all 0.3s ease;
         }
         .scroll-company-item:hover {
            background: rgba(30, 41, 59, 0.6);
            border-color: rgba(99, 102, 241, 0.3);
            transform: translateX(4px);
         }
         .scroll-company-logo {
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 8px;
            background: white;
            padding: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
         }
         .scroll-company-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
         }
         .scroll-logo-fallback {
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 700;
            color: white;
         }
         .scroll-company-info {
            flex: 1;
            min-width: 0;
         }
         .scroll-company-name {
            font-size: 14px;
            font-weight: 600;
            color: #e2e8f0;
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }
         .scroll-company-teams {
            font-size: 11px;
            color: #94a3b8;
         }
         .scroll-footer {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid rgba(99, 102, 241, 0.2);
            text-align: center;
         }
         .scroll-footer span {
            font-size: 11px;
            color: #64748b;
            font-weight: 600;
         }
         
         /* Loading skeleton */
         .loading-placeholder {
            animation: pulse 1.5s ease-in-out infinite;
         }
         .skeleton {
            background: rgba(99, 102, 241, 0.1);
            animation: pulse 1.5s ease-in-out infinite;
         }
         .skeleton-text {
            height: 12px;
            background: rgba(99, 102, 241, 0.1);
            border-radius: 4px;
            animation: pulse 1.5s ease-in-out infinite;
         }
         .skeleton-text:first-child {
            width: 80%;
            margin-bottom: 4px;
         }
         .skeleton-text:last-child {
            width: 50%;
         }
         @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
         }
         
         /* Responsive */
         @media (max-width: 768px) {
            .live-companies-scroll-wrapper {
               min-height: 300px;
            }
            .live-companies-scroll {
               height: 240px;
            }
         }
         
         .ent-trust-title-premium {
            font-size: 2.25rem;
            font-weight: 900;
            color: #e2e8f0;
            margin-bottom: 20px;
            line-height: 1.2;
            letter-spacing: -0.02em;
         }
         .ent-trust-company-premium {
            background: linear-gradient(135deg, #60a5fa, #3b82f6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
         }
         .ent-trust-divider {
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #6366f1, #8b5cf6, transparent);
            border-radius: 2px;
            margin: 24px 0;
         }
         .ent-trust-text-premium {
            color: #cbd5e1;
            font-size: 1.05rem;
            line-height: 1.8;
            margin: 0 0 24px;
            font-weight: 500;
         }
         
         /* Enterprise Protection Hero Section */
         .ent-protection-hero {
            position: relative;
         }
         
         .protection-headline {
            text-align: center;
            margin-bottom: 32px;
         }
         
         .headline-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 20px;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.15));
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 50px;
            color: #6ee7b7;
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 16px;
         }
         
         .headline-badge i {
            font-size: 1rem;
            color: #34d399;
         }
         
         .protection-title {
            font-size: 2rem;
            font-weight: 900;
            color: #f1f5f9;
            margin-bottom: 16px;
            line-height: 1.3;
            letter-spacing: -0.02em;
         }
         
         .gradient-text {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
            animation: gradient-pulse 3s ease-in-out infinite;
         }
         
         @keyframes gradient-pulse {
            0%, 100% { filter: brightness(1); }
            50% { filter: brightness(1.3); }
         }
         
         .protection-subtitle {
            font-size: 1.05rem;
            color: #cbd5e1;
            line-height: 1.7;
            max-width: 800px;
            margin: 0 auto;
         }
         
         /* Critical Systems Grid */
         .critical-systems-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 32px 0;
         }
         
         .system-card {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.4));
            border: 1px solid rgba(99, 102, 241, 0.2);
            border-radius: 16px;
            padding: 24px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         }
         
         .system-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.1), transparent 60%);
            opacity: 0;
            transition: opacity 0.4s ease;
         }
         
         .system-card:hover {
            transform: translateY(-8px);
            border-color: rgba(99, 102, 241, 0.4);
            box-shadow: 0 16px 48px rgba(99, 102, 241, 0.25);
         }
         
         .system-card:hover::before {
            opacity: 1;
         }
         
         .system-card-header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 18px;
            position: relative;
            z-index: 1;
         }
         
         .system-icon {
            width: 54px;
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            position: relative;
            overflow: hidden;
         }
         
         .system-icon::before {
            content: '';
            position: absolute;
            inset: 0;
            background: inherit;
            filter: blur(12px);
            opacity: 0.5;
         }
         
         .system-icon i {
            font-size: 1.6rem;
            position: relative;
            z-index: 1;
         }
         
         .system-icon.automotive {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(37, 99, 235, 0.3));
            border: 1px solid rgba(59, 130, 246, 0.4);
            color: #60a5fa;
         }
         
         .system-icon.aerospace {
            background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(124, 58, 237, 0.3));
            border: 1px solid rgba(139, 92, 246, 0.4);
            color: #a78bfa;
         }
         
         .system-icon.medical {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(220, 38, 38, 0.3));
            border: 1px solid rgba(239, 68, 68, 0.4);
            color: #f87171;
         }
         
         .system-icon.financial {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(5, 150, 105, 0.3));
            border: 1px solid rgba(16, 185, 129, 0.4);
            color: #34d399;
         }
         
         .system-label {
            flex: 1;
         }
         
         .system-label strong {
            display: block;
            color: #f1f5f9;
            font-size: 1.05rem;
            font-weight: 700;
            margin-bottom: 4px;
         }
         
         .system-status {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.8rem;
            color: #6ee7b7;
            font-weight: 600;
         }
         
         .pulse-dot {
            font-size: 0.5rem;
            animation: pulse-dot 2s ease-in-out infinite;
         }
         
         @keyframes pulse-dot {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.4; }
         }
         
         .system-features {
            list-style: none;
            padding: 0;
            margin: 0 0 16px;
            position: relative;
            z-index: 1;
         }
         
         .system-features li {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 0;
            color: #cbd5e1;
            font-size: 0.9rem;
            line-height: 1.5;
         }
         
         .system-features li i {
            color: #34d399;
            font-size: 0.85rem;
            flex-shrink: 0;
         }
         
         .system-threat {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 16px;
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.25);
            border-radius: 10px;
            margin-top: 16px;
            position: relative;
            z-index: 1;
         }
         
         .system-threat i {
            color: #fca5a5;
            font-size: 1.1rem;
            flex-shrink: 0;
         }
         
         .system-threat span {
            color: #fecaca;
            font-size: 0.875rem;
            line-height: 1.4;
         }
         
         .system-threat strong {
            color: #fef2f2;
         }
         
         /* Impact Warning Banner */
         .impact-warning-banner {
            display: flex;
            gap: 24px;
            padding: 32px;
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(220, 38, 38, 0.08));
            border: 2px solid rgba(239, 68, 68, 0.25);
            border-radius: 20px;
            margin-top: 32px;
            position: relative;
            overflow: hidden;
         }
         
         .impact-warning-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top left, rgba(239, 68, 68, 0.15), transparent 60%);
            animation: warning-glow 4s ease-in-out infinite;
         }
         
         @keyframes warning-glow {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
         }
         
         .warning-icon-large {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.2));
            border: 2px solid rgba(239, 68, 68, 0.4);
            border-radius: 20px;
            position: relative;
            z-index: 1;
         }
         
         .warning-icon-large i {
            font-size: 2.5rem;
            color: #fca5a5;
            animation: icon-shake 3s ease-in-out infinite;
         }
         
         @keyframes icon-shake {
            0%, 100% { transform: rotate(0deg); }
            10%, 30% { transform: rotate(-3deg); }
            20%, 40% { transform: rotate(3deg); }
            50% { transform: rotate(0deg); }
         }
         
         .warning-content {
            flex: 1;
            position: relative;
            z-index: 1;
         }
         
         .warning-title {
            font-size: 1.4rem;
            font-weight: 800;
            color: #fecaca;
            margin-bottom: 20px;
            line-height: 1.3;
         }
         
         .impact-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 20px;
         }
         
         .impact-stat {
            text-align: center;
            padding: 16px;
            background: rgba(15, 23, 42, 0.5);
            border: 1px solid rgba(239, 68, 68, 0.2);
            border-radius: 12px;
         }
         
         .stat-number {
            font-size: 1.8rem;
            font-weight: 900;
            color: #fca5a5;
            margin-bottom: 6px;
            line-height: 1;
         }
         
         .stat-label {
            font-size: 0.8rem;
            color: #cbd5e1;
            line-height: 1.3;
         }
         
         .warning-description {
            font-size: 0.95rem;
            color: #e2e8f0;
            line-height: 1.7;
            margin: 0;
         }
         
         /* Responsive Design */
         @media (max-width: 1200px) {
            .impact-stats {
               grid-template-columns: repeat(2, 1fr);
            }
         }
         
         @media (max-width: 768px) {
            .critical-systems-grid {
               grid-template-columns: 1fr;
               gap: 16px;
            }
            
            .protection-title {
               font-size: 1.6rem;
            }
            
            .protection-subtitle {
               font-size: 0.95rem;
            }
            
            .system-card {
               padding: 20px;
            }
            
            .system-icon {
               width: 46px;
               height: 46px;
            }
            
            .system-icon i {
               font-size: 1.3rem;
            }
            
            .impact-warning-banner {
               flex-direction: column;
               padding: 24px;
               gap: 20px;
            }
            
            .warning-icon-large {
               width: 60px;
               height: 60px;
               margin: 0 auto;
            }
            
            .warning-icon-large i {
               font-size: 2rem;
            }
            
            .warning-title {
               font-size: 1.2rem;
               text-align: center;
            }
            
            .impact-stats {
               grid-template-columns: 1fr;
               gap: 12px;
            }
            
            .stat-number {
               font-size: 1.5rem;
            }
         }
         
         .ent-trust-features {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            margin-top: 24px;
         }
         .trust-feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 18px;
            background: rgba(99, 102, 241, 0.1);
            border: 1px solid rgba(99, 102, 241, 0.25);
            border-radius: 999px;
            color: #a5b4fc;
            font-size: 0.9rem;
            font-weight: 600;
            transition: all 0.3s ease;
         }
         .trust-feature-item:hover {
            background: rgba(99, 102, 241, 0.2);
            border-color: rgba(99, 102, 241, 0.4);
            transform: translateY(-2px);
         }
         .trust-feature-item i {
            color: #818cf8;
            font-size: 1rem;
         }
         
         /* Live Stats Badge */
         .live-stats-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-radius: 12px;
            color: #a7f3d0;
            font-size: 0.95rem;
            line-height: 1.6;
            will-change: contents;
         }
         .live-stats-badge strong {
            color: #6ee7b7;
         }
         
         /* Aerospace Industry Highlight */
         .aerospace-highlight {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.08));
            border: 2px solid rgba(99, 102, 241, 0.2);
            border-radius: 16px;
            padding: 24px;
            position: relative;
            overflow: hidden;
         }
         .aerospace-highlight::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(99, 102, 241, 0.1), transparent 70%);
            animation: aerospace-glow 8s ease-in-out infinite;
         }
         @keyframes aerospace-glow {
            0%, 100% { opacity: 0.5; transform: translate(0, 0); }
            50% { opacity: 0.8; transform: translate(-20px, -20px); }
         }
         .aerospace-header {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 16px;
            color: #c7d2fe;
            font-size: 1rem;
            position: relative;
            z-index: 1;
         }
         .aerospace-header i {
            color: #818cf8;
            font-size: 1.2rem;
         }
         .aerospace-logos {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            position: relative;
            z-index: 1;
         }
         .aerospace-logo-item {
            width: 64px;
            height: 64px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(99, 102, 241, 0.2);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            transition: all 0.3s ease;
            flex-shrink: 0;
            will-change: transform;
         }
         .aerospace-logo-item:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(99, 102, 241, 0.4);
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);
         }
         .aerospace-logo-item img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: brightness(0) invert(1);
            opacity: 0.9;
            transition: opacity 0.3s ease;
         }
         .aerospace-logo-item:hover img {
            opacity: 1;
         }
         .aerospace-text {
            color: #a5b4fc;
            font-size: 0.9rem;
            font-weight: 600;
            padding: 0 8px;
            display: flex;
            align-items: center;
         }
         
         /* Aerospace Logo Fallback */
         .logo-fallback {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-size: 0.85rem;
            font-weight: 700;
            color: #818cf8;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 8px;
            text-align: center;
         }
         
         /* Enterprise Security Guarantee */
         .ent-trust-guarantee {
            background: rgba(16, 185, 129, 0.08);
            border-left: 4px solid rgba(16, 185, 129, 0.5);
            padding: 16px 20px;
            border-radius: 8px;
            color: #d1fae5;
            font-size: 0.95rem;
            line-height: 1.7;
         }
         .ent-trust-guarantee i {
            color: #6ee7b7;
         }
         .ent-trust-guarantee strong {
            color: #a7f3d0;
         }
         
         .ent-trust-logo-premium-wrapper {
            position: relative;
            z-index: 2;
            text-align: center;
         }
         .ent-logo-spotlight {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%);
            filter: blur(60px);
            animation: logo-spotlight-pulse 6s ease-in-out infinite;
         }
         @keyframes logo-spotlight-pulse {
            0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
            50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
         }
         .ent-logo-hexagon {
            position: relative;
            padding: 32px;
            margin-bottom: 24px;
         }
         .ent-logo-hexagon::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.1));
            border: 2px solid rgba(99, 102, 241, 0.3);
            border-radius: 20px;
            transform: rotate(0deg);
            transition: all 0.3s ease;
         }
         .ent-logo-hexagon:hover::before {
            transform: rotate(5deg);
            border-color: rgba(99, 102, 241, 0.5);
            box-shadow: 0 0 40px rgba(99, 102, 241, 0.3);
         }
         .ent-trust-logo-premium {
            position: relative;
            height: 72px;
            filter: brightness(0) invert(1);
            opacity: 0.95;
            transition: all 0.3s ease;
         }
         .ent-logo-hexagon:hover .ent-trust-logo-premium {
            opacity: 1;
            transform: scale(1.05);
         }
         .ent-trust-verified-premium {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(22, 163, 74, 0.2));
            border: 1px solid rgba(34, 197, 94, 0.4);
            border-radius: 999px;
            color: #4ade80;
            font-size: 0.9rem;
            font-weight: 700;
            margin-bottom: 20px;
            box-shadow: 0 8px 20px rgba(34, 197, 94, 0.15);
         }
         .ent-trust-verified-premium i {
            font-size: 1.1rem;
         }
         .ent-trust-stats-mini {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            padding: 20px;
            background: rgba(15, 23, 42, 0.6);
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 16px;
            backdrop-filter: blur(10px);
         }
         .stat-mini-item {
            text-align: center;
         }
         .stat-mini-value {
            font-size: 1.75rem;
            font-weight: 900;
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
            margin-bottom: 6px;
         }
         .stat-mini-label {
            font-size: 0.75rem;
            color: #64748b;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
         }
         .stat-mini-divider {
            width: 1px;
            height: 40px;
            background: linear-gradient(180deg, transparent, rgba(148, 163, 184, 0.3), transparent);
         }

         /* Feature Cards */
         .ent-feature-card {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.8), rgba(2, 6, 23, 0.95));
            border: 1px solid rgba(148, 163, 184, 0.1);
            border-radius: 24px;
            padding: 32px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
         }
         .ent-feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #64748b, #475569);
            opacity: 0.5;
         }
         .ent-feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
         }

         /* Leak Card Specific */
         .ent-card-leak {
            border: 1px solid rgba(56, 189, 248, 0.3);
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(8, 47, 73, 0.4));
         }
         .ent-card-leak::before {
            background: linear-gradient(90deg, #38bdf8, #0ea5e9, #0284c7);
         }
         .ent-card-leak:hover {
            border-color: rgba(56, 189, 248, 0.5);
            box-shadow: 0 30px 80px rgba(56, 189, 248, 0.3);
         }

         /* Legal Card Specific */
         .ent-card-legal {
            border: 1px solid rgba(236, 72, 153, 0.3);
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(62, 12, 49, 0.4));
         }
         .ent-card-legal::before {
            background: linear-gradient(90deg, #ec4899, #db2777, #be185d);
         }
         .ent-card-legal:hover {
            border-color: rgba(236, 72, 153, 0.5);
            box-shadow: 0 30px 80px rgba(236, 72, 153, 0.3);
         }

         /* Card Glow */
         .ent-card-glow {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(56, 189, 248, 0.15), transparent 70%);
            animation: rotate-glow 20s linear infinite;
            pointer-events: none;
         }
         .ent-glow-legal {
            background: radial-gradient(circle, rgba(236, 72, 153, 0.15), transparent 70%);
         }

         /* Card Ribbon */
         .ent-card-ribbon {
            position: absolute;
            top: 20px;
            right: -30px;
            background: linear-gradient(135deg, #38bdf8, #0ea5e9);
            color: white;
            padding: 6px 40px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            transform: rotate(45deg);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
         }
         .ent-ribbon-legal {
            background: linear-gradient(135deg, #ec4899, #db2777);
         }

         /* Card Header */
         .ent-card-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
         }
         .ent-icon-wrapper {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            flex-shrink: 0;
            transition: transform 0.3s ease;
         }
         .ent-icon-leak {
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(14, 165, 233, 0.2));
            border: 1px solid rgba(56, 189, 248, 0.3);
            color: #38bdf8;
         }
         .ent-icon-legal {
            background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(219, 39, 119, 0.2));
            border: 1px solid rgba(236, 72, 153, 0.3);
            color: #ec4899;
         }
         .ent-feature-card:hover .ent-icon-wrapper {
            transform: scale(1.1) rotate(5deg);
         }
         .ent-card-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #e2e8f0;
            margin: 0;
         }
         .ent-card-subtitle {
            font-size: 0.9rem;
            color: #64748b;
            margin: 4px 0 0 0;
         }

         /* Card Body */
         .ent-card-body {
            position: relative;
            z-index: 2;
         }
         .ent-tech-badge {
            display: inline-flex;
            align-items: center;
            padding: 10px 16px;
            background: linear-gradient(135deg, rgba(100, 116, 139, 0.2), rgba(71, 85, 105, 0.2));
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 12px;
            color: #cbd5e1;
            font-size: 0.9rem;
         }
         .ent-tech-badge-leak {
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(14, 165, 233, 0.15));
            border-color: rgba(56, 189, 248, 0.3);
            color: #38bdf8;
         }
         .ent-tech-badge-legal {
            background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(219, 39, 119, 0.15));
            border-color: rgba(236, 72, 153, 0.3);
            color: #ec4899;
         }
         .ent-description {
            color: #94a3b8;
            line-height: 1.7;
            margin-bottom: 24px;
         }
         .ent-features-title {
            font-size: 1rem;
            font-weight: 700;
            color: #e2e8f0;
            margin-bottom: 12px;
         }
         .ent-feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
         }
         .ent-feature-list li {
            padding: 8px 0;
            color: #94a3b8;
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 0.95rem;
         }
         .ent-feature-list i {
            color: #22c55e;
            font-size: 1rem;
            margin-top: 2px;
         }

         /* Card Footer */
         .ent-card-footer {
            display: flex;
            justify-content: space-around;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid rgba(148, 163, 184, 0.1);
            position: relative;
            z-index: 2;
         }
         .ent-stat {
            text-align: center;
         }
         .ent-stat-value {
            font-size: 1.75rem;
            font-weight: 800;
            background: linear-gradient(135deg, #a5b4fc, #c4b5fd);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
         }
         .ent-stat-label {
            font-size: 0.85rem;
            color: #64748b;
            margin-top: 6px;
         }

         /* Mini Features */
         .ent-mini-feature {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.6), rgba(2, 6, 23, 0.8));
            border: 1px solid rgba(148, 163, 184, 0.1);
            border-radius: 16px;
            padding: 28px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
         }
         .ent-mini-feature:hover {
            transform: translateY(-4px);
            border-color: rgba(148, 163, 184, 0.3);
         }
         .ent-mini-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            margin-bottom: 16px;
         }
         .ent-mini-icon-global {
            background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(22, 163, 74, 0.2));
            border: 1px solid rgba(34, 197, 94, 0.3);
            color: #4ade80;
         }
         .ent-mini-icon-cicd {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(79, 70, 229, 0.2));
            border: 1px solid rgba(99, 102, 241, 0.3);
            color: #a5b4fc;
         }
         .ent-mini-icon-license {
            background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.2));
            border: 1px solid rgba(251, 191, 36, 0.3);
            color: #fbbf24;
         }
         .ent-mini-icon-alerts {
            background: linear-gradient(135deg, rgba(249, 115, 22, 0.2), rgba(234, 88, 12, 0.2));
            border: 1px solid rgba(249, 115, 22, 0.3);
            color: #fb923c;
         }
         .ent-mini-title {
            font-size: 1.125rem;
            font-weight: 700;
            color: #e2e8f0;
            margin-bottom: 12px;
         }
         .ent-mini-desc {
            color: #94a3b8;
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 16px;
         }
         .ent-mini-stat {
            display: inline-block;
            padding: 6px 12px;
            background: rgba(100, 116, 139, 0.2);
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 6px;
            color: #cbd5e1;
            font-size: 0.8rem;
            font-weight: 600;
         }

         /* Use Cases Grid */
         .ent-use-cases-grid {
            margin-top: 60px;
         }
         .ent-use-case-card {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.6), rgba(2, 6, 23, 0.8));
            border: 1px solid rgba(148, 163, 184, 0.1);
            border-radius: 16px;
            padding: 32px;
            height: 100%;
            transition: all 0.3s ease;
         }
         .ent-use-case-card:hover {
            transform: translateY(-4px);
            border-color: rgba(56, 189, 248, 0.3);
            box-shadow: 0 10px 30px rgba(56, 189, 248, 0.1);
         }
         .ent-use-case-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 20px;
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(14, 165, 233, 0.15));
            border: 1px solid rgba(56, 189, 248, 0.3);
            color: #38bdf8;
         }
         .ent-use-case-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #e2e8f0;
            margin-bottom: 16px;
         }
         .ent-use-case-list {
            list-style: none;
            padding: 0;
            margin: 0;
         }
         .ent-use-case-list li {
            padding: 8px 0;
            color: #94a3b8;
            font-size: 0.95rem;
            line-height: 1.5;
            padding-left: 20px;
            position: relative;
         }
         .ent-use-case-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #38bdf8;
            font-weight: 700;
         }

         /* CTA Box */
         .ent-cta-box {
            background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(8, 47, 73, 0.6));
            border: 1px solid rgba(56, 189, 248, 0.3);
            border-radius: 24px;
            padding: 48px 32px;
            position: relative;
            overflow: hidden;
         }
         .ent-cta-box::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top, rgba(56, 189, 248, 0.1), transparent 70%);
            pointer-events: none;
         }
         .ent-cta-title {
            font-size: 2rem;
            font-weight: 800;
            color: #e2e8f0;
            margin-bottom: 12px;
            position: relative;
            z-index: 2;
         }
         .ent-cta-text {
            font-size: 1.1rem;
            color: #94a3b8;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;
         }
         .ent-cta-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 16px 32px;
            background: linear-gradient(135deg, #38bdf8, #0ea5e9);
            color: white;
            text-decoration: none;
            border-radius: 12px;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(56, 189, 248, 0.4);
            position: relative;
            z-index: 2;
         }
         .ent-cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 40px rgba(56, 189, 248, 0.5);
            color: white;
            text-decoration: none;
         }

         /* Responsive */
         @media (max-width: 768px) {
            .ent-title {
               font-size: 2rem;
            }
            .ent-subtitle {
               font-size: 1rem;
            }
            .ent-trust-banner {
               padding: 32px 24px;
            }
            .ent-feature-card {
               padding: 24px;
            }
            .ent-card-title {
               font-size: 1.25rem;
            }
         }









/* ===== Stripe-Style Coverage Section ===== */

.coverage-section-stripe {
   padding: 140px 0 120px;
   position: relative;
}

/* Stripe-style gradient background */
.stripe-bg-gradient {
   position: absolute;
   inset: 0;
   background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), transparent),
               radial-gradient(ellipse 60% 80% at 100% 60%, rgba(59, 130, 246, 0.15), transparent),
               radial-gradient(ellipse 60% 80% at 0% 60%, rgba(6, 182, 212, 0.15), transparent);
   opacity: 0.4;
   filter: blur(60px);
}

/* Grid overlay like Stripe */
.stripe-grid-overlay {
   position: absolute;
   inset: 0;
   background-image: linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
                     linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
   background-size: 50px 50px;
   mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
}

/* Stripe badge */
.stripe-badge {
   display: inline-block;
   padding: 8px 16px;
   background: rgba(99, 102, 241, 0.1);
   border: 1px solid rgba(99, 102, 241, 0.2);
   border-radius: 100px;
   color: #a5b4fc;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Stripe title */
.stripe-title {
   font-size: clamp(2.75rem, 6vw, 5.5rem);
   font-weight: 600;
   line-height: 1.1;
   color: #ffffff;
   letter-spacing: -0.02em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.stripe-title-gradient {
   background: linear-gradient(135deg, #818cf8 0%, #6366f1 25%, #3b82f6 50%, #06b6d4 75%, #14b8a6 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   background-size: 200% auto;
   animation: stripe-gradient-shift 8s ease infinite;
}

@keyframes stripe-gradient-shift {
   0%, 100% { background-position: 0% 50%; }
   50% { background-position: 100% 50%; }
}

.stripe-subtitle {
   font-size: 1.5rem;
   color: rgba(255, 255, 255, 0.65);
   font-weight: 400;
   letter-spacing: -0.01em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Stats banner */
.stripe-stats-banner {
   background: rgba(255, 255, 255, 0.02);
   border: 1px solid rgba(255, 255, 255, 0.06);
   border-radius: 16px;
   padding: 32px 0;
   backdrop-filter: blur(20px);
   box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.05),
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.stripe-stat {
   padding: 16px 24px;
   text-align: center;
   border-right: 1px solid rgba(255, 255, 255, 0.06);
   transition: all 0.3s ease;
}

.stripe-stat:last-child {
   border-right: none;
}

.stripe-stat:hover {
   background: rgba(99, 102, 241, 0.05);
}

.stripe-stat-number {
   font-size: 3rem;
   font-weight: 600;
   color: #ffffff;
   line-height: 1;
   margin-bottom: 8px;
   letter-spacing: -0.02em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.stripe-stat-label {
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.5);
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Stripe-style cards */
.coverage-section-stripe .source-card {
   background: rgba(255, 255, 255, 0.02);
   backdrop-filter: blur(20px);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 12px;
   padding: 24px;
   height: 100%;
   position: relative;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
}

.coverage-section-stripe .source-card::before {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: 12px;
   padding: 1px;
   background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(59, 130, 246, 0.3), rgba(6, 182, 212, 0.3));
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   opacity: 0;
   transition: opacity 0.4s ease;
}

.coverage-section-stripe .source-card:hover {
   transform: translateY(-4px);
   border-color: rgba(99, 102, 241, 0.3);
   box-shadow: 0 20px 60px -12px rgba(99, 102, 241, 0.25),
               0 0 0 1px rgba(99, 102, 241, 0.1),
               inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.coverage-section-stripe .source-card:hover::before {
   opacity: 1;
}

/* Compact rank badge */
.coverage-section-stripe .source-rank {
   position: absolute;
   top: 16px;
   right: 16px;
}

.coverage-section-stripe .rank-badge {
   width: 24px;
   height: 24px;
   background: rgba(255, 255, 255, 0.05);
   border-radius: 6px;
   color: rgba(255, 255, 255, 0.4);
   font-size: 0.6875rem;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Icon styling */
.coverage-section-stripe .source-icon {
   width: 48px;
   height: 48px;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
               0 4px 12px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease;
}

.coverage-section-stripe .source-card:hover .source-icon {
   transform: scale(1.05);
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
               0 8px 24px rgba(0, 0, 0, 0.3),
               0 0 40px rgba(99, 102, 241, 0.2);
}

.coverage-section-stripe .source-icon i {
   font-size: 1.5rem;
   color: white;
}

/* Live status */
.coverage-section-stripe .search-status {
   position: absolute;
   top: 16px;
   left: 16px;
   padding: 4px 10px;
   background: rgba(16, 185, 129, 0.1);
   border: 1px solid rgba(16, 185, 129, 0.2);
   border-radius: 100px;
}

.coverage-section-stripe .status-dot {
   width: 6px;
   height: 6px;
   background: #10b981;
   border-radius: 50%;
   box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
   animation: stripe-status-pulse 2s ease-in-out infinite;
}

@keyframes stripe-status-pulse {
   0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
   50% { box-shadow: 0 0 0 4px rgba(16, 185, 129, 0); }
}

.coverage-section-stripe .status-text {
   font-size: 0.625rem;
   color: #10b981;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

/* Compact typography */
.coverage-section-stripe .source-title {
   font-size: 1.125rem;
   font-weight: 600;
   color: #ffffff;
   margin-bottom: 8px;
   line-height: 1.4;
   letter-spacing: -0.01em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.coverage-section-stripe .source-description {
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.55);
   line-height: 1.6;
   margin-bottom: 16px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Compact stats */
.coverage-section-stripe .source-stats {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
   margin-bottom: 16px;
}

.coverage-section-stripe .stat-item {
   padding: 8px 12px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.06);
   border-radius: 8px;
   transition: all 0.3s ease;
}

.coverage-section-stripe .stat-item:hover {
   background: rgba(99, 102, 241, 0.08);
   border-color: rgba(99, 102, 241, 0.2);
}

.coverage-section-stripe .stat-item i {
   font-size: 0.875rem;
   color: #6366f1;
}

.coverage-section-stripe .stat-item span {
   font-size: 0.75rem;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Tag styling */
.coverage-section-stripe .source-tag {
   display: inline-block;
   padding: 4px 10px;
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 6px;
   font-size: 0.6875rem;
   color: rgba(255, 255, 255, 0.6);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* CTA styling */
.coverage-section-stripe .coverage-cta {
   background: rgba(255, 255, 255, 0.02);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 16px;
   padding: 64px 48px;
   backdrop-filter: blur(20px);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.coverage-section-stripe .coverage-cta-title {
   font-size: 2.5rem;
   font-weight: 600;
   color: white;
   margin-bottom: 16px;
   line-height: 1.2;
   letter-spacing: -0.02em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.coverage-section-stripe .coverage-cta-text {
   font-size: 1.125rem;
   color: rgba(255, 255, 255, 0.6);
   margin-bottom: 32px;
   line-height: 1.6;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Stripe button */
.coverage-section-stripe .coverage-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 14px 32px;
   background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);
   color: white;
   text-decoration: none;
   border-radius: 8px;
   font-weight: 600;
   font-size: 1rem;
   transition: all 0.3s ease;
   box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4),
               inset 0 1px 0 rgba(255, 255, 255, 0.2);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   position: relative;
   overflow: hidden;
}

.coverage-section-stripe .coverage-btn::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
   opacity: 0;
   transition: opacity 0.3s ease;
}

.coverage-section-stripe .coverage-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 24px rgba(99, 102, 241, 0.5),
               inset 0 1px 0 rgba(255, 255, 255, 0.2);
   color: white;
   text-decoration: none;
}

.coverage-section-stripe .coverage-btn:hover::before {
   opacity: 1;
}

.coverage-section-stripe .coverage-btn i {
   font-size: 1.125rem;
   transition: transform 0.3s ease;
}

.coverage-section-stripe .coverage-btn:hover i {
   transform: translateX(3px);
}

/* Scanning animations */
.coverage-section-stripe .source-card::after {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, 
      transparent 0%, 
      rgba(99, 102, 241, 0.05) 50%, 
      transparent 100%);
   animation: stripe-scan 4s ease-in-out infinite;
}

@keyframes stripe-scan {
   0% { left: -100%; }
   50%, 100% { left: 100%; }
}

/* Responsive */
@media (max-width: 992px) {
   .stripe-title {
      font-size: 3rem;
   }
   
   .stripe-stat-number {
      font-size: 2.5rem;
   }
   
   .coverage-section-stripe .source-card {
      padding: 20px;
   }
}

@media (max-width: 768px) {
   .coverage-section-stripe {
      padding: 80px 0 60px;
   }
   
   .stripe-title {
      font-size: 2.25rem;
   }
   
   .stripe-subtitle {
      font-size: 1.125rem;
   }
   
   .stripe-stat {
      padding: 12px 16px;
      border-right: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   }
   
   .stripe-stat:last-child {
      border-bottom: none;
   }
   
   .stripe-stat-number {
      font-size: 2rem;
   }
   
   .stripe-stat-label {
      font-size: 0.75rem;
   }
   
   .coverage-section-stripe .source-card {
      padding: 20px;
   }
   
   .coverage-section-stripe .coverage-cta {
      padding: 48px 32px;
   }
   
   .coverage-section-stripe .coverage-cta-title {
      font-size: 2rem;
   }
}

@media (max-width: 576px) {
   .stripe-title {
      font-size: 1.875rem;
   }
   
   .stripe-badge {
      font-size: 11px;
      padding: 6px 12px;
   }
}


/* Stagger animation for card 12 */
.coverage-section-stripe .source-card:nth-child(12) { 
   animation-delay: 1.1s; 
}


/* Additional row spacing for stripe coverage cards */
.coverage-section-stripe .row.g-4 {
   row-gap: 1.5rem !important;
}

.coverage-section-stripe .col-md-6,
.coverage-section-stripe .col-lg-4 {
   margin-bottom: 1rem;
}

@media (max-width: 768px) {
   .coverage-section-stripe .row.g-4 {
      row-gap: 1rem !important;
   }
   
   .coverage-section-stripe .col-md-6,
   .coverage-section-stripe .col-lg-4 {
      margin-bottom: 0.75rem;
   }
}


/* ========================================== */
/* ENGINES SECTION - STRIPE/APPLE INSPIRED */
/* ========================================== */

.engines-section {
   background: linear-gradient(180deg, #0a0d14 0%, #0f1419 50%, #1a1f2e 100%);
   position: relative;
   overflow: hidden;
   padding: 120px 0 100px;
}

/* Animated gradient background */
.engines-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: 
      radial-gradient(ellipse 80% 50% at 50% -20%, rgba(147, 51, 234, 0.15), transparent),
      radial-gradient(ellipse 60% 80% at 100% 60%, rgba(59, 130, 246, 0.12), transparent),
      radial-gradient(ellipse 60% 80% at 0% 60%, rgba(99, 102, 241, 0.12), transparent);
   opacity: 0.6;
   animation: engines-glow-pulse 8s ease-in-out infinite;
}

/* Subtle grid overlay */
.engines-section::after {
   content: '';
   position: absolute;
   inset: 0;
   background-image: 
      linear-gradient(rgba(99, 102, 241, 0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(99, 102, 241, 0.02) 1px, transparent 1px);
   background-size: 60px 60px;
   mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
   pointer-events: none;
}

@keyframes engines-glow-pulse {
   0%, 100% { opacity: 0.6; }
   50% { opacity: 0.8; }
}

/* Section header */
.engines-section .simple-badge {
   display: inline-flex;
   align-items: center;
   padding: 10px 20px;
   background: rgba(147, 51, 234, 0.1);
   border: 1px solid rgba(147, 51, 234, 0.2);
   border-radius: 100px;
   color: #c084fc;
   font-size: 0.875rem;
   font-weight: 600;
   letter-spacing: 0.3px;
   backdrop-filter: blur(10px);
   box-shadow: 0 0 20px rgba(147, 51, 234, 0.1);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.engines-section .hero-section-title {
   font-size: clamp(2.5rem, 5vw, 4rem);
   font-weight: 600;
   line-height: 1.15;
   color: #ffffff;
   letter-spacing: -0.03em;
   margin-bottom: 1.5rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.engines-section .description-text {
   font-size: 1.25rem;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 400;
   letter-spacing: -0.01em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Engine Cards - Premium Stripe Style */
.engine-card {
   background: rgba(255, 255, 255, 0.02);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 20px;
   padding: 40px 32px;
   position: relative;
   overflow: hidden;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   backdrop-filter: blur(20px);
   height: 100%;
   display: flex;
   flex-direction: column;
}

/* Hover glow effect */
.engine-card::before {
   content: '';
   position: absolute;
   inset: 0;
   background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
      rgba(147, 51, 234, 0.08), 
      transparent 40%);
   opacity: 0;
   transition: opacity 0.4s ease;
   pointer-events: none;
}

.engine-card:hover::before {
   opacity: 1;
}

.engine-card:hover {
   transform: translateY(-8px) scale(1.02);
   border-color: rgba(255, 255, 255, 0.15);
   box-shadow: 
      0 20px 60px rgba(0, 0, 0, 0.4),
      0 0 0 1px rgba(147, 51, 234, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Card accent line */
.engine-card::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 2px;
   background: linear-gradient(90deg, 
      transparent, 
      var(--accent-color, #a78bfa) 50%, 
      transparent);
   opacity: 0;
   transition: opacity 0.4s ease;
}

.engine-card:hover::after {
   opacity: 1;
}

/* Engine-specific accent colors */
.engine-card-hexagram {
   --accent-color: #a78bfa;
}

.engine-card-web {
   --accent-color: #60a5fa;
}

.engine-card-ai {
   --accent-color: #818cf8;
}

/* Card badge */
.engine-badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 6px 14px;
   background: rgba(147, 51, 234, 0.15);
   border: 1px solid rgba(147, 51, 234, 0.25);
   border-radius: 50px;
   color: #c084fc;
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 24px;
   width: fit-content;
}

.engine-badge-web {
   background: rgba(59, 130, 246, 0.15);
   border-color: rgba(59, 130, 246, 0.25);
   color: #60a5fa;
}

.engine-badge-ai {
   background: rgba(99, 102, 241, 0.15);
   border-color: rgba(99, 102, 241, 0.25);
   color: #818cf8;
}

/* Icon container */
.engine-icon {
   width: 56px;
   height: 56px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(168, 85, 247, 0.1) 100%);
   border-radius: 14px;
   font-size: 28px;
   color: #c084fc;
   margin-bottom: 24px;
   position: relative;
   overflow: hidden;
}

.engine-icon::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1));
   opacity: 0;
   transition: opacity 0.3s ease;
}

.engine-card:hover .engine-icon::before {
   opacity: 1;
}

.engine-icon-web {
   background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(96, 165, 250, 0.1) 100%);
   color: #60a5fa;
}

.engine-icon-ai {
   background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(129, 140, 248, 0.1) 100%);
   color: #818cf8;
}

/* Title */
.engine-title {
   font-size: 1.75rem;
   font-weight: 600;
   color: #ffffff;
   margin-bottom: 8px;
   letter-spacing: -0.02em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Subtitle */
.engine-subtitle {
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.5);
   font-weight: 500;
   margin-bottom: 16px;
   display: flex;
   align-items: center;
   gap: 6px;
}

/* Description */
.engine-description {
   font-size: 1rem;
   line-height: 1.7;
   color: rgba(255, 255, 255, 0.65);
   margin-bottom: 28px;
   flex-grow: 1;
}

/* Feature tags */
.engine-features {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 24px;
}

.engine-feature-tag {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 8px 14px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 8px;
   color: rgba(255, 255, 255, 0.7);
   font-size: 0.813rem;
   font-weight: 500;
   transition: all 0.3s ease;
}

.engine-feature-tag:hover {
   background: rgba(255, 255, 255, 0.06);
   border-color: rgba(255, 255, 255, 0.15);
   color: #ffffff;
   transform: translateY(-2px);
}

.engine-feature-tag i {
   font-size: 1rem;
   opacity: 0.8;
}

/* Metrics pills */
.engine-metrics {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 24px;
}

.engine-metric-pill {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: rgba(147, 51, 234, 0.08);
   border: 1px solid rgba(147, 51, 234, 0.15);
   border-radius: 50px;
   color: #c084fc;
   font-size: 0.875rem;
   font-weight: 600;
   backdrop-filter: blur(10px);
}

.engine-metric-pill .metric-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
   animation: metric-pulse 2s ease-in-out infinite;
}

@keyframes metric-pulse {
   0%, 100% { opacity: 1; transform: scale(1); }
   50% { opacity: 0.7; transform: scale(0.9); }
}

.engine-metric-pill-blue {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: rgba(59, 130, 246, 0.08);
   border: 1px solid rgba(59, 130, 246, 0.15);
   border-radius: 50px;
   color: #60a5fa;
   font-size: 0.875rem;
   font-weight: 600;
   backdrop-filter: blur(10px);
}

.engine-metric-pill-blue .metric-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
   animation: metric-pulse 2s ease-in-out infinite;
}

.engine-metric-pill-emerald {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: rgba(52, 211, 153, 0.08);
   border: 1px solid rgba(52, 211, 153, 0.15);
   border-radius: 50px;
   color: #34d399;
   font-size: 0.875rem;
   font-weight: 600;
   backdrop-filter: blur(10px);
}

.engine-metric-pill-emerald .metric-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
   animation: metric-pulse 2s ease-in-out infinite;
}

.engine-metric-pill-amber {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: rgba(251, 191, 36, 0.08);
   border: 1px solid rgba(251, 191, 36, 0.15);
   border-radius: 50px;
   color: #fbbf24;
   font-size: 0.875rem;
   font-weight: 600;
   backdrop-filter: blur(10px);
}

.engine-metric-pill-amber .metric-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
   animation: metric-pulse 2s ease-in-out infinite;
}

.engine-metric-pill-indigo {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: rgba(129, 140, 248, 0.08);
   border: 1px solid rgba(129, 140, 248, 0.15);
   border-radius: 50px;
   color: #818cf8;
   font-size: 0.875rem;
   font-weight: 600;
   backdrop-filter: blur(10px);
}

.engine-metric-pill-indigo .metric-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
   animation: metric-pulse 2s ease-in-out infinite;
}

/* Bottom note */
.engine-note {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-top: 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.06);
   margin-top: auto;
}

.engine-note-label {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 6px 12px;
   background: rgba(147, 51, 234, 0.12);
   border: 1px solid rgba(147, 51, 234, 0.25);
   border-radius: 6px;
   color: #c084fc;
   font-size: 0.813rem;
   font-weight: 600;
   letter-spacing: 0.3px;
   width: fit-content;
   transition: all 0.3s ease;
}

.engine-note-label i {
   font-size: 0.95rem;
}

.engine-note-label-blue {
   background: rgba(59, 130, 246, 0.12);
   border-color: rgba(59, 130, 246, 0.25);
   color: #60a5fa;
}

.engine-note-label-indigo {
   background: rgba(99, 102, 241, 0.12);
   border-color: rgba(99, 102, 241, 0.25);
   color: #818cf8;
}

.engine-card:hover .engine-note-label {
   background: rgba(147, 51, 234, 0.18);
   border-color: rgba(147, 51, 234, 0.35);
   transform: translateX(4px);
}

.engine-card:hover .engine-note-label-blue {
   background: rgba(59, 130, 246, 0.18);
   border-color: rgba(59, 130, 246, 0.35);
}

.engine-card:hover .engine-note-label-indigo {
   background: rgba(99, 102, 241, 0.18);
   border-color: rgba(99, 102, 241, 0.35);
}

.engine-note-text {
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.45);
   line-height: 1.5;
}

/* CTA Section */
.engines-cta {
   margin-top: 80px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.engines-cta-text {
   color: rgba(255, 255, 255, 0.6);
   font-size: 1rem;
   margin-bottom: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
}

.engines-cta-text i {
   color: #34d399;
   font-size: 1.25rem;
}

/* Buttons */
.engines-btn {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 16px 32px;
   border-radius: 12px;
   font-size: 1rem;
   font-weight: 600;
   text-decoration: none;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   border: none;
   cursor: pointer;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.engines-btn-primary {
   background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
   color: #ffffff;
   box-shadow: 0 4px 20px rgba(139, 92, 246, 0.3);
}

.engines-btn-primary:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 30px rgba(139, 92, 246, 0.4);
   color: #ffffff;
}

.engines-btn-ghost {
   background: rgba(255, 255, 255, 0.05);
   color: rgba(255, 255, 255, 0.9);
   border: 1px solid rgba(255, 255, 255, 0.1);
}

.engines-btn-ghost:hover {
   background: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.2);
   transform: translateY(-2px);
   color: #ffffff;
}

/* Responsive Design */
@media (max-width: 992px) {
   .engines-section {
      padding: 80px 0 60px;
   }
   
   .engines-section .hero-section-title {
      font-size: 2.5rem;
   }
   
   .engines-section .description-text {
      font-size: 1.125rem;
   }
   
   .engine-card {
      padding: 32px 24px;
   }
   
   .engine-title {
      font-size: 1.5rem;
   }
}

@media (max-width: 768px) {
   .engines-section {
      padding: 60px 0 40px;
   }
   
   .engines-section .hero-section-title {
      font-size: 2rem;
   }
   
   .engines-section .description-text {
      font-size: 1rem;
   }
   
   .engine-card {
      padding: 28px 20px;
      margin-bottom: 20px;
   }
   
   .engines-cta {
      margin-top: 50px;
   }
   
   .engines-btn {
      padding: 14px 24px;
      font-size: 0.938rem;
   }
   
   .engines-btn-primary {
      margin-bottom: 12px;
   }
}

@media (max-width: 576px) {
   .engines-section .simple-badge {
      font-size: 0.75rem;
      padding: 8px 16px;
   }
   
   .engines-section .hero-section-title {
      font-size: 1.75rem;
   }
   
   .engine-icon {
      width: 48px;
      height: 48px;
      font-size: 24px;
   }
   
   .engine-title {
      font-size: 1.375rem;
   }
   
   .engines-btn {
      width: 100%;
      justify-content: center;
   }
}