/* ===========================================
   PROJECT FALCON DESIGN SYSTEM
   REDSPY INVESTIGATION & INTELLIGENCE
=========================================== */

/* Text */

--heading:#181818;

--text:#5F5F5F;

--light-text:#878787;


/* Shadows */

--shadow-sm:
0 5px 18px rgba(0,0,0,.06);

--shadow-md:
0 15px 35px rgba(0,0,0,.10);

--shadow-lg:
0 25px 60px rgba(0,0,0,.18);

--gold-shadow:
0 10px 35px rgba(200,162,77,.22);


/* Radius */

--radius:22px;

--radius-lg:30px;


/* Transition */

--transition:.45s ease;

}
body{

background:

linear-gradient(
180deg,
#FCFBF8 0%,
#FAF8F4 100%
);

color:var(--text);

font-family:'Poppins',sans-serif;

overflow-x:hidden;

}
section{

position:relative;

padding:110px 0;

overflow:hidden;

}
section::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background-image:

linear-gradient(
45deg,
rgba(200,162,77,.03) 1px,
transparent 1px),

linear-gradient(
-45deg,
rgba(200,162,77,.03) 1px,
transparent 1px);

background-size:65px 65px;

pointer-events:none;

}
.section-label{

display:inline-block;

padding:8px 18px;

border-radius:50px;

background:#fff;

border:1px solid rgba(200,162,77,.30);

font-size:13px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

color:var(--gold-dark);

margin-bottom:25px;

box-shadow:var(--shadow-sm);

}
.section-title{

font-family:'Cormorant Garamond',serif;

font-size:58px;

font-weight:700;

line-height:1.08;

color:var(--heading);

margin-bottom:28px;

}


margin:40px auto;

border-radius:50px;

}
.falcon-card{

background:#fff;

border-radius:22px;

padding:45px;

border:1px solid rgba(200,162,77,.20);

box-shadow:var(--shadow-sm);

transition:all .45s ease;

position:relative;

overflow:hidden;

height:100%;

}
.falcon-card:hover{

transform:translateY(-12px);

box-shadow:var(--gold-shadow);

border-color:var(--gold);

}
.falcon-card::before{

content:"";

position:absolute;

left:0;
top:0;

height:4px;

width:0;

background:var(--gold);

transition:.45s;

}

