/* =========================================================
   REDSPY CORPORATE INVESTIGATION
   CORPORATE.CSS
   Premium Corporate / Intelligence Design
   ========================================================= */


/* =========================================================
   01. CORPORATE PAGE VARIABLES
   ========================================================= */

:root{
    --corp-black:#090909;
    --corp-charcoal:#111214;
    --corp-dark:#171315;

    --corp-burgundy:#7f1022;
    --corp-burgundy-dark:#570916;
    --corp-red:#9b162b;

    --corp-gold:#c9a34e;
    --corp-gold-light:#e5c66f;
    --corp-gold-pale:#f4ead0;

    --corp-white:#ffffff;
    --corp-ivory:#fbfaf7;
    --corp-soft:#f5f3ef;

    --corp-text:#242424;
    --corp-muted:#69707a;

    --corp-border:rgba(201,163,78,.28);

    --corp-shadow:
        0 18px 55px rgba(0,0,0,.09);

    --corp-shadow-hover:
        0 28px 75px rgba(0,0,0,.15);

    --corp-radius:20px;

    --corp-heading:
        "Playfair Display",
        "Cinzel",
        Georgia,
        serif;

    --corp-body:
        "Inter",
        "Poppins",
        Arial,
        sans-serif;
}


/* =========================================================
   02. CORPORATE PAGE BASE
   ========================================================= */

body{
    background:var(--corp-white);
}

.corporate-services,
.corporate-overview,
.business-risks,
.industries-section,
.corporate-highlights,
.investigation-methodology,
.risk-dashboard,
.why-redspy-corporate,
.executive-dashboard,
.corporate-values,
.executive-final-cta,
.consultation-banner,
.professional-disclaimer{
    position:relative;
    overflow:hidden;
}


/* =========================================================
   03. CORPORATE TYPOGRAPHY
   ========================================================= */

.corporate-services h1,
.corporate-services h2,
.corporate-services h3,
.corporate-services h4,

.corporate-overview h1,
.corporate-overview h2,
.corporate-overview h3,

.business-risks h2,
.business-risks h3,

.industries-section h2,
.industries-section h3,

.corporate-highlights h2,
.corporate-highlights h3,

.investigation-methodology h2,
.investigation-methodology h3,

.risk-dashboard h2,
.why-redspy-corporate h2,
.why-redspy-corporate h3,

.executive-dashboard h2,
.executive-dashboard h3,

.corporate-values h2,
.corporate-values h3,

.consultation-banner h2,
.professional-disclaimer h2,

.executive-final-cta h2{
    font-family:var(--corp-heading);
}


/* =========================================================
   04. SECTION TITLE — PREMIUM
   ========================================================= */

.corporate-investigation .section-title,
.corporate-services .section-title,
.business-risks .section-title,
.industries-section .section-title,
.corporate-highlights .section-title,
.investigation-methodology .section-title,
.risk-dashboard .section-title,
.why-redspy-corporate .section-title,
.executive-dashboard .section-title,
.corporate-values .section-title{
    max-width:900px;
    margin:0 auto 65px;
    text-align:center;
}

.corporate-services .section-title span,
.business-risks .section-title span,
.industries-section .section-title span,
.corporate-highlights .section-title span,
.investigation-methodology .section-title span,
.risk-dashboard .section-title span,
.why-redspy-corporate .section-title span,
.executive-dashboard .section-title span,
.corporate-values .section-title span{
    display:inline-block;
    margin-bottom:18px;

    color:var(--corp-gold);

    font-family:var(--corp-body);
    font-size:13px;
    font-weight:700;

    letter-spacing:4px;
    text-transform:uppercase;
}

.corporate-services .section-title h2,
.business-risks .section-title h2,
.industries-section .section-title h2,
.corporate-highlights .section-title h2,
.investigation-methodology .section-title h2,
.risk-dashboard .section-title h2,
.why-redspy-corporate .section-title h2,
.executive-dashboard .section-title h2,
.corporate-values .section-title h2{
    position:relative;

    margin-bottom:22px;

    color:var(--corp-black);

    font-family:var(--corp-heading);
    font-size:48px;
    font-weight:700;

    line-height:1.16;
}

.corporate-services .section-title h2::after,
.business-risks .section-title h2::after,
.industries-section .section-title h2::after,
.corporate-highlights .section-title h2::after,
.investigation-methodology .section-title h2::after,
.risk-dashboard .section-title h2::after,
.why-redspy-corporate .section-title h2::after,
.executive-dashboard .section-title h2::after,
.corporate-values .section-title h2::after{
    content:"";

    display:block;

    width:74px;
    height:3px;

    margin:24px auto 0;

    background:
        linear-gradient(
            90deg,
            var(--corp-burgundy),
            var(--corp-gold),
            var(--corp-burgundy)
        );
}

.corporate-services .section-title p,
.business-risks .section-title p,
.industries-section .section-title p,
.corporate-highlights .section-title p,
.investigation-methodology .section-title p,
.risk-dashboard .section-title p,
.why-redspy-corporate .section-title p{
    max-width:780px;
    margin:0 auto;

    color:var(--corp-muted);

    font-family:var(--corp-body);
    font-size:16px;
    line-height:1.85;
}


/* =========================================================
   05. CORPORATE SERVICE CARDS
   ========================================================= */

.corporate-service-grid{
    width:min(1200px,92%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:28px;
}

.corporate-service-card{
    position:relative;

    display:flex;
    align-items:center;

    min-height:170px;

    padding:30px 32px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf9f6
        );

    border:1px solid rgba(201,163,78,.28);
    border-radius:20px;

    box-shadow:
        0 12px 35px rgba(0,0,0,.055);

    overflow:hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.corporate-service-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:5px;

    background:
        linear-gradient(
            180deg,
            var(--corp-gold),
            var(--corp-burgundy)
        );
}

.corporate-service-card::after{
    content:"";

    position:absolute;

    right:-65px;
    top:-65px;

    width:160px;
    height:160px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,163,78,.12),
            transparent 70%
        );

    transition:.5s ease;
}

.corporate-service-card:hover{
    transform:translateY(-7px);

    border-color:
        rgba(201,163,78,.65);

    box-shadow:
        var(--corp-shadow-hover);
}

.corporate-service-card:hover::after{
    transform:scale(1.35);
}

.corporate-service-icon{
    position:relative;
    z-index:2;

    flex:0 0 72px;

    width:72px;
    height:72px;

    margin-right:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #fffaf0,
            #f6ead0
        );

    border:1px solid rgba(201,163,78,.4);

    box-shadow:
        inset 0 0 0 5px rgba(255,255,255,.65);
}

.corporate-service-icon i{
    color:var(--corp-gold);

    font-size:26px;

    transition:.35s ease;
}

.corporate-service-card:hover
.corporate-service-icon i{
    color:var(--corp-burgundy);

    transform:
        scale(1.12)
        rotate(-6deg);
}

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

.corporate-service-content h3{
    margin:0 0 9px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:27px;

    line-height:1.25;
}

.corporate-service-content p{
    margin:0;

    color:var(--corp-muted);

    font-family:var(--corp-body);
    font-size:15px;

    line-height:1.7;
}


/* =========================================================
   06. CORPORATE OVERVIEW
   ========================================================= */

.corporate-overview{
    padding-top:90px;
    padding-bottom:100px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #faf8f3 100%
        );
}

.overview-wrapper{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:70px;

    align-items:center;
}

.overview-image{
    position:relative;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 25px 70px rgba(0,0,0,.16);
}

.overview-image::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(201,163,78,.18),
            transparent 35%,
            rgba(127,16,34,.12)
        );
}

.overview-image::after{
    content:"";

    position:absolute;

    left:20px;
    bottom:20px;

    width:90px;
    height:3px;

    z-index:3;

    background:
        linear-gradient(
            90deg,
            var(--corp-gold),
            var(--corp-burgundy)
        );
}

.overview-image img{
    width:100%;
    height:540px;

    object-fit:cover;

    transition:
        transform .8s ease;
}

.overview-image:hover img{
    transform:scale(1.035);
}

.overview-content{
    padding:10px 0;
}

.overview-content h2{
    margin-bottom:22px;

    color:var(--corp-black);

    font-family:var(--corp-heading);
    font-size:46px;

    line-height:1.15;
}

.overview-content h2::after{
    content:"";

    display:block;

    width:68px;
    height:3px;

    margin-top:22px;

    background:
        linear-gradient(
            90deg,
            var(--corp-burgundy),
            var(--corp-gold)
        );
}

.overview-content p{
    color:var(--corp-muted);

    font-size:16px;
    line-height:1.9;
}

.overview-content ul{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px 25px;

    margin:28px 0;
}

.overview-content li{
    position:relative;

    padding-left:25px;

    color:var(--corp-text);

    font-size:15px;
}

.overview-content li::before{
    content:"✓";

    position:absolute;

    left:0;

    color:var(--corp-gold);

    font-weight:800;
}


/* =========================================================
   07. BUSINESS RISK LANDSCAPE
   ========================================================= */

.business-risks{
    background:var(--corp-soft);
}

.risk-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:26px;
}

.risk-card{
    position:relative;

    min-height:235px;

    padding:34px 32px;

    background:#ffffff;

    border:1px solid rgba(201,163,78,.25);

    border-radius:20px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.055);

    overflow:hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.risk-card::before{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--corp-burgundy),
            var(--corp-gold)
        );

    transform:scaleX(.25);

    transform-origin:left;

    transition:.4s ease;
}

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

    box-shadow:
        var(--corp-shadow-hover);
}

.risk-card:hover::before{
    transform:scaleX(1);
}

.risk-card i{
    width:55px;
    height:55px;

    margin-bottom:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--corp-gold);

    background:#fbf3df;

    border:1px solid rgba(201,163,78,.35);

    font-size:22px;
}

.risk-card h3{
    margin-bottom:12px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:25px;
}

.risk-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   08. INDUSTRIES
   ========================================================= */

.industries-section{
    background:#ffffff;
}

.industries-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:24px;
}

.industry-card{
    position:relative;

    min-height:175px;

    padding:30px;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
    justify-content:center;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f9f7f1
        );

    border:1px solid rgba(201,163,78,.25);

    border-radius:18px;

    overflow:hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.industry-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:
        linear-gradient(
            180deg,
            var(--corp-gold),
            var(--corp-burgundy)
        );
}

