:root {
            --saas-red: #cb4154; /* Brand Red */
            --saas-dark: #1a1a1a;
            --white: #ffffff;
            --gray-bg: #f9f9f9;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }

        /* --- Why Choose Us Hero Section --- */
        .hero-why {
            position: relative;
            width: 100%;
            height: 60vh; /* Professional Hero height */
            min-height: 400px;
            /* High-quality Industrial Steel Background */
            background: linear-gradient(rgba(26, 26, 26, 0.8), rgba(26, 26, 26, 0.8)), 
                        url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?q=80&w=1920') center/cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--white);
            padding: 0 20px;
        }

        .hero-container {
            max-width: 900px; /* Matching your preferred narrow container */
            margin: 0 auto;
        }

        .hero-why h1 {
            font-size: clamp(30px, 5vw, 48px);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: -0.02em;
            margin-bottom: 20px;
            line-height: 1.1;
        }

        .hero-why .hero-tag {
            font-size: 12px;
            font-weight: 800;
            color: var(--saas-red);
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 15px;
            display: block;
        }

        /* --- Intro Section --- */
        .why-intro {
            background-color: var(--white);
            padding: 100px 0 60px;
            text-align: center;
        }

        .intro-container {
            max-width: 850px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .why-intro h2 {
            font-size: 14px;
            font-weight: 800;
            color: var(--saas-red);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }

        .why-intro p {
            font-size: 18px;
            color: #555;
            line-height: 1.7;
            font-weight: 500;
            max-width: 750px;
            margin: 0 auto;
        }

        .red-divider {
            width: 60px;
            height: 4px;
            background-color: var(--saas-red);
            margin: 35px auto 0;
            border-radius: 2px;
        }

        /* Responsive Tweaks */
        @media (max-width: 768px) {
            .hero-why { height: 40vh; }
            .hero-why h1 { font-size: 28px; }
            .why-intro p { font-size: 16px; }
        }


          /* --- Differentiation Section Styling --- */
    .diff-section {
        padding: 80px 0;
        background-color: #f9f9f9;
        font-family: 'Inter', sans-serif;
        border-bottom: 1px solid #eee;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .diff-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .diff-header h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
        color: #1a1a1a;
    }

    /* --- 5-Column Icon Grid --- */
    .diff-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    .diff-card {
        background: #ffffff;
        padding: 30px 20px;
        text-align: center;
        border-radius: 8px;
        border: 1px solid #eee;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .diff-card:hover {
        border-color: #cb4154;
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }

    .diff-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 20px;
        /* Using brand red for the icons */
        filter: brightness(0) saturate(100%) invert(32%) sepia(87%) saturate(769%) hue-rotate(320deg) brightness(88%) contrast(92%);
    }

    .diff-card h3 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        color: #1a1a1a;
        margin-bottom: 12px;
        line-height: 1.2;
        min-height: 34px; /* Keeps titles aligned */
    }

    .diff-card p {
        font-size: 12px;
        color: #666;
        line-height: 1.5;
        margin: 0;
    }

    /* Responsive Grid */
    @media (max-width: 1024px) {
        .diff-grid { grid-template-columns: repeat(3, 1fr); }
    }

    @media (max-width: 768px) {
        .diff-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 480px) {
        .diff-grid { grid-template-columns: 1fr; }
    }

      /* --- Process Flow Section Styling --- */
    .process-section {
        padding: 100px 0;
        background-color: #ffffff;
        font-family: 'Inter', sans-serif;
        overflow: hidden;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .process-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .process-header h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
        color: #1a1a1a;
    }

    /* --- Horizontal Pipeline Layout --- */
    .process-flow {
        display: flex;
        justify-content: space-between;
        position: relative;
        gap: 20px;
    }

    /* Connecting Line (Desktop Only) */
    .process-flow::before {
        content: "";
        position: absolute;
        top: 45px;
        left: 50px;
        right: 50px;
        height: 2px;
        background: #eee;
        z-index: 1;
    }

    .process-step {
        flex: 1;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    /* Step Number Circle */
    .step-number {
        width: 90px;
        height: 90px;
        background: #ffffff;
        border: 2px solid #eee;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 25px;
        font-size: 18px;
        font-weight: 800;
        color: #cb4154; /* Brand Red */
        transition: 0.3s;
    }

    .process-step:hover .step-number {
        border-color: #cb4154;
        background: #cb4154;
        color: #fff;
        transform: scale(1.1);
    }

    .process-step h3 {
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 15px;
        color: #1a1a1a;
        letter-spacing: 0.5px;
    }

    .process-step p {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        padding: 0 10px;
    }

    /* Responsive Flow */
    @media (max-width: 992px) {
        .process-flow { flex-direction: column; gap: 50px; }
        .process-flow::before { display: none; }
        .process-step { text-align: left; display: flex; align-items: flex-start; gap: 25px; }
        .step-number { margin: 0; min-width: 70px; height: 70px; font-size: 16px; }
        .process-step h3 { margin-bottom: 5px; }
    }


      /* --- Fast-Track Section Styling --- */
    .fast-track-section {
        padding: 100px 0;
        background-color: #ffffff;
        font-family: 'Inter', sans-serif;
        color: #1a1a1a;
        overflow: hidden;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .fast-track-flex {
        display: flex;
        align-items: center;
        gap: 80px;
    }

    /* Left Side: Content */
    .ft-content {
        flex: 1;
    }

    .ft-content h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
        margin-bottom: 30px;
        color: #1a1a1a;
    }

    .ft-content h3 {
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 25px;
        color: #cb4154; /* Brand Red */
        text-transform: uppercase;
    }

    .ft-list {
        list-style: none;
        padding: 0;
    }

    .ft-list li {
        font-size: 16px;
        font-weight: 600;
        color: #444;
        margin-bottom: 18px;
        padding-left: 30px;
        position: relative;
    }

    .ft-list li::before {
        content: "⚡";
        position: absolute;
        left: 0;
        color: #cb4154;
    }

    /* Right Side: Metrics Box */
    .ft-metrics {
        flex: 1;
        background-color: #1a1a1a; /* Dark Industrial */
        padding: 60px;
        border-radius: 12px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
        position: relative;
    }

    .metric-card {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .metric-card:last-child { border-bottom: none; }

    .metric-val {
        display: block;
        font-size: 38px;
        font-weight: 900;
        color: #cb4154;
        line-height: 1;
        margin-bottom: 10px;
    }

    .metric-txt {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #ffffff;
    }

    /* Responsive */
    @media (max-width: 992px) {
        .fast-track-flex { flex-direction: column; gap: 50px; }
        .ft-metrics { padding: 40px; width: 100%; }
    }

     /* --- Quality Section Styling --- */
    .quality-section {
        padding: 100px 0;
        background-color: #f9f9f9; /* Subtle background shift */
        font-family: 'Inter', sans-serif;
        color: #1a1a1a;
        border-top: 1px solid #eee;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .quality-header {
        text-align: center;
        margin-bottom: 70px;
    }

    .quality-header h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
        color: #1a1a1a;
    }

    /* --- Technical Grid --- */
    .quality-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        margin-bottom: 80px;
    }

    .quality-card {
        background: #ffffff;
        padding: 40px 25px;
        text-align: center;
        border-radius: 8px;
        border: 1px solid #eee;
        transition: all 0.3s ease;
    }

    .quality-card:hover {
        border-color: #cb4154;
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    .quality-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto 20px;
        background: rgba(203, 65, 84, 0.05);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
    }

    .quality-icon img {
        width: 100%;
        height: auto;
        filter: brightness(0) saturate(100%) invert(32%) sepia(87%) saturate(769%) hue-rotate(320deg) brightness(88%) contrast(92%);
    }

    .quality-card h3 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 12px;
        letter-spacing: 0.5px;
    }

    .quality-card p {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        margin: 0;
    }

    /* --- Certification / Logo Bar --- */
    .cert-bar {
        padding-top: 50px;
        border-top: 1px solid #eee;
        text-align: center;
    }

    .cert-bar h4 {
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #aaa;
        margin-bottom: 35px;
    }

    .logo-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 60px;
        flex-wrap: wrap;
        opacity: 0.6;
        filter: grayscale(100%);
    }

    .logo-flex img {
        height: 45px;
        transition: 0.3s;
    }

    .logo-flex img:hover {
        opacity: 1;
        filter: grayscale(0%);
    }

    @media (max-width: 992px) {
        .quality-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 500px) {
        .quality-grid { grid-template-columns: 1fr; }
        .logo-flex { gap: 30px; }
    }


    /* --- Team & Facility Section --- */
    .infrastructure-section {
        padding: 100px 0;
        background-color: #ffffff;
        font-family: 'Inter', sans-serif;
        color: #1a1a1a;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .infra-header {
        text-align: center;
        margin-bottom: 70px;
    }

    .infra-header h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
    }

    /* --- Split Layouts --- */
    .infra-row {
        display: flex;
        align-items: center;
        gap: 60px;
        margin-bottom: 80px;
    }

    .infra-row:last-child { margin-bottom: 0; flex-direction: row-reverse; }

    /* Visual Side */
    .infra-visual {
        flex: 1.2;
        border-radius: 12px;
        overflow: hidden;
        height: 450px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    .infra-visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .infra-visual:hover img {
        transform: scale(1.05);
    }

    /* Content Side */
    .infra-text {
        flex: 1;
    }

    .infra-text h3 {
        font-size: 24px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #cb4154; /* Brand Red */
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .infra-text p {
        font-size: 16px;
        line-height: 1.8;
        color: #555;
        margin-bottom: 30px;
    }

    /* Feature List */
    .infra-features {
        list-style: none;
        padding: 0;
    }

    .infra-features li {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .infra-features li::before {
        content: "";
        width: 10px;
        height: 2px;
        background: #cb4154;
    }

    /* Responsive */
    @media (max-width: 992px) {
        .infra-row, .infra-row:last-child { flex-direction: column; gap: 40px; }
        .infra-visual { width: 100%; height: 300px; }
    }

     /* --- Testimonials Section Styling --- */
    .testimonial-section {
        padding: 100px 0;
        background-color: #f9f9f9; /* Contrast with the white section above */
        font-family: 'Inter', sans-serif;
        color: #1a1a1a;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .test-header {
        text-align: center;
        margin-bottom: 70px;
    }

    .test-header h2 {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
    }

    /* --- 2-Column Grid Layout --- */
    .test-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .test-card {
        background: #ffffff;
        padding: 50px 40px;
        border-radius: 8px;
        border: 1px solid #eee;
        position: relative;
        transition: all 0.3s ease;
    }

    .test-card:hover {
        border-color: #cb4154;
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    }

    /* Quote Icon Accent */
    .test-card::before {
        content: "“";
        position: absolute;
        top: 20px;
        left: 30px;
        font-size: 80px;
        color: rgba(203, 65, 84, 0.1); /* Subtle Brand Red */
        font-family: Georgia, serif;
        line-height: 1;
    }

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

    .test-content p {
        font-size: 16px;
        line-height: 1.8;
        color: #444;
        font-style: italic;
        margin-bottom: 25px;
    }

    .test-author {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .author-info h4 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        color: #1a1a1a;
        margin-bottom: 2px;
    }

    .author-info span {
        font-size: 12px;
        color: #cb4154; /* Brand Red */
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* Responsive Grid */
    @media (max-width: 768px) {
        .test-grid { grid-template-columns: 1fr; }
        .test-card { padding: 40px 30px; }
    }

      /* --- Authority Strip Styling --- */
    .authority-strip {
        padding: 80px 0;
        background-color: #111111; /* Deep Black/Charcoal */
        font-family: 'Inter', sans-serif;
        color: #ffffff;
        position: relative;
        overflow: hidden;
    }

    /* Subtle Technical Pattern Overlay */
    .authority-strip::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(rgba(203, 65, 84, 0.15) 1px, transparent 1px);
        background-size: 25px 25px;
        opacity: 0.5;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    .strip-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .strip-header h2 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 4px;
        color: #cb4154; /* Brand Red */
        margin-bottom: 10px;
    }

    .strip-header p {
        font-size: 32px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: -0.02em;
    }

    /* --- Bold Metric Grid --- */
    .metrics-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        text-align: center;
    }

    .metric-box {
        padding: 20px;
        transition: transform 0.3s ease;
    }

    .metric-box:hover {
        transform: translateY(-10px);
    }

    .big-number {
        display: block;
        font-size: 56px;
        font-weight: 900;
        line-height: 1;
        color: #ffffff;
        margin-bottom: 15px;
        letter-spacing: -0.03em;
    }

    /* Red accent dot for the number */
    .big-number::after {
        content: ".";
        color: #cb4154;
    }

    .metric-label {
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 1.4;
    }

    /* Responsive Grid */
    @media (max-width: 992px) {
        .metrics-row { grid-template-columns: repeat(2, 1fr); gap: 50px; }
        .big-number { font-size: 48px; }
    }

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