.falcon-card:hover::before{

width:100%;

}
.icon-circle{

width:75px;

height:75px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(

145deg,

#F8E7B7,

#C8A24D);

color:#fff;

font-size:30px;

margin-bottom:25px;

box-shadow:var(--gold-shadow);

}
.btn-falcon{

display:inline-block;

padding:18px 42px;

border-radius:60px;

background:

linear-gradient(

135deg,

var(--primary),

#B01F30);

color:#fff;

font-weight:600;

transition:.4s;

text-decoration:none;

box-shadow:var(--shadow-md);

}
.btn-falcon:hover{

transform:translateY(-4px);

box-shadow:0 20px 40px rgba(139,18,32,.35);

}
.falcon-image{

border-radius:28px;

overflow:hidden;

box-shadow:var(--shadow-lg);

transition:.6s;

}
.falcon-image:hover img{

transform:scale(1.06);

}

/*==========================================================
01. PREMIUM CONTAINER SYSTEM
PROJECT FALCON DESIGN SYSTEM
==========================================================*/

/* Main Container */

.container{

    width:100%;

    max-width:1320px;

    margin:0 auto;

    padding-left:40px;

    padding-right:40px;

    position:relative;

    z-index:2;

}

/* Narrow Container */

.container-sm{

    width:100%;

    max-width:1100px;

    margin:0 auto;

    padding-left:40px;

    padding-right:40px;

    position:relative;

    z-index:2;

}

/* Wide Container */

.container-xl{

    width:100%;

    max-width:1480px;

    margin:0 auto;

    padding-left:40px;

    padding-right:40px;

    position:relative;

    z-index:2;

}

/* Full Width Container */

.container-fluid{

    width:100%;

    padding-left:50px;

    padding-right:50px;

    position:relative;

    z-index:2;

}

/* Responsive */

@media (max-width:1200px){

.container{

max-width:1140px;

}

}

@media (max-width:992px){

.container,
.container-sm,
.container-xl{

padding-left:30px;

padding-right:30px;

}

.container-fluid{

padding-left:35px;

padding-right:35px;

}

}

@media (max-width:768px){

.container,
.container-sm,
.container-xl{

padding-left:22px;

padding-right:22px;

}

.container-fluid{

padding-left:22px;

padding-right:22px;

}

}

/*==========================================================
02. EXECUTIVE GRID SYSTEM
==========================================================*/

/* Universal Grid */

.grid{

    display:grid;
    gap:35px;

}

/* Two Columns */

.grid-2{

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:40px;
    align-items:center;

}

/* Three Columns */

.grid-3{

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:35px;

}

/* Four Columns */

.grid-4{

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

}

/* Five Columns */

.grid-5{

    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:28px;

}

/* Auto Fit */

.grid-auto{

    display:grid;

    grid-template-columns:

    repeat(auto-fit,minmax(280px,1fr));

    gap:35px;

}

/* Equal Height */

.grid > *{

    height:100%;

}

/* Vertical Alignment */

.align-center{

    align-items:center;

}

.align-start{

    align-items:flex-start;

}

.align-end{

    align-items:flex-end;

}

/* Horizontal Alignment */

.justify-center{

    justify-content:center;

}

.justify-between{

    justify-content:space-between;

}

/* Gap Utilities */

.gap-20{

gap:20px;

}

.gap-30{

gap:30px;

}

.gap-40{

gap:40px;

}

.gap-50{

gap:50px;

}

/* Responsive */

@media(max-width:1100px){

.grid-4{

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

}

.grid-5{

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

}

}

@media(max-width:991px){

.grid-2,
.grid-3{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.grid-4,
.grid-5{

grid-template-columns:1fr;

}

}

/*==========================================================
03. EXECUTIVE PREMIUM CARD SYSTEM
==========================================================*/

.premium-card{

    position:relative;

    background:linear-gradient(
    180deg,
    #FFFFFF 0%,
    #FCFBF8 100%);

    border:1px solid rgba(200,162,77,.18);

    border-radius:28px;

    padding:42px;

    overflow:hidden;

    transition:all .45s ease;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    height:100%;

}

/* Gold Top Accent */

.premium-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:

    linear-gradient(
    90deg,
    transparent,
    var(--gold),
    transparent);

    transform:scaleX(0);

    transition:.45s;

}

/* Soft Gold Glow */

.premium-card::after{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(200,162,77,.18),

    transparent 70%);

    transition:.5s;

}

/* Hover */

.premium-card:hover{

    transform:translateY(-12px);

    border-color:var(--gold);

    box-shadow:

    0 28px 60px rgba(0,0,0,.14),

    0 12px 35px rgba(200,162,77,.20);

}

.premium-card:hover::before{

    transform:scaleX(1);

}

.premium-card:hover::after{

    transform:scale(1.15);

}

/* Card Icon */

.premium-icon{

    width:78px;

    height:78px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

    linear-gradient(
    145deg,

    #EBD7A2,

    #C8A24D);

    color:#fff;

    font-size:32px;

    margin-bottom:28px;

    box-shadow:

    0 15px 35px rgba(200,162,77,.35);

}

/* Card Title */

.premium-card h3{

    font-family:

    'Cormorant Garamond',serif;

    font-size:34px;

    font-weight:700;

    color:var(--heading);

    margin-bottom:18px;

}

/* Card Text */

.premium-card p{

    font-size:17px;

    line-height:1.9;

    color:var(--text);

}

/* Ribbon */

.card-ribbon{

    position:absolute;

    top:22px;

    right:-40px;

    background:

    linear-gradient(

    135deg,

    var(--gold),

    var(--gold-dark));

    color:#fff;

    font-size:11px;

    letter-spacing:2px;

    font-weight:600;

    text-transform:uppercase;

    padding:9px 48px;

    transform:rotate(45deg);

}

/* Small Card */

.premium-card-sm{

    padding:30px;

    border-radius:22px;

}

/* Large Card */

.premium-card-lg{

    padding:60px;

}

/*==========================================================
04. GLASSMORPHISM CORPORATE CARD SYSTEM
==========================================================*/

.glass-card{

    position:relative;

    background:rgba(255,255,255,.72);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.45);

    border-radius:30px;

    padding:40px;

    overflow:hidden;

    transition:.45s ease;

    box-shadow:

    0 20px 45px rgba(0,0,0,.08);

}

/* Gold Glow */

.glass-card::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    right:-120px;

    top:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(200,162,77,.18),

    transparent 70%);

    transition:.5s;

}