.industry-card::after{
    content:"";

    position:absolute;

    width:110px;
    height:110px;

    right:-45px;
    top:-45px;

    border-radius:50%;

    background:
        rgba(201,163,78,.08);
}

.industry-card:hover{
    transform:translateY(-7px);

    border-color:
        rgba(201,163,78,.55);

    box-shadow:
        var(--corp-shadow);
}

.industry-card i{
    margin-bottom:17px;

    color:var(--corp-gold);

    font-size:27px;
}

.industry-card h3{
    margin:0;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:22px;

    line-height:1.3;
}


/* =========================================================
   09. CORPORATE INVESTIGATION SERVICE BLOCKS
   ========================================================= */

.corporate-services{
    background:#ffffff;
}

.service-block{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:70px;

    align-items:center;

    margin-bottom:110px;

    padding-bottom:90px;

    border-bottom:
        1px solid rgba(0,0,0,.08);
}

.service-block:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}

.service-block.reverse
.service-image{
    order:2;
}

.service-block.reverse
.service-content{
    order:1;
}

.service-image{
    position:relative;

    overflow:hidden;

    border-radius:22px;

    box-shadow:
        0 25px 65px rgba(0,0,0,.15);
}

.service-image::after{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(201,163,78,.10),
            transparent 50%,
            rgba(127,16,34,.12)
        );
}

.service-image img{
    width:100%;
    height:500px;

    object-fit:cover;

    transition:
        transform .8s ease;
}

.service-image:hover img{
    transform:scale(1.035);
}

.service-content{
    padding:10px 0;
}

.service-content > span{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:52px;
    height:30px;

    margin-bottom:17px;

    color:var(--corp-gold);

    font-size:13px;
    font-weight:800;

    letter-spacing:2px;

    border-bottom:
        2px solid var(--corp-burgundy);
}

.service-content h2{
    margin-bottom:20px;

    color:var(--corp-black);

    font-family:var(--corp-heading);
    font-size:43px;

    line-height:1.16;
}

.service-content > p{
    color:var(--corp-muted);

    font-size:16px;
    line-height:1.9;
}

.service-content h4{
    margin:25px 0 13px;

    color:var(--corp-text);

    font-family:var(--corp-body);
    font-size:15px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:1.5px;
}

.service-content ul{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px 25px;

    margin-bottom:28px;
}

.service-content li{
    position:relative;

    padding-left:23px;

    color:#535b64;

    font-size:14px;
}

.service-content li::before{
    content:"";

    position:absolute;

    left:0;
    top:9px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--corp-gold);

    box-shadow:
        0 0 0 3px rgba(201,163,78,.15);
}

.service-content .btn-primary,
.service-content .btn-secondary{
    min-width:205px;
    margin-top:5px;
}


/* =========================================================
   10. CORPORATE HIGHLIGHTS
   ========================================================= */

.corporate-highlights{
    background:
        linear-gradient(
            180deg,
            #f9f7f1,
            #ffffff
        );
}

.highlights-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;
}

.highlight-card{
    position:relative;

    padding:32px 27px;

    min-height:235px;

    background:#ffffff;

    border:1px solid rgba(201,163,78,.22);

    border-radius:18px;

    box-shadow:
        0 10px 32px rgba(0,0,0,.05);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.highlight-card:hover{
    transform:translateY(-7px);

    box-shadow:
        var(--corp-shadow);
}

.highlight-card i{
    display:flex;

    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;

    margin-bottom:20px;

    border-radius:50%;

    color:var(--corp-gold);

    background:#fbf3df;

    border:1px solid rgba(201,163,78,.35);
}

.highlight-card h3{
    margin-bottom:12px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:22px;
}

.highlight-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.75;
}


/* =========================================================
   11. INVESTIGATION METHODOLOGY
   ========================================================= */

.investigation-methodology{
    background:#ffffff;
}

.timeline{
    position:relative;

    max-width:950px;

    margin:0 auto;
}

.timeline::before{
    content:"";

    position:absolute;

    top:0;
    bottom:0;

    left:50%;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--corp-gold),
            var(--corp-burgundy),
            transparent
        );

    transform:translateX(-50%);
}

.timeline-item{
    position:relative;

    display:grid;

    grid-template-columns:
        80px
        minmax(0,1fr);

    gap:25px;

    width:50%;

    margin-bottom:40px;

    padding-right:45px;
}

.timeline-item:nth-child(even){
    margin-left:50%;

    padding-right:0;
    padding-left:45px;
}

.timeline-icon{
    position:relative;
    z-index:3;

    width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--corp-gold);

    background:#fffaf0;

    border:
        2px solid var(--corp-gold);

    box-shadow:
        0 0 0 7px #ffffff;
}

.timeline-content{
    padding:24px 26px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf8f3
        );

    border:
        1px solid rgba(201,163,78,.25);

    border-radius:17px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.055);
}

.timeline-content h3{
    margin-bottom:10px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:22px;
}

.timeline-content p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.75;
}


/* =========================================================
   12. RISK DASHBOARD TABLE
   ========================================================= */

.risk-dashboard{
    background:
        linear-gradient(
            180deg,
            #f8f6f1,
            #ffffff
        );
}

.dashboard-table{
    overflow:hidden;

    background:#ffffff;

    border:
        1px solid rgba(201,163,78,.28);

    border-radius:20px;

    box-shadow:
        var(--corp-shadow);
}

.dashboard-table table{
    width:100%;

    border-collapse:collapse;
}

.dashboard-table th{
    padding:20px 25px;

    color:#ffffff;

    background:
        linear-gradient(
            90deg,
            var(--corp-burgundy-dark),
            var(--corp-burgundy)
        );

    font-family:var(--corp-body);
    font-size:14px;
    font-weight:700;

    text-align:left;

    letter-spacing:.5px;
}

.dashboard-table td{
    padding:18px 25px;

    color:var(--corp-muted);

    font-size:14px;

    border-bottom:
        1px solid rgba(0,0,0,.07);
}

.dashboard-table tbody tr{
    transition:.3s ease;
}

.dashboard-table tbody tr:hover{
    background:#fffaf0;
}

.dashboard-table tbody tr:last-child td{
    border-bottom:0;
}

.dashboard-table td:first-child{
    color:var(--corp-text);

    font-weight:700;
}


/* =========================================================
   13. WHY REDSPY / TRUST GRID
   ========================================================= */

.why-redspy-corporate{
    background:#ffffff;
}

.trust-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:25px;
}

.trust-card{
    position:relative;

    padding:34px 30px;

    min-height:240px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf8f3
        );

    border:
        1px solid rgba(201,163,78,.24);

    border-radius:18px;

    box-shadow:
        0 10px 32px rgba(0,0,0,.055);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.trust-card:hover{
    transform:translateY(-7px);

    box-shadow:
        var(--corp-shadow-hover);
}

.trust-card i{
    display:flex;

    align-items:center;
    justify-content:center;

    width:55px;
    height:55px;

    margin-bottom:19px;

    border-radius:50%;

    color:var(--corp-gold);

    background:#fbf3df;

    border:1px solid rgba(201,163,78,.35);
}

.trust-card h3{
    margin-bottom:12px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:23px;
}

.trust-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.8;
}


/* =========================================================
   14. EXECUTIVE DASHBOARD
   ========================================================= */

.executive-dashboard{
    background:
        linear-gradient(
            135deg,
            #0b0909,
            #1b090d
        );

    color:#ffffff;
}

.executive-dashboard .section-title span{
    color:var(--corp-gold-light);
}

.executive-dashboard .section-title h2{
    color:#ffffff;
}

.executive-dashboard .section-title p{
    color:#c7c7c7;
}

.dashboard-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;
}

.dashboard-card{
    position:relative;

    min-height:190px;

    padding:34px 25px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    text-align:center;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.025)
        );

    border:
        1px solid rgba(201,163,78,.30);

    border-radius:18px;

    overflow:hidden;
}

.dashboard-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--corp-gold),
            transparent
        );
}

.dashboard-card h2{
    margin-bottom:8px;

    color:var(--corp-gold-light);

    font-family:var(--corp-heading);
    font-size:46px;
}

.dashboard-card p{
    margin:0;

    color:#d4d4d4;

    font-size:13px;
    line-height:1.6;

    text-transform:uppercase;
    letter-spacing:1px;
}


/* =========================================================
   15. CORPORATE VALUES
   ========================================================= */

.corporate-values{
    background:#f8f6f1;
}

.values-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:23px;
}

.value-card{
    padding:30px 25px;

    text-align:center;

    background:#ffffff;

    border:
        1px solid rgba(201,163,78,.25);

    border-radius:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.05);

    transition:.4s ease;
}

.value-card:hover{
    transform:translateY(-7px);

    box-shadow:
        var(--corp-shadow);
}

.value-card i{
    width:62px;
    height:62px;

    margin:0 auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--corp-gold);

    background:#fbf3df;

    border:1px solid rgba(201,163,78,.35);

    font-size:24px;
}

.value-card h3{
    margin-bottom:10px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:23px;
}

.value-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   16. CONFIDENCE SECTION
   ========================================================= */

.confidence-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:24px;
}

.confidence-card{
    position:relative;

    padding:34px 30px;

    background:#ffffff;

    border:
        1px solid rgba(201,163,78,.24);

    border-radius:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.05);

    transition:.4s ease;
}

.confidence-card:hover{
    transform:translateY(-7px);

    box-shadow:
        var(--corp-shadow);
}

.confidence-card i{
    margin-bottom:18px;

    color:var(--corp-gold);

    font-size:28px;
}

.confidence-card h3{
    margin-bottom:11px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:23px;
}

.confidence-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.75;
}


/* =========================================================
   17. INSIGHTS
   ========================================================= */

.insights-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:23px;
}

.insight-card{
    padding:30px 27px;

    background:#ffffff;

    border:
        1px solid rgba(201,163,78,.24);

    border-radius:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.045);

    transition:.4s ease;
}

.insight-card:hover{
    transform:translateY(-7px);

    box-shadow:
        var(--corp-shadow);
}

.insight-card i{
    margin-bottom:17px;

    color:var(--corp-gold);

    font-size:27px;
}

.insight-card h3{
    margin-bottom:11px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:22px;
}

.insight-card p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.75;
}


/* =========================================================
   18. CORPORATE ASSURANCE
   ========================================================= */

.corporate-assurance{
    background:
        linear-gradient(
            135deg,
            #0c0a0a,
            #1a080c
        );
}

