.gpu-chip {
            font-size: 11px;
            font-weight: 600;
            padding: 6px 12px;
            border-radius: 50px;
            background: #f1f5f9;
            color: #0f172a;
        }

        .vram-chip {
            font-size: 11px;
            font-weight: 600;
            padding: 6px 12px;
            border-radius: 50px;
            background: #eff6ff;
            color: #279bff;
            border: 1px solid #dbeafe;
        }

        .model-divider {
            border: 0;
            border-top: 1px dashed rgba(0,0,0,.15);
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .gpu-enterprise-section {
            padding: 90px 0px 40px 0px;
            background: linear-gradient( rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) ), url('../images/home/bg-img28.jpg');
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
        }

        .gpu-enterprise-section::before{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                rgba(0,0,0,0.65),
                rgba(0,0,0,0.45)
            );
            z-index: 1;
        }

        .gpu-enterprise-section{
            position: relative;
            overflow: hidden;
        }

        .gpu-enterprise-section .container{
            position: relative;
            z-index: 2;
        }

        .enterprise-title {
            /*font-weight: 700;*/
            line-height: 1.3;
        }

        .enterprise-title span {
            color: #279bff;
        }

        .enterprise-subtitle {
            font-size: 17px;
            color: #475569;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .enterprise-link {
            color: #279bff;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s ease;
        }

        .enterprise-link:hover {
            color: #1e40af;
        }

        /* Card Wrapper Border */
        .enterprise-card-wrapper {
            border: 1px solid #e5e7eb;
            border-radius: 5px;
            overflow: hidden;
        }

        /* Individual Card */
        .enterprise-card {
            padding: 20px 30px;
            /*border-right: 1px solid #e5e7eb;*/
            height: 100%;
            background: #ffffff;
            transition: all 0.3s ease;
        }

        .enterprise-card i {
            font-size: 26px;
            color: #007BFC;
            margin-bottom: 15px;
        }

        .enterprise-card h5 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .enterprise-card p {
            font-size: 14px;
            color: #64748b;
            margin: 0;
        }

        /* Hover Effect */
        .enterprise-card:hover {
            background: #f8fafc;
        }

        /* Remove border on last card */
        .enterprise-card-wrapper .col-lg-3:last-child .enterprise-card {
            border-right: none;
        }

        /* Responsive */
        @media (max-width: 991px) {

            .enterprise-card {
                border-right: none;
                border-bottom: 1px solid #e5e7eb;
            }

            .enterprise-card-wrapper .col-lg-3:last-child .enterprise-card {
                border-bottom: none;
            }
        }

        .trust-section {
            background: #ffffff;
        }

        .trust-header {
            margin-bottom: 35px;
        }

        .trust-header h2 {
            margin-bottom: 8px;
        }

        .trust-header p {
            color: #6b7280;
        }

        /* Main wrapper */
        .trust-wrapper {
            display: grid;
            grid-template-columns: 1fr 1.4fr;
            /*gap: 30px;*/
            align-items: stretch;
        }

        /* Image */
        .trust-image {
            height: 420px;   /* lock height */
        }

        .trust-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        /* Right grid */
        .trust-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            /*gap: 20px;*/
            height: 420px;   /* match image height */
        }

        /* Cards */
        .card-trust {
            position: relative;
            background: #f9fafb;
            
            padding: 28px;
            display: flex;
            align-items: center;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.4s ease;
        }

        /* Smooth lift */
        .card-trust:hover {
            /*transform: translateY(-4px);*/
            box-shadow: 0 20px 40px rgba(0,0,0,0.08);
            border:0px;
        }

        /* Background overlay effect */
        .card-trust::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                135deg,
                #0f172a 0%,
                #111827 60%,
                #000000 100%
            );
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 1;
        }

        /* Show overlay on hover */
        .card-trust:hover::before {
            opacity: 1;
        }

        /* Content above overlay */
        .card-content {
            position: relative;
            z-index: 2;
            transition: 0.4s ease;
        }

        /* Default text colors */
        .card-trust span {
            font-size: 11px;
            font-weight: 600;
            color: #279bff;
            letter-spacing: 1px;
            margin-bottom: 8px;
            display: block;
            transition: 0.4s ease;
        }

        .card-trust h4 {
            /*font-size: 17px;*/
            font-weight: 600;
            margin-bottom: 8px;
            /*color: #111827;*/
            transition: 0.4s ease;
        }

        .card-trust p {
            font-size: 13px;
            color: #6b7280;
            margin: 0;
            transition: 0.4s ease;
        }

        /* Text color change on hover */
        .card-trust:hover span {
            color: #60a5fa;
        }

        .card-trust:hover h4,
        .card-trust:hover p {
            color: #ffffff;
        }


        /* Responsive */
        @media (max-width: 992px) {
            .trust-wrapper {
                grid-template-columns: 1fr;
            }

            .trust-grid {
                height: auto;
                grid-template-columns: 1fr;
            }

            .trust-image {
                height: 300px;
            }
        }

        .ai-comparison-section {
            background: #ffffff;
        }

        .ai-comparison-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            /*border: 1px solid #e5e7eb;*/
        }

        /* LEFT SIDE */
        .ai-legacy {
            padding: 70px 60px;
            /*background: #f9fafb;*/
        }

        .ai-modern {
            padding: 70px 60px;
            background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        }

        .section-label {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 18px;
        }

        .legacy-label {
            color: #9ca3af;
        }

        .modern-label {
            color: #007BFC;
        }

        .ai-legacy h2,
        .ai-modern h2 {
            margin-bottom: 20px;
        }

        .section-desc {
            font-size: 15px;
            color: #6b7280;
            margin-bottom: 40px;
            line-height: 1.7;
        }

        .legacy-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .legacy-list li {
            margin-bottom: 25px;
        }

        .legacy-list strong {
            display: block;
            font-size: 16px;
            margin-bottom: 4px;
        }

        .legacy-list span {
            font-size: 14px;
            color: #6b7280;
        }

        /* RIGHT METRICS */
        .modern-metrics {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-top: 40px;
        }

        .metric h3 {
            font-size: 32px;
            font-weight: 700;
            color: #007BFC;
            margin-bottom: 6px;
        }

        .metric p {
            font-size: 14px;
            color: #6b7280;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .ai-comparison-wrapper {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {

            .ai-legacy,
            .ai-modern{
                padding:40px 20px;
            }

            .modern-metrics {
                display: flex;
                flex-direction: column;
                gap: 30px;
            }

            .metric h3{
                font-size:28px;
                word-break:break-word;
            }
        }

        .ai-enterprise-layout {
            background: #ffffff;
        }

        /* ===== TOP SECTION ===== */
        .ai-top-section {
            min-height: 500px;
        }

        .ai-top-left {
            background: #f4f7fb;
            display: flex;
            align-items: center;
        }

        .ai-top-inner {
            padding: 80px;
            max-width: 600px;
        }

        .ai-label {
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #007BFC;
        }

        .ai-top-inner h2 {
            font-size: 38px;
            font-weight: 700;
            margin: 20px 0;
        }

        .ai-description {
            font-size: 17px;
            color: #5c6b82;
            margin-bottom: 30px;
        }

        .ai-stage-list {
            list-style: none;
            padding: 0;
            margin-bottom: 30px;
        }

        .ai-stage-list li {
            margin-bottom: 12px;
            font-size: 16px;
            color: #334155;
        }

        .ai-stage-list strong {
            color: #007BFC;
            margin-right: 10px;
        }

        .ai-cta {
            font-weight: 600;
            color: #007BFC;
            text-decoration: none;
        }

        .ai-top-right img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        /* ===== BOTTOM SECTION ===== */
        .ai-bottom-section {
            border-top: 1px solid #e6ebf3;
        }

        .ai-block {
            border-right: 1px solid #e6ebf3;
            border-bottom: 1px solid #e6ebf3;
            background: #ffffff;
        }

        .ai-block:last-child {
            border-right: none;
        }

        .ai-block-inner {
            padding: 50px 40px;
        }

        .ai-block-inner h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #1b1f2e;
        }

        .ai-block-inner p {
            font-size: 15px;
            color: #5c6b82;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 992px) {
            .ai-top-inner {
                padding: 50px 30px;
            }

            .ai-block {
                border-right: none;
            }
        }

        .production-ai-hero {
            position: relative;
            min-height: 650px;
            display: flex;
            align-items: center;
            overflow: hidden;

            background: url('../images/consultant_person1.webp') center right / cover no-repeat;
        }

        /* Premium cinematic gradient */
        .production-ai-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.96) 0%,
                rgba(0, 0, 0, 0.90) 35%,
                rgba(0, 0, 0, 0.70) 55%,
                rgba(0, 0, 0, 0.40) 75%,
                rgba(0, 0, 0, 0.05) 95%
            );
        }

        /* Content wrapper */
        .production-content {
            position: relative;
            z-index: 2;
            max-width: 720px;
            color: #ffffff;
        }

        /* Small tag */
        .hero-tag {
            font-size: 13px;
            letter-spacing: 2px;
            text-transform: uppercase;
            opacity: 0.7;
            margin-bottom: 20px;
            display: inline-block;
        }

        /* Heading */
        .hero-main {
            font-size: 52px;
            font-weight: 600;
            line-height: 1.15;
            margin-bottom: 25px;
        }

        .accent {
            color: #279bff;
        }

        /* Description */
        .hero-sub {
            font-size: 18px;
            line-height: 1.6;
            color: rgba(255,255,255,0.85);
            margin-bottom: 50px;
        }

        /* Stats layout */
        .production-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 35px 40px;
        }

        .stat h3 {
            font-size: 28px;
            font-weight: 600;
            color: #279bff;
            margin-bottom: 10px;
        }

        .stat p {
            font-size: 15px;
            line-height: 1.5;
            color: rgba(255,255,255,0.75);
        }

        .workloads-header {
           /* text-align: center;
            max-width: 820px;*/
            margin: 0 auto 70px auto;
        }

        .workloads-header h2 {
            
            color: #111827;
            margin-bottom: 15px;
        }

        .workloads-header p {
            font-size: 17px;
            color: #6b7280;
            line-height: 1.7;
        }

        .workloads-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 60px;
            /*max-width: 1100px;*/
            margin: auto;
        }

        .workload-group h4 {
            font-size: 20px;
            font-weight: 700;
            color: #142149;
            margin-bottom: 40px;
            letter-spacing: .5px;
            text-transform: uppercase;
        }

        .workload-group ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .workload-group li {
            font-size: 14px;
            color: #1f2937;
            margin-bottom: 40px;
            position: relative;
        }


        .workload-group li:hover {
            color: #279bff;
            transition: .2s ease;
        }

        .workload-group ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .work-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            /*margin-bottom: 22px;*/
            transition: .2s ease;
            border-left: 2px solid #007BFC;
            padding-left: 20px;
        }

        .work-icon {
            min-width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #279bff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 12px;
            margin-top: 4px;
            display: none;
        }

        .work-content h6 {
            font-size: 15px;
            font-weight: 600;
            color: #1f2937;
            margin: 0 0 5px 0;
        }

        .work-content p {
            font-size: 14px;
            color: #6b7280;
            margin: 0;
            line-height: 1.6;
            margin-top: 15px;
        }

        .work-item:hover h6 {
            color: #279bff;
        }

        .work-content span {
          font-size: 12px;
          font-weight: 400;
          color: #007BFC;
          /*margin: 0 0 5px 0;*/
          background: #eff6ff;
          padding: 5px 10px;
          /*width: auto;*/
          margin-bottom: 20px;
        }

        @media (max-width: 992px) {
            .workloads-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
        }

        .ai-process-section {
            background: #dfe8ff;
            
            color: #ffffff;
        }

        .process-intro {
            text-align: center;
            max-width: 820px;
            margin: 0 auto 90px auto;
        }

        .process-intro p {
            font-size: 24px;
            color: #142149;
            line-height: 1.6;
        }

        .process-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 80px;
        }

        .process-item {
            position: relative;
        }

        @media (max-width:767px){

            .process-item{
                text-align: center;
            }
        }

        .process-number {
            font-size: 42px;
            font-weight: 600;
            color: #142149;
            margin-bottom: 20px;
        }

        .process-title {
            font-size: 72px;
            font-weight: 700;
            margin-bottom: 25px;
            letter-spacing: -2px;
        }

        .process-desc {
            font-size: 18px;
            color: #262626;
            line-height: 1.7;
        }

        .process-desc span {
            color: #007BFC; /* highlight accent */
            font-weight: 600;
        }

        /* Highlight middle step */
        .process-item.highlight .process-title {
            color: #007BFC;
        }

        .process-item.highlight .process-number {
            color: #142149;;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .process-grid {
                grid-template-columns: 1fr;
                gap: 60px;
            }

            .process-title {
                font-size: 48px;
            }
        }

        .compare-table{
            border:1px solid #e5e7eb;
            border-radius:20px;
            overflow:hidden;
            background:#fff;
        }

        .compare-header,
        .compare-item{
            display:grid;
            grid-template-columns:2fr 1fr 1fr;
        }

        .compare-header{
            background:linear-gradient(135deg, #005FCC 0%, #007BFC 100%);
            color:#fff;
            font-weight:700;
        }

        .compare-header div,
        .compare-item div{
            padding:18px 20px;
        }

        .compare-item{
            border-top:1px solid #e5e7eb;
        }

        .feature{
            font-weight:600;
        }

        .featured{
            background:#F0F8FF;
            font-weight:600;
        }

        .compare-plan.featured{
            background:#007BFC;
            color:#fff;
        }

        .compare-table{
            border:1px solid #dbeafe;
            border-radius:20px;
            overflow:hidden;
            background:#fff;
        }

        .compare-plan.featured{
            background:#007BFC;
            color:#fff;
        }

        .featured{
            background:#F7FBFF;
            font-weight:600;
        }

        .compare-item:hover{
            background:#fafcff;
        }

        .feature{
            font-weight:600;
            color:#111827;
        }

        @media(max-width:768px){

            .compare-header{
                display:none;
            }

            .compare-item{
                grid-template-columns:1fr;
                margin:12px;
                border:1px solid #e5e7eb;
                border-radius:14px;
                overflow:hidden;
            }

            .feature{
                background:#f8fafc;
            }

            .value{
                display:flex;
                justify-content:space-between;
            }

            .value:before{
                font-weight:600;
                color:#64748b;
            }

            .compare-item .value:nth-child(2):before{
                content:"Traditional Cloud";
            }

            .compare-item .value:nth-child(3):before{
                content:"Qpeck GPU Cloud";
            }
        }

        .gpu-ai-section{
            background: linear-gradient(
                135deg,
                #0052CC 0%,
                #0066E6 50%,
                #007BFC 100%
            );
            padding:60px 0;
            overflow:hidden;
            position:relative;
        }

        .gpu-ai-grid{
            display:grid;
            grid-template-columns:1.1fr 1fr;
            gap:80px;
            align-items:center;
        }

        .gpu-ai-content h2{
            color:#fff;
            
            line-height:1.15;
            font-weight:300;
            margin-bottom:30px;
        }

        .gpu-ai-content p{
            color:rgba(255,255,255,.9);
            font-size:18px;
            line-height:1.7;
            margin-bottom:25px;
            font-weight:300;
        }

        /* Right Side Visual */

        .gpu-ai-visual{
            position:relative;
        }

        /* Background Glow */

        .gpu-ai-visual::before{
            content:'';
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            width:450px;
            height:450px;
            background:radial-gradient(
                rgba(0,123,252,.18),
                transparent 70%
            );
            border-radius:50%;
        }

        @media(max-width:992px){

            .gpu-ai-grid{
                grid-template-columns:1fr;
                gap:60px;
            }


            .gpu-ai-content p{
                font-size:18px;
            }

            .gpu-ai-visual{
                height:420px;
            }

        }