/* Bottom Highlight */

.glass-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:

    linear-gradient(

    90deg,

    transparent,

    var(--gold),

    transparent);

    transform:scaleX(0);

    transition:.45s;

}

/* Hover */

.glass-card:hover{

    transform:translateY(-10px);

    border-color:rgba(200,162,77,.35);

    box-shadow:

    0 30px 65px rgba(0,0,0,.12),

    0 12px 35px rgba(200,162,77,.22);

}

.glass-card:hover::before{

    transform:scale(1.2);

}

.glass-card:hover::after{

    transform:scaleX(1);

}

/* Content */

.glass-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:34px;

    color:var(--heading);

    margin-bottom:18px;

}

.glass-card p{

    line-height:1.9;

    font-size:17px;

    color:var(--text);

}

/*==========================================================
05. LUXURY GOLD FRAME SYSTEM
==========================================================*/

/* Elegant Gold Border */

.gold-frame{

    position:relative;

    border:1px solid rgba(200,162,77,.22);

    border-radius:30px;

    overflow:hidden;

    transition:.45s ease;

}

/* Four Decorative Corners */

.gold-frame::before,
.gold-frame::after{

    content:"";

    position:absolute;

    width:80px;

    height:80px;

    border-color:var(--gold);

    border-style:solid;

    opacity:.55;

    transition:.45s ease;

}

/* Top Left */

.gold-frame::before{

    top:18px;

    left:18px;

    border-width:3px 0 0 3px;

}

/* Bottom Right */

.gold-frame::after{

    right:18px;

    bottom:18px;

    border-width:0 3px 3px 0;

}

/* Hover */

.gold-frame:hover{

    border-color:var(--gold);

    box-shadow:

    0 22px 60px rgba(200,162,77,.20);

}

.gold-frame:hover::before{

    top:10px;

    left:10px;

}

.gold-frame:hover::after{

    right:10px;

    bottom:10px;

}

/* Thin Gold Line */

.gold-line{

    width:100px;

    height:4px;

    border-radius:50px;

    margin:25px 0;

    background:

    linear-gradient(

    90deg,

    transparent,

    var(--gold),

    transparent);

}

/* Center Version */

.gold-line-center{

    margin:25px auto;

}

/* Section Divider */

.section-divider{

    width:100%;

    height:1px;

    margin:90px 0;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(200,162,77,.45),

    transparent);

}

/*==========================================================
06. EXECUTIVE IMAGE SYSTEM
==========================================================*/

.executive-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:#fff;

    padding:18px;

    border:1px solid rgba(200,162,77,.20);

    box-shadow:
    var(--shadow-md);

    transition:all .45s ease;

}

/* Premium Image */

.executive-image img{

    width:100%;

    display:block;

    border-radius:22px;

    transition:transform .7s ease;

}

/* Gold Glow */

.executive-image::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:30px;

    border:2px solid transparent;

    transition:.45s;

}

/* Decorative Gold Circle */

.executive-image::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-110px;

    top:-110px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(200,162,77,.16),

    transparent 72%);

    transition:.5s;

}

/* Hover */

.executive-image:hover{

    transform:translateY(-10px);

    box-shadow:

    var(--shadow-lg),

    var(--gold-shadow);

}

.executive-image:hover img{

    transform:scale(1.06);

}

.executive-image:hover::before{

    border-color:rgba(200,162,77,.45);

}

.executive-image:hover::after{

    transform:scale(1.18);

}

/* Small Image */

.executive-image-sm{

    max-width:500px;

}

/* Large Hero Image */

.executive-image-lg{

    max-width:100%;

}

/*==========================================================
07. PREMIUM BACKGROUND DECORATION SYSTEM
==========================================================*/