.assurance-box{
    position:relative;

    display:grid;

    grid-template-columns:100px minmax(0,1fr);

    gap:35px;

    align-items:center;

    padding:55px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

    border:
        1px solid rgba(201,163,78,.35);

    border-radius:24px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.25);

    overflow:hidden;
}

.assurance-box::before{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(201,163,78,.16),
            transparent 30%
        );
}

.assurance-box > i{
    position:relative;
    z-index:2;

    width:86px;
    height:86px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--corp-gold-light);

    background:
        rgba(201,163,78,.10);

    border:
        1px solid rgba(201,163,78,.40);

    font-size:35px;
}

.assurance-box h2{
    position:relative;
    z-index:2;

    margin-bottom:15px;

    color:#ffffff;

    font-family:var(--corp-heading);
    font-size:39px;

    line-height:1.2;
}

.assurance-box p{
    position:relative;
    z-index:2;

    margin:0;

    color:#d0d0d0;

    font-size:15px;
    line-height:1.85;
}


/* =========================================================
   19. CONSULTATION BANNER
   ========================================================= */

.consultation-banner{
    background:#f7f3eb;
}

.consultation-box{
    position:relative;

    padding:75px 70px;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            #0a0909,
            #22090f
        );

    border-radius:26px;

    overflow:hidden;

    box-shadow:
        0 30px 75px rgba(0,0,0,.18);
}

.consultation-box::before{
    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(201,163,78,.18),
            transparent 45%
        );
}

.consultation-box > *{
    position:relative;
    z-index:2;
}

.consultation-box > span{
    display:inline-block;

    margin-bottom:17px;

    color:var(--corp-gold-light);

    font-size:12px;
    font-weight:700;

    letter-spacing:4px;
}

.consultation-box h2{
    max-width:800px;

    margin:0 auto 20px;

    color:#ffffff;

    font-family:var(--corp-heading);
    font-size:47px;

    line-height:1.15;
}

.consultation-box p{
    max-width:780px;

    margin:0 auto 30px;

    color:#d0d0d0;

    font-size:15px;
    line-height:1.85;
}

.consultation-buttons{
    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;
}


/* =========================================================
   20. EXECUTIVE FINAL CTA
   ========================================================= */

.executive-final-cta{
    background:
        linear-gradient(
            135deg,
            #080808,
            #1c080c
        );
}

.final-cta-wrapper{
    position:relative;

    padding:85px 70px;

    text-align:center;

    border:
        1px solid rgba(201,163,78,.30);

    border-radius:25px;

    overflow:hidden;
}

.final-cta-wrapper::before{
    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,163,78,.13),
            transparent 70%
        );
}

.final-cta-wrapper > *{
    position:relative;
    z-index:2;
}

.final-cta-wrapper > span{
    display:inline-block;

    margin-bottom:18px;

    color:var(--corp-gold-light);

    font-size:12px;
    font-weight:700;

    letter-spacing:4px;
}

.final-cta-wrapper h2{
    max-width:850px;

    margin:0 auto 20px;

    color:#ffffff;

    font-family:var(--corp-heading);
    font-size:49px;

    line-height:1.15;
}

.final-cta-wrapper p{
    max-width:800px;

    margin:0 auto 30px;

    color:#cfcfcf;

    font-size:15px;
    line-height:1.85;
}

.cta-buttons{
    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;
}


/* =========================================================
   21. PROFESSIONAL DISCLAIMER
   ========================================================= */

.professional-disclaimer{
    background:#f5f3ef;
}

.disclaimer-box{
    position:relative;

    padding:45px 50px;

    background:#ffffff;

    border-left:
        5px solid var(--corp-gold);

    border-radius:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.05);
}

.disclaimer-box > i{
    margin-bottom:15px;

    color:var(--corp-gold);

    font-size:28px;
}

.disclaimer-box h2{
    margin-bottom:15px;

    color:var(--corp-text);

    font-family:var(--corp-heading);
    font-size:30px;
}

.disclaimer-box p{
    margin:0;

    color:var(--corp-muted);

    font-size:14px;
    line-height:1.85;
}


/* =========================================================
   22. CORPORATE BUTTONS
   ========================================================= */

.corporate-services .btn-primary,
.corporate-overview .btn-primary,
.consultation-banner .btn-primary,
.executive-final-cta .btn-primary,
.service-content .btn-primary{

    background:
        linear-gradient(
            135deg,
            var(--corp-burgundy),
            var(--corp-red)
        );

    color:#ffffff;

    border:1px solid var(--corp-burgundy);

    box-shadow:
        0 8px 22px rgba(127,16,34,.18);
}

.corporate-services .btn-primary:hover,
.corporate-overview .btn-primary:hover,
.consultation-banner .btn-primary:hover,
.executive-final-cta .btn-primary:hover,
.service-content .btn-primary:hover{

    background:
        linear-gradient(
            135deg,
            var(--corp-burgundy-dark),
            var(--corp-burgundy)
        );

    transform:translateY(-3px);

    box-shadow:
        0 14px 30px rgba(127,16,34,.28);
}

.corporate-services .btn-secondary,
.corporate-overview .btn-secondary,
.service-content .btn-secondary,
.consultation-banner .btn-secondary,
.executive-final-cta .btn-secondary{

    border:
        1px solid var(--corp-gold);

    color:var(--corp-text);

    background:#ffffff;
}

.consultation-banner .btn-secondary,
.executive-final-cta .btn-secondary{
    color:#ffffff;

    background:transparent;
}

.corporate-services .btn-secondary:hover,
.corporate-overview .btn-secondary:hover,
.service-content .btn-secondary:hover{
    background:var(--corp-gold);

    color:#111111;

    transform:translateY(-3px);
}


/* =========================================================
   23. GLOBAL CORPORATE SECTION BACKGROUND DETAILS
   ========================================================= */

.corporate-services::before,
.business-risks::before,
.industries-section::before,
.corporate-highlights::before,
.investigation-methodology::before,
.why-redspy-corporate::before{
    content:"";

    position:absolute;

    width:280px;
    height:280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,163,78,.07),
            transparent 70%
        );

    pointer-events:none;
}

.corporate-services::before{
    top:-100px;
    right:-100px;
}

.business-risks::before{
    bottom:-120px;
    left:-100px;
}

.industries-section::before{
    top:-120px;
    left:-100px;
}

.corporate-highlights::before{
    bottom:-120px;
    right:-100px;
}

.investigation-methodology::before{
    top:-100px;
    right:-100px;
}

.why-redspy-corporate::before{
    bottom:-100px;
    left:-100px;
}


/* =========================================================
   24. IMAGE LOADING / POLISH
   ========================================================= */

.corporate-investigation img{
    backface-visibility:hidden;
}

.service-image,
.overview-image{
    isolation:isolate;
}


/* =========================================================
   25. TABLET — 1100px
   ========================================================= */

@media (max-width:1100px){

    .corporate-service-grid{
        grid-template-columns:1fr 1fr;
    }

    .risk-grid,
    .industries-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .highlights-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .trust-grid,
    .confidence-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .dashboard-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .values-grid,
    .insights-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .service-block,
    .overview-wrapper{
        gap:45px;
    }

    .service-content h2,
    .overview-content h2{
        font-size:38px;
    }

    .corporate-services .section-title h2,
    .business-risks .section-title h2,
    .industries-section .section-title h2,
    .corporate-highlights .section-title h2,
    .investigation-methodology .section-title h2,
    .risk-dashboard .section-title h2,
    .why-redspy-corporate .section-title h2,
    .executive-dashboard .section-title h2,
    .corporate-values .section-title h2{
        font-size:42px;
    }
}


/* =========================================================
   26. TABLET — 900px
   ========================================================= */

@media (max-width:900px){

    .overview-wrapper,
    .service-block{
        grid-template-columns:1fr;
    }

    .service-block.reverse
    .service-image{
        order:1;
    }

    .service-block.reverse
    .service-content{
        order:2;
    }

    .overview-image img,
    .service-image img{
        height:460px;
    }

    .timeline::before{
        left:29px;

        transform:none;
    }

    .timeline-item,
    .timeline-item:nth-child(even){
        width:100%;

        margin-left:0;

        padding-left:0;
        padding-right:0;

        grid-template-columns:58px minmax(0,1fr);
    }

    .timeline-item:nth-child(even){
        margin-left:0;
    }

    .timeline-icon{
        width:58px;
        height:58px;
    }

    .assurance-box{
        grid-template-columns:80px minmax(0,1fr);

        padding:42px;
    }

    .assurance-box h2{
        font-size:34px;
    }
}


/* =========================================================
   27. MOBILE — 768px
   ========================================================= */

@media (max-width:768px){

    .corporate-service-grid,
    .risk-grid,
    .industries-grid,
    .highlights-grid,
    .trust-grid,
    .confidence-grid,
    .dashboard-grid,
    .values-grid,
    .insights-grid{
        grid-template-columns:1fr;
    }

    .corporate-service-card{
        min-height:auto;

        padding:28px 25px;
    }

    .corporate-service-icon{
        flex-basis:62px;

        width:62px;
        height:62px;

        margin-right:18px;
    }

    .corporate-service-content h3{
        font-size:24px;
    }

    .overview-image img,
    .service-image img{
        height:380px;
    }

    .service-content h2,
    .overview-content h2{
        font-size:34px;
    }

    .corporate-services .section-title h2,
    .business-risks .section-title h2,
    .industries-section .section-title h2,
    .corporate-highlights .section-title h2,
    .investigation-methodology .section-title h2,
    .risk-dashboard .section-title h2,
    .why-redspy-corporate .section-title h2,
    .executive-dashboard .section-title h2,
    .corporate-values .section-title h2{
        font-size:36px;
    }

    .corporate-services .section-title,
    .business-risks .section-title,
    .industries-section .section-title,
    .corporate-highlights .section-title,
    .investigation-methodology .section-title,
    .risk-dashboard .section-title,
    .why-redspy-corporate .section-title,
    .executive-dashboard .section-title,
    .corporate-values .section-title{
        margin-bottom:45px;
    }

    .service-content ul{
        grid-template-columns:1fr;
    }

    .assurance-box{
        grid-template-columns:1fr;

        padding:35px 28px;

        text-align:center;
    }

    .assurance-box > i{
        margin:0 auto;
    }

    .assurance-box h2{
        font-size:31px;
    }

    .consultation-box,
    .final-cta-wrapper{
        padding:55px 25px;
    }

    .consultation-box h2,
    .final-cta-wrapper h2{
        font-size:35px;
    }

    .disclaimer-box{
        padding:35px 28px;
    }

    .dashboard-table{
        overflow-x:auto;
    }

    .dashboard-table table{
        min-width:650px;
    }
}


