*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins',sans-serif;
        }

        html{
            -webkit-text-size-adjust:100%;
            text-size-adjust:100%;
            touch-action:manipulation;
            overflow-x:hidden;
            max-width:100%;
        }

        body{
            background:#fff;
            overflow-x:hidden;
            max-width:100%;
            overscroll-behavior-x:none;
        }

        img,video,iframe{
            max-width:100%;
        }

        a{
            text-decoration:none;
        }

        /* HEADER */

        .header{
            width:100%;
            background:#fff;
            padding:18px 6%;
            display:flex;
            align-items:center;
            justify-content:space-between;
            position:sticky;
            top:0;
            z-index:1000;
            box-shadow:0 2px 10px rgba(0,0,0,0.04);
        }

        

    

        .logo-area{
            flex-shrink:0;
        }

        .logo-img{
            width:260px;
            height:48px;
            position:relative;
            left: -30px;
            object-fit:contain;
            flex-shrink:0;
        }

      

        /* NAVBAR */

        .navbar{
            flex:1;
            display:flex;
            align-items:center;
            justify-content:space-evenly;
            gap:18px;
            min-width:0;
            margin:0 18px;
        }

        .navbar a{
            color:#222;
            font-weight:500;
            transition:0.3s;
            position:relative;
            white-space:nowrap;
            flex-shrink:0;
        }

        .navbar a:hover,
        .navbar a.active{
            color:#c80000;
        }

        .navbar a.active::after{
            content:'';
            position:absolute;
            width:100%;
            height:2px;
            background:#c80000;
            bottom:-6px;
            left:0;
        }

        /* RIGHT */

        .header-right{
            display:flex;
            align-items:center;
            gap:25px;
            flex-shrink:0;
        }

        .call-box{
            font-size:14px;
            color:#111;
            font-weight:600;
            line-height:24px;
        }

        .call-box i{
            color:#c80000;
        }

        .btn{
            background:#c80000;
            color:#fff;
            padding:14px 28px;
            border-radius:10px;
            font-weight:600;
            transition:0.3s;
            display:inline-block;
        }

        .btn:hover{
            background:#990000;
        }

        /* HERO */

        .hero{
            width:100%;
            padding:38px 6% 70px;
            text-align:center;
        }

        .top-tag{
            color:#c80000;
            font-size:24px;
            letter-spacing:5px;
            margin-bottom:20px;
        }

        .hero h1{
            font-size:72px;
            line-height:90px;
            color:#111827;
            font-weight:800;
            margin-bottom:30px;
        }

        .hero h1 span{
            color:#c80000;
        }

        .hero p{
            max-width:850px;
            margin:auto;
            font-size:24px;
            line-height:42px;
            color:#4b5563;
        }

        .hero-btns{
            margin-top:45px;
            display:flex;
            justify-content:center;
            gap:25px;
            flex-wrap:wrap;
        }

        .btn-outline{
            border:2px solid #c80000;
            color:#c80000;
            padding:14px 30px;
            border-radius:10px;
            font-weight:600;
            transition:0.3s;
        }

        .btn-outline:hover{
            background:#c80000;
            color:#fff;
        }

        /* TEAM */

        .team-section{
            width:100%;
            padding:30px 6% 80px;
        }

        .team-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
            gap:25px;
        }

        .team-card{
            background:#fff;
            border-radius:30px;
            overflow:hidden;
            box-shadow:0 10px 30px rgba(0,0,0,0.08);
            transition:0.3s;
        }

        .team-card:hover{
            transform:translateY(-10px);
        }

        .team-card img{
            width:100%;
            height:340px;
            object-fit:cover;
        }

        .team-info{
            padding:20px;
            text-align:center;
        }

        .team-info h3{
            font-size:22px;
            color:#111;
            margin-bottom:8px;
        }

        .team-info p{
            color:#666;
        }

        /* FLOAT BUTTON */

        .float-btn{
            position:fixed;
            right:20px;
            bottom:20px;
            width:75px;
            height:75px;
            background:#c80000;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:30px;
            box-shadow:0 10px 25px rgba(0,0,0,0.2);
            z-index:999;
        }

        /* MOBILE */

        .menu-btn{
            display:none;
            font-size:28px;
            cursor:pointer;
        }

        @media(max-width:1100px){

            .navbar{
                position:fixed;
                top:85px;
                left:-100%;
                width:100%;
                background:#fff;
                flex-direction:column;
                flex:none;
                justify-content:flex-start;
                margin:0;
                gap:4px;
                padding:30px;
                transition:0.3s;
                box-shadow:0 10px 20px rgba(0,0,0,0.08);
                z-index:9997;
            }

            .navbar.active{
                left:0;
            }

            .menu-btn{
                display:block;
            }

            .header-demo-btn{
                display:none;
            }

            .header-right{
                display:flex;
                align-items:center;
                gap:8px;
            }

            .site-search-toggle-text{
                display:none;
            }

            .hero h1{
                font-size:48px;
                line-height:65px;
            }

            .hero p{
                font-size:18px;
                line-height:32px;
            }

            .top-tag{
                font-size:18px;
            }
        }

        @media(max-width:1300px) and (min-width:1101px){
            .header{padding-inline:3%}
            .logo-img{width:205px}
            .navbar{
                gap:8px;
                margin:0 10px;
            }
            .navbar a{font-size:13px}
            .call-box{display:none}
            .header-right{gap:10px}
            .header-right .btn{padding:12px 18px}
        }

        @media(max-width:600px){

            .hero{
                padding-top:60px;
            }

            .hero h1{
                font-size:38px;
                line-height:55px;
            }

            .logo-text h2{
                font-size:22px;
            }

            .team-card img{
                height:280px;
            }
        }
        /* TEAM SLIDER */




        /* CURVE TEAM CONTAINER */

.team-slider-section{
    width:100%;
    padding:70px 0;
    background:#f7f7f7;
    overflow:hidden;
    position:relative;
}

/* TOP CURVE */
.team-slider-section::before{
    content:'';
    position:absolute;
    top:-120px;
    left:-5%;
    width:110%;
    height:180px;
    background:#fff;
    border-radius:0 0 50% 50%;
    z-index:1;
}

/* BOTTOM CURVE */
.team-slider-section::after{
    content:'';
    position:absolute;
    bottom:-120px;
    left:-5%;
    width:110%;
    height:180px;
    background:#fff;
    border-radius:50% 50% 0 0;
    z-index:1;
}

.team-slider{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    padding:30px;
}

/* CARD */

.team-box{
    width:240px;
    height:320px;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    position:relative;
    flex-shrink:0;
    transition:0.4s;
}

.team-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* SIDE FADE */

.fade-left::before,
.fade-right::before{
    content:'';
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:2;
}

.fade-left::before{
    left:0;
    background:linear-gradient(to right,#f7f7f7 0%,transparent 80%);
}

.fade-right::before{
    right:0;
    background:linear-gradient(to left,#f7f7f7 0%,transparent 80%);
}

/* HOVER */

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

/* MOBILE */

@media(max-width:768px){

    .team-slider{
        overflow-x:auto;
        justify-content:flex-start;
    }

    .team-box{
        width:190px;
        height:260px;
    }
}
/* SERVICES SHOWCASE */

.services-showcase-section{
    width:100%;
    padding:34px 0 46px;
    background:#f8fafc;
    border-bottom:1px solid #eef2f7;
}

.services-showcase-heading{
    position:relative;
    text-align:center;
    max-width:none;
    width:100%;
    margin:0 auto 28px;
    padding:0 6%;
    overflow:hidden;
}

.overview-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#c62828;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.overview-kicker-line{
    width:28px;
    height:2px;
    background:#c62828;
    border-radius:2px;
}

.services-showcase-heading h2{
    margin-top:14px;
    color:#0b1527;
    font-size:clamp(2rem,3.5vw,2.75rem);
    font-weight:800;
    line-height:1.15;
    letter-spacing:-0.02em;
}

.overview-rule{
    display:flex;
    width:120px;
    height:3px;
    margin:14px auto 0;
    border-radius:2px;
    overflow:hidden;
}

.overview-rule-red{
    flex:1.4;
    background:#c62828;
}

.overview-rule-grey{
    flex:1;
    background:#e0e0e0;
}

.services-showcase-heading p{
    margin:16px auto 0;
    max-width:none;
    width:100%;
    font-size:15px;
    line-height:1.75;
    color:#4a4a4a;
}

.services-showcase-heading::after{
    content:'';
    position:absolute;
    right:-40px;
    top:50%;
    transform:translateY(-50%);
    width:220px;
    height:220px;
    border-radius:50%;
    border:1px solid #e8e8e8;
    box-shadow:
        0 0 0 28px rgba(232,232,232,0.35),
        0 0 0 56px rgba(232,232,232,0.2);
    pointer-events:none;
    opacity:0.7;
}

.services-showcase-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    cursor:grab;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
}

.services-showcase-viewport::-webkit-scrollbar{
    display:none;
}

.services-showcase-viewport.is-dragging{
    cursor:grabbing;
    user-select:none;
}

.services-showcase-marquee{
    display:flex;
    width:max-content;
}

.services-showcase-track{
    display:flex;
    gap:24px;
    padding:12px 12px 24px;
    flex-shrink:0;
}

.service-showcase-card{
    flex:0 0 290px;
    min-height:310px;
    background:#fff;
    border-radius:22px;
    padding:22px;
    text-align:center;
    box-shadow:0 4px 24px rgba(0,0,0,0.08);
    border:1px solid #f0f0f0;
    transition:box-shadow 0.3s;
    display:flex;
    flex-direction:column;
}

.service-showcase-card:hover{
    box-shadow:0 12px 32px rgba(0,0,0,0.12);
}

.service-showcase-icon{
    width:88px;
    height:88px;
    margin:0 auto 22px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
}

.service-showcase-icon.has-img{
    width:100%;
    height:170px;
    background:transparent;
    padding:8px;
    margin-bottom:18px;
}