/* Light Decorative Background */

.bg-pattern{

    position:relative;

    overflow:hidden;

}

/* Top Right Glow */

.bg-pattern::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-220px;

    right:-220px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(200,162,77,.10),

    transparent 70%);

    pointer-events:none;

}

/* Bottom Left Glow */

.bg-pattern::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    bottom:-180px;

    left:-180px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(139,18,32,.05),

    transparent 70%);

    pointer-events:none;

}

/* Gold Dot Pattern */

.pattern-dots{

    background-image:

    radial-gradient(

    rgba(200,162,77,.12) 1px,

    transparent 1px);

    background-size:28px 28px;

}

/* Soft Grid Pattern */

.pattern-grid{

    background-image:

    linear-gradient(

    rgba(200,162,77,.05) 1px,

    transparent 1px),

    linear-gradient(

    90deg,

    rgba(200,162,77,.05) 1px,

    transparent 1px);

    background-size:50px 50px;

}

/* Executive Gradient */

.bg-premium{

    background:

    linear-gradient(

    180deg,

    #FCFBF8 0%,

    #F7F5F0 100%);

}

/* White Premium */

.bg-white{

    background:#ffffff;

}

/* Soft Cream */

.bg-cream{

    background:#FAF8F4;

}

/*==========================================================
08. PREMIUM ANIMATION SYSTEM
PROJECT FALCON DESIGN SYSTEM
==========================================================*/

/*---------------------------------------
Universal Transition
---------------------------------------*/

.animate{

    transition:all .45s ease;

}

/*---------------------------------------
Floating Effect
---------------------------------------*/

.float-hover:hover{

    transform:translateY(-12px);

}

/*---------------------------------------
Image Zoom
---------------------------------------*/

.zoom-hover{

    overflow:hidden;

}

.zoom-hover img{

    transition:transform .7s ease;

}

.zoom-hover:hover img{

    transform:scale(1.08);

}

/*---------------------------------------
Icon Rotation
---------------------------------------*/

.rotate-icon i{

    transition:.45s ease;

}

.rotate-icon:hover i{

    transform:rotate(12deg) scale(1.08);

}

/*---------------------------------------
Soft Glow
---------------------------------------*/

.glow-hover:hover{

    box-shadow:

    0 20px 55px rgba(0,0,0,.15),

    0 10px 35px rgba(200,162,77,.22);

}

/*---------------------------------------
Gold Border Glow
---------------------------------------*/

.gold-hover{

    transition:.45s ease;

}

.gold-hover:hover{

    border-color:var(--gold);

}

/*---------------------------------------
Button Lift
---------------------------------------*/

.button-hover{

    transition:.35s ease;

}

.button-hover:hover{

    transform:translateY(-4px);

}

/*---------------------------------------
Fade Up Animation
---------------------------------------*/

/*---------------------------------------
Fade Left
---------------------------------------*/

.fade-left{

    opacity:0;

    transform:translateX(-60px);

    transition:.8s ease;

}

.fade-left.active{

    opacity:1;

    transform:translateX(0);

}

/*---------------------------------------
Fade Right
---------------------------------------*/

.fade-right{

    opacity:0;

    transform:translateX(60px);

    transition:.8s ease;

}

.fade-right.active{

    opacity:1;

    transform:translateX(0);

}

/*---------------------------------------
Scale In
---------------------------------------*/

.scale-up{

    opacity:0;

    transform:scale(.92);

    transition:.7s ease;

}

.scale-up.active{

    opacity:1;

    transform:scale(1);

}

/*---------------------------------------
Golden Shimmer
---------------------------------------*/

.shimmer{

    position:relative;

    overflow:hidden;

}

.shimmer::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.45),

    transparent);

    transition:.8s;

}

.shimmer:hover::before{

    left:150%;

}

/*---------------------------------------
Smooth Appearance
---------------------------------------*/

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

.fade-in{

    animation:fadeIn .8s ease;

}

/*---------------------------------------
Floating Icon
---------------------------------------*/