/* =========================================================
   28. SMALL MOBILE — 576px
   ========================================================= */

@media (max-width:576px){

    .corporate-service-card{
        display:block;
    }

    .corporate-service-icon{
        margin:0 0 18px;
    }

    .corporate-service-content h3{
        font-size:22px;
    }

    .corporate-service-content p{
        font-size:14px;
    }

    .overview-image img,
    .service-image img{
        height:300px;
    }

    .service-content h2,
    .overview-content h2{
        font-size:30px;
    }

    .corporate-services .section-title h2,
    .business-risks .section-title h2,
    .industries-section .section-title h2,
    .corporate-highlights .section-title h2,
    .investigation-methodology .section-title h2,
    .risk-dashboard .section-title h2,
    .why-redspy-corporate .section-title h2,
    .executive-dashboard .section-title h2,
    .corporate-values .section-title h2{
        font-size:30px;
    }

    .corporate-services .section-title span,
    .business-risks .section-title span,
    .industries-section .section-title span,
    .corporate-highlights .section-title span,
    .investigation-methodology .section-title span,
    .risk-dashboard .section-title span,
    .why-redspy-corporate .section-title span,
    .executive-dashboard .section-title span,
    .corporate-values .section-title span{
        font-size:11px;

        letter-spacing:2.5px;
    }

    .service-content .btn-primary,
    .service-content .btn-secondary{
        width:100%;
    }

    .consultation-box h2,
    .final-cta-wrapper h2{
        font-size:30px;
    }

    .consultation-box > span,
    .final-cta-wrapper > span{
        letter-spacing:2px;
    }

    .dashboard-card{
        min-height:160px;
    }

    .dashboard-card h2{
        font-size:38px;
    }

    .timeline-content{
        padding:20px;
    }

    .timeline-content h3{
        font-size:20px;
    }
}


/* =========================================================
   29. REDUCED MOTION ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }

}

/* =========================================================
   REDSPY CORPORATE — COMMITMENT SECTION
   PREMIUM PRINCIPLES / VALUES
   ========================================================= */

.corporate-commitment {
    position: relative;
    padding: 105px 0 115px !important;
    background:
        linear-gradient(
            135deg,
            #fffdf8 0%,
            #ffffff 48%,
            #faf6ed 100%
        ) !important;
    overflow: hidden;
}

/* -----------------------------------------
   SUBTLE BACKGROUND DECORATION
   ----------------------------------------- */

.corporate-commitment::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -180px;
    right: -150px;
    border-radius: 50%;
    background: rgba(201, 158, 55, 0.055);
    pointer-events: none;
}

.corporate-commitment::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    bottom: -180px;
    left: -150px;
    border-radius: 50%;
    background: rgba(143, 20, 43, 0.035);
    pointer-events: none;
}


/* -----------------------------------------
   SECTION HEADER
   ----------------------------------------- */

.corporate-commitment .section-label {
    position: relative;
    z-index: 2;

    margin-bottom: 20px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    letter-spacing: 4px !important;
    text-transform: uppercase;

    color: #c99d35 !important;

    text-align: center;
}

.corporate-commitment h2 {
    position: relative;
    z-index: 2;

    max-width: 900px;
    margin: 0 auto 65px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 48px !important;
    line-height: 1.18 !important;

    font-weight: 700 !important;

    color: #111111 !important;

    text-align: center;

    letter-spacing: -0.5px;
}


/* GOLD / BURGUNDY DIVIDER */

.corporate-commitment h2::after {
    content: "";

    display: block;

    width: 75px;
    height: 3px;

    margin: 25px auto 0;

    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );
}


/* -----------------------------------------
   PRINCIPLES GRID
   ----------------------------------------- */

.corporate-commitment .commitment-grid {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1180px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;
}


/* -----------------------------------------
   INDIVIDUAL PRINCIPLE CARD
   ----------------------------------------- */

.corporate-commitment .commitment-item {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 24px;

    min-height: 175px;

    padding: 32px 34px;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid rgba(201, 158, 55, 0.28);

    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.055),
        0 2px 8px rgba(201, 158, 55, 0.045);

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* LEFT GOLD → BURGUNDY ACCENT */

.corporate-commitment .commitment-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 24px;
    bottom: 24px;

    width: 4px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            to bottom,
            #c99d35,
            #8f142b
        );
}


/* SUBTLE TOP-RIGHT DECORATION */

.corporate-commitment .commitment-item::after {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    top: -65px;
    right: -65px;

    border-radius: 50%;

    background: rgba(201, 158, 55, 0.055);

    pointer-events: none;
}


/* -----------------------------------------
   ICON CIRCLE
   ----------------------------------------- */

.corporate-commitment .commitment-item > i,
.corporate-commitment .commitment-icon {
    position: relative;
    z-index: 2;

    width: 58px;
    min-width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: 2px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #fff8e5,
            #f4e5bd
        );

    border: 1px solid rgba(201, 158, 55, 0.42);

    color: #a77b1d !important;

    font-size: 23px !important;

    box-shadow:
        0 8px 20px rgba(201, 158, 55, 0.12);

    flex-shrink: 0;
}


/* -----------------------------------------
   CARD CONTENT
   ----------------------------------------- */

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

.corporate-commitment .commitment-item h3 {
    margin: 3px 0 10px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 25px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;

    color: #171717 !important;
}

.corporate-commitment .commitment-item p {
    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    color: #626262 !important;
}


/* -----------------------------------------
   HOVER EFFECT
   ----------------------------------------- */

.corporate-commitment .commitment-item:hover {
    transform: translateY(-5px);

    border-color:
        rgba(201, 158, 55, 0.48);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.09),
        0 4px 15px rgba(201, 158, 55, 0.10);
}

.corporate-commitment .commitment-item:hover
.commitment-icon,
.corporate-commitment .commitment-item:hover > i {
    transform: scale(1.05);

    box-shadow:
        0 10px 25px rgba(201, 158, 55, 0.18);
}

.corporate-commitment .commitment-icon,
.corporate-commitment .commitment-item > i {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .corporate-commitment {
        padding: 85px 0 95px !important;
    }

    .corporate-commitment h2 {
        font-size: 40px !important;
        margin-bottom: 50px !important;
    }

    .corporate-commitment .commitment-grid {
        width: 90%;

        grid-template-columns: 1fr;

        gap: 22px;
    }

    .corporate-commitment .commitment-item {
        min-height: auto;

        padding: 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .corporate-commitment {
        padding: 70px 0 80px !important;
    }

    .corporate-commitment .section-label {
        font-size: 12px !important;
        letter-spacing: 3px !important;
    }

    .corporate-commitment h2 {
        width: 92%;

        font-size: 32px !important;
        line-height: 1.2 !important;

        margin-bottom: 40px !important;
    }

    .corporate-commitment .commitment-grid {
        width: 92%;

        grid-template-columns: 1fr;

        gap: 18px;
    }

    .corporate-commitment .commitment-item {
        flex-direction: column;

        gap: 18px;

        padding: 27px 25px;

        border-radius: 16px;
    }

    .corporate-commitment .commitment-item > i,
    .corporate-commitment .commitment-icon {
        width: 54px;
        min-width: 54px;
        height: 54px;

        font-size: 21px !important;
    }

    .corporate-commitment .commitment-item h3 {
        font-size: 23px !important;
    }

    .corporate-commitment .commitment-item p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   REDSPY CORPORATE
   OUR COMMITMENT — PREMIUM HIGHLIGHTS
   ========================================================= */

/* SECTION TITLE */

.section-title {
    max-width: 950px;
    margin: 0 auto 65px;
    text-align: center;
}

.section-title > span {
    display: block;

    margin-bottom: 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: 4px !important;
    text-transform: uppercase;

    color: #c99d35 !important;
}

.section-title > h2 {
    position: relative;

    margin: 0 auto 25px !important;

    max-width: 900px;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 46px !important;
    line-height: 1.18 !important;

    font-weight: 700 !important;

    color: #111111 !important;

    letter-spacing: -0.4px;
}

/* GOLD / BURGUNDY DIVIDER */

.section-title > h2::after {
    content: "";

    display: block;

    width: 72px;
    height: 3px;

    margin: 23px auto 0;

    border-radius: 4px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );
}

.section-title > p {
    max-width: 780px;

    margin: 0 auto !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    line-height: 1.75 !important;

    color: #626262 !important;
}


/* =========================================================
   HIGHLIGHTS GRID
   ========================================================= */

.highlights-grid {
    width: 92%;
    max-width: 1180px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;
}


/* =========================================================
   HIGHLIGHT CARD
   ========================================================= */

.highlight-card {
    position: relative;

    display: grid;

    grid-template-columns: 68px 1fr;

    column-gap: 24px;

    align-items: start;

    min-height: 175px;

    padding: 32px 34px;

    box-sizing: border-box;

    background:
        rgba(255, 255, 255, 0.97);

    border: 1px solid rgba(201, 158, 55, 0.28);

    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.055),
        0 2px 8px rgba(201, 158, 55, 0.05);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* LEFT LUXURY ACCENT */

.highlight-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 25px;
    bottom: 25px;

    width: 4px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            to bottom,
            #c99d35,
            #8f142b
        );
}


/* SUBTLE CORNER DETAIL */

.highlight-card::after {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    top: -72px;
    right: -72px;

    border-radius: 50%;

    background: rgba(201, 158, 55, 0.055);

    pointer-events: none;
}


/* =========================================================
   ICON
   ========================================================= */

.highlight-card > i {
    position: relative;
    z-index: 2;

    width: 60px;
    height: 60px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    margin-top: 1px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #fff8e5,
            #f4e5bd
        );

    border: 1px solid rgba(201, 158, 55, 0.42);

    color: #a77b1d !important;

    font-size: 23px !important;

    box-shadow:
        0 8px 22px rgba(201, 158, 55, 0.13);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.highlight-card > h3 {
    position: relative;
    z-index: 2;

    margin: 3px 0 10px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 25px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;

    color: #171717 !important;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.highlight-card > p {
    position: relative;
    z-index: 2;

    grid-column: 2;

    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    color: #626262 !important;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.highlight-card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(201, 158, 55, 0.50);

    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.09),
        0 4px 15px rgba(201, 158, 55, 0.11);
}