.service-showcase-icon.has-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.service-showcase-icon.icon-blue{background:#e8f0fe;color:#2563eb}
.service-showcase-icon.icon-navy{background:#e0e7ff;color:#1e3a8a}
.service-showcase-icon.icon-sky{background:#e0f2fe;color:#0284c7}
.service-showcase-icon.icon-indigo{background:#ede9fe;color:#4f46e5}
.service-showcase-icon.icon-purple{background:#f3e8ff;color:#7c3aed}
.service-showcase-icon.icon-green{background:#dcfce7;color:#16a34a}
.service-showcase-icon.icon-violet{background:#ede9fe;color:#6d28d9}
.service-showcase-icon.icon-orange{background:#ffedd5;color:#ea580c}
.service-showcase-icon.icon-amber{background:#fef3c7;color:#d97706}
.service-showcase-icon.icon-red_600{background:#fee2e2;color:#dc2626}
.service-showcase-icon.icon-blue_600{background:#e8f0fe;color:#2563eb}
.service-showcase-icon.icon-green_600{background:#dcfce7;color:#16a34a}
.service-showcase-icon.icon-orange_500{background:#ffedd5;color:#ea580c}
.service-showcase-icon.icon-purple_600{background:#f3e8ff;color:#7c3aed}

.service-showcase-card h3{
    font-size:16px;
    font-weight:700;
    color:#1e3a5f;
    line-height:1.5;
    letter-spacing:0.3px;
    margin-bottom:14px;
    text-transform:uppercase;
}

.service-showcase-card p{
    font-size:14px;
    color:#64748b;
    line-height:1.65;
    margin-bottom:0;
}

.service-showcase-features{
    list-style:none;
    padding:0;
    margin:0;
    text-align:left;
}

.service-showcase-features li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:12px;
    color:#475569;
    margin-bottom:8px;
    line-height:1.45;
}

.service-showcase-features li i{
    color:#dc2626;
    font-size:12px;
    margin-top:2px;
    flex-shrink:0;
}

@media(max-width:768px){
    .service-showcase-card{
        flex:0 0 260px;
        min-height:290px;
        padding:20px;
    }
    .service-showcase-icon{
        width:76px;
        height:76px;
        font-size:32px;
    }
    .service-showcase-icon.has-img{
        width:100%;
        height:145px;
    }
}

/* INNOVATION SECTION */

.innovation-section{
    background:#fff;
    padding-bottom:0;
}

.innovation-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:520px;
}

.innovation-left{
    background:linear-gradient(135deg, #c80000 0%, #a80000 100%);
    padding:70px 8% 80px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.innovation-left::before{
    content:'';
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 18px,
        rgba(0,0,0,0.04) 18px,
        rgba(0,0,0,0.04) 36px
    );
    pointer-events:none;
}

.innovation-left h1{
    font-size:clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight:800;
    line-height:1.25;
    margin-bottom:24px;
    position:relative;
    z-index:1;
}

.innovation-left p{
    font-size:15px;
    line-height:1.85;
    color:rgba(255,255,255,0.92);
    max-width:520px;
    position:relative;
    z-index:1;
}

.innovation-btns{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
    position:relative;
    z-index:1;
}

.innovation-btn-quote,
.innovation-btn-story{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 24px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.5px;
    transition:all 0.25s ease;
}

.innovation-btn-quote{
    background:#fff;
    color:#c80000;
}

.innovation-btn-quote:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,0.15);
    color:#c80000;
}

.innovation-btn-story{
    border:2px solid rgba(255,255,255,0.85);
    color:#fff;
}

.innovation-btn-story:hover{
    background:rgba(255,255,255,0.1);
    color:#fff;
}

.innovation-btn-icon{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#c80000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    flex-shrink:0;
}

.innovation-btn-icon.outline{
    background:transparent;
    border:2px solid #fff;
    color:#fff;
}

.innovation-right{
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    position:relative;
}

.solutions-hub{
    position:relative;
    width:100%;
    max-width:480px;
    height:420px;
}

.hub-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    z-index:2;
}

.hub-center-ring{
    width:110px;
    height:110px;
    border-radius:50%;
    background:#fff;
    border:3px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    position:relative;
    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.hub-center-ring .fa-code{
    font-size:36px;
    color:#c80000;
}

.hub-gear{
    position:absolute;
    bottom:8px;
    right:8px;
    font-size:18px;
    color:#64748b;
}

.hub-center strong{
    font-size:13px;
    color:#1e293b;
    line-height:1.4;
    letter-spacing:0.5px;
}

.hub-satellite{
    position:absolute;
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
    padding:10px 14px;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    font-size:12px;
    font-weight:600;
    color:#334155;
    max-width:175px;
    z-index:3;
}

.sat-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex-shrink:0;
}

.sat-icon.purple{background:#f3e8ff;color:#7c3aed}
.sat-icon.yellow{background:#fef9c3;color:#ca8a04}
.sat-icon.green{background:#dcfce7;color:#16a34a}
.sat-icon.blue{background:#dbeafe;color:#2563eb}
.sat-icon.red{background:#fee2e2;color:#dc2626}
.sat-icon.sky{background:#e0f2fe;color:#0284c7}
.sat-icon.indigo{background:#e0e7ff;color:#4f46e5}

.sat-tl{top:8%;left:0}
.sat-ml{top:38%;left:-2%}
.sat-bl{bottom:12%;left:2%}
.sat-tr{top:8%;right:0}
.sat-mr{top:38%;right:-2%}
.sat-br{bottom:12%;right:2%}
.sat-bc{bottom:-2%;left:50%;transform:translateX(-50%)}

.innovation-stats{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    max-width:1200px;
    margin:-50px auto 0;
    padding:0 5% 70px;
    position:relative;
    z-index:5;
}

.innovation-stat-card{
    background:#fff;
    border-radius:20px;
    padding:28px 24px;
    box-shadow:0 12px 40px rgba(0,0,0,0.1);
    display:flex;
    gap:18px;
    align-items:flex-start;
    border:1px solid #f1f5f9;
}

.innovation-stat-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.innovation-stat-icon.red{background:#fee2e2;color:#dc2626}
.innovation-stat-icon.purple{background:#f3e8ff;color:#7c3aed}
.innovation-stat-icon.blue{background:#dbeafe;color:#2563eb}

.innovation-stat-card h3{
    font-size:15px;
    font-weight:700;
    color:#1e293b;
    margin-bottom:10px;
    line-height:1.3;
}

.innovation-stat-card h3 span{
    display:block;
    font-size:28px;
    font-weight:800;
    color:#c80000;
    margin-bottom:4px;
}

.innovation-stat-card p{
    font-size:13px;
    line-height:1.7;
    color:#64748b;
}

@media(max-width:1024px){
    .innovation-hero{grid-template-columns:1fr}
    .innovation-right{min-height:460px;padding:50px 20px 70px}
    .innovation-stats{grid-template-columns:1fr;margin-top:0;padding-top:40px}
    .hub-satellite{font-size:11px;max-width:150px;padding:8px 10px}
}

@media(max-width:600px){
    .innovation-left{padding:50px 6% 60px}
    .solutions-hub{height:380px;transform:scale(0.9);transform-origin:center}
    .innovation-stat-card{flex-direction:column}
}

/* MAIN CONTAINER */

.about-container{
    width:85%;
    margin:80px auto;
    display:flex;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
    position:relative;
}

/* LEFT SIDE */

.about-left{
    width:50%;
    background:#d90000;
    padding:70px 50px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

/* BACKGROUND PATTERN */

.about-left::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    repeating-linear-gradient(
        -45deg,
        rgba(255,255,255,0.05),
        rgba(255,255,255,0.05) 2px,
        transparent 2px,
        transparent 18px
    );
}

/* CURVE EFFECT */

.about-left::after{
    content:'';
    position:absolute;
    bottom:-80px;
    left:-80px;
    width:220px;
    height:220px;
    background:rgba(0,0,0,0.08);
    border-radius:50%;
}

/* CONTENT */

.about-left *{
    position:relative;
    z-index:2;
}

.small-title{
    color:#ffd5d5;
    font-size:14px;
    letter-spacing:2px;
    font-weight:600;
}

.about-left h1{
    font-size:52px;
    line-height:65px;
    margin:18px 0;
    font-weight:800;
}

.about-left p{
    font-size:17px;
    line-height:30px;
    color:#ffeaea;
    max-width:500px;
}

/* BUTTONS */

.about-btns{
    display:flex;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.btn-white{
    background:#fff;
    color:#d90000;
    padding:15px 35px;
    border-radius:40px;
    font-weight:700;
    text-decoration:none;
    transition:0.3s;
}

.btn-white:hover{
    transform:translateY(-3px);
}

.btn-outline{
    border:2px solid #fff;
    color:#fff;
    padding:15px 35px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:0.3s;
}

.btn-outline:hover{
    background:#fff;
    color:#d90000;
}

/* STATS */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:45px;
}

.stat-box{
    background:rgba(255,255,255,0.08);
    border-radius:18px;
    padding:28px 20px;
    text-align:center;
    backdrop-filter:blur(4px);
}

.stat-box h2{
    font-size:42px;
    font-weight:800;
    margin-bottom:5px;
}

.stat-box span{
    font-size:12px;
    letter-spacing:1px;
    color:#ffe7e7;
}

/* RIGHT SIDE */

.about-right{
    width:50%;
    background:#f8eaea;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    overflow:hidden;
}

/* CURVE SHAPE */

.about-right::before{
    content:'';
    position:absolute;
    top:-100px;
    right:-100px;
    width:250px;
    height:250px;
    background:#f3d6d6;
    border-radius:50%;
}

.about-right::after{
    content:'';
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:300px;
    height:300px;
    background:#f1caca;
    border-radius:50%;
}

/* CERTIFICATE */

.certificate-card{
    width:330px;
    background:#fff;
    border-radius:20px;
    padding:18px;
    position:relative;
    box-shadow:0 20px 40px rgba(0,0,0,0.12);
    z-index:2;
    transform:rotate(-2deg);
}

.certificate-card img{
    width:100%;
    border-radius:12px;
}

/* TAG */

.prime-tag{
    position:absolute;
    right:-30px;
    bottom:40px;
    background:#fff;
    padding:12px 16px;
    border-radius:16px;
    font-size:20px;
    font-weight:700;
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    color:#444;
    text-align:center;
}

/* MOBILE */

@media(max-width:991px){

    .about-container{
        flex-direction:column;
        width:92%;
    }

    .about-left,
    .about-right{
        width:100%;
    }

    .about-left{
        padding:50px 30px;
    }

    .about-left h1{
        font-size:38px;
        line-height:50px;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

    .about-right{
        padding:60px 20px;
    }

    .certificate-card{
        width:100%;
        max-width:320px;
    }

    .prime-tag{
        right:-10px;
        bottom:20px;
    }
}

/* =========================
   PARTNER SECTION
========================= */

.partner-section{
    width:100%;
    padding:70px 0;
    background:#fff7f7;
    overflow:hidden;
    position:relative;
}

/* TOP CURVE */

.partner-section::before{
    content:'';
    position:absolute;
    top:-100px;
    left:-5%;
    width:110%;
    height:180px;
    background:#fff;
    border-radius:0 0 50% 50%;
}

/* BOTTOM CURVE */

.partner-section::after{
    content:'';
    position:absolute;
    bottom:-100px;
    left:-5%;
    width:110%;
    height:180px;
    background:#fff;
    border-radius:50% 50% 0 0;
}

/* TITLE */

.partner-title{
    text-align:center;
    margin-bottom:50px;
    position:relative;
    z-index:2;
}

.partner-title span{
    color:#d40000;
    font-size:15px;
    letter-spacing:4px;
    font-weight:700;
    position:relative;
}

.partner-title span::before,
.partner-title span::after{
    content:'';
    width:50px;
    height:2px;
    background:#d40000;
    position:absolute;
    top:50%;
}

.partner-title span::before{
    left:-70px;
}

.partner-title span::after{
    right:-70px;
}

/* SLIDER */

.partner-slider{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:2;
}

/* TRACK */

.partner-track{
    display:flex;
    align-items:center;
    gap:80px;
    width:max-content;
    animation:partnerScroll 25s linear infinite;
}

/* AUTO SLIDE */

@keyframes partnerScroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }
}

/* BOX */

.partner-box{
    width:180px;
    height:90px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:0.3s;
    flex-shrink:0;
}

/* IMAGE */

.partner-box img{
    max-width:100%;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:0.8;
    transition:0.4s;
}

/* HOVER */

.partner-box:hover img{
    filter:grayscale(0%);
    opacity:1;
    transform:scale(1.08);
}

/* LEFT RIGHT FADE */

.partner-slider::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:150px;
    height:100%;
    background:linear-gradient(to right,#fff7f7 0%,transparent 100%);
    z-index:5;
}

.partner-slider::after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:150px;
    height:100%;
    background:linear-gradient(to left,#fff7f7 0%,transparent 100%);
    z-index:5;
}

/* MOBILE */

@media(max-width:768px){

    .partner-section{
        padding:50px 0;
    }

    .partner-track{
        gap:40px;
    }

    .partner-box{
        width:120px;
        height:70px;
    }

    .partner-box img{
        max-height:45px;
    }

    .partner-title span{
        font-size:12px;
        letter-spacing:2px;
    }

    .partner-title span::before,
    .partner-title span::after{
        width:30px;
    }

    .partner-title span::before{
        left:-40px;
    }

    .partner-title span::after{
        right:-40px;
    }
}

/* =========================
   WHY SECTION
========================= */

.why-section{
    width:85%;
    margin:80px auto;
    background:#fff4f4;
    border-radius:25px;
    overflow:hidden;
    display:flex;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* LEFT */

.why-left{
    width:50%;
    padding:55px;
    position:relative;
}

/* PATTERN */

.why-left::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    repeating-linear-gradient(
        -45deg,
        rgba(0,0,0,0.02),
        rgba(0,0,0,0.02) 2px,
        transparent 2px,
        transparent 20px
    );
}

/* CONTENT */

.why-left *{
    position:relative;
    z-index:2;
}

.small-title{
    color:#d50000;
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
}

.why-left h2{
    font-size:42px;
    margin:15px 0;
    color:#111827;
}

.why-left p{
    font-size:16px;
    line-height:30px;
    color:#666;
    max-width:550px;
}

/* GRID */

.info-grid{
    margin-top:40px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

/* BOX */

.info-box{
    background:#fff;
    border-radius:18px;
    padding:24px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    transition:0.3s;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.info-box:hover{
    transform:translateY(-5px);
}

/* ICON */

.icon{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#ffe3e3;
    color:#d50000;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
}

/* TEXT */

.info-box h3{
    font-size:32px;
    color:#111827;
    margin-bottom:5px;
}

.info-box span{
    color:#666;
    font-size:14px;
    line-height:22px;
}

/* RIGHT */

.why-right{
    width:50%;
    background:#ffeaea;
    padding:45px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
}

/* VIDEO TRACK */

.video-track{
    display:flex;
    gap:22px;
}

/* CARD */

.video-card{
    width:230px;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.video-card:hover{
    transform:translateY(-8px);
}

/* THUMB */

.thumb{
    position:relative;
}

.thumb img{
    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
}

/* PLAY BUTTON */

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:55px;
    height:55px;
    border-radius:50%;
    background:#ff0000;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* CONTENT */

.video-content{
    padding:18px;
}

.video-content span{
    color:#888;
    font-size:12px;
}

.video-content h4{
    font-size:16px;
    line-height:25px;
    margin:10px 0;
    color:#111827;
}

.video-content p{
    font-size:13px;
    line-height:22px;
    color:#666;
}

/* DOTS */

.dots{
    margin-top:25px;
    display:flex;
    gap:8px;
}

.dots span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ccc;
}

.dots span.active{
    width:20px;
    border-radius:20px;
    background:#d50000;
}

/* MOBILE */

@media(max-width:991px){

    .why-section{
        flex-direction:column;
        width:92%;
    }

    .why-left,
    .why-right{
        width:100%;
    }

    .why-left{
        padding:35px 25px;
    }

    .why-left h2{
        font-size:32px;
    }

    .info-grid{
        grid-template-columns:1fr;
    }

    .video-track{
        flex-direction:column;
        align-items:center;
    }

    .video-card{
        width:100%;
        max-width:320px;
    }
}

/* =========================
   TDL SECTION
========================= */

.tdl-section{
    width:100%;
    padding:80px 0;
    background:#fff7f7;
    position:relative;
    overflow:hidden;
}

/* HEADING */

.tdl-heading{
    text-align:center;
    margin-bottom:50px;
}

.tdl-heading span{
    color:#d40000;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
}

.tdl-heading h2{
    font-size:42px;
    margin-top:15px;
    color:#111827;
}

/* SLIDER */

.tdl-slider{
    width:88%;
    margin:auto;
    position:relative;
    overflow:hidden;
}

/* TRACK */

.tdl-track{
    display:flex;
    gap:22px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding-bottom:10px;
}

.tdl-track::-webkit-scrollbar{
    display:none;
}

/* CARD */

.tdl-card{
    min-width:300px;
    max-width:300px;
    min-height:440px;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:0.3s;
    border:1px solid #f0f0f0;
    display:flex;
    flex-direction:column;
}

.tdl-card:hover{
    transform:translateY(-8px);
}

/* IMAGE */

.tdl-img{
    width:100%;
    height:190px;
    overflow:hidden;
    background:#fff;
    padding:14px;
    border-bottom:1px solid #f1f5f9;
}

.tdl-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:0.4s;
}

.tdl-card:hover img{
    transform:scale(1.05);
}

/* CONTENT */

.tdl-content{
    padding:18px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.tdl-content h3{
    font-size:18px;
    line-height:28px;
    color:#111827;
    margin-bottom:12px;
}

.tdl-content p{
    font-size:14px;
    color:#666;
    line-height:24px;
    margin-bottom:14px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.tdl-features{
    list-style:none;
    padding:0;
    margin:0 0 16px;
}

.tdl-features li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:13px;
    color:#334155;
    margin-bottom:8px;
    line-height:1.5;
}

.tdl-features li i{
    color:#dc2626;
    font-size:13px;
    margin-top:2px;
    flex-shrink:0;
}

.tdl-detail-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    padding:12px 14px;
    margin-bottom:10px;
    border-radius:10px;
    background:linear-gradient(135deg,#dc2626,#b91c1c);
    color:#fff;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:0.3s;
}

.tdl-detail-btn:hover{
    opacity:0.92;
    transform:translateY(-1px);
}

.price{
    color:#d40000;
    font-size:26px;
    font-weight:700;
    margin-bottom:20px;
}

/* BUTTON AREA */

.card-bottom{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin-top:auto;
}

/* BUTTON */

.inquiry-btn{
    flex:1;
    background:#d40000;
    color:#fff;
    padding:13px 15px;
    border-radius:10px;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.inquiry-btn:hover{
    background:#b30000;
}

/* SHARE */

.share-btn{
    width:42px;
    height:42px;
    border-radius:10px;
    background:#f5f5f5;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:0.3s;
}

.share-btn:hover{
    background:#ffe3e3;
    color:#d40000;
}

/* ARROWS */

.slide-btn{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:45px;
    height:45px;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.12);
    cursor:pointer;
    z-index:5;
    transition:0.3s;
}

.slide-btn:hover{
    background:#d40000;
    color:#fff;
}

.slide-btn.left{
    left:-10px;
}

.slide-btn.right{
    right:-10px;
}

/* DOTS */

.slider-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:28px;
}

.slider-dots span{
    width:8px;
    height:8px;
    background:#ccc;
    border-radius:50%;
}

.slider-dots span.active{
    width:22px;
    border-radius:20px;
    background:#d40000;
}

/* VIEW BUTTON */

.view-btn-area{
    text-align:center;
    margin-top:35px;
}

.view-btn{
    background:#d40000;
    color:#fff;
    padding:16px 35px;
    border-radius:12px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:600;
    transition:0.3s;
}

.view-btn:hover{
    background:#b30000;
}

/* MOBILE */

@media(max-width:768px){

    .tdl-heading h2{
        font-size:30px;
    }

    .tdl-slider{
        width:94%;
    }

    .tdl-card{
        min-width:260px;
        max-width:260px;
    }

    .slide-btn{
        display:none;
    }
}

/* LOGO IMG */
.logo-link{display:flex;align-items:center}
.logo-img{width:250px;height:auto;max-height:68px;left:0;object-fit:contain}
@media(max-width:1300px) and (min-width:1101px){
    .logo-img{width:205px}
}

/* SITE FOOTER */
.site-footer{background:#00336d;color:#fff;padding:64px 6% 0;position:relative}
.site-footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:48px;max-width:1280px;margin:0 auto;padding-bottom:48px}
.footer-logo-link{display:inline-block;background:#fff;border-radius:14px;padding:12px 16px;margin-bottom:22px;box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.footer-logo{width:250px;height:auto;max-width:100%;display:block;object-fit:contain}
.footer-about{font-size:14px;line-height:1.85;color:rgba(255,255,255,0.72);max-width:320px}
.footer-heading{font-size:15px;font-weight:600;color:#fff;margin-bottom:24px;letter-spacing:0.6px;text-transform:uppercase;position:relative;padding-bottom:12px}
.footer-heading::after{content:'';position:absolute;left:0;bottom:0;width:32px;height:2px;background:rgba(255,255,255,0.45);border-radius:2px}
.footer-social-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer-social-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.88);font-size:14px;font-weight:500;transition:all 0.25s ease}
.footer-social-link:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fff;transform:translateX(4px)}
.footer-social-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;flex-shrink:0}
.footer-social-link-static{cursor:default}
.footer-social-link-static:hover{transform:none}
.footer-social-text{line-height:1.65}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,0.12);padding:18px 22px;text-align:center;background:#00336d}
.site-footer-bottom-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px 28px;flex-wrap:wrap}
.site-footer-bottom p{font-size:13px;color:rgba(255,255,255,0.55);margin:0}
.footer-policy-link{
    display:inline;
    color:rgba(255,255,255,0.85);
    font-size:13px;
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:3px;
    background:none;
    border:none;
    padding:0;
    transition:color .2s ease;
}
.footer-policy-link:hover{color:#fff;text-decoration:underline}
.footer-reseller-btn{
    display:inline-flex;align-items:center;gap:8px;
    margin-top:18px;padding:11px 18px;border-radius:10px;
    background:#c80000;color:#fff;
    font-size:13px;font-weight:600;text-decoration:none;
    border:1px solid rgba(255,255,255,0.15);
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
    box-shadow:0 6px 18px rgba(200,0,0,0.22);
}
.footer-reseller-btn i{font-size:14px}
.footer-reseller-btn:hover{
    background:#a80000;color:#fff;transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(200,0,0,0.35);
}
.float-btn{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(220,38,38,0.4);z-index:999;transition:transform 0.2s}
.float-btn:hover{transform:scale(1.08);color:#fff}
@media(max-width:991px){.site-footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.site-footer-inner{grid-template-columns:1fr}.site-footer{padding:48px 5% 0}}

/* PRODUCT PAGE */

.product-page{
    background:#fff;
    overflow-x:hidden;
}

.text-gradient{
    background:linear-gradient(135deg,#e11d48 0%,#7c3aed 55%,#2563eb 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.product-hero-gradient{
    background:linear-gradient(135deg,#e11d48 0%,#9333ea 50%,#6366f1 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.product-hero-navy{color:#1e3a8a}

/* Scroll reveal */
.reveal,.reveal-right,.reveal-left,.reveal-scale{
    opacity:0;
    transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1);
    transition-delay:var(--reveal-delay,0s);
}
.reveal{transform:translateY(36px)}
.reveal-right{transform:translateX(40px)}
.reveal-left{transform:translateX(-40px)}
.reveal-scale{transform:scale(0.92)}
.reveal.is-visible,.reveal-right.is-visible,.reveal-left.is-visible,.reveal-scale.is-visible{
    opacity:1;
    transform:none;
}

/* Background orbs */
.product-hero-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:0;
}
.product-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(60px);
    opacity:0.45;
    animation:productOrbFloat 14s ease-in-out infinite;
}
.product-orb-1{width:480px;height:480px;background:rgba(251,207,232,0.35);top:-120px;left:-100px;right:auto}
.product-orb-2{width:360px;height:360px;background:rgba(191,219,254,0.3);bottom:5%;right:-80px;left:auto;animation-delay:-4s}
.product-orb-3{width:280px;height:280px;background:rgba(254,202,202,0.25);top:30%;right:10%;animation-delay:-7s}
.product-hero-bg-dots{
    position:absolute;
    top:12%;
    left:4%;
    width:100px;
    height:100px;
    background-image:radial-gradient(#cbd5e1 1.2px,transparent 1.2px);
    background-size:12px 12px;
    opacity:0.5;
    pointer-events:none;
}

@keyframes productOrbFloat{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(24px,-18px) scale(1.06)}
    66%{transform:translate(-16px,14px) scale(0.96)}
}
@keyframes productBadgeShine{
    0%{background-position:200% center}
    100%{background-position:-200% center}
}
@keyframes productFloatCard{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-10px)}
}
@keyframes productCtaPulse{
    0%,100%{opacity:0.4;transform:scale(1)}
    50%{opacity:0.7;transform:scale(1.05)}
}
@keyframes productRingSpin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

.product-hero{
    position:relative;
    background:#fff;
    padding:56px 5% 64px;
    overflow:hidden;
}
.product-hero-inner{
    position:relative;
    z-index:1;
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr);
    gap:32px;
    align-items:center;
}
.product-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e2e8f0;
    color:#2563eb;
    font-size:13px;
    font-weight:600;
    letter-spacing:0;
    text-transform:none;
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
}
.product-hero-badge--trust{
    background:#fff;
    border-color:#e2e8f0;
    color:#2563eb;
    animation:none;
}
.product-hero-badge--trust i{
    color:#2563eb;
    font-size:14px;
}
.product-hero-kicker{
    display:inline-block;
    color:#c80000;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
    line-height:1.2;
}
.product-hero-kicker-line{
    display:block;
    width:42px;
    height:3px;
    margin-top:8px;
    background:#c80000;
    border-radius:2px;
}
.product-hero-title{
    margin-top:18px;
    font-size:clamp(2rem,3.8vw,3.15rem);
    font-weight:800;
    line-height:1.18;
    color:#0f172a;
    letter-spacing:-0.025em;
}
.product-hero-accent{
    color:#c80000;
}
.product-hero-navy{
    color:#163f82;
}
.product-hero-desc .product-hero-accent,
.product-hero-desc .product-hero-navy{
    font-weight:600;
}
.product-hero-tagline--tdl{
    margin-top:18px;
    color:#0f172a;
    gap:10px;
}
.product-hero-tagline--tdl i{
    color:#c80000;
    font-size:15px;
}
.product-hero-tagline--tdl strong{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    font-size:15px;
}
.product-hero-tagline{
    margin-top:16px;
    font-size:15px;
    font-weight:700;
    color:#2563eb;
    display:flex;
    align-items:center;
    gap:10px;
}
.product-hero-tagline-line{
    display:inline-block;
    width:28px;
    height:3px;
    border-radius:2px;
    background:linear-gradient(90deg,#2563eb,#60a5fa);
    flex-shrink:0;
}
.product-hero-tagline i{
    font-size:11px;
    color:#f97316;
}
.product-hero-tagline strong{font-weight:700}
.product-hero-desc{
    margin-top:18px;
    font-size:16px;
    line-height:1.75;
    color:#64748b;
    max-width:560px;
}
.product-hero-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:28px;
}
.product-hero-stat{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:18px 16px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e2e8f0;
    box-shadow:0 4px 20px rgba(15,23,42,0.05);
    transition:transform 0.35s ease,box-shadow 0.35s ease;
}
.product-hero-stat:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(15,23,42,0.08);
}
.product-hero-stat-icon{
    width:40px;
    height:40px;
    border-radius:10px;
    background:#fef2f2;
    color:#ef4444;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
}
.product-hero-stat--blue .product-hero-stat-icon{
    background:#eff6ff;
    color:#2563eb;
}
.product-hero-stat-num{
    display:block;
    font-size:24px;
    font-weight:800;
    line-height:1.1;
    color:#ef4444;
}
.product-hero-stat--blue .product-hero-stat-num{color:#2563eb}
.product-hero-stat-label{
    display:block;
    margin-top:2px;
    font-size:13px;
    font-weight:700;
    font-style:normal;
    color:#0f172a;
    line-height:1.3;
}
.product-hero-stat-sub{
    display:block;
    margin-top:4px;
    font-size:11px;
    color:#94a3b8;
    line-height:1.4;
}
.product-hero-features{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:24px;
    padding:14px 16px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:12px;
}
.product-hero-feature{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
    font-size:11px;
    font-weight:600;
    color:#334155;
    line-height:1.35;
}
.product-hero-feature-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex-shrink:0;
}
.product-hero-feature-icon--blue{background:#dbeafe;color:#2563eb}
.product-hero-feature-icon--green{background:#dcfce7;color:#16a34a}
.product-hero-feature-icon--orange{background:#ffedd5;color:#ea580c}
.product-hero-feature-icon--purple{background:#ede9fe;color:#7c3aed}

.product-hero-visual{
    position:relative;
    min-height:380px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.product-hero-img{
    position:relative;
    z-index:2;
    width:115%;
    max-width:640px;
    height:auto;
    object-fit:contain;
    object-position:right center;
    margin-right:-8%;
}
.product-hero-blob{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-45%,-50%);
    width:360px;
    height:360px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(254,202,202,0.5) 0%,rgba(191,219,254,0.2) 50%,transparent 72%);
    pointer-events:none;
    animation:productOrbFloat 10s ease-in-out infinite;
}
.product-hero-dots{
    position:absolute;
    top:18%;
    left:8%;
    width:120px;
    height:120px;
    background-image:radial-gradient(#fecaca 1.5px,transparent 1.5px);
    background-size:14px 14px;
    opacity:0.6;
    pointer-events:none;
    animation:productOrbFloat 12s ease-in-out infinite reverse;
}
.product-collage{position:relative;width:100%;height:420px}
.pc-card{
    position:absolute;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(16px);
    border-radius:20px;
    box-shadow:0 16px 48px rgba(15,23,42,0.12);
    border:1px solid rgba(255,255,255,0.8);
    overflow:hidden;
}
.pc-card::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(135deg,rgba(220,38,38,0.2),rgba(37,99,235,0.15));
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    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.35s ease;
    pointer-events:none;
}
.pc-card-link:hover::before{opacity:1}
.pc-float{animation:productFloatCard 5s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.pc-card-tally{left:0;top:30px;width:210px;padding:18px;z-index:1}
.pc-card-busy{left:38%;top:0;width:200px;padding:20px;z-index:2}
.pc-card-dollar{right:0;top:90px;width:175px;padding:18px;z-index:3}
.pc-card-custom{left:28%;bottom:10px;width:155px;padding:22px 16px;text-align:center;z-index:4}
.pc-collage-img{max-height:44px;width:auto;object-fit:contain;display:block;margin:0 auto 12px;transition:transform 0.4s ease}
.pc-collage-icon{
    width:52px;height:52px;margin:0 auto 12px;border-radius:14px;
    background:linear-gradient(135deg,#eff6ff,#dbeafe);
    color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:24px;
    transition:transform 0.4s ease;
}
.pc-card strong{display:block;text-align:center;font-size:13px;font-weight:700;color:#1e293b;line-height:1.35}
.pc-card-link{text-decoration:none;color:inherit;transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),box-shadow 0.35s ease}
.pc-card-link:hover{
    transform:translateY(-8px) scale(1.02);
    box-shadow:0 24px 56px rgba(15,23,42,0.18);
    animation-play-state:paused;
}
.pc-card-link:hover .pc-collage-img,.pc-card-link:hover .pc-collage-icon{transform:scale(1.08)}

.product-section-head{
    max-width:1280px;
    margin:0 auto 48px;
    text-align:center;
    width:100%;
}
.product-section-label{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:#dc2626;
    margin-bottom:12px;
}
.product-section-title{
    margin-top:0.6rem;
    margin-bottom:0.5rem;
}
.product-section-head h2{
    font-size:clamp(1.75rem,3vw,2.5rem);
    font-weight:800;
    color:#0f172a;
    margin-bottom:12px;
    letter-spacing:-0.02em;
}
.product-section-head p,
.product-section-sub{
    font-size:16px;
    color:#64748b;
    max-width:820px;
    width:100%;
    margin:0 auto;
    line-height:1.7;
    white-space:normal;
    overflow-wrap:break-word;
    word-wrap:break-word;
    padding:0 12px;
    box-sizing:border-box;
}
@media(max-width:900px){
    .product-section-head p,
    .product-section-sub{
        font-size:14px;
        line-height:1.65;
        padding:0 4px;
    }
}

.product-showcase-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#64748b}
.product-showcase-empty p{margin-bottom:20px;font-size:16px}
.product-showcase-card-icon.icon_red_600{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}
.product-showcase-card-icon.icon_blue_600{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}
.product-showcase-card-icon.icon_green_600{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}
.product-showcase-card-icon.icon_orange_500{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}
.product-showcase-card-icon.icon_purple_600{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}

.product-showcase-section{
    position:relative;
    padding:30px 6% 80px;
    background:transparent;
    overflow:visible;
}
.product-showcase-grid{
    max-width:1280px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}
.product-showcase-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(241,245,249,0.9);
    border-radius:24px;
    padding:30px 26px 26px;
    box-shadow:0 10px 40px rgba(15,23,42,0.06);
    display:flex;
    flex-direction:column;
    min-height:100%;
    overflow:hidden;
    transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
    transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;
}
.product-showcase-card:hover{
    box-shadow:0 24px 60px rgba(220,38,38,0.12);
    border-color:rgba(220,38,38,0.15);
}
.product-card-shine{
    position:absolute;
    top:0;left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);
    transform:skewX(-20deg);
    transition:left 0.6s ease;
    pointer-events:none;
}
.product-showcase-card:hover .product-card-shine{left:150%}
.product-showcase-card-logo{
    height:170px;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform 0.35s ease;
}
.product-showcase-card:hover .product-showcase-card-logo{transform:translateY(-2px)}
.product-showcase-card-logo img{width:100%;height:100%;max-width:100%;object-fit:contain;transition:transform 0.35s ease}
.product-showcase-card:hover .product-showcase-card-logo img{transform:scale(1.05)}
.product-showcase-card-icon{
    width:52px;height:52px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;font-size:24px;
    transition:transform 0.35s ease;
}
.product-showcase-card:hover .product-showcase-card-icon{transform:scale(1.08) rotate(-4deg)}
.product-showcase-card h3{
    font-size:22px;font-weight:800;color:#0f172a;margin-bottom:12px;
    transition:color 0.3s ease;
    letter-spacing:-0.01em;
}
.product-showcase-card-link p,
.product-desc-multiline{
    font-size:14px;
    line-height:1.75;
    color:#64748b;
    margin-bottom:20px;
    flex-grow:1;
    white-space:pre-line;
}
.product-showcase-features{list-style:none;padding:0;margin:0 0 24px}
.product-showcase-features li{
    display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#334155;
    margin-bottom:10px;line-height:1.5;
    opacity:0.9;
    transition:transform 0.25s ease,opacity 0.25s ease;
}
.product-showcase-card:hover .product-showcase-features li{opacity:1}
.product-showcase-features li i{color:#dc2626;font-size:14px;margin-top:2px;flex-shrink:0}
.product-showcase-btn{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;padding:14px 18px;
    border:none;border-radius:14px;
    background:linear-gradient(135deg,#dc2626,#b91c1c);
    color:#fff;font-size:14px;font-weight:600;
    transition:all 0.35s cubic-bezier(0.22,1,0.36,1);
    margin-top:auto;
    box-shadow:0 8px 24px rgba(220,38,38,0.25);
    position:relative;
    overflow:hidden;
}
.product-showcase-btn::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#ef4444,#dc2626);
    opacity:0;
    transition:opacity 0.35s ease;
}
.product-showcase-btn span,.product-showcase-btn i{position:relative;z-index:1}
.product-showcase-btn .btn-arrow{transition:transform 0.35s cubic-bezier(0.22,1,0.36,1)}
.product-showcase-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(220,38,38,0.35);
    color:#fff;
}
.product-showcase-btn:hover::before{opacity:1}
.product-showcase-btn:hover .btn-arrow{transform:translateX(5px)}
.product-showcase-card-link{display:block;color:inherit;text-decoration:none}
.product-showcase-card-link:hover h3{color:#dc2626}

/* PRODUCT DETAIL PAGE */
.pd-hero-bg .product-orb-3{display:none}
.pd-breadcrumb{padding:24px 6% 0;background:transparent;position:relative;z-index:1}
.pd-breadcrumb-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#94a3b8}
.pd-breadcrumb a{color:#64748b;transition:color 0.25s}
.pd-breadcrumb a:hover{color:#dc2626}
.pd-breadcrumb i{font-size:10px}
.pd-breadcrumb span{color:#0f172a;font-weight:600}

.pd-hero{position:relative;padding:20px 6% 56px;overflow:hidden}
.pd-hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center}
.pd-title{margin-top:20px;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:800;line-height:1.12;color:#0f172a;letter-spacing:-0.02em}
.pd-summary{margin-top:18px;font-size:17px;line-height:1.85;color:#64748b;max-width:560px;white-space:pre-line}
.solution-card-content>p.product-desc-multiline,
.solution-card-content .product-desc-multiline{white-space:pre-line}
.pd-feature-pills{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.pd-feature-pills li{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 16px;border-radius:999px;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(8px);
    border:1px solid rgba(220,38,38,0.12);
    color:#991b1b;font-size:13px;font-weight:600;
    box-shadow:0 4px 16px rgba(220,38,38,0.06);
    transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.pd-feature-pills li:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(220,38,38,0.1)}
.pd-feature-pills li i{font-size:12px;color:#dc2626}
.pd-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.pd-btn-primary{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 28px;
    background:linear-gradient(135deg,#dc2626,#b91c1c);
    color:#fff;border-radius:14px;font-size:14px;font-weight:600;
    transition:all 0.35s cubic-bezier(0.22,1,0.36,1);
    box-shadow:0 10px 28px rgba(220,38,38,0.3);
}
.pd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(220,38,38,0.4);color:#fff}
.pd-btn-primary .btn-arrow{transition:transform 0.35s ease}
.pd-btn-primary:hover .btn-arrow{transform:translateX(5px)}
.pd-btn-outline{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 28px;border:1.5px solid #e2e8f0;color:#475569;
    border-radius:14px;font-size:14px;font-weight:600;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(8px);
    transition:all 0.35s ease;
}
.pd-btn-outline:hover{border-color:#dc2626;color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,0.08)}
.pd-btn-block{width:100%;justify-content:center}
.pd-visual-card{
    position:relative;
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,0.9);
    border-radius:28px;
    padding:52px 36px;
    box-shadow:0 24px 64px rgba(15,23,42,0.1);
    display:flex;align-items:center;justify-content:center;
    min-height:340px;
    overflow:hidden;
}
.pd-glow-card{animation:productFloatCard 6s ease-in-out infinite}
.pd-visual-ring{
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    border:2px dashed rgba(220,38,38,0.15);
    animation:productRingSpin 24s linear infinite;
    pointer-events:none;
}
.pd-hero-img{max-width:100%;max-height:240px;object-fit:contain;position:relative;z-index:1;transition:transform 0.5s ease}
.pd-glow-card:hover .pd-hero-img{transform:scale(1.05)}
.pd-hero-icon{width:100px;height:100px;font-size:44px;border-radius:22px;position:relative;z-index:1}

.pd-body{padding:0 6% 70px;background:transparent}
.pd-body-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.pd-main{
    background:#fff;
    border-radius:24px;
    padding:40px;
    border:1px solid #f1f5f9;
    box-shadow:0 12px 40px rgba(15,23,42,0.05);
}
.pd-main h2{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:20px;letter-spacing:-0.02em}
.pd-main p{font-size:15px;line-height:1.9;color:#475569;margin-bottom:18px}
.pd-subtitle{font-size:22px;font-weight:700;color:#0f172a;margin:36px 0 20px}
.pd-features-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pd-features-grid li{
    display:flex;align-items:flex-start;gap:12px;
    padding:18px;border:1px solid #f1f5f9;border-radius:16px;
    background:linear-gradient(135deg,#fafafa,#fff);
    transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;
}
.pd-features-grid li:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(220,38,38,0.08);
    border-color:rgba(220,38,38,0.12);
}
.pd-feature-icon{
    width:36px;height:36px;border-radius:10px;
    background:linear-gradient(135deg,#fee2e2,#fecaca);
    color:#dc2626;display:flex;align-items:center;justify-content:center;
    flex-shrink:0;font-size:13px;
    transition:transform 0.3s ease;
}
.pd-features-grid li:hover .pd-feature-icon{transform:scale(1.1) rotate(-8deg)}
.pd-features-grid li span:last-child{font-size:14px;line-height:1.55;color:#334155}

.pd-gallery{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:4px;
}
.pd-gallery-item{
    margin:0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease;
}
.pd-gallery-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.1)}
.pd-gallery-item img{width:100%;height:180px;object-fit:cover;display:block;background:#f8fafc}
.pd-gallery-link{display:block}
.pd-gallery-caption{
    padding:12px 14px 0;font-size:13px;line-height:1.5;color:#475569;font-weight:500;
}
.pd-gallery-more{
    display:inline-flex;align-items:center;gap:6px;padding:10px 14px 14px;
    font-size:12px;font-weight:700;color:#c80000;text-decoration:none;
}
.pd-gallery-more:hover{color:#a80000}

.pd-videos{display:grid;gap:18px;margin:4px 0 8px}
.pd-video-wrap{
    position:relative;width:100%;padding-top:56.25%;
    border-radius:16px;overflow:hidden;background:#0f172a;
    box-shadow:0 12px 32px rgba(15,23,42,.12);
}
.pd-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pd-link-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 20px;border-radius:14px;font-size:14px;font-weight:600;
    color:#fff;transition:transform .3s ease,box-shadow .3s ease;
}
.pd-link-btn:hover{transform:translateY(-2px);color:#fff}
.pd-link-btn--youtube{background:#ff0000;box-shadow:0 8px 20px rgba(255,0,0,.25)}
.pd-link-btn--whatsapp{background:#25d366;box-shadow:0 8px 20px rgba(37,211,102,.28)}
.pd-link-btn--instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);box-shadow:0 8px 20px rgba(221,42,123,.28)}
.pd-link-btn--facebook{background:#1877f2;box-shadow:0 8px 20px rgba(24,119,242,.28)}
.pd-link-btn--telegram{background:#229ed9;box-shadow:0 8px 20px rgba(34,158,217,.28)}
.pd-link-btn--linkedin{background:#0a66c2;box-shadow:0 8px 20px rgba(10,102,194,.28)}
.pd-link-btn--website{background:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.2)}
.pd-link-btn--other{background:#475569;box-shadow:0 8px 20px rgba(71,85,105,.22)}
.pd-sidebar-links{display:flex;flex-direction:column;gap:10px}
.pd-links-card p{margin-bottom:14px}

.pd-sidebar-card{
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(12px);
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:28px;
    margin-bottom:20px;
    transition:transform 0.35s ease,box-shadow 0.35s ease;
}
.pd-sidebar-glow:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(37,99,235,0.1)}
.pd-sidebar-card h3{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:10px}
.pd-sidebar-card p{font-size:14px;line-height:1.75;color:#64748b;margin-bottom:18px}
.pd-price-card{text-align:center;background:linear-gradient(135deg,#fef2f2,#fff)}
.pd-price-card span{display:block;font-size:13px;color:#64748b;margin-bottom:6px}
.pd-price-card strong{font-size:32px;font-weight:800;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.pd-related{padding:0 6% 90px;background:transparent}
.pd-related-inner{max-width:1280px;margin:0 auto}
.pd-related h2{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:32px;text-align:center;letter-spacing:-0.02em}
.pd-related-grid{grid-template-columns:repeat(3,1fr)}

.product-cta-banner{padding:0 6% 90px;background:transparent}
.product-cta-inner{
    position:relative;
    max-width:1280px;margin:0 auto;
    background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);
    border:none;
    border-radius:24px;
    padding:36px 40px;
    display:flex;align-items:center;gap:28px;flex-wrap:wrap;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(15,23,42,0.25);
}
.product-cta-glow{
    position:absolute;
    width:300px;height:300px;
    background:radial-gradient(circle,rgba(220,38,38,0.35),transparent 70%);
    top:-50%;right:-5%;
    animation:productCtaPulse 4s ease-in-out infinite;
    pointer-events:none;
}
.product-cta-icon{
    width:60px;height:60px;border-radius:16px;
    background:linear-gradient(135deg,#dc2626,#ef4444);
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:26px;flex-shrink:0;
    position:relative;z-index:1;
    box-shadow:0 8px 24px rgba(220,38,38,0.4);
    animation:productFloatCard 4s ease-in-out infinite;
}
.product-cta-inner p{
    flex:1;font-size:15px;line-height:1.75;color:#cbd5e1;margin:0;min-width:220px;
    position:relative;z-index:1;
}
.product-cta-inner p strong{display:block;font-size:18px;color:#fff;margin-bottom:6px;font-weight:700}
.product-cta-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 28px;
    background:#fff;color:#0f172a;
    border-radius:14px;font-size:14px;font-weight:700;
    white-space:nowrap;
    transition:all 0.35s cubic-bezier(0.22,1,0.36,1);
    position:relative;z-index:1;
    box-shadow:0 8px 24px rgba(0,0,0,0.2);
}
.product-cta-btn .btn-arrow{transition:transform 0.35s ease}
.product-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 32px rgba(0,0,0,0.3);color:#dc2626}
.product-cta-btn:hover .btn-arrow{transform:translateX(5px)}

@media(max-width:1100px){
    .product-showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
    .product-hero-inner,.pd-hero-inner,.pd-body-inner{grid-template-columns:1fr;gap:36px}
    .product-hero-visual{max-width:560px;margin:0 auto;justify-content:center}
    .product-hero-img{width:100%;max-width:100%;margin-right:0}
    .product-hero-features{grid-template-columns:repeat(2,1fr);gap:12px}
    .pd-features-grid{grid-template-columns:1fr}
    .pd-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .product-hero{padding:40px 5% 48px}
    .product-hero-stats{grid-template-columns:1fr}
    .product-hero-features{grid-template-columns:repeat(2,1fr);padding:12px}
    .product-showcase-grid{grid-template-columns:1fr}
    .product-collage{height:360px;transform:scale(0.92);transform-origin:center top}
    .product-cta-inner{flex-direction:column;text-align:center;padding:32px 24px}
    .product-cta-btn{width:100%;justify-content:center}
    .pd-related-grid{grid-template-columns:1fr}
    .pd-actions{flex-direction:column}
    .pd-btn-primary,.pd-btn-outline,.pd-link-btn{width:100%;justify-content:center}
    .pd-main{padding:28px 22px}
}

@media(prefers-reduced-motion:reduce){
    .product-orb,.product-hero-blob,.product-hero-dots,.pc-float,.pd-glow-card,.product-cta-icon,.product-cta-glow,.pd-visual-ring{animation:none}
    .reveal,.reveal-right,.reveal-left,.reveal-scale{opacity:1;transform:none;transition:none}
    .product-showcase-card{transform:none}
    .industry-card:hover{transform:none}
}

/* INDUSTRY SOLUTIONS (index.php) */
.industry-section{
    padding:72px 6% 88px;
    background:#fff;
}
.industry-section-head{
    max-width:920px;
    margin:0 auto 52px;
    text-align:center;
}
.industry-section-badge{
    display:inline-flex;
    align-items:center;
    gap:16px;
    font-size:11px;
    font-weight:700;
    letter-spacing:3.5px;
    text-transform:uppercase;
    color:#dc2626;
}
.industry-badge-line{
    width:40px;
    height:2px;
    background:#dc2626;
    border-radius:2px;
    opacity:0.85;
}
.industry-section-head h2{
    margin-top:16px;
    font-size:clamp(1.75rem,3.2vw,2.65rem);
    font-weight:800;
    color:#111827;
    line-height:1.25;
    letter-spacing:-0.02em;
}
.industry-section-head p{
    margin-top:14px;
    font-size:15px;
    line-height:1.8;
    color:#6b7280;
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
}
.industry-slider-viewport{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    cursor:grab;
}
.industry-slider-viewport::-webkit-scrollbar{display:none}
.industry-slider-marquee{
    display:flex;
    width:max-content;
}
.industry-grid{
    display:flex;
    gap:24px;
    padding:10px 12px 28px;
    flex-shrink:0;
}
.industry-card{
    width:360px;
    flex:0 0 360px;
    transition:transform 0.35s ease;
}
.industry-card:hover{
    transform:translateY(-6px);
}
.industry-card-shell{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 32px rgba(15,23,42,0.08);
    background:#fff;
    height:100%;
    display:flex;
    flex-direction:column;
}
.industry-card-media{
    height:200px;
    overflow:hidden;
    position:relative;
    flex-shrink:0;
}
.industry-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.5s ease;
}
.industry-card:hover .industry-card-media img{
    transform:scale(1.05);
}
.industry-card-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    opacity:0.35;
}
.industry-theme-red .industry-card-placeholder{
    background:linear-gradient(135deg,#fecaca 0%,#fca5a5 50%,#f87171 100%);
    color:#991b1b;
}
.industry-theme-blue .industry-card-placeholder{
    background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 50%,#60a5fa 100%);
    color:#1e40af;
}
.industry-card-body{
    position:relative;
    flex:1;
    padding:44px 26px 28px;
    color:#fff;
    display:flex;
    flex-direction:column;
}
.industry-theme-red .industry-card-body{
    background:linear-gradient(180deg,#dc2626 0%,#b91c1c 55%,#991b1b 100%);
}
.industry-theme-blue .industry-card-body{
    background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 55%,#1e3a8a 100%);
}
.industry-card-wave{
    position:absolute;
    top:-51px;
    left:0;
    width:100%;
    height:52px;
    display:block;
    pointer-events:none;
    z-index:1;
}
.industry-theme-red .industry-card-wave path{fill:#dc2626}
.industry-theme-blue .industry-card-wave path{fill:#2563eb}
.industry-card-icon{
    position:absolute;
    top:-30px;
    left:50%;
    transform:translateX(-50%);
    width:54px;
    height:54px;
    background:#fff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    box-shadow:0 8px 24px rgba(0,0,0,0.15);
    z-index:3;
}
.industry-theme-red .industry-card-icon{color:#dc2626}
.industry-theme-blue .industry-card-icon{color:#2563eb}
.industry-card-text{
    position:relative;
    z-index:2;
    flex:1;
    display:flex;
    flex-direction:column;
}
.industry-card-body h3{
    font-size:22px;
    font-weight:800;
    margin-bottom:10px;
    letter-spacing:-0.01em;
    color:#fff;
}
.industry-card-body p{
    font-size:13px;
    line-height:1.7;
    color:rgba(255,255,255,0.92);
    margin-bottom:22px;
    flex:1;
}
.industry-card-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    padding:11px 20px;
    background:#fff;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    transition:all 0.3s ease;
    box-shadow:0 4px 14px rgba(0,0,0,0.1);
    margin-top:auto;
}
.industry-theme-red .industry-card-btn{color:#dc2626}
.industry-theme-blue .industry-card-btn{color:#2563eb}
.industry-card-btn i{
    font-size:11px;
    transition:transform 0.3s ease;
}
.industry-card-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    color:inherit;
}
.industry-card-btn:hover i{transform:translateX(3px)}

@media(max-width:640px){
    .industry-section{padding:56px 5% 64px}
    .industry-grid{gap:16px;padding-inline:8px}
    .industry-card{width:285px;flex-basis:285px}
    .industry-card-media{height:180px}
}

/* HOMEPAGE + SHARED MOBILE RESPONSIVE */
@media(max-width:768px){
    .header{
        min-height:70px;
        padding:10px 16px;
    }
    .logo-area{min-width:0}
    .logo-img{
        width:185px;
        max-width:calc(100vw - 80px);
        max-height:56px;
    }
    .menu-btn{
        width:44px;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-shrink:0;
        border-radius:10px;
        color:#163f82;
        background:#f1f5f9;
        font-size:22px;
    }
    .navbar{
        top:70px;
        height:calc(100vh - 70px);
        padding:18px 20px 30px;
        gap:4px;
        overflow-y:auto;
    }
    .navbar a{
        width:100%;
        padding:13px 12px;
        border-bottom:1px solid #f1f5f9;
    }
    .navbar a.active::after{display:none}

    .services-showcase-section{padding:28px 0 34px}
    .services-showcase-heading{padding:0 18px;margin-bottom:20px}
    .services-showcase-heading h2{font-size:28px}
    .services-showcase-heading p{font-size:14px}
    .services-showcase-heading::after{display:none}
    .services-showcase-viewport{
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
    }
    .services-showcase-track{
        gap:14px;
        padding:8px 8px 20px;
    }
    .service-showcase-card{
        flex:0 0 calc(100vw - 44px);
        max-width:310px;
        min-height:285px;
        padding:18px;
        scroll-snap-align:center;
    }
    .service-showcase-icon.has-img{
        height:145px;
        padding:4px;
        margin-bottom:14px;
    }
    .service-showcase-card h3{font-size:15px;margin-bottom:8px}
    .service-showcase-card p{
        font-size:13px;
        line-height:1.55;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .hero{padding:30px 20px 54px}
    .top-tag{
        font-size:14px;
        line-height:1.5;
        letter-spacing:3px;
        margin-bottom:14px;
    }
    .hero h1{
        font-size:30px;
        line-height:1.3;
        margin-bottom:20px;
    }
    .hero p{
        font-size:15px;
        line-height:1.75;
    }
    .hero-btns{
        margin-top:28px;
        gap:12px;
    }
    .hero-btns .btn{
        width:100%;
        max-width:320px;
        padding:13px 18px;
    }

    .innovation-left{padding:44px 20px 50px}
    .innovation-left h1{
        font-size:28px;
        line-height:1.3;
        text-align:center;
    }
    .innovation-left p{font-size:14px;line-height:1.75}
    .innovation-left p{text-align:center}
    .innovation-btns{
        gap:10px;
        margin-top:28px;
        justify-content:center;
    }
    .innovation-btn-quote,
    .innovation-btn-story{
        justify-content:center;
        width:100%;
        padding:12px 18px;
    }
    .innovation-right{
        min-height:0;
        padding:32px 16px 38px;
        overflow:hidden;
        background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
    }
    .solutions-hub{
        width:100%;
        min-width:0;
        max-width:520px;
        height:auto;
        transform:none;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .hub-center{
        position:relative;
        inset:auto;
        transform:none;
        grid-column:1/-1;
        order:-1;
        width:100%;
        padding:22px 16px;
        margin-bottom:4px;
        border-radius:20px;
        background:#fff;
        box-shadow:0 10px 30px rgba(15,23,42,0.08);
    }
    .hub-center-ring{
        width:82px;
        height:82px;
        margin-bottom:10px;
    }
    .hub-center-ring .fa-code{font-size:28px}
    .hub-center strong{
        font-size:12px;
        color:#163f82;
    }
    .hub-satellite,
    .sat-tl,.sat-ml,.sat-bl,.sat-tr,.sat-mr,.sat-br,.sat-bc{
        position:static;
        inset:auto;
        transform:none;
        width:100%;
        max-width:none;
    }
    .hub-satellite{
        min-height:72px;
        padding:10px;
        border:1px solid #e8edf4;
        border-radius:14px;
        font-size:11px;
        line-height:1.4;
        box-shadow:0 5px 18px rgba(15,23,42,0.06);
    }
    .sat-icon{
        width:32px;
        height:32px;
        border-radius:9px;
    }
    .innovation-stats{
        padding:34px 18px 50px;
        gap:16px;
        background:#fff;
    }
    .innovation-stat-card{
        padding:20px;
        flex-direction:row;
        border-radius:16px;
        box-shadow:0 8px 26px rgba(15,23,42,0.08);
    }

    .tdl-section{padding:52px 0}
    .tdl-heading{
        margin-bottom:28px;
        padding:0 18px;
    }
    .tdl-heading span{font-size:12px;letter-spacing:2px}
    .tdl-heading h2{
        font-size:28px;
        line-height:1.3;
        margin-top:10px;
    }
    .tdl-slider{
        width:100%;
        overflow:visible;
    }
    .tdl-track{
        gap:14px;
        padding:8px 18px 18px;
        scroll-snap-type:x mandatory;
        scroll-padding-left:18px;
        overscroll-behavior-x:contain;
    }
    .tdl-card{
        min-width:min(310px, calc(100vw - 44px));
        max-width:min(310px, calc(100vw - 44px));
        min-height:415px;
        scroll-snap-align:center;
    }
    .tdl-img{height:175px;padding:12px}
    .tdl-content{padding:16px}
    .tdl-content h3{font-size:17px;line-height:1.45}
    .tdl-content p{
        font-size:13px;
        line-height:1.65;
        -webkit-line-clamp:2;
    }
    .slider-dots{display:none}
    .view-btn-area{margin-top:22px}
    .view-btn{padding:13px 24px;font-size:14px}

    .industry-section{padding:52px 0 58px}
    .industry-section-head{
        padding:0 20px;
        margin-bottom:30px;
    }
    .industry-section-badge{gap:9px;letter-spacing:2px}
    .industry-badge-line{width:24px}
    .industry-section-head h2{
        font-size:28px;
        margin-top:12px;
    }
    .industry-section-head p{
        font-size:14px;
        line-height:1.65;
    }
    .industry-slider-viewport{
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
    }
    .industry-grid{gap:14px;padding:8px 7px 24px}
    .industry-card{
        width:calc(100vw - 40px);
        max-width:310px;
        flex-basis:calc(100vw - 40px);
    }
    .industry-card-media{height:165px}
    .industry-card-body{padding:40px 20px 22px}
    .industry-card-body h3{font-size:19px}
    .industry-card-body p{
        font-size:12px;
        line-height:1.6;
        margin-bottom:16px;
    }

    .site-footer{padding:44px 18px 0;overflow:hidden}
    .site-footer-inner{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:34px;
        padding-bottom:38px;
        width:100%;
    }
    .footer-col{min-width:0}
    .footer-brand{
        grid-column:1/-1;
        text-align:center;
    }
    .footer-brand .footer-about{
        max-width:560px;
        margin-inline:auto;
    }
    .footer-col:last-child{grid-column:1/-1}
    .footer-logo-link{padding:10px 12px;margin-bottom:16px}
    .footer-logo{width:220px}
    .footer-heading{margin-bottom:16px}
    .footer-social-link{
        padding:9px 10px;
        font-size:13px;
        min-width:0;
        overflow-wrap:anywhere;
    }
    .footer-social-text{min-width:0;overflow-wrap:anywhere}
    .site-footer-bottom{padding:18px 12px}
    .float-btn{
        right:14px;
        bottom:14px;
        width:50px;
        height:50px;
        font-size:20px;
    }
}

@media(max-width:380px){
    .logo-img{width:165px}
    .hero h1{font-size:27px}
    .service-showcase-card,
    .tdl-card{
        min-width:min(310px, calc(100vw - 32px));
        max-width:min(310px, calc(100vw - 32px));
    }
    .industry-card{
        width:calc(100vw - 28px);
        flex-basis:calc(100vw - 28px);
    }
    .innovation-stat-card{flex-direction:column}
}

@media(max-width:520px){
    .site-footer{padding:38px 16px 0}
    .site-footer-inner{
        grid-template-columns:minmax(0,1fr);
        gap:30px;
        padding-bottom:32px;
    }
    .footer-brand,
    .footer-col:last-child{grid-column:auto}
    .footer-brand{text-align:left}
    .footer-brand .footer-about{margin-inline:0}
    .footer-logo-link{
        display:block;
        width:100%;
        padding:10px;
    }
    .footer-logo{
        width:210px;
        max-width:100%;
        margin:auto;
    }
    .footer-heading{
        font-size:14px;
        margin-bottom:14px;
    }
    .footer-social-list{gap:7px}
    .footer-social-link{
        width:100%;
        gap:10px;
        padding:9px;
        line-height:1.45;
    }
    .footer-social-icon{
        width:32px;
        height:32px;
        border-radius:8px;
        font-size:14px;
    }
    .footer-about{
        font-size:13px;
        line-height:1.7;
    }
    .site-footer-bottom p{
        font-size:12px;
        line-height:1.6;
    }
}

@media(max-width:600px){
    .innovation-stats{
        padding:30px 16px 48px;
        gap:14px;
        background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
    }
    .innovation-stat-card{
        position:relative;
        display:block;
        overflow:hidden;
        min-height:190px;
        padding:24px 22px 22px;
        border:1px solid #e8edf4;
        border-radius:20px;
        box-shadow:0 10px 30px rgba(15,23,42,.08);
    }
    .innovation-stat-card::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:5px;
        background:linear-gradient(90deg,#dc2626,#f87171);
    }
    .innovation-stat-card:nth-child(2)::before{
        background:linear-gradient(90deg,#7c3aed,#c084fc);
    }
    .innovation-stat-card:nth-child(3)::before{
        background:linear-gradient(90deg,#163f82,#60a5fa);
    }
    .innovation-stat-icon{
        position:absolute;
        top:22px;
        right:20px;
        width:48px;
        height:48px;
        border-radius:15px;
        font-size:19px;
        box-shadow:0 7px 18px rgba(15,23,42,.09);
    }
    .innovation-stat-card>div{min-width:0}
    .innovation-stat-card h3{
        max-width:calc(100% - 62px);
        margin-bottom:13px;
        font-size:15px;
        line-height:1.45;
        color:#334155;
    }
    .innovation-stat-card h3 span{
        margin-bottom:2px;
        font-size:36px;
        line-height:1.15;
        letter-spacing:-1px;
    }
    .innovation-stat-card:nth-child(2) h3 span{color:#7c3aed}
    .innovation-stat-card:nth-child(3) h3 span{color:#163f82}
    .innovation-stat-card p{
        font-size:12.5px;
        line-height:1.7;
        color:#64748b;
    }
}

/* SOLUTIONS PAGE */
.solutions-page{background:#fff;color:#0f172a}
.solutions-hero{
    position:relative;
    overflow:hidden;
    padding:56px 5% 64px;
    background:#fff;
}
.solutions-hero-inner{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:70px;
}
.solutions-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 14px;
    border-radius:999px;
    background:#fff;
    color:#163f82;
    border:1px solid #dbe5f4;
    box-shadow:0 6px 20px rgba(22,63,130,.08);
    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
}
.solutions-eyebrow i{color:#dc2626}
.solutions-hero h1{
    margin-top:22px;
    font-size:clamp(2rem,3.8vw,3.15rem);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.04em;
    color:#0f172a;
}
.solutions-hero h1 span.product-hero-accent{color:#c80000}.solutions-hero h1 span.product-hero-navy{color:#163f82}
.solutions-hero-content>p{
    max-width:650px;
    margin-top:24px;
    color:#526176;
    font-size:17px;
    line-height:1.8;
}
.solutions-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.solutions-hero-highlights{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    margin-top:28px;
    max-width:720px;
}
.solutions-hero-highlight{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:6px 18px 6px 0;
    margin-right:18px;
    border-right:1px solid #e2e8f0;
    font-size:14px;
    font-weight:700;
    color:#0f172a;
    white-space:nowrap;
}
.solutions-hero-highlight:last-child{
    border-right:none;
    margin-right:0;
    padding-right:0;
}
.solutions-hero-highlight-icon{
    width:30px;
    height:30px;
    border-radius:50%;
    background:#c80000;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    flex-shrink:0;
}
.solutions-page .product-hero-title{max-width:640px}
.solutions-page .product-hero-desc{max-width:640px}
.solutions-primary-btn,.solutions-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 22px;
    border-radius:13px;
    font-size:14px;
    font-weight:700;
    transition:transform .25s ease,box-shadow .25s ease;
}
.solutions-primary-btn{
    color:#fff;
    background:linear-gradient(135deg,#dc2626,#b91c1c);
    box-shadow:0 10px 26px rgba(220,38,38,.25);
}
.solutions-primary-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(220,38,38,.32)}
.solutions-secondary-btn{color:#163f82;background:#fff;border:1px solid #d7e0ee}
.solutions-secondary-btn:hover{color:#163f82;transform:translateY(-2px)}
.solutions-hero-visual{display:flex;align-items:center;justify-content:center;min-height:390px}
.solutions-orbit{
    position:relative;
    width:340px;
    height:340px;
    border:1px dashed rgba(22,63,130,.28);
    border-radius:50%;
    animation:solutionsSpin 28s linear infinite;
}
.solutions-orbit::before{
    content:'';
    position:absolute;
    inset:42px;
    border:1px solid rgba(220,38,38,.14);
    border-radius:50%;
}
.solutions-orbit-center,.solutions-orbit-item{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 42px rgba(15,23,42,.13);
}
.solutions-orbit-center{
    width:112px;height:112px;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    color:#dc2626;font-size:42px;
}
.solutions-orbit-item{
    width:68px;height:68px;
    color:#163f82;font-size:25px;
    animation:solutionsCounterSpin 28s linear infinite;
}
.orbit-one{top:-22px;left:136px}
.orbit-two{top:136px;right:-22px}
.orbit-three{bottom:-22px;left:136px}
.orbit-four{top:136px;left:-22px}
.solutions-hero-shape{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.solutions-hero-shape-one{width:360px;height:360px;right:-170px;top:-140px;background:rgba(220,38,38,.08)}
.solutions-hero-shape-two{width:280px;height:280px;left:-150px;bottom:-150px;background:rgba(22,63,130,.08)}
@keyframes solutionsSpin{to{transform:rotate(360deg)}}
@keyframes solutionsCounterSpin{to{transform:rotate(-360deg)}}

.solutions-list-section{padding:30px 6% 80px}
.solutions-section-head{text-align:center;max-width:none;width:100%;margin:0 auto 48px}
.solutions-section-head>span{font-size:12px;font-weight:800;letter-spacing:3px;color:#dc2626}
.solutions-section-head h2{margin-top:10px;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#0f172a}
.solutions-section-head h2 em{font-style:normal;color:#163f82}
.solutions-section-head p{margin-top:12px;width:100%;max-width:820px;margin-left:auto;margin-right:auto;color:#64748b;font-size:15px;line-height:1.75;white-space:normal;overflow-wrap:break-word;padding:0 12px;box-sizing:border-box}
.solutions-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}
.solution-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e8edf4;
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 36px rgba(15,23,42,.07);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.solution-card:hover{transform:translateY(-7px);border-color:#dbe5f4;box-shadow:0 20px 50px rgba(22,63,130,.14)}
.solution-card-media{
    height:210px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#f8fafc,#eef3fa);
    border-bottom:1px solid #edf1f6;
}
.solution-card-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.solution-card:hover .solution-card-media img{transform:scale(1.04)}
.solution-card-media .product-showcase-card-icon{width:78px;height:78px;font-size:32px}
.solution-card-content{padding:24px;display:flex;flex-direction:column;min-height:310px}
.solution-card-content h3{font-size:20px;line-height:1.4;font-weight:800;margin-bottom:10px}
.solution-card-content h3 a{color:#0f172a}
.solution-card-content>p{font-size:13px;line-height:1.7;color:#64748b;margin-bottom:16px}
.solution-card-content ul{list-style:none;padding:0;margin:0 0 20px}
.solution-card-content li{display:flex;align-items:flex-start;gap:9px;margin-bottom:8px;color:#334155;font-size:13px;line-height:1.5}
.solution-card-content li i{color:#dc2626;margin-top:3px;flex-shrink:0}
.solution-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#163f82;font-size:13px;font-weight:800}
.solution-card-link i{transition:transform .25s ease}
.solution-card-link:hover{color:#dc2626}
.solution-card-link:hover i{transform:translateX(4px)}
.solutions-empty{
    max-width:650px;
    margin:auto;
    padding:55px 25px;
    text-align:center;
    border:1px dashed #cbd5e1;
    border-radius:22px;
    background:#f8fafc;
}
.solutions-empty>span{width:70px;height:70px;margin:0 auto 18px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#163f82;font-size:28px}
.solutions-empty h3{font-size:22px;color:#0f172a}
.solutions-empty p{margin:10px auto 22px;max-width:480px;color:#64748b;line-height:1.7}
.solutions-cta{
    max-width:1120px;
    margin:0 auto 90px;
    padding:38px 42px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg,#163f82,#0d2c61);
    color:#fff;
    box-shadow:0 20px 50px rgba(22,63,130,.25);
}
.solutions-cta span{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#bfdbfe}
.solutions-cta h2{margin-top:7px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}

@media(max-width:1024px){
    .solutions-hero-inner{grid-template-columns:1fr;gap:30px;text-align:center}
    .solutions-hero-content>p{margin-inline:auto}
    .solutions-hero-actions{justify-content:center}
    .solutions-hero-visual{min-height:330px}
    .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .solutions-cta{margin-inline:5%}
}
@media(max-width:640px){
    .solutions-hero-highlights{
        gap:12px 0;
        max-width:100%;
    }
    .solutions-hero-highlight{
        width:calc(50% - 8px);
        margin-right:0;
        padding-right:8px;
        border-right:none;
        white-space:normal;
        font-size:13px;
    }
    .solutions-hero{padding:54px 18px 62px}
    .solutions-hero h1{font-size:34px}
    .solutions-hero-content>p{font-size:14px;line-height:1.7}
    .solutions-hero-actions{flex-direction:column}
    .solutions-primary-btn,.solutions-secondary-btn{width:100%}
    .solutions-hero-visual{min-height:260px}
    .solutions-orbit{width:260px;height:260px}
    .solutions-orbit-center{width:90px;height:90px;font-size:34px}
    .solutions-orbit-item{width:56px;height:56px;font-size:20px}
    .orbit-one{top:-18px;left:102px}
    .orbit-two{top:102px;right:-18px}
    .orbit-three{bottom:-18px;left:102px}
    .orbit-four{top:102px;left:-18px}
    .solutions-list-section{padding:30px 5% 64px}
    .solutions-section-head{margin-bottom:30px}
    .solutions-grid{grid-template-columns:1fr;gap:18px}
    .solution-card-media{height:180px}
    .solution-card-content{padding:20px;min-height:0}
    .solutions-cta{
        margin:0 18px 64px;
        padding:30px 22px;
        flex-direction:column;
        align-items:flex-start;
    }
    .solutions-cta .solutions-primary-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
    .solutions-orbit,.solutions-orbit-item{animation:none}
}

/* PRODUCT CATALOG (product.php tabs) */
.catalog-page{background:#f8fafc}
.catalog-hero{padding:48px 6% 24px;background:#fff;border-bottom:1px solid #f1f5f9}
.catalog-hero-inner{max-width:1180px;margin:0 auto}
.catalog-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:16px}
.catalog-breadcrumb a{color:#64748b}
.catalog-breadcrumb span{color:#111827;font-weight:600}
.catalog-hero h1{font-size:clamp(1.85rem,3vw,2.5rem);font-weight:800;color:#111827}
.catalog-hero h1 span{color:#2563eb}
.catalog-hero p{margin-top:10px;color:#64748b;font-size:15px}
.catalog-main{padding:32px 6% 64px}
.catalog-main-inner{max-width:1180px;margin:0 auto}
.catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;background:#fff;padding:8px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,0.04)}
.catalog-tab{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:600;color:#64748b;transition:all 0.25s ease}
.catalog-tab.is-active{background:#2563eb;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,0.25)}
.catalog-tab:hover:not(.is-active){background:#f1f5f9;color:#2563eb}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.catalog-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column}
.catalog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,23,42,0.1)}
.catalog-card-top{height:180px;background:#f1f5f9;overflow:hidden}
.catalog-card-top img{width:100%;height:100%;object-fit:cover}
.catalog-card-icon-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.catalog-card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}
.catalog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.catalog-card-body h3{font-size:20px;font-weight:800;color:#111827;margin-bottom:8px}
.catalog-card-body>p{font-size:14px;line-height:1.7;color:#64748b;margin-bottom:12px}
.catalog-card-price{font-size:22px;font-weight:800;color:#2563eb;margin-bottom:14px}
.catalog-card-features{list-style:none;padding:0;margin:0 0 18px}
.catalog-card-features li{display:flex;gap:8px;font-size:13px;color:#475569;margin-bottom:8px}
.catalog-card-features li i{color:#2563eb;font-size:12px;margin-top:3px}
.catalog-card-btn{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:12px 18px;border:1.5px solid #2563eb;border-radius:12px;color:#2563eb;font-size:13px;font-weight:600;transition:all 0.25s;align-self:flex-start}
.catalog-card-btn:hover{background:#2563eb;color:#fff}
.catalog-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#fff;border-radius:18px;border:1px dashed #cbd5e1}
.catalog-empty i{font-size:40px;color:#cbd5e1;margin-bottom:16px}
.catalog-empty-btn{display:inline-block;margin-top:16px;padding:12px 20px;background:#2563eb;color:#fff;border-radius:12px;font-weight:600;font-size:14px}

/* PRICING PAGE */
.pricing-page{background:#fff}
.pricing-wrap{padding:40px 6% 80px}
.pricing-inner{max-width:1280px;margin:0 auto}
.pricing-hero{margin-bottom:36px;width:100%;max-width:none;text-align:left}
.pricing-hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#c80000;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
.pricing-hero-kicker-dash{
    width:28px;
    height:2px;
    background:#c80000;
    border-radius:2px;
}
.pricing-hero-title{
    display:block;
    width:100%;
    max-width:none;
    margin-top:16px;
    font-size:clamp(2rem,3.8vw,3rem);
    font-weight:800;
    line-height:1.2;
    color:#0f172a;
    letter-spacing:-0.02em;
    text-align:left;
}
.pricing-hero-accent{color:#c80000}
.pricing-hero-desc{
    margin-top:14px;
    max-width:640px;
    font-size:16px;
    line-height:1.75;
    color:#475569;
}
.pricing-hero-features{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin-top:28px;
}
.pricing-hero-feature{
    display:flex;
    align-items:flex-start;
    gap:12px;
    min-width:0;
}
.pricing-hero-feature-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#c80000;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
    box-shadow:0 8px 18px rgba(200,0,0,0.18);
}
.pricing-hero-feature strong{
    display:block;
    font-size:15px;
    font-weight:800;
    color:#0f172a;
    line-height:1.3;
}
.pricing-hero-feature em{
    display:block;
    margin-top:4px;
    font-size:12px;
    font-style:normal;
    line-height:1.5;
    color:#64748b;
}
.pricing-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:20px}
.pricing-breadcrumb a{color:#64748b}
.pricing-breadcrumb span{color:#111827;font-weight:600}
.pricing-title{text-align:center;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:#111827;margin-bottom:28px}
.pricing-title span{color:#c80000}
.pricing-category-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.pricing-category-tab{padding:14px 32px;border-radius:12px;font-size:15px;font-weight:800;letter-spacing:0.5px;color:#111827;background:#fff;border:2px solid #111827;cursor:pointer;transition:all 0.25s}
.pricing-category-tab:hover{border-color:#c80000;color:#c80000}
.pricing-category-tab.is-active{background:#c80000;border-color:#c80000;color:#fff;box-shadow:0 8px 24px rgba(200,0,0,0.25)}
.pricing-branch{display:none}
.pricing-branch.is-active{display:block}
.pricing-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pricing-filter-group[hidden]{display:none!important}
.pricing-filter-label{font-size:12px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:0.5px;min-width:52px}
.pricing-platform-tabs{display:flex;justify-content:center;gap:0;background:#f1f5f9;border-radius:999px;padding:6px;max-width:640px;margin:0 auto 20px;border:1px solid #e2e8f0;flex-wrap:wrap}
.pricing-platform-tab{flex:1;padding:12px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#111827;background:transparent;border:none;cursor:pointer;transition:all 0.25s}
.pricing-platform-tab.is-active{background:#c80000;color:#fff;box-shadow:0 6px 16px rgba(200,0,0,0.25)}
.pricing-platform-tab:hover:not(.is-active){color:#c80000}
.pricing-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-bottom:36px;padding:16px 20px;background:#fafafa;border-radius:16px;border:1px solid #f1f5f9}
.pricing-toggle-group{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px}
.pricing-filter-btn{padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#111827;background:transparent;border:none;cursor:pointer}
.pricing-filter-btn.is-active{background:#c80000;color:#fff}
.pricing-filter-btn:hover:not(.is-active){color:#c80000}
.pricing-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pricing-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;min-height:100%;transition:box-shadow 0.3s,transform 0.3s}
.pricing-card:hover{box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.pricing-card.is-popular{border:2px solid #c80000;box-shadow:0 16px 40px rgba(200,0,0,0.12)}
.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#c80000;color:#fff;font-size:10px;font-weight:800;padding:6px 14px;border-radius:999px;letter-spacing:0.5px;white-space:nowrap}
.pricing-card-head{margin-bottom:0}
.pricing-card-head h3{font-size:22px;font-weight:800;margin:0 0 6px;line-height:1.25}
.pricing-theme-grey .pricing-card-head h3{color:#64748b}
.pricing-theme-blue .pricing-card-head h3{color:#111827}
.pricing-theme-orange .pricing-card-head h3{color:#c80000}
.pricing-theme-green .pricing-card-head h3{color:#111827}
.pricing-card-sub{font-size:12px;line-height:1.5;color:#64748b;margin:0}
.pricing-card-price{font-size:26px;font-weight:800;color:#111827;margin:12px 0 6px;line-height:1.2}
.pricing-card-note{font-size:11px;color:#c80000;line-height:1.45;margin:0 0 10px}
.pricing-card-note:empty{display:none;margin:0}
.pricing-card-cta{display:block;text-align:center;padding:12px 16px;border-radius:10px;border:1.5px solid #111827;color:#111827;font-size:13px;font-weight:700;margin:0 0 12px;transition:all 0.25s;background:#fff}
.pricing-card-cta:hover{background:#111827;color:#fff;border-color:#111827}
.pricing-card-cta.is-solid{background:#c80000;border-color:#c80000;color:#fff}
.pricing-card-cta.is-solid:hover{background:#111827;border-color:#111827;color:#fff}
.pricing-db-slot{margin:0 0 12px}
.pricing-db-slot:empty{display:none;margin:0}
.pricing-db-toggle{display:flex;gap:6px;width:100%;background:#f1f5f9;border-radius:999px;padding:4px}
.pricing-db-toggle button{flex:1;padding:8px;border:none;background:transparent;border-radius:999px;font-size:12px;font-weight:600;color:#111827;cursor:pointer}
.pricing-db-toggle button.is-active{background:#c80000;color:#fff;box-shadow:0 2px 8px rgba(200,0,0,0.2)}
.pricing-db-toggle button:hover:not(.is-active){color:#c80000}
.pricing-card-features{margin-top:0;border-top:1px solid #e2e8f0;padding-top:12px}
.pricing-card-features h4{font-size:11px;font-weight:800;color:#c80000;letter-spacing:0.6px;margin:0 0 8px;text-transform:uppercase;line-height:1.2}
.pricing-card-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.pricing-card-features li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#475569;margin:0;line-height:1.45}
.pricing-card-features li i{color:#c80000;font-size:11px;margin-top:3px;flex-shrink:0;width:12px;text-align:center}
.pricing-card-features li span{flex:1;min-width:0}
.pricing-card-footer-note{margin-top:12px;font-size:12px;font-weight:700;color:#c80000;text-align:center}
.pricing-no-results{text-align:center;padding:48px;color:#64748b}
.pricing-no-results.hidden{display:none}

@media(max-width:1100px){
    .catalog-grid{grid-template-columns:repeat(2,1fr)}
    .pricing-cards-grid{grid-template-columns:repeat(2,1fr)}
    .pricing-hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .catalog-grid{grid-template-columns:1fr}
    .catalog-tabs{flex-direction:column}
    .pricing-cards-grid{grid-template-columns:1fr}
    .pricing-filters{flex-direction:column;align-items:stretch}
    .pricing-platform-tabs{flex-wrap:wrap;border-radius:16px}
    .pricing-hero-title{font-size:28px}
    .pricing-hero-desc{font-size:14px}
    .pricing-hero-features{grid-template-columns:1fr;gap:14px}
    .pricing-hero-kicker{font-size:11px;letter-spacing:1px;gap:8px}
    .pricing-hero-kicker-dash{width:18px}
}

/* BLOG PAGE */
.blog-page{background:#fff;overflow-x:hidden}
.blog-inner{max-width:1180px;margin:0 auto;padding:0 5%}

.blog-hero{position:relative;padding:48px 0 32px;overflow:hidden}
.blog-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blog-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.4;animation:productOrbFloat 14s ease-in-out infinite}
.blog-orb-1{width:400px;height:400px;background:rgba(254,202,202,0.35);top:-100px;right:-80px}
.blog-orb-2{width:300px;height:300px;background:rgba(226,232,240,0.5);bottom:0;left:-60px;animation-delay:-5s}
.blog-orb-3{width:220px;height:220px;background:rgba(254,202,202,0.22);top:40%;left:30%;animation-delay:-8s}

.blog-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 5%}
.blog-hero-banner{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:28px;
    align-items:center;
    max-width:760px;
}
.blog-hero-visual{display:flex;align-items:center;justify-content:center}
.blog-hero-report{
    position:relative;
    width:108px;
    height:128px;
    background:#fff;
    border:3px solid #c80000;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(15,23,42,0.08);
    padding:16px 14px 18px;
}
.blog-hero-report-bar{
    display:block;
    height:6px;
    border-radius:999px;
    margin-bottom:6px;
}
.blog-hero-report-bar.bar-short{width:34px}
.blog-hero-report-bar.bar-med{width:48px;margin-bottom:12px}
.blog-hero-report-bar.bar-red{background:#c80000}
.blog-hero-report-bar.bar-grey{background:#cbd5e1}
.blog-hero-chart{
    position:relative;
    height:56px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    padding:0 2px;
}
.blog-hero-col{
    flex:1;
    border-radius:4px 4px 0 0;
    min-height:18px;
}
.blog-hero-col.col-black{background:#111;height:28px}
.blog-hero-col.col-red{background:#c80000;height:40px}
.blog-hero-col.col-mid{height:34px}
.blog-hero-col.col-tall{height:48px}
.blog-hero-line{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    pointer-events:none;
}
.blog-hero-sync{
    position:absolute;
    right:-14px;
    bottom:-14px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff;
    border:2px solid #e2e8f0;
    box-shadow:0 8px 18px rgba(15,23,42,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:16px;
}
.blog-hero-sync i{
    background:linear-gradient(180deg,#111 0 50%,#c80000 50% 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.blog-hero-head{min-width:0}
.blog-hero-title{
    margin:0;
    font-size:clamp(2rem,4vw,3.2rem);
    font-weight:800;
    line-height:1.15;
    letter-spacing:-0.02em;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.blog-hero-title-dark{color:#0f172a}
.blog-hero-title-red{color:#c80000}
.blog-hero-rule{
    display:flex;
    width:min(320px,100%);
    height:3px;
    margin-top:14px;
    border-radius:2px;
    overflow:hidden;
}
.blog-hero-rule-dark{flex:1.15;background:#111}
.blog-hero-rule-red{flex:0.85;background:#c80000}
.blog-hero-desc{
    margin-top:14px;
    font-size:16px;
    line-height:1.7;
    color:#1f2937;
    max-width:560px;
    font-weight:500;
}

.blog-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;margin-bottom:20px;flex-wrap:wrap}
.blog-breadcrumb a{color:#64748b;transition:color 0.2s}
.blog-breadcrumb a:hover{color:#dc2626}
.blog-breadcrumb i{font-size:10px;opacity:0.5}
.blog-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 16px rgba(37,99,235,0.08)}

.blog-search{position:relative;display:flex;align-items:center;width:100%;max-width:480px;margin-top:28px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:4px 4px 4px 16px;box-shadow:0 8px 24px rgba(15,23,42,0.06);transition:box-shadow 0.3s,border-color 0.3s;box-sizing:border-box;min-width:0}
.blog-search:focus-within{border-color:#2563eb;box-shadow:0 8px 32px rgba(37,99,235,0.12)}
.blog-search>i{color:#94a3b8;font-size:14px;flex-shrink:0}
.blog-search input{flex:1 1 auto;min-width:0;width:auto;border:none;outline:none;padding:12px;font-size:14px;background:transparent;color:#0f172a}
.blog-search button{flex:0 0 auto;padding:10px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap}
.blog-search button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(220,38,38,0.25)}

.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.blog-filter-pill{position:relative;overflow:hidden;padding:10px 18px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;transition:all 0.3s cubic-bezier(0.22,1,0.36,1)}
.blog-filter-pill:hover{border-color:#c80000;color:#c80000;transform:translateY(-2px);box-shadow:0 6px 16px rgba(200,0,0,0.12)}
.blog-filter-pill.is-active{background:#c80000;border-color:#c80000;color:#fff;box-shadow:0 8px 20px rgba(200,0,0,0.25)}
.blog-filter-ripple{position:absolute;width:8px;height:8px;background:rgba(255,255,255,0.5);border-radius:50%;transform:translate(-50%,-50%);animation:blogRipple 0.6s ease-out forwards;pointer-events:none}

@keyframes blogRipple{
    to{width:120px;height:120px;opacity:0}
}

.blog-featured-wrap{padding:16px 0 48px}
.blog-featured{display:grid;grid-template-columns:1.1fr 0.9fr;gap:0;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 20px 50px rgba(15,23,42,0.08);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s;text-decoration:none;color:inherit;--shine-x:50%;--shine-y:50%}
.blog-featured:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(37,99,235,0.12)}
.blog-featured-img{position:relative;min-height:320px;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#fce7f3)}
.blog-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}
.blog-featured:hover .blog-featured-img img{transform:scale(1.06)}
.blog-featured-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,0.35) 0%,transparent 55%);pointer-events:none;opacity:0;transition:opacity 0.3s}
.blog-featured:hover .blog-featured-shine{opacity:1}
.blog-featured-body{padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.blog-featured-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#f59e0b;margin:12px 0 8px}
.blog-featured-body h2{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1.25;color:#0f172a;margin-bottom:12px}
.blog-featured-body p{font-size:15px;line-height:1.7;color:#64748b;margin-bottom:20px}
.blog-read-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#2563eb;margin-top:auto;transition:gap 0.3s}
.blog-featured:hover .blog-read-more{gap:12px}

.blog-cat-pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.3px}
.blog-cat-pill--lg{font-size:12px;padding:6px 14px;margin-bottom:16px}
.blog-cat-tally{background:#dbeafe;color:#1d4ed8}
.blog-cat-busy{background:#fee2e2;color:#b91c1c}
.blog-cat-erp{background:#ede9fe;color:#6d28d9}
.blog-cat-tips{background:#dcfce7;color:#15803d}
.blog-cat-news{background:#ffedd5;color:#c2410c}

.blog-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#64748b}
.blog-meta i{margin-right:6px;color:#94a3b8}
.blog-meta--sm{font-size:12px;gap:12px;margin-bottom:10px}
.blog-meta--hero{margin-top:20px}

.blog-grid-section{padding:0 0 72px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{
    background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;
    box-shadow:0 8px 28px rgba(15,23,42,0.05);
    transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s;
    transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
}
.blog-card:hover{box-shadow:0 20px 44px rgba(15,23,42,0.1);transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px)}
.blog-card-link{display:block;text-decoration:none;color:inherit;height:100%}
.blog-card-img{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1)}
.blog-card:hover .blog-card-img img{transform:scale(1.08)}
.blog-card-img .blog-cat-pill{position:absolute;top:14px;left:14px;z-index:1}
.blog-card-body{padding:22px 20px 24px}
.blog-card-body h3{font-size:17px;font-weight:800;line-height:1.35;color:#0f172a;margin-bottom:10px;transition:color 0.25s}
.blog-card:hover .blog-card-body h3{color:#2563eb}
.blog-card-body p{font-size:13px;line-height:1.65;color:#64748b;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#dc2626;transition:gap 0.3s}
.blog-card:hover .blog-card-cta{gap:10px}

.blog-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#fce7f3);color:#2563eb;font-size:42px}
.blog-img-placeholder--lg{min-height:320px;font-size:64px}
.blog-img-placeholder--sm{height:80px;font-size:24px}

.blog-empty{text-align:center;padding:64px 24px;background:#f8fafc;border-radius:20px;border:1px dashed #cbd5e1}
.blog-empty i{font-size:48px;color:#94a3b8;margin-bottom:16px}
.blog-empty h3{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:8px}
.blog-empty p{color:#64748b;margin-bottom:20px}
.blog-empty-btn{display:inline-flex;padding:12px 24px;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;font-size:14px;text-decoration:none}

.blog-cta{padding:0 5% 80px}
.blog-cta-inner{position:relative;max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:32px 36px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;overflow:hidden}
.blog-cta-glow{position:absolute;top:-40%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(220,38,38,0.35) 0%,transparent 70%);animation:productCtaPulse 4s ease-in-out infinite;pointer-events:none}
.blog-cta-icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.blog-cta-inner h3{font-size:20px;font-weight:800;margin-bottom:6px}
.blog-cta-inner p{font-size:14px;opacity:0.85;line-height:1.6;flex:1}
.blog-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;background:#fff;color:#1e3a8a;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:transform 0.25s,box-shadow 0.25s}
.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,0.2);color:#dc2626}

/* Blog Detail */
.blog-detail-hero{position:relative;padding:48px 0 32px;overflow:hidden}
.blog-detail-head{position:relative;z-index:1;text-align:center;max-width:820px;margin:0 auto}
.blog-detail-head h1{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.2;color:#0f172a;margin-top:8px}
.blog-detail-cover{padding:0 0 40px}
.blog-detail-cover img{width:100%;max-height:460px;object-fit:cover;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,0.1)}
.blog-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:40px;padding:40px 0 64px;align-items:start}
.blog-detail-lead{font-size:18px;line-height:1.75;color:#475569;font-weight:500;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e2e8f0}
.blog-article-body{font-size:16px;line-height:1.85;color:#334155}
.blog-article-body p{margin-bottom:18px}
.blog-article-body h2,.blog-article-body h3{margin:28px 0 14px;font-weight:800;color:#0f172a}
.blog-detail-share{display:flex;align-items:center;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid #e2e8f0}
.blog-detail-share span{font-size:14px;font-weight:600;color:#64748b}
.blog-detail-share a{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;transition:all 0.25s;text-decoration:none}
.blog-detail-share a:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}
.blog-sidebar-card{padding:24px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;margin-bottom:16px}
.blog-sidebar-card h4{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}
.blog-sidebar-card p{font-size:13px;line-height:1.6;color:#64748b;margin-bottom:16px}
.blog-sidebar-btn{display:block;text-align:center;padding:12px;border-radius:10px;background:#2563eb;color:#fff;font-weight:700;font-size:13px;text-decoration:none;transition:background 0.25s}
.blog-sidebar-btn:hover{background:#1d4ed8;color:#fff}
.blog-back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;text-decoration:none;transition:color 0.2s}
.blog-back-link:hover{color:#2563eb}

.blog-related{padding-bottom:80px}
.blog-related h2{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:28px}
.blog-related h2 span{background:linear-gradient(135deg,#dc2626,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-related-card{display:flex;gap:14px;padding:16px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;text-decoration:none;color:inherit;transition:all 0.3s}
.blog-related-card:hover{border-color:#2563eb;box-shadow:0 12px 28px rgba(37,99,235,0.1);transform:translateY(-4px)}
.blog-related-img{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}
.blog-related-img img{width:100%;height:100%;object-fit:cover}
.blog-related-card h3{font-size:14px;font-weight:700;line-height:1.4;color:#0f172a;margin:6px 0 4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-related-date{font-size:11px;color:#94a3b8}

@media(max-width:1024px){
    .blog-grid,.blog-related-grid{grid-template-columns:repeat(2,1fr)}
    .blog-featured{grid-template-columns:1fr}
    .blog-featured-img{min-height:240px}
    .blog-detail-layout{grid-template-columns:1fr}
    .blog-cta-inner{flex-direction:column;text-align:center}
}
@media(max-width:640px){
    .blog-grid,.blog-related-grid{grid-template-columns:1fr}
    .blog-filters{gap:8px}
    .blog-filter-pill{padding:8px 14px;font-size:12px}
    .blog-cta-btn{width:100%;justify-content:center}
    .blog-hero-banner{
        grid-template-columns:1fr;
        gap:18px;
        justify-items:start;
    }
    .blog-hero-report{
        width:92px;
        height:112px;
        padding:12px 12px 14px;
    }
    .blog-hero-title{font-size:28px;gap:6px}
    .blog-hero-desc{font-size:14px}
    .blog-hero-sync{width:34px;height:34px;right:-10px;bottom:-10px;font-size:14px}
    .blog-search{
        width:100%;
        max-width:100%;
        flex-wrap:wrap;
        padding:10px;
        gap:8px;
    }
    .blog-search>i{display:none}
    .blog-search input{
        flex:1 1 100%;
        width:100%;
        min-width:0;
        padding:12px 10px;
    }
    .blog-search button{
        width:100%;
        padding:12px 14px;
        font-size:14px!important;
        text-align:center;
        justify-content:center;
    }
}

/* ABOUT PAGE */
.about-page{background:#fff;overflow-x:hidden}
.about-page .solutions-list-section{padding-bottom:24px}
.about-page .about-story{padding-top:24px}

.about-inner{max-width:1180px;margin:0 auto;padding:0 5%}

.about-hero{position:relative;padding:56px 0 48px;overflow:hidden}
.about-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.about-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.45;animation:productOrbFloat 14s ease-in-out infinite}
.about-orb-1{width:420px;height:420px;background:rgba(219,234,254,0.55);top:-80px;left:-60px}
.about-orb-2{width:340px;height:340px;background:rgba(254,202,202,0.35);bottom:-40px;right:-40px;animation-delay:-5s}
.about-orb-3{width:240px;height:240px;background:rgba(233,213,255,0.3);top:35%;right:25%;animation-delay:-8s}

.about-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center}
.about-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;margin-bottom:18px;flex-wrap:wrap}
.about-breadcrumb a{color:#64748b;transition:color 0.2s}
.about-breadcrumb a:hover{color:#dc2626}
.about-breadcrumb i{font-size:10px;opacity:0.5}
.about-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 16px rgba(37,99,235,0.08)}
.about-hero-title{margin-top:18px;font-size:clamp(2rem,3.8vw,3rem);font-weight:800;line-height:1.18;color:#0f172a;letter-spacing:-0.02em}
.about-hero-title span{background:linear-gradient(135deg,#dc2626,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.about-hero-desc{margin-top:16px;font-size:16px;line-height:1.75;color:#64748b;max-width:540px}
.about-hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.about-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:transform 0.25s,box-shadow 0.25s}
.about-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(220,38,38,0.3);color:#fff}
.about-btn-primary i{transition:transform 0.25s}
.about-btn-primary:hover i{transform:translateX(4px)}
.about-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#334155;font-size:14px;font-weight:700;text-decoration:none;transition:all 0.25s}
.about-btn-outline:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-2px)}

.about-hero-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.about-hero-card{background:#fff;border-radius:24px;border:1px solid #e2e8f0;padding:40px 32px;text-align:center;box-shadow:0 24px 56px rgba(15,23,42,0.1);max-width:340px;position:relative;z-index:2}
.about-hero-card--main{animation:aboutCardFloat 5s ease-in-out infinite}
.about-hero-logo{max-width:180px;height:auto;margin:0 auto 16px;display:block}
.about-hero-card p{font-size:14px;line-height:1.6;color:#64748b;font-weight:500}
.about-hero-float{position:absolute;padding:10px 16px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,0.08);font-size:12px;font-weight:700;color:#334155;white-space:nowrap;animation:aboutFloatBadge 4s ease-in-out infinite;z-index:3}
.about-hero-float i{margin-right:6px;color:#2563eb}
.about-hero-float-1{top:8%;right:0;color:#1d4ed8}
.about-hero-float-2{bottom:18%;left:-4%}
.about-hero-float-3{top:42%;right:-6%}

@keyframes aboutCardFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-10px)}
}
@keyframes aboutFloatBadge{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

.about-stats-bar{padding:0 0 56px;margin-top:-8px}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 32px;background:linear-gradient(135deg,#c80000 0%,#a80000 55%,#8f0000 100%);border-radius:20px;box-shadow:0 20px 50px rgba(200,0,0,0.22)}
.about-stat{text-align:center;color:#fff;padding:8px}
.about-stat strong{display:block;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.1;color:#fff;-webkit-text-fill-color:#fff;background:none}
.about-stat span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,0.88);font-weight:500}

.about-story{padding:72px 0}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#dc2626;margin-bottom:12px}
.about-story-text h2,.about-section-head h2{font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;line-height:1.2;color:#0f172a;margin-bottom:16px}
.about-story-text h2 span,.about-section-head h2 span{color:#c80000;-webkit-text-fill-color:#c80000;background:none}
.about-story-text p{font-size:15px;line-height:1.8;color:#64748b;margin-bottom:16px}
.about-check-list{list-style:none;padding:0;margin:24px 0 0}
.about-check-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#334155;margin-bottom:12px;line-height:1.5}
.about-check-list i{color:#c80000;margin-top:3px;flex-shrink:0}
.about-story-img-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 48px rgba(15,23,42,0.1)}
.about-story-img-wrap img{width:100%;display:block;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}
.about-story-visual:hover .about-story-img-wrap img{transform:scale(1.04)}
.about-story-badge{position:absolute;bottom:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,0.95);font-size:13px;font-weight:700;color:#0f172a;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.about-story-badge i{color:#f59e0b}

.about-mv{padding:0 0 72px}
.about-mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.about-mv-card{padding:32px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0;transition:transform 0.35s,box-shadow 0.35s}
.about-mv-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,23,42,0.08)}
.about-mv-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.about-mv-icon--blue{background:#dbeafe;color:#2563eb}
.about-mv-icon--red{background:#fee2e2;color:#dc2626}
.about-mv-card h3{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:10px}
.about-mv-card p{font-size:14px;line-height:1.75;color:#64748b}

.about-values{padding:72px 0;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.about-section-head{text-align:center;max-width:640px;margin:0 auto 48px}
.about-section-head p{font-size:15px;color:#64748b;line-height:1.7;margin-top:8px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.about-value-card{padding:28px 24px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 28px rgba(15,23,42,0.04);transition:transform 0.4s,box-shadow 0.4s;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.about-value-card:hover{box-shadow:0 20px 44px rgba(15,23,42,0.1);transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.about-value-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.about-value-icon--blue{background:#dbeafe;color:#2563eb}
.about-value-icon--orange{background:#ffedd5;color:#ea580c}
.about-value-icon--purple{background:#ede9fe;color:#7c3aed}
.about-value-icon--green{background:#dcfce7;color:#16a34a}
.about-value-icon--red{background:#fee2e2;color:#dc2626}
.about-value-icon--indigo{background:#e0e7ff;color:#4f46e5}
.about-value-card h3{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:8px}
.about-value-card p{font-size:13px;line-height:1.65;color:#64748b}

.about-timeline-section{padding:72px 0 80px}
.about-timeline{position:relative;padding-left:32px;max-width:720px;margin:0 auto}
.about-timeline-line{position:absolute;left:7px;top:0;width:3px;height:0;background:linear-gradient(180deg,#dc2626,#2563eb);border-radius:3px;transition:height 1.2s cubic-bezier(0.22,1,0.36,1)}
.about-timeline-line.is-animated{height:100%}
.about-timeline-item{position:relative;padding:0 0 40px 28px}
.about-timeline-item:last-child{padding-bottom:0}
.about-timeline-dot{position:absolute;left:-28px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 0 0 4px rgba(37,99,235,0.15);transition:transform 0.3s,box-shadow 0.3s}
.about-timeline-item.is-visible .about-timeline-dot{transform:scale(1.15);box-shadow:0 0 0 6px rgba(37,99,235,0.2)}
.about-timeline-year{display:inline-block;font-size:12px;font-weight:800;color:#2563eb;background:#eff6ff;padding:4px 12px;border-radius:999px;margin-bottom:8px}
.about-timeline-item h3{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:6px}
.about-timeline-item p{font-size:14px;line-height:1.65;color:#64748b}

.about-cta{padding:0 5% 80px}
.about-cta-inner{position:relative;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:40px 44px;border-radius:24px;background:linear-gradient(135deg,#0f172a 0%,#1e40af 100%);color:#fff;overflow:hidden}
.about-cta-glow{position:absolute;top:-50%;right:-5%;width:320px;height:320px;background:radial-gradient(circle,rgba(220,38,38,0.35) 0%,transparent 70%);animation:productCtaPulse 4s ease-in-out infinite;pointer-events:none}
.about-cta-content{position:relative;z-index:1;flex:1;min-width:260px}
.about-cta-content h2{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;margin-bottom:8px}
.about-cta-content p{font-size:14px;opacity:0.88;line-height:1.65;max-width:480px}
.about-cta-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}
.about-btn-primary--light{background:#fff;color:#1e3a8a}
.about-btn-primary--light:hover{color:#dc2626;box-shadow:0 10px 24px rgba(0,0,0,0.2)}
.about-btn-outline--light{border-color:rgba(255,255,255,0.35);background:transparent;color:#fff}
.about-btn-outline--light:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,0.1)}

@media(max-width:1024px){
    .about-hero-inner,.about-story-grid{grid-template-columns:1fr;gap:36px}
    .about-hero-visual{min-height:300px;max-width:400px;margin:0 auto}
    .about-stats-grid{grid-template-columns:repeat(2,1fr)}
    .about-values-grid{grid-template-columns:repeat(2,1fr)}
    .about-mv-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
    .about-hero{padding:40px 0 32px}
    .about-stats-grid{grid-template-columns:1fr 1fr;padding:20px;gap:16px}
    .about-values-grid{grid-template-columns:1fr}
    .about-hero-btns{flex-direction:column}
    .about-btn-primary,.about-btn-outline{width:100%;justify-content:center}
    .about-cta-inner{flex-direction:column;text-align:center;padding:32px 24px}
    .about-cta-actions{width:100%;flex-direction:column}
    .about-hero-float{display:none}
}

/* CONTACT PAGE */
.contact-page{background:#fff;overflow-x:hidden}
.contact-inner{max-width:1180px;margin:0 auto;padding:0 5%}

.contact-hero{position:relative;padding:48px 0 36px;overflow:hidden}
.contact-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.contact-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.4;animation:productOrbFloat 14s ease-in-out infinite}
.contact-orb-1{width:420px;height:420px;background:rgba(219,234,254,0.5);top:-100px;right:-80px}
.contact-orb-2{width:320px;height:320px;background:rgba(254,202,202,0.35);bottom:-40px;left:-60px;animation-delay:-5s}
.contact-orb-3{width:240px;height:240px;background:rgba(233,213,255,0.3);top:35%;left:28%;animation-delay:-8s}
.contact-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 5%}
.contact-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;margin-bottom:20px;flex-wrap:wrap}
.contact-breadcrumb a{color:#64748b;transition:color 0.2s}
.contact-breadcrumb a:hover{color:#dc2626}
.contact-breadcrumb i{font-size:10px;opacity:0.5}
.contact-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid rgba(200,0,0,0.22);color:#c80000;font-size:12px;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 16px rgba(200,0,0,0.1)}
.contact-hero-title{margin-top:18px;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.15;color:#0f172a;letter-spacing:-0.02em}
.contact-hero-title .contact-hero-accent,
.contact-hero-title span{
    color:#c80000;
    background:none;
    -webkit-background-clip:unset;
    background-clip:unset;
    -webkit-text-fill-color:#c80000;
}
.contact-hero-desc{margin-top:14px;font-size:16px;line-height:1.75;color:#64748b;max-width:620px}

.contact-main{padding:0 0 72px}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:32px;align-items:start}

.contact-success{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;margin-bottom:24px;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;color:#065f46;animation:contactSuccessIn 0.5s cubic-bezier(0.22,1,0.36,1)}
.contact-success-icon{font-size:28px;color:#10b981;flex-shrink:0;margin-top:2px}
.contact-success strong{display:block;font-size:16px;font-weight:800;margin-bottom:4px}
.contact-success p{font-size:14px;line-height:1.6;margin:0;opacity:0.9}
@keyframes contactSuccessIn{
    from{opacity:0;transform:translateY(-12px)}
    to{opacity:1;transform:none}
}

.contact-form-error-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;margin-bottom:20px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:14px;font-weight:600}

.contact-form-card{padding:36px 32px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 48px rgba(15,23,42,0.06)}
.contact-form-head{margin-bottom:28px}
.contact-form-head h2{font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:800;color:#0f172a;line-height:1.2}
.contact-form-head h2 span{color:#c80000;-webkit-text-fill-color:#c80000;background:none}
.contact-form-head p{margin-top:8px;font-size:14px;color:#64748b;line-height:1.6}

.contact-form{display:flex;flex-direction:column;gap:20px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-field{display:flex;flex-direction:column;gap:7px}
.contact-field label{font-size:13px;font-weight:700;color:#334155}
.contact-field .req{color:#dc2626}
.contact-field input,.contact-field textarea,.contact-field select{
    width:100%;padding:13px 16px;border:1px solid #e2e8f0;border-radius:12px;
    font-family:'Poppins',sans-serif;font-size:14px;color:#0f172a;background:#f8fafc;
    transition:border-color 0.25s,box-shadow 0.25s,background 0.25s;
}
.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{
    outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,0.1);
}
.contact-field textarea{resize:vertical;min-height:130px}
.contact-field.has-error input,.contact-field.has-error textarea,.contact-field.has-error .contact-select-wrap select{border-color:#f87171;background:#fef2f2}
.contact-field-error{font-size:12px;color:#dc2626;font-weight:600}

.contact-select-wrap{position:relative}
.contact-select-wrap select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.contact-select-wrap i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:11px;color:#94a3b8;pointer-events:none}

.contact-submit-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:15px 28px;border:none;border-radius:14px;cursor:pointer;
    font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#fff;
    background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#1e40af 100%);
    background-size:200% auto;box-shadow:0 8px 24px rgba(220,38,38,0.25);
    transition:transform 0.25s,box-shadow 0.25s,background-position 0.4s;
    margin-top:4px;align-self:flex-start;
}
.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(220,38,38,0.3);background-position:right center}
.contact-submit-btn:active{transform:translateY(0)}

.contact-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}
.contact-stats-card,.contact-info-card{padding:28px 24px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 36px rgba(15,23,42,0.05)}
.contact-stats-card h3,.contact-info-card h3{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f1f5f9}

.contact-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-stat{text-align:center;padding:18px 12px;border-radius:16px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}
.contact-stat strong{display:block;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.contact-stat span{display:block;margin-top:6px;font-size:11px;color:rgba(255,255,255,0.75);font-weight:500;line-height:1.35}
.contact-stat--red{background:linear-gradient(135deg,#c80000,#a80000);border:1px solid rgba(255,255,255,0.1)}
.contact-stat--red strong{background:none;-webkit-text-fill-color:#fff;color:#fff}
.contact-stat--red span{color:rgba(255,255,255,0.9)}

.contact-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.contact-info-list li{display:flex;align-items:flex-start;gap:14px}
.contact-info-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.contact-info-icon--red{background:#fee2e2;color:#dc2626}
.contact-info-icon--blue{background:#dbeafe;color:#2563eb}
.contact-info-icon--green{background:#dcfce7;color:#16a34a}
.contact-info-icon--purple{background:#ede9fe;color:#7c3aed}
.contact-info-icon--orange{background:#ffedd5;color:#ea580c}
.contact-info-list strong{display:block;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}
.contact-info-list a{display:block;font-size:14px;font-weight:600;color:#0f172a;text-decoration:none;transition:color 0.2s;line-height:1.5}
.contact-info-list a:hover{color:#dc2626}
.contact-info-list p{font-size:13px;line-height:1.65;color:#475569;margin:0}

.contact-touch{padding:72px 0 80px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.contact-section-head{text-align:center;max-width:640px;margin:0 auto 48px}
.contact-section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#dc2626;margin-bottom:12px}
.contact-section-head h2{font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;line-height:1.2;color:#0f172a;margin-bottom:12px}
.contact-section-head h2 span{color:#c80000;-webkit-text-fill-color:#c80000;background:none}
.contact-section-head p{font-size:15px;color:#64748b;line-height:1.7}

.contact-touch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.contact-touch-card{
    display:flex;flex-direction:column;padding:28px 22px;border-radius:20px;
    background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:inherit;
    box-shadow:0 8px 28px rgba(15,23,42,0.04);
    transition:transform 0.4s,box-shadow 0.4s,border-color 0.3s;
    transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
}
.contact-touch-card:hover{
    transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);
    box-shadow:0 20px 44px rgba(15,23,42,0.1);border-color:#cbd5e1;
}
.contact-touch-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.contact-touch-icon--blue{background:#dbeafe;color:#2563eb}
.contact-touch-icon--green{background:#dcfce7;color:#16a34a}
.contact-touch-icon--red{background:#fee2e2;color:#dc2626}
.contact-touch-icon--purple{background:#ede9fe;color:#7c3aed}
.contact-touch-card h3{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:10px}
.contact-touch-card p{font-size:13px;line-height:1.65;color:#64748b;flex:1;margin-bottom:18px}
.contact-touch-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#2563eb;transition:gap 0.25s,color 0.25s}
.contact-touch-card:hover .contact-touch-link{color:#dc2626;gap:12px}

@media(max-width:1024px){
    .contact-main-grid{grid-template-columns:1fr;gap:36px}
    .contact-sidebar{position:static}
    .contact-touch-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .contact-hero{padding:36px 0 28px}
    .contact-form-card{padding:28px 20px}
    .contact-form-row{grid-template-columns:1fr}
    .contact-stats-grid{grid-template-columns:1fr 1fr;gap:12px}
    .contact-stat{padding:14px 10px}
    .contact-touch-grid{grid-template-columns:1fr}
    .contact-submit-btn{width:100%}
    .contact-touch-card{transform:none!important}
    .contact-touch-card:hover{transform:translateY(-4px)!important}
}

/* ---- Cookie consent bar ---- */
.cookie-consent{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:100000;
    padding:14px 18px;
    background:#00336d;
    box-shadow:0 -8px 28px rgba(0,51,109,.28);
    animation:cookieSlideUp .35s ease;
}
.cookie-consent.is-hiding{opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}
.cookie-consent-inner{
    max-width:1100px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px 24px;
    flex-wrap:wrap;
}
.cookie-consent-text{
    margin:0;
    flex:1;
    min-width:220px;
    color:rgba(255,255,255,.95);
    font-size:14px;
    line-height:1.55;
    font-family:'Poppins',sans-serif;
}
.cookie-consent-btn{
    border:0;
    cursor:pointer;
    white-space:nowrap;
    background:#c80000;
    color:#fff;
    font-weight:700;
    font-size:14px;
    font-family:'Poppins',sans-serif;
    padding:11px 22px;
    border-radius:10px;
    transition:background .2s ease,transform .2s ease;
}
.cookie-consent-btn:hover{background:#a80000;transform:translateY(-1px);color:#fff}
.cookie-consent-actions{
    display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;
}
.cookie-consent-decline{
    border:0;background:transparent;padding:0;cursor:pointer;
    color:#fff;font-size:12px;font-weight:500;font-family:'Poppins',sans-serif;
    text-decoration:underline;text-underline-offset:3px;opacity:.85;
    transition:opacity .2s ease;
}
.cookie-consent-decline:hover{opacity:1;color:#fff}
@keyframes cookieSlideUp{
    from{opacity:0;transform:translateY(100%)}
    to{opacity:1;transform:translateY(0)}
}

/* ---- Lead popup (10s delay) ---- */
body.lead-popup-open{overflow:hidden}
.lead-popup-overlay{
    position:fixed;
    inset:0;
    z-index:100050;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(15,23,42,.55);
    backdrop-filter:blur(3px);
    animation:leadFadeIn .28s ease;
}
.lead-popup-overlay[hidden]{display:none!important}
.lead-popup{
    position:relative;
    width:100%;
    max-width:420px;
    background:#fff;
    border-radius:18px;
    padding:28px 26px 24px;
    box-shadow:0 24px 60px rgba(15,23,42,.28);
    animation:leadPopIn .32s cubic-bezier(.2,.8,.2,1);
    font-family:'Poppins',sans-serif;
}
.lead-popup-close{
    position:absolute;
    top:12px;
    right:14px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#f1f5f9;
    color:#334155;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease,color .2s ease;
}
.lead-popup-close:hover{background:#e2e8f0;color:#0f172a}
.lead-popup-head{padding-right:28px;margin-bottom:18px}
.lead-popup-badge{
    display:inline-block;
    font-size:11px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#c80000;
    background:rgba(200,0,0,.1);
    padding:5px 10px;
    border-radius:999px;
    margin-bottom:10px;
}
.lead-popup-head h3{
    margin:0 0 6px;
    font-size:22px;
    font-weight:700;
    color:#0f172a;
}
.lead-popup-head p{
    margin:0;
    font-size:13.5px;
    color:#64748b;
    line-height:1.5;
}
.lead-popup-form{display:flex;flex-direction:column;gap:14px}
.lead-popup-field{display:flex;flex-direction:column;gap:6px}
.lead-popup-field label{
    font-size:13px;
    font-weight:600;
    color:#1e293b;
}
.lead-popup-field label span{color:#dc2626}
.lead-popup-field label span.lead-optional{color:#94a3b8;font-weight:500;font-size:12px}
.lead-popup-field input,
.lead-popup-field textarea,
.lead-popup-field select{
    width:100%;
    border:1px solid #dbe3ef;
    border-radius:10px;
    padding:11px 12px;
    font-size:14px;
    font-family:inherit;
    color:#0f172a;
    background:#f8fafc;
    outline:none;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
    resize:vertical;
}
.lead-popup-field input:focus,
.lead-popup-field textarea:focus,
.lead-popup-field select:focus{
    border-color:#163f82;
    background:#fff;
    box-shadow:0 0 0 3px rgba(22,63,130,.12);
}
.lead-popup-phone{
    display:flex;
    align-items:stretch;
    gap:8px;
}
.lead-popup-cc{
    flex:0 0 112px;
    width:112px!important;
    max-width:112px;
    padding:11px 8px!important;
    font-size:13px!important;
    font-weight:600;
    cursor:pointer;
    appearance:auto;
}
.lead-popup-phone input{
    flex:1;
    min-width:0;
}
.lead-popup-error{min-height:0;font-size:12px;color:#dc2626}
.lead-popup-general{
    margin:0;
    font-size:13px;
    color:#b91c1c;
    background:#fef2f2;
    border:1px solid #fecaca;
    border-radius:8px;
    padding:10px 12px;
}
.lead-popup-submit{
    border:0;
    cursor:pointer;
    margin-top:4px;
    width:100%;
    padding:12px 16px;
    border-radius:11px;
    font-size:15px;
    font-weight:600;
    font-family:inherit;
    color:#fff;
    background:linear-gradient(135deg,#c80000,#a80000);
    transition:opacity .2s ease,transform .2s ease;
}
.lead-popup-submit:hover:not(:disabled){transform:translateY(-1px);opacity:.95}
.lead-popup-submit:disabled{opacity:.7;cursor:wait}
.lead-popup-success{
    text-align:center;
    padding:28px 10px 16px;
}
.lead-popup-success i{
    font-size:42px;
    color:#16a34a;
    margin-bottom:12px;
}
.lead-popup-success p{
    margin:0;
    font-size:15px;
    font-weight:600;
    color:#0f172a;
}
@keyframes leadFadeIn{
    from{opacity:0}
    to{opacity:1}
}
@keyframes leadPopIn{
    from{opacity:0;transform:translateY(16px) scale(.96)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:480px){
    .lead-popup{padding:24px 18px 20px;border-radius:16px}
    .cookie-consent-inner{flex-direction:column;align-items:stretch}
    .cookie-consent-actions{width:100%;justify-content:space-between}
    .cookie-consent-btn{flex:1;text-align:center}
}

/* ---- Terms & Policies page ---- */
.policy-page{background:#f5f7fb;overflow-x:hidden}
/* Always show policy content (do not hide with .reveal) */
.policy-page .reveal{opacity:1!important;transform:none!important}
.policy-hero{position:relative;padding:48px 0 36px;overflow:hidden;background:linear-gradient(180deg,#eef3fb 0%,#f5f7fb 100%)}
.policy-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.policy-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}
.policy-orb-1{width:280px;height:280px;background:#c80000;top:-80px;right:8%;opacity:.12}
.policy-orb-2{width:220px;height:220px;background:#163f82;bottom:-60px;left:5%;opacity:.14}
.policy-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 5%}
.policy-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:18px}
.policy-breadcrumb a{color:#163f82;text-decoration:none;font-weight:500}
.policy-breadcrumb a:hover{text-decoration:underline}
.policy-breadcrumb i{font-size:10px;opacity:.55}
.policy-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid rgba(200,0,0,.22);color:#c80000;font-size:12px;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 16px rgba(200,0,0,.08)}
.policy-hero-title{margin:16px 0 10px;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#c80000;letter-spacing:-.02em;line-height:1.15}
.policy-hero-meta{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#64748b}
.policy-hero-meta i{color:#c80000}

.policy-main{padding:10px 0 80px}
.policy-layout{max-width:1180px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.policy-nav{
    position:sticky;top:100px;
    background:#fff;border:1px solid #e8edf4;border-radius:18px;padding:18px 16px;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    display:flex;flex-direction:column;gap:6px;
}
.policy-nav-label{margin:0 0 8px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.policy-nav-link{
    display:flex;align-items:center;gap:10px;
    padding:11px 12px;border-radius:12px;text-decoration:none;
    color:#334155;font-size:13.5px;font-weight:500;
    transition:background .2s ease,color .2s ease;
}
.policy-nav-link i{width:18px;color:#163f82;text-align:center}
.policy-nav-link:hover{background:#f1f5f9;color:#0f172a}
.policy-nav-contact{
    margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;
    padding:12px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:600;
    color:#fff;background:linear-gradient(135deg,#c80000,#a80000);
}
.policy-nav-contact:hover{opacity:.95;color:#fff;background:linear-gradient(135deg,#a80000,#8f0000)}

.policy-content{display:flex;flex-direction:column;gap:22px}
.policy-card{
    background:#fff;border:1px solid #e8edf4;border-radius:20px;padding:28px 30px 24px;
    box-shadow:0 12px 34px rgba(15,23,42,.05);scroll-margin-top:110px;
}
.policy-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #eef2f7}
.policy-card-icon{
    width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
    background:rgba(22,63,130,.1);color:#163f82;font-size:18px;flex-shrink:0;
}
.policy-card-icon.privacy{background:rgba(22,163,74,.1);color:#16a34a}
.policy-card-icon.refund{background:rgba(217,119,6,.12);color:#d97706}
.policy-card-icon.disclaimer{background:rgba(200,0,0,.1);color:#c80000}
.policy-card-head h2{margin:0 0 4px;font-size:1.35rem;font-weight:700;color:#0f172a}
.policy-card-head p{margin:0;font-size:13px;color:#94a3b8}

.policy-body{color:#334155;font-size:15px;line-height:1.75}
.policy-body p{margin:0 0 14px}
.policy-body p:last-child{margin-bottom:0}
.policy-h3{margin:22px 0 10px;font-size:1.05rem;font-weight:700;color:#0f172a}
.policy-body .policy-h3:first-child{margin-top:0}
.policy-list{margin:0 0 16px;padding-left:1.15rem}
.policy-list li{margin:6px 0;padding-left:4px}
.policy-empty{color:#94a3b8;font-style:italic}

@media(max-width:900px){
    .policy-layout{grid-template-columns:1fr}
    .policy-nav{position:static;flex-direction:row;flex-wrap:wrap}
    .policy-nav-label{width:100%;margin-bottom:2px}
    .policy-nav-link{flex:1 1 calc(50% - 6px)}
    .policy-nav-contact{width:100%}
}
@media(max-width:600px){
    .policy-hero{padding:36px 0 24px}
    .policy-card{padding:22px 18px}
    .policy-nav-link{flex:1 1 100%}
}

/* ---- Global site search (header) ---- */
.site-search-wrap{position:relative;z-index:10001}
.site-search-toggle{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 14px;border-radius:10px;border:1px solid #dbe3ef;
    background:#f8fafc;color:#00336d;font-size:13px;font-weight:600;
    font-family:'Poppins',sans-serif;cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.site-search-toggle i{font-size:14px;color:#c80000}
.site-search-toggle:hover{background:#fff;border-color:#c80000;color:#c80000}
.site-search-wrap.is-open .site-search-toggle{
    background:#00336d;border-color:#00336d;color:#fff;
}
.site-search-wrap.is-open .site-search-toggle i{color:#fff}
.site-search-panel{
    position:absolute;top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 32px));
    background:#fff;border:1px solid #e2e8f0;border-radius:16px;
    box-shadow:0 20px 50px rgba(15,23,42,.14);overflow:hidden;
    animation:siteSearchDrop .2s ease;
}
.site-search-panel[hidden]{display:none!important}
@keyframes siteSearchDrop{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}
.site-search-panel-head{
    display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #eef2f7;
}
.site-search-panel-head>i{color:#94a3b8;font-size:14px;flex-shrink:0}
.site-search-input{
    flex:1;border:none;outline:none;font-size:14px;font-family:'Poppins',sans-serif;
    color:#0f172a;background:transparent;min-width:0;
}
.site-search-close{
    border:0;background:#f1f5f9;color:#64748b;width:32px;height:32px;border-radius:8px;
    cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.site-search-close:hover{background:#e2e8f0;color:#0f172a}
.site-search-status{
    padding:8px 14px;font-size:12px;color:#64748b;background:#f8fafc;border-bottom:1px solid #eef2f7;
}
.site-search-status.is-error{color:#dc2626;background:#fef2f2}
.site-search-results{
    max-height:min(420px,55vh);overflow-y:auto;padding:6px;
}
.site-search-item{
    display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;
    text-decoration:none;color:inherit;transition:background .15s ease;
}
.site-search-item:hover,.site-search-item.is-active{background:#f1f5f9}
.site-search-item-img{
    width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;
    background:#fff;border:1px solid #e2e8f0;
    display:flex;align-items:center;justify-content:center;
    padding:5px;box-sizing:border-box;
}
.site-search-item-img img{
    max-width:100%;max-height:100%;width:auto;height:auto;
    object-fit:contain;display:block;
}
.site-search-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.site-search-item-type{
    font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c80000;
}
.site-search-item-title{
    font-size:14px;font-weight:600;color:#0f172a;line-height:1.3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.site-search-item-sub{
    font-size:12px;color:#64748b;line-height:1.35;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.site-search-item-arrow{font-size:12px;color:#94a3b8;flex-shrink:0}
.site-search-empty{
    padding:28px 16px;text-align:center;color:#94a3b8;
}
.site-search-empty i{font-size:28px;margin-bottom:10px;display:block;color:#cbd5e1}
.site-search-empty p{font-size:13px;margin:0}

@media(max-width:900px){
    .site-search-panel{
        position:fixed;top:91px;left:12px;right:12px;width:auto;max-width:none;
    }
}
@media(max-width:576px){
    .site-search-toggle{padding:9px 11px}
    .site-search-toggle-text{display:none}
}

.reseller-page .contact-main-grid{
    grid-template-columns:minmax(0,1fr);
    max-width:860px;
    margin:0 auto;
}
.reseller-page .contact-sidebar{display:none}
.reseller-form-section{
    margin:0;padding:0 0 6px;
    border:0;min-width:0;
}
.reseller-form-section + .reseller-form-section{
    margin-top:8px;padding-top:22px;border-top:1px dashed #e2e8f0;
}
.reseller-section-head{
    display:flex;align-items:center;gap:10px;margin:0 0 16px;
}
.reseller-section-num{
    width:28px;height:28px;border-radius:999px;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;
    background:#00336d;color:#fff;font-size:12px;font-weight:800;
}
.reseller-section-head h3{
    margin:0;font-size:15px;font-weight:800;color:#0f172a;
}
.reseller-section-head p{
    margin:2px 0 0;font-size:12px;color:#64748b;
}
.gst-input-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.gst-input-row input{flex:1;min-width:200px;text-transform:uppercase;font-weight:600}
.gst-fetch-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:48px;padding:0 18px;border:0;border-radius:12px;
    background:#c80000;color:#fff;font-size:13px;font-weight:700;
    font-family:'Poppins',sans-serif;cursor:pointer;white-space:nowrap;
    transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
    box-shadow:0 8px 20px rgba(200,0,0,.22);
}
.gst-fetch-btn:hover:not(:disabled){background:#a80000;transform:translateY(-1px)}
.gst-fetch-btn:disabled{opacity:.75;cursor:wait}
.gst-field-hint{margin:6px 0 0;font-size:12px;color:#64748b;line-height:1.45}
.contact-field .lead-optional{color:#94a3b8;font-weight:500;font-size:12px}
.gst-fetch-status{
    margin:10px 0 0;padding:12px 14px;border-radius:12px;
    font-size:13px;line-height:1.45;font-weight:600;
}
.gst-fetch-status.is-loading{color:#00336d;background:#eff6ff;border:1px solid #bfdbfe}
.gst-fetch-status.is-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}
.gst-fetch-status.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}
.gst-details-panel{
    margin:0;padding:18px;border:1px solid #dbe3ef;border-radius:16px;
    background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.gst-details-title{
    margin:0 0 16px;font-size:14px;font-weight:800;color:#00336d;
    display:flex;align-items:center;gap:8px;
}
.gst-details-title i{color:#c80000}
.gst-details-panel .contact-field textarea{min-height:88px}
.gst-auto-filled input,.gst-auto-filled textarea{
    background:#f8fafc;border-color:#dbe3ef;
}
.gst-valid-badge{
    display:inline-flex;align-items:center;gap:6px;
    margin-left:auto;padding:4px 12px;border-radius:999px;
    font-size:11px;font-weight:800;letter-spacing:.04em;
    color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;
}
.gst-valid-badge.is-inactive{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
@media(max-width:576px){
    .gst-fetch-btn{width:100%}
    .reseller-section-head{align-items:flex-start;flex-wrap:wrap}
}

/* Global mobile: fit header, wrap text, no clip */
@media(max-width:1100px){
    .header{
        display:flex!important;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        padding:8px 12px!important;
        overflow:hidden;
    }
    .logo-area{
        flex:1 1 auto;
        min-width:0;
        overflow:hidden;
    }
    .header .logo-img,
    .logo-img{
        left:0!important;
        width:auto!important;
        max-width:min(158px, calc(100vw - 120px))!important;
        height:40px!important;
        max-height:40px!important;
    }
    .header-right{
        display:flex!important;
        flex:0 0 auto;
        margin-left:auto;
        align-items:center;
        gap:4px;
    }
    .site-search-toggle{
        width:40px;
        height:40px;
        padding:0!important;
        justify-content:center;
        flex-shrink:0;
    }
    .site-search-toggle-text,
    .header-demo-btn{display:none!important}
    .menu-btn{
        display:flex!important;
        flex:0 0 auto;
        width:40px;
        height:40px;
        align-items:center;
        justify-content:center;
    }
}

@media(max-width:768px){
    input,select,textarea{font-size:16px!important}
    .reveal,.reveal-right,.reveal-left,.reveal-scale{
        opacity:1!important;
        transform:none!important;
    }
    .product-showcase-section,
    .solutions-list-section{
        padding:20px 16px 48px!important;
    }
    .product-section-head,
    .solutions-section-head{
        width:100%;
        max-width:100%;
        margin-bottom:24px;
        padding:0;
        overflow:visible;
    }
    .product-section-head h1,
    .product-section-head h2,
    .product-hero-title,
    .solutions-section-head h2{
        font-size:24px!important;
        line-height:1.3!important;
        padding:0 2px;
        overflow-wrap:break-word;
    }
    .product-section-head p,
    .product-section-sub,
    .solutions-section-head p{
        white-space:normal!important;
        max-width:100%!important;
        width:100%!important;
        padding:0 2px!important;
        font-size:14px!important;
        line-height:1.65!important;
        overflow:visible;
        overflow-wrap:anywhere;
        word-break:break-word;
    }
    .product-cta-inner p{min-width:0}
    .product-showcase-grid{grid-template-columns:1fr!important;gap:16px}
}

@media(max-width:480px){
    .hero h1{font-size:26px!important;line-height:1.25!important}
    .pd-title{font-size:26px}
    .blog-hero-title,
    .contact-hero-title{font-size:26px}
    .pd-main{padding:22px 16px}
    .lead-popup{width:calc(100% - 24px);margin:12px auto}
    .header .logo-img,
    .logo-img{max-width:min(132px, calc(100vw - 110px))!important}
}

/* Support tickets + floating icon above Tawk.to */
.support-page .reveal,
.support-page .reveal-left,
.support-page .reveal-right,
.support-page .reveal-scale{
    opacity:1!important;
    transform:none!important;
}
.ticket-lookup-intro{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 14px}
.ticket-lookup-form{display:flex;flex-direction:column;gap:12px}
.ticket-lookup-btn{margin-top:4px;width:100%;justify-content:center}
.ticket-lookup-result{
    margin-top:16px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;
}
.ticket-lookup-result + .ticket-lookup-result{margin-top:10px}
.ticket-lookup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.ticket-lookup-result p{font-size:13px;color:#334155;margin:0 0 6px;line-height:1.55}
.ticket-file-hint{font-size:12px;color:#94a3b8;font-weight:500;line-height:1.4}
.ticket-file-hint-mobile{display:none}
.ticket-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.ticket-mobile-actions{display:none}
.ticket-file-chosen{display:none;font-size:12px;font-weight:600;color:#0f172a;word-break:break-all}
.ticket-file-chosen.is-visible{display:block}
.ticket-mobile-capture .ticket-file-hint-desktop{display:none}
.ticket-mobile-capture .ticket-file-hint-mobile{display:block}
.ticket-mobile-capture .ticket-input-desktop{display:none!important}
.ticket-mobile-capture .ticket-mobile-actions{
    display:flex;align-items:center;gap:10px;
}
.ticket-btn-file,.ticket-btn-camera{
    border:1px solid #e2e8f0;background:#fff;color:#0f172a;cursor:pointer;
    font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.ticket-btn-file{
    flex:1;min-height:48px;padding:12px 14px;border-radius:12px;
}
.ticket-btn-camera{
    width:48px;height:48px;flex:0 0 48px;border-radius:12px;padding:0;
    background:#c80000;border-color:#c80000;color:#fff;font-size:18px;
}
.ticket-btn-file:active,.ticket-btn-camera:active{transform:scale(.98)}
.contact-field input[type=file]{
    padding:11px 12px;background:#fff;cursor:pointer;font-size:13px;
}
.ticket-lookup-media{display:grid;gap:10px;margin-top:12px}
.ticket-lookup-media img,.ticket-lookup-media video{
    width:100%;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid #e2e8f0;
}
.ticket-lookup-media img{background:#fff}
.ticket-lookup-media video{background:#0f172a}
.ticket-status{
    display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;
    font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
}
.ticket-status--open{background:#dcfce7;color:#166534}
.ticket-status--hold{background:#fef3c7;color:#92400e}
.ticket-status--closed{background:#e2e8f0;color:#475569}

.support-float-btn{
    position:fixed;right:20px;bottom:150px;z-index:99998;
    width:58px;height:58px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#c80000,#dc2626);color:#fff;
    box-shadow:0 10px 28px rgba(200,0,0,.4);
    text-decoration:none;font-size:22px;
    animation:supportFloatBounce 2.2s ease-in-out infinite;
}
.support-float-btn::before{
    content:'';
    position:absolute;inset:-8px;border-radius:50%;
    border:2px solid rgba(200,0,0,.45);
    animation:supportFloatRing 2.2s ease-out infinite;
    pointer-events:none;
}
.support-float-btn:hover{
    animation:none;
    transform:translateY(-4px) scale(1.06);
    color:#fff;
    box-shadow:0 16px 36px rgba(200,0,0,.55);
}
.support-float-label{
    position:absolute;right:68px;white-space:nowrap;
    background:#0f172a;color:#fff;font-size:12px;font-weight:700;
    padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;
    transform:translateX(6px);transition:opacity .2s,transform .2s;
}
.support-float-btn:hover .support-float-label{opacity:1;transform:none}
@keyframes supportFloatBounce{
    0%,70%,100%{transform:translateY(0)}
    35%{transform:translateY(-10px)}
    50%{transform:translateY(-4px)}
}
@keyframes supportFloatRing{
    0%{transform:scale(.85);opacity:.7}
    100%{transform:scale(1.35);opacity:0}
}
@media(max-width:640px){
    .support-float-btn{right:16px;bottom:140px;width:54px;height:54px;font-size:20px}
    .support-float-label{display:none}
}
@media(prefers-reduced-motion:reduce){
    .support-float-btn,.support-float-btn::before{animation:none}
}