@keyframes floating{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

.float-icon{

    animation:floating 4s ease-in-out infinite;

}

/*==========================================================
09. EXECUTIVE TYPOGRAPHY SYSTEM
PROJECT FALCON DESIGN SYSTEM
==========================================================*/

/* Display Heading */

.display-title{

    font-family:'Cormorant Garamond',serif;

    font-size:68px;

    font-weight:700;

    line-height:1.05;

    color:var(--heading);

    margin-bottom:25px;

}

/* Main Section Title */


/* Card Title */

.card-title{

    font-family:'Cormorant Garamond',serif;

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    margin-bottom:18px;

}

/* Lead Paragraph */

.lead-text{

    font-size:20px;

    line-height:1.9;

    color:var(--text);

    max-width:900px;

}

/* Normal Paragraph */

.body-text{

    font-size:17px;

    line-height:1.9;

    color:var(--text);

}

/* Small Text */

.small-text{

    font-size:15px;

    line-height:1.8;

    color:var(--light-text);

}

/* Labels */

.section-tag{

    display:inline-block;

    padding:8px 20px;

    background:rgba(200,162,77,.10);

    border:1px solid rgba(200,162,77,.25);

    border-radius:50px;

    color:var(--gold-dark);

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:25px;

}

/* Highlight Text */

.gold-text{

    color:var(--gold);

}

/* Statistics */

.stat-number{

    font-size:58px;

    font-weight:700;

    color:var(--gold);

    line-height:1;

}

.stat-label{

    margin-top:10px;

    font-size:16px;

    color:var(--text);

}

/* Quote */

.quote-text{

    font-family:'Cormorant Garamond',serif;

    font-size:34px;

    line-height:1.5;

    font-style:italic;

    color:var(--heading);

}

/* Responsive */

@media(max-width:992px){

.display-title{

font-size:56px;

}

.section-title{

font-size:46px;

}

.card-title{

font-size:26px;

}

}

@media(max-width:768px){

.display-title{

font-size:42px;

}

.section-title{

font-size:36px;

}

.lead-text{

font-size:18px;

}

}


/*==========================================================
10. SECTION LAYOUT FRAMEWORK
PROJECT FALCON DESIGN SYSTEM
==========================================================*/


/*=====================================================
Section Heading
=====================================================*/

.section-heading{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

    position:relative;

}

.section-heading.left{

    margin:0 0 70px;

    text-align:left;

}

.section-heading.right{

    margin:0 0 70px auto;

    text-align:right;

}


/*=====================================================
Split Layout
=====================================================*/

.layout-split{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}


/*=====================================================
Image Left
=====================================================*/

.layout-image-left{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.layout-image-left .image{

    order:1;

}

.layout-image-left .content{

    order:2;

}


/*=====================================================
Image Right
=====================================================*/

.layout-image-right{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.layout-image-right .content{

    order:1;

}

.layout-image-right .image{

    order:2;

}


/*=====================================================
Centered Section
=====================================================*/

.layout-center{

    max-width:1000px;

    margin:auto;

    text-align:center;

}


/*=====================================================
Card Grid
=====================================================*/

.layout-card-grid{

    margin-top:70px;

}


/*=====================================================
Timeline Layout
=====================================================*/

.layout-timeline{

    position:relative;

    margin-top:80px;

}


/*=====================================================
Statistics Ribbon
=====================================================*/

.layout-ribbon{

    margin-top:70px;

}


/*=====================================================
Hero Layout
=====================================================*/

.layout-hero{

    min-height:650px;

    display:flex;

    align-items:center;

}


/*=====================================================
Content Width
=====================================================*/

.content-width{

    max-width:650px;

}

.content-width-lg{

    max-width:820px;

}

.content-width-sm{

    max-width:480px;

}


/*=====================================================
Vertical Space
=====================================================*/

.space-top{

    margin-top:80px;

}

.space-bottom{

    margin-bottom:80px;

}

.space-y{

    margin:80px 0;

}


/*=====================================================
Responsive
=====================================================*/

@media(max-width:992px){

.layout-split,

.layout-image-left,

.layout-image-right{

grid-template-columns:1fr;

gap:55px;

}

.layout-image-left .image,

.layout-image-left .content,

.layout-image-right .image,

.layout-image-right .content{

order:unset;

}

.section-heading{

margin-bottom:60px;

}

}

@media(max-width:768px){

.layout-hero{

min-height:auto;

}

.space-top{

margin-top:50px;

}

.space-bottom{

margin-bottom:50px;

}

.space-y{

margin:50px 0;

}

}

/*==========================================================
11. LUXURY SECTION DECORATION SYSTEM
PROJECT FALCON DESIGN SYSTEM
==========================================================*/


/*=====================================================
Gold Accent Line
=====================================================*/

.section-accent{

    width:120px;

    height:5px;

    margin:30px auto;

    border-radius:50px;

    background:

    linear-gradient(

    90deg,

    transparent,

    var(--gold),

    transparent);

}


/*=====================================================
Executive Divider
=====================================================*/

.executive-divider{

    width:100%;

    height:1px;

    margin:90px 0;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(200,162,77,.40),

    transparent);

}


/*=====================================================
Floating Gold Circle
=====================================================*/

.gold-circle{

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(200,162,77,.12),

    transparent 72%);

    pointer-events:none;

    z-index:0;

}

.circle-top-right{

    top:-120px;

    right:-120px;

}

.circle-bottom-left{

    bottom:-120px;

    left:-120px;

}


/*=====================================================
Fingerprint Background
=====================================================*/

.bg-fingerprint{

    position:relative;

}

.bg-fingerprint::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    url("../images/design/fingerprint.svg")

    center no-repeat;

    background-size:420px;

    opacity:.025;

    pointer-events:none;

}