.highlight-card:hover > i {
    transform: scale(1.06);

    box-shadow:
        0 11px 26px rgba(201, 158, 55, 0.19);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .section-title {
        width: 90%;
        margin-bottom: 50px;
    }

    .section-title > h2 {
        font-size: 40px !important;
    }

    .highlights-grid {
        width: 90%;

        grid-template-columns: 1fr;

        gap: 22px;
    }

    .highlight-card {
        min-height: auto;

        padding: 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .section-title {
        width: 92%;

        margin-bottom: 40px;
    }

    .section-title > span {
        font-size: 12px !important;
        letter-spacing: 3px !important;
    }

    .section-title > h2 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    .section-title > p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .highlights-grid {
        width: 92%;

        grid-template-columns: 1fr;

        gap: 18px;
    }

    .highlight-card {
        display: flex;

        flex-direction: column;

        gap: 17px;

        padding: 27px 25px;

        border-radius: 16px;
    }

    .highlight-card > i {
        width: 54px;
        height: 54px;

        font-size: 21px !important;
    }

    .highlight-card > h3 {
        margin: 0 !important;

        font-size: 23px !important;
    }

    .highlight-card > p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

}

/* =========================================================
   REDSPY CORPORATE
   INVESTIGATION METHODOLOGY — PREMIUM TIMELINE
   ========================================================= */

.timeline {
    position: relative;

    width: 92%;
    max-width: 1050px;

    margin: 0 auto;

    padding: 15px 0 20px;
}


/* CENTRAL TIMELINE */

.timeline::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 2px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            rgba(201,158,55,0),
            #c99d35 10%,
            #8f142b 90%,
            rgba(143,20,43,0)
        );
}


/* =========================================================
   TIMELINE ITEM
   ========================================================= */

.timeline-item {
    position: relative;

    display: grid;

    grid-template-columns: 1fr 80px 1fr;

    align-items: center;

    margin-bottom: 38px;
}


/* =========================================================
   TIMELINE ICON
   ========================================================= */

.timeline-icon {
    grid-column: 2;

    grid-row: 1;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0 auto;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #fff8e5,
            #f4e5bd
        );

    border: 2px solid #c99d35;

    color: #a77b1d;

    font-size: 21px;

    box-shadow:
        0 8px 24px rgba(201,158,55,0.16);

    z-index: 3;
}


/* =========================================================
   CONTENT BOX
   ========================================================= */

.timeline-content {
    position: relative;

    padding: 27px 30px;

    background:
        rgba(255,255,255,0.97);

    border: 1px solid rgba(201,158,55,0.25);

    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.055);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* ALTERNATING SIDES */

.timeline-item:nth-child(odd) .timeline-content {
    grid-column: 1;

    grid-row: 1;

    margin-right: 25px;

    text-align: right;
}

.timeline-item:nth-child(even) .timeline-content {
    grid-column: 3;

    grid-row: 1;

    margin-left: 25px;
}


/* GOLD ACCENT */

.timeline-item:nth-child(odd) .timeline-content::after {
    content: "";

    position: absolute;

    right: -25px;
    top: 50%;

    width: 25px;
    height: 2px;

    background: #c99d35;
}

.timeline-item:nth-child(even) .timeline-content::before {
    content: "";

    position: absolute;

    left: -25px;
    top: 50%;

    width: 25px;
    height: 2px;

    background: #c99d35;
}


/* =========================================================
   TITLE
   ========================================================= */

.timeline-content h3 {
    margin: 0 0 10px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 23px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    color: #171717 !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.timeline-content p {
    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15.5px !important;

    line-height: 1.7 !important;

    color: #626262 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.timeline-content:hover {
    transform: translateY(-4px);

    border-color:
        rgba(201,158,55,0.48);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .timeline {
        width: 90%;
    }

    .timeline-item {
        grid-template-columns: 70px 1fr;
    }

    .timeline::before {
        left: 29px;

        transform: none;
    }

    .timeline-icon {
        grid-column: 1;

        width: 55px;
        height: 55px;
    }

    .timeline-item:nth-child(odd) .timeline-content,
    .timeline-item:nth-child(even) .timeline-content {
        grid-column: 2;

        margin-left: 15px;
        margin-right: 0;

        text-align: left;
    }

    .timeline-item:nth-child(odd) .timeline-content::after {
        display: none;
    }

    .timeline-item:nth-child(even) .timeline-content::before {
        display: none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .timeline {
        width: 92%;
    }

    .timeline-item {
        grid-template-columns: 58px 1fr;

        margin-bottom: 22px;
    }

    .timeline::before {
        left: 27px;
    }

    .timeline-icon {
        width: 50px;
        height: 50px;

        font-size: 19px;
    }

    .timeline-item:nth-child(odd) .timeline-content,
    .timeline-item:nth-child(even) .timeline-content {
        margin-left: 12px;
    }

    .timeline-content {
        padding: 23px 21px;

        border-radius: 14px;
    }

    .timeline-content h3 {
        font-size: 21px !important;
    }

    .timeline-content p {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
    }

}

/* =========================================================
   REDSPY CORPORATE — SECTION 01
   CORPORATE HIGHLIGHTS
   Premium Four-Card Presentation
   ========================================================= */

.highlights-grid {
    width: 92%;
    max-width: 1180px;
    margin: 55px auto 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;

    box-sizing: border-box;
}


/* =========================================================
   INDIVIDUAL HIGHLIGHT CARD
   ========================================================= */

.highlight-card {
    position: relative;

    padding: 34px 28px 32px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffdf8 100%
        );

    border: 1px solid rgba(201, 158, 55, 0.25);
    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.055),
        0 2px 7px rgba(201, 158, 55, 0.06);

    box-sizing: border-box;

    min-height: 250px;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   SUBTLE GOLD TOP LINE
   ========================================================= */

.highlight-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #c99d35 0%,
            #d9b75c 45%,
            #8f142b 100%
        );
}


/* =========================================================
   ICON
   ========================================================= */

.highlight-card > i {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #fff8e6,
            #f3e3b8
        );

    border: 1px solid rgba(201, 158, 55, 0.35);

    color: #9b721d;

    font-size: 21px;

    box-shadow:
        0 7px 18px rgba(201, 158, 55, 0.12);

    box-sizing: border-box;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.highlight-card h3 {
    margin: 0 0 12px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 23px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;

    color: #151515 !important;

    letter-spacing: -0.2px;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.highlight-card p {
    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

    color: #626262 !important;
}


/* =========================================================
   PREMIUM HOVER
   ========================================================= */

.highlight-card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(201, 158, 55, 0.50);

    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.10),
        0 5px 16px rgba(201, 158, 55, 0.12);
}


.highlight-card:hover > i {
    transform: translateY(-3px);

    background:
        linear-gradient(
            145deg,
            #c99d35,
            #a77b1d
        );

    color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .highlights-grid {
        width: 90%;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .highlight-card {
        min-height: 235px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .highlights-grid {
        width: 92%;

        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 38px;
    }

    .highlight-card {
        min-height: auto;

        padding: 30px 25px 29px;

        border-radius: 16px;
    }

    .highlight-card > i {
        width: 54px;
        height: 54px;

        font-size: 20px;

        margin-bottom: 19px;
    }

    .highlight-card h3 {
        font-size: 21px !important;
    }

    .highlight-card p {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   REDSPY — OUR COMMITMENT
   PREMIUM EXECUTIVE PRINCIPLES SECTION
   ========================================================= */

.engagement-principles {
    position: relative;
    padding: 105px 0 115px !important;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(199,162,74,0.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(143,22,38,0.045),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfbf8 50%,
            #ffffff 100%
        ) !important;

    overflow: hidden;
}


/* ---------------------------------------------------------
   VERY SUBTLE BACKGROUND DETAIL
   --------------------------------------------------------- */

.engagement-principles::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    border: 1px solid rgba(199,162,74,0.08);

    pointer-events: none;
}


.engagement-principles::after {
    content: "";
    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -190px;
    left: -140px;

    border-radius: 50%;

    border: 1px solid rgba(143,22,38,0.06);

    pointer-events: none;
}


/* ---------------------------------------------------------
   SECTION TITLE
   --------------------------------------------------------- */

.engagement-principles .section-title {
    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 900px;

    margin: 0 auto 62px !important;

    text-align: center;
}


.engagement-principles .section-title > span {
    display: inline-block;

    margin-bottom: 17px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 4px;

    color: #b88b27;

    text-transform: uppercase;
}


.engagement-principles .section-title h2 {
    position: relative;

    margin: 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 44px;
    line-height: 1.18;

    font-weight: 700;

    color: #111111;
}


/* PREMIUM GOLD → BURGUNDY DIVIDER */

.engagement-principles .section-title h2::after {
    content: "";

    display: block;

    width: 76px;
    height: 3px;

    margin: 25px auto 0;

    background:
        linear-gradient(
            90deg,
            #c7a24a,
            #8f1626
        );

    border-radius: 10px;
}


/* ---------------------------------------------------------
   PRINCIPLES GRID
   --------------------------------------------------------- */

.engagement-principles .principles-grid {

    position: relative;
    z-index: 2;

    width: 92%;
    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 22px;
}


/* ---------------------------------------------------------
   PRINCIPLE CARD
   --------------------------------------------------------- */

.engagement-principles .principle-card {

    position: relative;

    min-height: 285px;

    padding: 34px 28px 32px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffdfa 100%
        );

    border:
        1px solid rgba(199,162,74,0.24);

    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.055);

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* GOLD LEFT ACCENT */

.engagement-principles .principle-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background:
        linear-gradient(
            to bottom,
            #c7a24a,
            #8f1626
        );
}


/* SOFT TOP-RIGHT GOLD DETAIL */

.engagement-principles .principle-card::after {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    top: -60px;
    right: -60px;

    border-radius: 50%;

    background:
        rgba(199,162,74,0.055);

    pointer-events: none;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.engagement-principles .principle-card:hover {

    transform: translateY(-8px);

    border-color:
        rgba(199,162,74,0.58);

    box-shadow:
        0 20px 45px rgba(0,0,0,0.105);
}


.engagement-principles .principle-card:hover::after {

    transform: scale(1.35);

    background:
        rgba(199,162,74,0.085);
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.engagement-principles .principle-card > i {

    position: relative;
    z-index: 2;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #fff9e9,
            #f2e5c5
        );

    border:
        1px solid rgba(199,162,74,0.38);

    color: #b48725;

    font-size: 21px;

    box-shadow:
        0 5px 16px rgba(181,139,39,0.10);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}


.engagement-principles .principle-card:hover > i {

    transform:
        translateY(-2px)
        scale(1.06);

    background:
        linear-gradient(
            135deg,
            #c7a24a,
            #a47a20
        );

    color: #ffffff;
}


/* ---------------------------------------------------------
   CARD TITLE
   --------------------------------------------------------- */

.engagement-principles .principle-card h3 {

    position: relative;
    z-index: 2;

    margin: 0 0 13px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.28;

    font-weight: 700;

    color: #171717;
}


/* ---------------------------------------------------------
   CARD TEXT
   --------------------------------------------------------- */

.engagement-principles .principle-card p {

    position: relative;
    z-index: 2;

    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.7;

    color: #626262;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1050px) {

    .engagement-principles {
        padding: 90px 0 100px !important;
    }

    .engagement-principles .principles-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 22px;
    }

    .engagement-principles .principle-card {
        min-height: 250px;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .engagement-principles {
        padding: 70px 0 75px !important;
    }


    .engagement-principles .section-title {

        width: 92%;

        margin-bottom: 42px !important;
    }


    .engagement-principles .section-title > span {

        font-size: 11px;

        letter-spacing: 3px;
    }


    .engagement-principles .section-title h2 {

        font-size: 31px;

        line-height: 1.2;
    }


    .engagement-principles .section-title h2::after {

        width: 62px;

        margin-top: 20px;
    }


    .engagement-principles .principles-grid {

        width: 92%;

        grid-template-columns: 1fr;

        gap: 17px;
    }


    .engagement-principles .principle-card {

        min-height: auto;

        padding: 28px 24px 27px;
    }


    .engagement-principles .principle-card > i {

        width: 52px;
        height: 52px;

        margin-bottom: 19px;

        font-size: 19px;
    }


    .engagement-principles .principle-card h3 {

        font-size: 21px;
    }


    .engagement-principles .principle-card p {

        font-size: 15px;

        line-height: 1.65;
    }

}

/* =========================================================
   REDSPY — EXECUTIVE CONSULTATION CTA
   PREMIUM CORPORATE INTELLIGENCE STYLE
   ========================================================= */

.executive-cta {
    position: relative;

    padding: 82px 0 92px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #faf8f4 100%
        ) !important;

    overflow: hidden;
}


/* =========================================================
   CTA WRAPPER
   ========================================================= */

.executive-cta .cta-wrapper {

    position: relative;

    width: 92%;
    max-width: 1200px;

    min-height: 280px;

    margin: 0 auto;

    padding: 58px 64px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 55px;

    box-sizing: border-box;

    border-radius: 24px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(199,162,74,0.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 90%,
            rgba(143,22,38,0.28),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #090707 0%,
            #19090d 52%,
            #2b0d14 100%
        );

    border:
        1px solid rgba(199,162,74,0.42);

    box-shadow:
        0 25px 65px rgba(0,0,0,0.18);
}


/* =========================================================
   TOP GOLD LINE
   ========================================================= */

.executive-cta .cta-wrapper::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #c7a24a 20%,
            #f0d58a 50%,
            #c7a24a 80%,
            transparent 100%
        );
}