/*=====================================================
Evidence Grid
=====================================================*/

.bg-evidence{

    position:relative;

}

.bg-evidence::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    rgba(200,162,77,.03) 1px,

    transparent 1px),

    linear-gradient(

    90deg,

    rgba(200,162,77,.03) 1px,

    transparent 1px);

    background-size:45px 45px;

    pointer-events:none;

}


/*=====================================================
Top Gold Ribbon
=====================================================*/

.top-ribbon{

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:6px;

    border-radius:0 0 10px 10px;

    background:

    linear-gradient(

    90deg,

    var(--gold-dark),

    var(--gold),

    var(--gold-light));

}


/*=====================================================
Premium Watermark
=====================================================*/

.watermark{

    position:absolute;

    right:40px;

    bottom:30px;

    font-size:130px;

    font-weight:700;

    color:rgba(200,162,77,.03);

    user-select:none;

    pointer-events:none;

}


/*=====================================================
Responsive
=====================================================*/

@media(max-width:768px){

.watermark{

font-size:70px;

}

.gold-circle{

display:none;

}

}

/*==========================================================
12. ENTERPRISE UI COMPONENT SYSTEM
PROJECT FALCON DESIGN SYSTEM
==========================================================*/

/* ==========================================
Premium Badge
========================================== */

.badge-premium{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:50px;

    background:rgba(200,162,77,.10);

    border:1px solid rgba(200,162,77,.25);

    color:var(--gold-dark);

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

/* ==========================================
Premium List
========================================== */

.list-premium{

    list-style:none;

    margin:0;

    padding:0;

}

.list-premium li{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:20px;

}

.list-premium i{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(200,162,77,.12);

    color:var(--gold);

    flex-shrink:0;

}

/* ==========================================
Information Box
========================================== */

.info-box{

    padding:30px;

    border-left:4px solid var(--gold);

    background:#fff;

    border-radius:18px;

    box-shadow:var(--shadow-sm);

}

/* ==========================================
Quote Box
========================================== */

.quote-box{

    padding:40px;

    background:#fff;

    border-radius:24px;

    border:1px solid rgba(200,162,77,.18);

    box-shadow:var(--shadow-md);

    position:relative;

}

.quote-box::before{

    content:"“";

    position:absolute;

    top:15px;

    left:30px;

    font-size:90px;

    color:rgba(200,162,77,.15);

    font-family:'Cormorant Garamond',serif;

}

/* ==========================================
Feature Divider
========================================== */

.feature-divider{

    width:80px;

    height:3px;

    background:var(--gold);

    margin:20px 0;

    border-radius:10px;

}


/* ==========================================
Section Spacer Utilities
========================================== */

.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}

.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}