/* =========================================================
   SUBTLE INTELLIGENCE GRID
   ========================================================= */

.executive-cta .cta-wrapper::after {

    content: "";

    position: absolute;

    inset: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,0.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.018) 1px,
            transparent 1px
        );

    background-size:
        38px 38px;

    mask-image:
        radial-gradient(
            circle at 85% 50%,
            black,
            transparent 62%
        );

    pointer-events: none;
}


/* =========================================================
   TEXT CONTENT
   ========================================================= */

.executive-cta .cta-wrapper > div {

    position: relative;

    z-index: 2;

    max-width: 760px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.executive-cta .cta-wrapper span {

    display: inline-block;

    margin-bottom: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3.5px;

    text-transform: uppercase;

    color: #d4b45e;
}


/* =========================================================
   HEADING
   ========================================================= */

.executive-cta .cta-wrapper h2 {

    margin: 0 0 17px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 42px;

    line-height: 1.18;

    font-weight: 700;

    color: #ffffff;

    letter-spacing: -0.4px;
}


/* GOLD EMPHASIS */

.executive-cta .cta-wrapper h2::after {

    content: "";

    display: block;

    width: 64px;

    height: 3px;

    margin-top: 20px;

    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            #c7a24a,
            #f0d58a
        );
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.executive-cta .cta-wrapper p {

    margin: 20px 0 0 !important;

    max-width: 720px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.75;

    color: rgba(255,255,255,0.72);
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.executive-cta .cta-wrapper .btn-primary {

    position: relative;

    z-index: 3;

    flex: 0 0 auto;

    min-width: 245px;

    padding: 17px 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.2px;

    color: #15100a !important;

    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #d9b75d,
            #b88b27
        ) !important;

    border:
        1px solid rgba(255,225,140,0.65);

    border-radius: 50px;

    box-shadow:
        0 10px 28px rgba(0,0,0,0.30);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


/* BUTTON HOVER */

.executive-cta .cta-wrapper .btn-primary:hover {

    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #f0d58a,
            #c7a24a
        ) !important;

    box-shadow:
        0 15px 35px rgba(199,162,74,0.28);
}


/* =========================================================
   DECORATIVE SECURITY RING
   ========================================================= */

.executive-cta .cta-wrapper > div::after {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -340px;
    top: 50%;

    transform: translateY(-50%);

    border:
        1px solid rgba(199,162,74,0.13);

    border-radius: 50%;

    box-shadow:
        0 0 0 32px rgba(199,162,74,0.025),
        0 0 0 64px rgba(199,162,74,0.018);

    pointer-events: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .executive-cta {

        padding: 70px 0 78px !important;
    }


    .executive-cta .cta-wrapper {

        padding: 48px 42px;

        flex-direction: column;

        align-items: flex-start;

        gap: 30px;
    }


    .executive-cta .cta-wrapper h2 {

        font-size: 36px;
    }


    .executive-cta .cta-wrapper .btn-primary {

        min-width: 230px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .executive-cta {

        padding: 55px 0 65px !important;
    }


    .executive-cta .cta-wrapper {

        width: 92%;

        min-height: auto;

        padding: 38px 27px 40px;

        border-radius: 20px;

        gap: 28px;
    }


    .executive-cta .cta-wrapper span {

        font-size: 10px;

        letter-spacing: 2.5px;

        line-height: 1.6;
    }


    .executive-cta .cta-wrapper h2 {

        font-size: 29px;

        line-height: 1.22;
    }


    .executive-cta .cta-wrapper h2::after {

        width: 52px;

        margin-top: 17px;
    }


    .executive-cta .cta-wrapper p {

        font-size: 14px;

        line-height: 1.7;
    }


    .executive-cta .cta-wrapper .btn-primary {

        width: 100%;

        min-width: 0;

        padding: 16px 20px;

        font-size: 13px;
    }

}

/* =========================================================
   REDSPY AT A GLANCE
   DARK EXECUTIVE SECTION — VISIBILITY & GLOW FIX
   ========================================================= */

/* Section background */
.dashboard-section {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201,158,55,0.08),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #10080a 0%,
            #18090d 50%,
            #100709 100%
        ) !important;

    position: relative;
    overflow: hidden;
}


/* ---------------------------------------------------------
   SECTION TITLE
   --------------------------------------------------------- */

.dashboard-section .section-title span {
    color: #d7b35a !important;

    text-shadow:
        0 0 10px rgba(215,179,90,0.18);
}


.dashboard-section .section-title h2 {

    color: #f8f4e9 !important;

    text-shadow:
        0 2px 4px rgba(0,0,0,0.55),
        0 0 18px rgba(255,255,255,0.07);

    font-weight: 700 !important;
}


/* Gold-burgundy divider */

.dashboard-section .section-title h2::after {

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        ) !important;

    box-shadow:
        0 0 10px rgba(201,158,55,0.22);
}


/* ---------------------------------------------------------
   DASHBOARD CARDS
   --------------------------------------------------------- */

.dashboard-section .dashboard-card {

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.055),
            rgba(255,255,255,0.018)
        ) !important;

    border:
        1px solid rgba(201,158,55,0.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 15px 35px rgba(0,0,0,0.20);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Numbers */

.dashboard-section .dashboard-card h2 {

    color: #e4c261 !important;

    text-shadow:
        0 0 12px rgba(228,194,97,0.18);

    font-family:
        Georgia,
        "Times New Roman",
        serif;
}


/* Card labels */

.dashboard-section .dashboard-card p {

    color: rgba(255,255,255,0.78) !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,0.5);
}


/* Premium hover */

.dashboard-section .dashboard-card:hover {

    transform: translateY(-6px);

    border-color:
        rgba(220,185,88,0.65) !important;

    box-shadow:
        0 22px 45px rgba(0,0,0,0.32),
        0 0 24px rgba(201,158,55,0.08);
}


/* ---------------------------------------------------------
   SUBTLE GOLD LIGHT
   --------------------------------------------------------- */

.dashboard-section::before {

    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: -380px;

    transform: translateX(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201,158,55,0.12) 0%,
            rgba(201,158,55,0.035) 35%,
            transparent 70%
        );

    pointer-events: none;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .dashboard-section .section-title h2 {

        font-size: 30px !important;

        line-height: 1.2 !important;
    }

    .dashboard-section .dashboard-card h2 {

        font-size: 38px !important;
    }

}

/* =========================================================
   REDSPY AT A GLANCE
   PREMIUM DARK DASHBOARD — FINAL VISIBILITY FIX
   ========================================================= */

/* ---------------------------------------------------------
   SECTION TITLE
   --------------------------------------------------------- */

.container:has(.dashboard-grid) .section-title {
    position: relative;
    z-index: 2;
}


/* REDSPY AT A GLANCE */

.container:has(.dashboard-grid) .section-title span {
    color: #d7b35a !important;

    text-shadow:
        0 0 8px rgba(215,179,90,0.18);
}


/* EXPERIENCE THAT INSPIRES CONFIDENCE */

.container:has(.dashboard-grid) .section-title h2 {

    color: #f8f4e9 !important;

    font-weight: 700 !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,0.65),
        0 0 18px rgba(255,255,255,0.08);

    opacity: 1 !important;
}


/* Gold → Burgundy divider */

.container:has(.dashboard-grid) .section-title h2::after {

    background:
        linear-gradient(
            90deg,
            #c99d35 0%,
            #e0bd63 45%,
            #8f142b 100%
        ) !important;

    box-shadow:
        0 0 10px rgba(201,158,55,0.22);
}


/* ---------------------------------------------------------
   DASHBOARD CARDS
   --------------------------------------------------------- */

.container:has(.dashboard-grid) .dashboard-card {

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.065),
            rgba(255,255,255,0.018)
        ) !important;

    border:
        1px solid rgba(201,158,55,0.34) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 15px 35px rgba(0,0,0,0.28);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Numbers */

.container:has(.dashboard-grid) .dashboard-card h2 {

    color: #e5c564 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    text-shadow:
        0 0 14px rgba(229,197,100,0.20);

    opacity: 1 !important;
}


/* Card descriptions */

.container:has(.dashboard-grid) .dashboard-card p {

    color: rgba(255,255,255,0.82) !important;

    text-shadow:
        0 1px 3px rgba(0,0,0,0.55);

    opacity: 1 !important;
}


/* ---------------------------------------------------------
   PREMIUM GOLD TOP EDGE
   --------------------------------------------------------- */

.container:has(.dashboard-grid) .dashboard-card::before {

    content: "";

    position: absolute;

    left: 18%;
    right: 18%;
    top: 0;

    height: 2px;

    border-radius: 0 0 4px 4px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d4ae55,
            transparent
        );

    box-shadow:
        0 0 8px rgba(212,174,85,0.25);

    opacity: 0.8;
}


/* ---------------------------------------------------------
   CARD HOVER
   --------------------------------------------------------- */

.container:has(.dashboard-grid) .dashboard-card:hover {

    transform: translateY(-7px);

    border-color:
        rgba(220,185,88,0.68) !important;

    box-shadow:
        0 25px 50px rgba(0,0,0,0.38),
        0 0 25px rgba(201,158,55,0.10);
}


/* ---------------------------------------------------------
   SUBTLE AMBIENT GOLD LIGHT
   --------------------------------------------------------- */

.container:has(.dashboard-grid) {

    position: relative;
}


.container:has(.dashboard-grid)::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 350px;

    left: 50%;
    top: -180px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(201,158,55,0.10) 0%,
            rgba(201,158,55,0.035) 35%,
            transparent 72%
        );

    pointer-events: none;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .container:has(.dashboard-grid) .section-title h2 {

        color: #f8f4e9 !important;

        text-shadow:
            0 2px 5px rgba(0,0,0,0.65),
            0 0 14px rgba(255,255,255,0.08);
    }

    .container:has(.dashboard-grid) .dashboard-card h2 {

        color: #e5c564 !important;
    }

}

/* =========================================================
   REDSPY CORPORATE LEADERSHIP PHILOSOPHY
   PREMIUM TWO-COLUMN PRESENTATION
   ========================================================= */

.corporate-leadership {
    position: relative;
    padding: 100px 0 110px !important;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #ffffff 52%,
            #faf5eb 100%
        ) !important;

    overflow: hidden;
}


/* ---------------------------------------------------------
   SUBTLE BACKGROUND LIGHT
   --------------------------------------------------------- */

.corporate-leadership::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -220px;
    top: -170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201,158,55,0.10) 0%,
            rgba(201,158,55,0.035) 42%,
            transparent 72%
        );

    pointer-events: none;
}


.corporate-leadership::after {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    left: -180px;
    bottom: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(143,20,43,0.055) 0%,
            transparent 70%
        );

    pointer-events: none;
}


/* ---------------------------------------------------------
   MAIN CONTENT
   --------------------------------------------------------- */

.corporate-leadership .container {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(340px, 0.65fr);

    align-items: center;

    gap: 80px;
}


/* ---------------------------------------------------------
   TEXT AREA
   --------------------------------------------------------- */

.corporate-leadership .leadership-content {
    max-width: 760px;
}


/* Small heading */

.corporate-leadership .leadership-label {
    display: inline-block;

    margin-bottom: 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #b1852c;

    position: relative;
}


.corporate-leadership .leadership-label::after {
    content: "";

    display: block;

    width: 48px;
    height: 2px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );
}


/* ---------------------------------------------------------
   MAIN HEADING
   --------------------------------------------------------- */

.corporate-leadership .leadership-content h2 {

    margin: 0 0 24px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 48px !important;

    line-height: 1.14 !important;

    font-weight: 700 !important;

    letter-spacing: -0.7px;

    color: #111111 !important;
}


/* ---------------------------------------------------------
   GOLD ACCENT
   --------------------------------------------------------- */

.corporate-leadership .leadership-content h2::after {

    content: "";

    display: block;

    width: 72px;
    height: 3px;

    margin-top: 22px;

    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );
}


/* ---------------------------------------------------------
   QUOTE
   --------------------------------------------------------- */

.corporate-leadership .leadership-quote {

    margin: 0 0 24px;

    padding-left: 22px;

    border-left:
        3px solid #c99d35;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 18px;

    line-height: 1.8;

    color: #444444;
}


/* ---------------------------------------------------------
   FOUNDER NAME
   --------------------------------------------------------- */

.corporate-leadership .leadership-name {

    margin: 0 0 5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    font-weight: 700;

    color: #8f142b;
}


/* ---------------------------------------------------------
   DESIGNATION
   --------------------------------------------------------- */

.corporate-leadership .leadership-designation {

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.6;

    color: #666666;
}


/* ---------------------------------------------------------
   PORTRAIT AREA
   --------------------------------------------------------- */

.corporate-leadership .leadership-image {

    position: relative;

    justify-self: end;

    width: min(100%, 430px);

    padding: 10px;

    background:
        linear-gradient(
            145deg,
            #c99d35,
            #8f142b
        );

    border-radius: 22px;

    box-shadow:
        0 25px 60px rgba(0,0,0,0.16),
        0 5px 18px rgba(201,158,55,0.15);

    box-sizing: border-box;
}


/* Inner image */

.corporate-leadership .leadership-image img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 15px;

    object-fit: cover;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.18);
}


/* ---------------------------------------------------------
   GOLD CORNER DETAIL
   --------------------------------------------------------- */

.corporate-leadership .leadership-image::before {

    content: "";

    position: absolute;

    width: 70px;
    height: 70px;

    right: -18px;
    top: -18px;

    border-top:
        3px solid #c99d35;

    border-right:
        3px solid #c99d35;

    border-radius: 0 16px 0 0;

    pointer-events: none;
}


.corporate-leadership .leadership-image::after {

    content: "";

    position: absolute;

    width: 70px;
    height: 70px;

    left: -18px;
    bottom: -18px;

    border-left:
        3px solid #8f142b;

    border-bottom:
        3px solid #8f142b;

    border-radius: 0 0 0 16px;

    pointer-events: none;
}


/* ---------------------------------------------------------
   PREMIUM IMAGE HOVER
   --------------------------------------------------------- */

.corporate-leadership .leadership-image {

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


.corporate-leadership .leadership-image:hover {

    transform: translateY(-6px);

    box-shadow:
        0 32px 70px rgba(0,0,0,0.20),
        0 8px 25px rgba(201,158,55,0.18);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .corporate-leadership {
        padding: 80px 0 90px !important;
    }

    .corporate-leadership .container {

        grid-template-columns:
            1fr
            360px;

        gap: 55px;
    }

    .corporate-leadership .leadership-content h2 {
        font-size: 40px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .corporate-leadership {
        padding: 65px 0 75px !important;
    }

    .corporate-leadership .container {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 45px;
    }

    .corporate-leadership .leadership-content {
        max-width: none;
    }

    .corporate-leadership .leadership-content h2 {

        font-size: 34px !important;

        line-height: 1.18 !important;
    }

    .corporate-leadership .leadership-quote {

        font-size: 16px;

        line-height: 1.7;
    }

    .corporate-leadership .leadership-image {

        width: min(100%, 400px);

        margin: 0 auto;

        justify-self: center;
    }

}
/* =========================================================
   REDSPY — LEADERSHIP PHILOSOPHY
   PREMIUM CORPORATE TWO-COLUMN DESIGN
   ========================================================= */

.message-wrapper {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(320px, 0.65fr);

    align-items: center;

    gap: 75px;

    width: 100%;

    position: relative;

}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.message-wrapper .message-content {

    max-width: 780px;

    position: relative;

    z-index: 2;

}


/* Small gold heading */

.message-wrapper .message-content > span {

    display: inline-block;

    margin-bottom: 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    letter-spacing: 3px;

    color: #b1852c !important;

    text-transform: uppercase;

}


/* Gold line beneath label */

.message-wrapper .message-content > span::after {

    content: "";

    display: block;

    width: 50px;

    height: 2px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );

}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.message-wrapper .message-content h2 {

    margin: 0 0 25px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 47px !important;

    line-height: 1.16 !important;

    font-weight: 700 !important;

    letter-spacing: -0.6px;

    color: #111111 !important;

}


/* Gold → Burgundy accent */

.message-wrapper .message-content h2::after {

    content: "";

    display: block;

    width: 72px;

    height: 3px;

    margin-top: 22px;

    border-radius: 4px;

    background:
        linear-gradient(
            90deg,
            #c99d35,
            #8f142b
        );

}


/* =========================================================
   LEADERSHIP QUOTE
   ========================================================= */

.message-wrapper .message-content blockquote {

    margin: 0 0 25px !important;

    padding:
        5px 0 5px 24px !important;

    border-left:
        3px solid #c99d35 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 18px !important;

    line-height: 1.75 !important;

    font-style: normal !important;

    color: #4f4f4f !important;

    max-width: 760px;

    position: relative;

}


/* =========================================================
   FOUNDER NAME
   ========================================================= */

.message-wrapper .message-content h4 {

    margin: 0 0 5px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 23px !important;

    font-weight: 700 !important;

    color: #8f142b !important;

}


/* Designation */

.message-wrapper .message-content > p {

    margin: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    line-height: 1.6 !important;

    color: #666666 !important;

}


/* =========================================================
   RIGHT-SIDE PORTRAIT
   Uses the existing image — no HTML/image-path change
   ========================================================= */

.message-wrapper > img {

    width: 100% !important;

    max-width: 430px !important;

    height: auto !important;

    display: block !important;

    justify-self: end;

    border-radius: 18px !important;

    padding: 8px;

    box-sizing: border-box;

    background:
        linear-gradient(
            145deg,
            #c99d35,
            #8f142b
        );

    box-shadow:
        0 25px 60px rgba(0,0,0,0.16),
        0 5px 20px rgba(201,158,55,0.15);

    position: relative;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;

}


/* =========================================================
   IF IMAGE IS INSIDE ANOTHER DIV
   This also handles the common structure
   ========================================================= */

.message-wrapper img {

    max-width: 100%;

    height: auto;

}


/* =========================================================
   IMAGE HOVER
   ========================================================= */

.message-wrapper > img:hover {

    transform: translateY(-6px);

    box-shadow:
        0 32px 70px rgba(0,0,0,0.20),
        0 8px 28px rgba(201,158,55,0.18);

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .message-wrapper {

        grid-template-columns:
            minmax(0, 1.1fr)
            minmax(280px, 0.9fr);

        gap: 45px;

    }


    .message-wrapper .message-content h2 {

        font-size: 40px !important;

    }


    .message-wrapper .message-content blockquote {

        font-size: 17px !important;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .message-wrapper {

        display: flex !important;

        flex-direction: column;

        align-items: stretch;

        gap: 45px;

    }


    .message-wrapper .message-content {

        max-width: none;

    }


    .message-wrapper .message-content h2 {

        font-size: 34px !important;

        line-height: 1.18 !important;

    }


    .message-wrapper .message-content blockquote {

        font-size: 16px !important;

        line-height: 1.7 !important;

        padding-left: 18px !important;

    }


    .message-wrapper > img {

        width: 100% !important;

        max-width: 400px !important;

        margin: 0 auto;

        justify-self: center;

    }

}

/* =========================================================
   REDSPY — CLIENT CONFIDENTIALITY
   Scoped styling — affects ONLY confidentiality-box
   ========================================================= */

.confidentiality-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 32px;

    max-width: 1180px;
    margin: 70px auto 80px;
    padding: 48px 55px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffdf9 100%
        );

    border: 1px solid rgba(190, 145, 45, 0.28);
    border-left: 4px solid #c79a3b;

    border-radius: 4px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.07),
        0 2px 8px rgba(0, 0, 0, 0.035);

    overflow: hidden;
}


/* Subtle luxury glow */
.confidentiality-box::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;

    top: -120px;
    right: -90px;

    background: radial-gradient(
        circle,
        rgba(199, 154, 59, 0.10) 0%,
        rgba(199, 154, 59, 0) 70%
    );

    pointer-events: none;
}


/* Shield */
.confidentiality-icon {
    flex: 0 0 68px;

    width: 68px;
    height: 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 5px;

    background:
        linear-gradient(
            145deg,
            #cda54d,
            #a97922
        );

    border-radius: 50%;

    box-shadow:
        0 6px 18px rgba(170, 125, 35, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}


.confidentiality-icon i {
    font-size: 27px;
    color: #ffffff;

    filter:
        drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}


/* Content */
.confidentiality-content {
    position: relative;
    z-index: 1;

    flex: 1;
}


/* Small gold label */
.confidentiality-label {
    display: block;

    margin-bottom: 10px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: #b7892e;
}


/* Main heading */
.confidentiality-content h2 {
    margin: 0 0 16px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.18;

    font-weight: 600;

    color: #171313;
}


/* Description */
.confidentiality-content p {
    max-width: 1000px;

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;
    line-height: 1.8;

    color: #5d5960;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .confidentiality-box {
        flex-direction: column;
        gap: 22px;

        margin: 45px 20px 55px;
        padding: 35px 28px;
    }

    .confidentiality-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .confidentiality-icon i {
        font-size: 23px;
    }

    .confidentiality-content h2 {
        font-size: 30px;
    }

    .confidentiality-content p {
        font-size: 15px;
        line-height: 1.7;
    }

}


@media (max-width: 480px) {

    .confidentiality-box {
        margin: 35px 15px 45px;
        padding: 30px 22px;
    }

    .confidentiality-content h2 {
        font-size: 27px;
    }

    .confidentiality-label {
        font-size: 10px;
        letter-spacing: 2px;
    }

}

/* =========================================================
   REDSPY CORPORATE FAQ
   Scoped ONLY to .faq-container
   ========================================================= */

.faq-container {
    max-width: 1180px;
    margin: 55px auto 90px;

    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* Individual FAQ card */

.faq-container .faq-item {
    position: relative;

    background: #ffffff;

    border: 1px solid rgba(190, 145, 45, 0.20);
    border-radius: 8px;

    overflow: hidden;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.035);

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}


/* Hover */

.faq-container .faq-item:hover {
    border-color: rgba(190, 145, 45, 0.48);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.07);

    transform: translateY(-1px);
}


/* Question button */

.faq-container .faq-question {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding: 24px 30px;

    background: transparent;

    border: none;

    text-align: left;

    cursor: pointer;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;
    font-weight: 600;

    color: #191515;

    transition:
        color 0.25s ease,
        background 0.25s ease;
}


/* Plus icon */

.faq-container .faq-question i {
    flex: 0 0 auto;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(190, 145, 45, 0.45);
    border-radius: 50%;

    font-size: 12px;

    color: #b7892e;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}


/* Answer */

.faq-container .faq-answer {
    max-height: 0;

    overflow: hidden;

    padding: 0 30px;

    opacity: 0;

    transition:
        max-height 0.4s ease,
        opacity 0.3s ease,
        padding 0.3s ease;
}


/* Answer text */

.faq-container .faq-answer p {
    margin: 0;

    padding: 0 0 25px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;
    line-height: 1.75;

    color: #646067;
}


/* Active FAQ */

.faq-container .faq-item.active {
    border-color: rgba(190, 145, 45, 0.55);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.08);
}


.faq-container .faq-item.active
.faq-question {
    color: #a87820;

    background:
        linear-gradient(
            90deg,
            rgba(199, 154, 59, 0.045),
            transparent
        );
}


.faq-container .faq-item.active
.faq-question i {
    transform: rotate(45deg);

    background: #b7892e;

    color: #ffffff;

    border-color: #b7892e;
}


.faq-container .faq-item.active
.faq-answer {
    max-height: 300px;

    opacity: 1;

    padding-top: 2px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .faq-container {
        margin: 40px 20px 65px;
        gap: 12px;
    }

    .faq-container .faq-question {
        padding: 20px 20px;

        font-size: 15px;

        gap: 15px;
    }

    .faq-container .faq-question i {
        width: 29px;
        height: 29px;

        font-size: 11px;
    }

    .faq-container .faq-answer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .faq-container .faq-answer p {
        font-size: 14px;
        line-height: 1.7;
    }

}


@media (max-width: 480px) {

    .faq-container {
        margin-left: 15px;
        margin-right: 15px;
    }

    .faq-container .faq-question {
        padding: 18px;

        font-size: 14px;
    }

    .faq-container .faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

}

/* =========================================================
   REDSPY — RELATED PROFESSIONAL SERVICES
   Scoped ONLY to .related-grid / .related-card
   ========================================================= */

.related-grid {
    max-width: 1180px;
    margin: 55px auto 95px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 22px;
}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.related-grid .related-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 360px;

    padding: 36px 30px 30px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffdf9 100%
        );

    border: 1px solid rgba(190, 145, 45, 0.24);

    border-radius: 8px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.045);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Luxury gold top line */

.related-grid .related-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #9f711e,
            #d5ae57,
            #9f711e
        );

    transform: scaleX(0.35);
    transform-origin: center;

    transition:
        transform 0.35s ease;
}


/* Soft background glow */

.related-grid .related-card::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -100px;
    bottom: -100px;

    background:
        radial-gradient(
            circle,
            rgba(199, 154, 59, 0.10) 0%,
            rgba(199, 154, 59, 0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   HOVER
   ========================================================= */

.related-grid .related-card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(190, 145, 45, 0.55);

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.09);
}


.related-grid .related-card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   ICON
   ========================================================= */

.related-grid .related-card > i {
    position: relative;
    z-index: 1;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    background:
        linear-gradient(
            145deg,
            #cda54d,
            #a87822
        );

    color: #ffffff;

    border-radius: 50%;

    font-size: 22px;

    box-shadow:
        0 7px 18px rgba(170, 125, 35, 0.20);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.related-grid .related-card:hover > i {
    transform: scale(1.07);

    box-shadow:
        0 10px 25px rgba(170, 125, 35, 0.30);
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.related-grid .related-card h3 {
    position: relative;
    z-index: 1;

    margin: 0 0 14px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    line-height: 1.25;

    font-weight: 600;

    color: #181414;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.related-grid .related-card p {
    position: relative;
    z-index: 1;

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;
    line-height: 1.7;

    color: #666168;
}


/* =========================================================
   LEARN MORE
   ========================================================= */

.related-grid .related-card a {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-top: auto;
    padding-top: 25px;

    width: fit-content;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    color: #a87820;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}


.related-grid .related-card a i {
    font-size: 12px;

    transition:
        transform 0.25s ease;
}


.related-grid .related-card a:hover {
    color: #8c641b;

    gap: 13px;
}


.related-grid .related-card a:hover i {
    transform: translateX(3px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .related-grid {
        grid-template-columns: repeat(2, 1fr);

        margin-left: 30px;
        margin-right: 30px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .related-grid {
        grid-template-columns: 1fr;

        gap: 18px;

        margin:
            40px 20px 65px;
    }

    .related-grid .related-card {
        min-height: auto;

        padding: 30px 26px 27px;
    }

    .related-grid .related-card > i {
        width: 54px;
        height: 54px;

        margin-bottom: 20px;
    }

    .related-grid .related-card h3 {
        font-size: 22px;
    }

}

/* =====================================================
   PREMIUM FAQ CTA BUTTON
===================================================== */

.hero-buttons .btn-primary,
.hero-buttons .faq-button {
    border: 1px solid #c9a227 !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.hero-buttons .faq-button {
    background: linear-gradient(135deg, #8f0f1f, #b51d2d) !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.hero-buttons .faq-button:hover {
    background: linear-gradient(135deg, #b51d2d, #8f0f1f) !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    transform: translateY(-2px);
}

.hero-buttons .faq-button i {
    color: #ffffff !important;
    margin-left: 8px;
}

/* =========================================================
   END CORPORATE.CSS
   ========================================================= */