/* =========================
   RESET
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#050505;
    color:#fff;
    font-family:'Playfair Display',serif;
    line-height:1.7;
    overflow-x:hidden;
}

/* =========================
   VARIABLES
========================= */

:root{
    --gold:#d4af37;
    --gold-light:#f4d03f;
    --black:#050505;
    --card:#111111;
    --card2:#161616;
    --text:#ffffff;
    --muted:#b5b5b5;
    --border:rgba(212,175,55,.2);
}

/* =========================
   GLOBAL
========================= */

.container{
    width:90%;
    max-width:1280px;
    margin:auto;
}

.section{
    padding:110px 0;
}

h1,h2,h3,h4{
    font-weight:700;
}

span{
    /* color:var(--gold);*/
        background: linear-gradient(135deg, hsl(43 80% 52%) 0%, hsl(35 80% 55%) 100%);
    background-clip: text;
    /* -webkit-text-fill-color: transparent;  */
}

a{
    text-decoration:none;
}

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.section-heading h2{
    font-size:4rem;
    margin-bottom:20px;
}

.section-heading p{
    color:var(--muted);
    max-width:1000px;
    margin:auto;
        font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 1px;
}

.section-badge{
    display:inline-block;
    border:1px solid var(--border);
    /* background:rgba(212,175,55,.08); */
    color:var(--gold);
    padding:7px 18px;
    border-radius:50px;
    margin-bottom:20px;
        background: linear-gradient(135deg, hsl(43 80% 52%) 0%, hsl(35 80% 55%) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: sans-serif;
}

/* =========================
   BUTTONS
========================= */

.btn{
       display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 53px;
    border-radius: 16px;
    font-weight: 700;
    transition: .35s;
    font-size: 17px;
    font-family: sans-serif;
}

.btn-primary{
    background:linear-gradient(135deg, hsl(43 80% 52%) 0%, hsl(35 80% 55%) 100%);;
    color:#000;
}

.btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 30px rgba(212,175,55,.3);
}

.btn-outline{
    border:1px solid var(--gold);
    color:var(--gold);
}

.btn-outline:hover{
    background:var(--gold);
    color:#000;
}

/* =========================
   HEADER
========================= */

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    backdrop-filter:blur(12px);
    background:rgba(0,0,0,.75);
    border-bottom:1px solid rgba(255,255,255,.05);
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:90px;
}

.logo{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:1.2rem;
    font-weight:700;
}

.logo-icon{
    width:210px;
    height:42px;
    border-radius:50%;
    /*background:var(--gold);*/
    color:#000;
    display:flex;
    justify-content:center;
    align-items:center;
}

.nav-links{
    display:flex;
    list-style:none;
    gap:35px;
}

.nav-links a{
    color:#949494;
    transition:.3s;
}

.nav-links a:hover{
    color:var(--gold);
}

.menu-toggle{
    display:none;
    font-size:28px;
    background:none;
    border:none;
    color:white;
    cursor:pointer;
}

/* =========================
   HERO
========================= */

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:140px;
}

.hero-content{
    text-align:center;
}

.badge{
        display: inline-block;
    color: var(--gold);
    border: 1px solid var(--border);
    background: rgba(212,175,55,.08);
    padding: 5px 29px;
    border-radius: 50px;
    margin-bottom: 30px;
    font-family: sans-serif;
}

.hero h1{
    font-size:5.7rem;
    line-height:1.1;
    margin-bottom:25px;
}

.hero-text{
       max-width: 739px;
    margin: auto;
    color: var(--muted);
    font-size: 23px;
    letter-spacing: 0.4px;
    font-family: "Inter", sans-serif;
}

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

/* =========================
   STATS
========================= */

.hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:70px;
}

.stat-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:30px;
}

.stat-card h3{
    color:var(--gold);
    font-size:2rem;
    margin-bottom:10px;
}

.stat-card p{
    color:var(--muted);
}

.highlight{
    background:linear-gradient(
        135deg,
        rgba(212,175,55,.15),
        rgba(212,175,55,.05)
    );
}

/* =========================
   METRICS
========================= */

.metrics-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.metric-card{
    background:var(--card);
    border:1px solid var(--border);
    padding:35px;
    border-radius:20px;
    text-align:center;
}

.metric-card h3{
    color:var(--gold);
    font-size:2rem;
}

/* =========================
   FEATURES
========================= */

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

.feature-card{
    background:var(--card);
    border:1px solid var(--border);
    padding:40px;
    border-radius:25px;
    transition:.35s;
}

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

.feature-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:rgba(212,175,55,.15);
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    font-size:24px;
}

.feature-card h3{
    margin-bottom:15px;
}

.feature-card p{
    color:var(--muted);
}

/* =========================
   FLOW
========================= */

.flow-box{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:30px;
    padding:60px;
}

.flow-box h2{
    text-align:center;
    font-size:2.5rem;
    margin-bottom:50px;
}

.flow-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
}

.flow-step{
    width:280px;
    padding:35px;
    text-align:center;
    background:var(--card2);
    border-radius:20px;
    border:1px solid var(--border);
}

.flow-price{
    color:var(--gold);
    font-size:2rem;
    margin-bottom:15px;
}

.flow-arrow{
    font-size:2rem;
    color:var(--gold);
}

/* =========================
   CALCULATOR
========================= */
/* =========================================
   RETURNS CALCULATOR
========================================= */

.returns-calculator {
    width: 100%;
    padding: 96px 24px;

    background: #090909;
    color: #f5f5f5;
}


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

.calc-heading {
    max-width: 1100px;

    margin: 0 auto 64px;

    text-align: center;
}


.calc-badge {
    display: inline-flex;

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

    gap: 10px;

    padding: 10px 18px;

    margin-bottom: 28px;

    color: #eaae18;

    background: rgba(234, 174, 24, 0.08);

    border: 1px solid rgba(234, 174, 24, 0.28);

    border-radius: 999px;

    font-family: Arial, sans-serif;

    font-size: 16px;
    font-weight: 600;
}


.calc-badge-icon {
    display: inline-flex;

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

    color: #eaae18;

    font-size: 18px;
}


.calc-heading h2 {
    margin: 0 0 18px;

    color: #f5f5f5;

    font-family: Playfair Display,serif;

    font-size: 58px;
    line-height: 1.15;

    font-weight: 600;
}


.calc-heading h2 span {
    color: #eaae18;
}


.calc-heading p {
    margin: 0;

    color: #999999;

    font-family: Arial, sans-serif;

    font-size: 22px;
    line-height: 1.5;
}


/* =========================================
   MAIN CARD
========================================= */

.calc-card {
    width: 100%;
    max-width: 1155px;

    margin: 0 auto;

    padding: 36px 48px 48px;

    background:
        linear-gradient(
            135deg,
            rgba(25, 25, 25, 0.96),
            rgba(12, 12, 12, 0.96)
        );

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 28px;
}


/* =========================================
   PLAN SELECTION
========================================= */

.calc-plans {
    display: grid;

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

    gap: 20px;

    margin-bottom: 52px;
}


.calc-plan {
    position: relative;

    width: 100%;

    padding: 24px;

    background: rgba(0, 0, 0, 0.45);

    border: 2px solid rgba(255, 255, 255, 0.12);

    border-radius: 20px;

    text-align: left;

    cursor: pointer;

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


.calc-plan:hover {
    border-color: rgba(234, 174, 24, 0.45);

    transform: translateY(-2px);
}


.calc-plan.active {
    background:
        linear-gradient(
            135deg,
            rgba(234, 174, 24, 0.10),
            rgba(234, 174, 24, 0.035)
        );

    border-color: #eaae18;
}


.calc-plan-top {
    display: flex;

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

    gap: 20px;

    margin-bottom: 20px;
}


.calc-plan-name {
    color: #eeeeee;

    font-family: Arial, sans-serif;

    font-size: 18px;
    font-weight: 600;
}


.calc-plan-rate {
    color: #eaae18;

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

    font-size: 38px;
    font-weight: 700;
}


.calc-plan p {
    margin: 0;

    color: #949494;

    font-family: Arial, sans-serif;

    font-size: 14px;
}


.calc-active-dot {
    display: none;

    position: absolute;

    top: 20px;
    right: 20px;

    width: 15px;
    height: 15px;

    border-radius: 50%;

    background: #eaae18;
}


.calc-plan.active .calc-active-dot {
    display: block;
}


/* =========================================
   INPUT
========================================= */

.calc-input-area {
    margin-bottom: 42px;
}


.calc-input-area label {
        display: block;
    margin-bottom: 14px;
    color: #949494;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 400;
}


.calc-input-wrapper {
    position: relative;

    width: 100%;
}


.calc-dollar-symbol {
    position: absolute;

    top: 50%;
    left: 28px;

    transform: translateY(-50%);

    color: #eaae18;

    font-family: Arial, sans-serif;

    font-size: 30px;

    pointer-events: none;
}


.calc-input-wrapper input {
       width: 100%;
    height: 74px;
    padding: 0 28px 0 56px;
    color: #f5f5f5;
    background: #000000;
    border: 2px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    outline: none;
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    transition: border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.calc-input-wrapper input:focus {
    border-color: rgba(234, 174, 24, 0.65);

    box-shadow:
        0 0 0 3px rgba(234, 174, 24, 0.08);
}


.calc-input-wrapper input.invalid {
    border-color: #a71919;
}


.calc-error {
    min-height: 24px;

    margin: 10px 0 0;

    color: #ff3838;

    font-family: Arial, sans-serif;

    font-size: 17px;
}


/* =========================================
   RESULTS
========================================= */

.calc-results {
    display: grid;

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

    gap: 28px;

    margin-bottom: 38px;
}


.calc-result-box {
    min-height: 185px;

    padding: 24px;

    background: #000000;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 20px;

    text-align: center;
}


.calc-result-highlight {
    background:
        linear-gradient(
            135deg,
            rgba(234, 174, 24, 0.18),
            rgba(234, 174, 24, 0.06)
        );

    border-color: rgba(234, 174, 24, 0.40);
}


.calc-result-icon {
    display: flex;

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

    height: 40px;

    margin-bottom: 14px;

    color: #eaae18;

    font-family: Arial, sans-serif;

    font-size: 42px;
}


.calc-result-box p {
    margin: 0 0 0px;

    color: #949494;

    font-family: Arial, sans-serif;

    font-size: 14px;
}


.calc-result-box strong {
    display: block;

    color: #f5f5f5;

    font-family: Playfair Display,serif;

    font-size: 30px;
    font-weight: 700;
}


.calc-result-highlight strong {
    color: #eaae18;
}


/* Calendar Icon */

.calendar-icon {
    position: relative;

    width: 34px;
    height: 30px;

    margin: 0 auto 20px;

    border: 3px solid #eaae18;

    border-radius: 5px;
}


.calendar-icon::before,
.calendar-icon::after {
    content: "";

    position: absolute;

    top: -8px;

    width: 4px;
    height: 10px;

    background: #eaae18;

    border-radius: 3px;
}


.calendar-icon::before {
    left: 6px;
}


.calendar-icon::after {
    right: 6px;
}


.calendar-icon span {
    position: absolute;

    top: 9px;
    left: 0;

    width: 100%;

    border-top: 3px solid #eaae18;
}


/* Percent Icon */

.percent-icon {
    font-size: 42px;
    font-weight: 700;
}


/* Dollar Icon */

.dollar-result-icon {
    font-size: 44px;
}


/* =========================================
   DISCLAIMER
========================================= */

.calc-disclaimer {
    margin: 0 0 38px;

    color: #999999;

    font-family: Arial, sans-serif;

    font-size: 14px;

    text-align: center;
}


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

.calc-button-wrapper {
    text-align: center;
}


.calc-invest-button {
       min-width: 318px;
    padding: 19px 33px;
    color: #000000;
    background: linear-gradient(
            135deg,
            #f2b51d,
            #e89c20
        );
    border: none;
    border-radius: 16px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.3s ease,
        box-shadow 0.3s ease;
}


.calc-invest-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(234, 174, 24, 0.25);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .calc-card {
        padding: 30px;
    }


    .calc-heading h2 {
        font-size: 48px;
    }


    .calc-heading p {
        font-size: 18px;
    }


    .calc-results {
        gap: 16px;
    }


    .calc-result-box strong {
        font-size: 28px;
    }

}


@media (max-width: 700px) {

    .returns-calculator {
        padding: 70px 16px;
    }


    .calc-heading {
        margin-bottom: 42px;
    }


    .calc-heading h2 {
        font-size: 38px;
    }


    .calc-heading p {
        font-size: 16px;
    }


    .calc-card {
        padding: 24px 18px 30px;

        border-radius: 22px;
    }


    .calc-plans {
        grid-template-columns: 1fr;

        gap: 14px;

        margin-bottom: 36px;
    }


    .calc-plan {
        padding: 22px;
    }


    .calc-plan-name {
        font-size: 20px;
    }


    .calc-plan-rate {
        font-size: 32px;
    }


    .calc-plan p {
        font-size: 15px;
    }


    .calc-results {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .calc-result-box {
        min-height: auto;

        padding: 24px;
    }


    .calc-invest-button {
        width: 100%;

        min-width: 0;

        font-size: 18px;
    }

}
/* =========================
   FOOTER
========================= */

footer{
    padding:60px 0;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    color:var(--muted);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

.hero h1{
    font-size:4rem;
}

.hero-stats,
.metrics-grid,
.feature-grid,
.results-grid{
    grid-template-columns:repeat(2,1fr);
}

.flow-wrapper{
    flex-direction:column;
}

.flow-arrow{
    transform:rotate(90deg);
}

}

@media(max-width:768px){

.menu-toggle{
    display:block;
}

.desktop-btn{
    display:none;
}

.nav-links{
    position:absolute;
    top:90px;
    left:0;
    width:100%;
    background:#050505;
    flex-direction:column;
    text-align:center;
    padding:30px 0;
    display:none;
}

.nav-links.active{
    display:flex;
}

.hero h1{
    font-size:3rem;
}

.section-heading h2{
    font-size:2.2rem;
}

.hero-stats,
.metrics-grid,
.feature-grid,
.results-grid{
    grid-template-columns:1fr;
}

.plan-selector{
    flex-direction:column;
}

.flow-step{
    width:100%;
}

}

@media(max-width:576px){

.hero{
    padding-top:120px;
}

.hero h1{
    font-size:2.4rem;
}

.section{
    padding:80px 0;
}

.calculator-box{
    padding:25px;
}

.flow-box{
    padding:30px;
}

}


/* =========================
   RETURNS CALCULATOR
========================= */



.calculator-grid{
    display:grid;
    /*grid-template-columns:1fr 1.25fr;*/
    grid-template-columns:1fr;
    gap:80px;
    align-items:start;
    max-width:1019;
}

.small-label{
    display:inline-block;
    color:#d4af37;
    letter-spacing:4px;
    font-size:12px;
    margin-bottom:20px;
}

.calculator-content h2{
    font-size:41px;
    line-height:1.1;
    font-weight:500;
    margin-bottom:25px;
}

.calculator-content p{
      color: #949494;
    font-size: 16px;
    line-height: 1.9;
    max-width: 500px;
    font-family: inter,sans-serif;
}

.calculator-content p span{
    color:#d4af37;
}

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

.calculator-card{

    background:
    linear-gradient(
        180deg,
        rgba(18,18,18,.95),
        rgba(5,5,5,.98)
    );

    border:1px solid rgba(212,175,55,.15);

    border-radius:30px;

    padding:50px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.03);

    backdrop-filter:blur(10px);

}

.card-label{
    color:#888;
    letter-spacing:3px;
    font-size:11px;
    display:block;
}

#allocationValue{
    font-size:50px;
    font-weight:400;
    margin-top:15px;
    line-height:1;
}

.tier-section{
    margin-top:40px;
}

#tierName{
     font-size: 44px;
    font-weight: 400;
    color: #d4af37;
    margin-top: 4px;
}

#aprText{
    margin-top:10px;
    color:#bdbdbd;
    letter-spacing:2px;
    font-size:13px;
}

/* =========================
   SLIDER
========================= */

.slider-wrap{
    margin-top:50px;
}

#allocationSlider{
    width:100%;
    height:8px;
    border-radius:100px;
    appearance:none;
    -webkit-appearance:none;
    background:linear-gradient(
        90deg,
        #8a6a12,
        #d4af37,
        #f4d03f
    );
    outline:none;
    cursor:pointer;
}

#allocationSlider::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#d4af37;
    border:3px solid #fff;
    cursor:pointer;

    box-shadow:
    0 0 0 4px rgba(212,175,55,.15),
    0 5px 15px rgba(212,175,55,.4);

    transition:.15s ease;
}

#allocationSlider::-webkit-slider-thumb:hover{
    transform:scale(1.15);
}

#allocationSlider::-moz-range-thumb{
    width:24px;
    height:24px;
    border:none;
    border-radius:50%;
    background:#d4af37;
    cursor:pointer;
}

.slider-labels{
    display:flex;
    justify-content:space-between;
    margin-top:14px;
    color:#888;
    font-size:11px;
    letter-spacing:2px;
}

/* =========================
   INPUT
========================= */

.manual-input{
    margin-top:40px;
}

.manual-input label{
    display:block;
    margin-bottom:12px;
    color:#d0d0d0;
}

.manual-input input{
    width:100%;
    padding:18px;
    background:#0d0d0d;
    border:1px solid rgba(212,175,55,.15);
    border-radius:12px;
    color:#fff;
    font-size:18px;
    transition:.3s;
}

.manual-input input:focus{
    outline:none;
    border-color:#d4af37;
    box-shadow:
    0 0 0 4px rgba(212,175,55,.08);
}

/* =========================
   RESULTS
========================= */

.results{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:50px;
}

.result-item{
    border-left:1px solid rgba(255,255,255,.08);
    padding-left:20px;
}

.result-item:first-child{
    border-left:none;
    padding-left:0;
}

.result-item span{
    display:block;
    color:#8f8f8f;
    font-size:11px;
    letter-spacing:2px;
}

.result-item h5{
    font-size:36px;
    font-weight:400;
    margin-top:12px;
    color:#fff;
    transition:.3s;
}

.result-item:hover h5{
    color:#d4af37;
}

/* =========================
   NOTE
========================= */

.note{
    margin-top:40px;
    color:#888;
    font-size:14px;
    line-height:1.8;
}

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

.allocation-btn{
    width:100%;
    margin-top:35px;
    padding:18px;
    border:none;
    border-radius:12px;
    background:#d4af37;
    color:#000;
    font-weight:700;
    letter-spacing:2px;
    cursor:pointer;
    transition:.3s;
}

.allocation-btn:hover{
    transform:translateY(-2px);

    box-shadow:
    0 10px 30px rgba(212,175,55,.35);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1200px){

    .calculator-content h2{
        font-size:58px;
    }

    #allocationValue{
        font-size:54px;
    }

}

@media(max-width:992px){

    .calculator-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .calculator-content h2{
        font-size:48px;
    }

    .calculator-content p{
        max-width:100%;
    }

}

@media(max-width:768px){

    .returns-calculator{
        padding:80px 0;
    }

    .calculator-card{
        padding:30px;
    }

    .results{
        grid-template-columns:1fr;
        gap:25px;
    }

    .result-item{
        border-left:none;
        padding-left:0;
    }

    #allocationValue{
        font-size:42px;
    }

    #tierName{
        font-size:34px;
    }

    .result-item h5{
        font-size:28px;
    }

}

@media(max-width:480px){

    .calculator-content h2{
        font-size:36px;
    }

    #allocationValue{
        font-size:34px;
    }

    #tierName{
        font-size:28px;
    }

    .slider-labels{
        font-size:9px;
        gap:10px;
    }

    .allocation-btn{
        font-size:12px;
        letter-spacing:1px;
    }

}

.plans-wrapper {
  width: 100%;
  padding: 25px 15px;
  
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.plan-card {
  width: 309px;
  min-height: 98px;
  background: linear-gradient(145deg, #171717, #101010);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 1fr auto 1px 1.15fr;
  align-items: center;
  column-gap: 16px;
  padding: 22px 32px;
  /* box-shadow: 0 18px 40px rgba(0,0,0,0.45); */
  box-shadow: 0 10px 30px rgba(212, 175, 55, .3);
}

.plan-card.active {
  border-color: rgba(218, 157, 17, 0.65);
  background: linear-gradient(145deg, #161616, #0b0b0b);
}

.plan-title {
  grid-column: 1 / 3;
  grid-row: 1;
  font-size: 12px;
  letter-spacing: .6px;
  color: #8f8f8f;
  font-weight: 600;
  margin-bottom: 28px;
}

.plan-percent {
  grid-column: 1 / 3;
  grid-row: 1;
  align-self: end;
  justify-self: center;
  font-family: Georgia, serif;
  font-size: 32px;
  line-height: 1;
  color: #e3a516;
  font-weight: 700;
}

.plan-line {
  width: 1px;
  height: 47px;
  background: rgba(227,165,22,0.28);
}

.plan-info h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.2;
  color: #f4f4f4;
  font-weight: 800;
}

.plan-info p {
  margin: 3px 0 0;
  font-size: 13px;
  color: #8f8f8f;
}

/* Responsive */
@media (max-width: 767px) {
  .plans-wrapper {
    gap: 14px;
  }

  .plan-card {
    width: 100%;
    max-width: 360px;
    padding: 20px 26px;
  }
}

@media (max-width: 420px) {
  .plan-card {
    grid-template-columns: 1fr auto 1px 1fr;
    column-gap: 12px;
    padding: 18px 20px;
  }

  .plan-percent {
    font-size: 28px;
  }

  .plan-info h4 {
    font-size: 14px;
  }

  .plan-info p {
    font-size: 12px;
  }
}


/* ==========================
   PARITY WEALTH FOOTER
   Fully Isolated Classes
========================== */

/*.pw-footer{*/
/*    background:#000;*/
/*    padding:80px 20px 40px;*/
/*    color:#fff;*/
/*    width:100%;*/
/*    position:relative;*/
/*}*/

/*.pw-footer-container{*/
/*    max-width:1260px;*/
/*    margin:auto;*/
/*}*/

/*.pw-footer-top{*/
/*    display:grid;*/
/*    grid-template-columns:1.5fr 1fr 1fr;*/
/*    gap:80px;*/
/*    align-items:flex-start;*/
/*}*/

/*.pw-footer-logo-wrap{*/
/*    display:flex;*/
/*    align-items:center;*/
/*    gap:18px;*/
/*    margin-bottom:28px;*/
/*}*/

/*.pw-footer-logo{*/
/*    width:52px;*/
/*    height:52px;*/
/*    border-radius:14px;*/
/*    background:#d4a017;*/
/*    color:#000;*/
/*    font-size:30px;*/
/*    font-weight:700;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*    font-family:serif;*/
/*}*/

/*.pw-footer-title{*/
/*    font-size:22px;*/
/*    font-weight:600;*/
/*    color:#fff;*/
/*}*/

/*.pw-footer-title span{*/
/*    color:#d4a017;*/
/*}*/

/*.pw-footer-description{*/
/*       max-width: 408px;*/
/*    font-size: 16px;*/
/*    line-height: 1.8;*/
/*    color: #949494;*/
/*    text-align: start;*/
/*    font-family: "Inter", sans-serif;*/
/*}*/

/*.pw-footer-links h4{*/
/*       color: #fff;*/
/*    font-size: 18px;*/
/*    margin-bottom: 23px;*/
/*    font-weight: 600;*/
/*    text-align: start;*/
/*}*/

/*.pw-footer-links ul{*/
/*    margin:0;*/
/*    padding:0;*/
/*    list-style:none;*/
/*}*/

/*.pw-footer-links li{*/
/*        margin-bottom: 18px;*/
/*    text-align: start;*/
/*    color: #949494;*/
/*    font-family: inter ,sans-serif;*/
/*}*/

/*.pw-footer-links a{*/
/*        text-decoration: none;*/
/*    color: #949494;*/
/*    font-size: 16px;*/
/*    transition: 0.3s;*/
/*}*/

/*.pw-footer-links a:hover{*/
/*    color:#d4a017;*/
/*}*/

/*.pw-footer-divider{*/
/*    height:1px;*/
/*    background:rgba(255,255,255,0.08);*/
/*    margin:70px 0 40px;*/
/*}*/

/*.pw-footer-bottom{*/
/*    display:flex;*/
/*    justify-content:space-between;*/
/*    gap:40px;*/
/*    align-items:flex-start;*/
/*}*/

/*.pw-footer-copy{*/
/*       color: #949494;*/
/*    font-size: 13px;*/
/*    font-family: inter,sans-serif;*/
/*}*/

/*.pw-footer-disclaimer{*/
/*      max-width: 586px;*/
/*    text-align: right;*/
/*    color: #949494;*/
/*    font-size: 13px;*/
/*    line-height: 1.6;*/
/*    font-family: inter,sans-serif;*/
/*}*/

.ks-footer{
    background:#000;
    padding:80px 20px 40px;
    border-top:1px solid rgba(212,165,32,.15);
}

.ks-footer-inner{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}

.ks-footer-brand{
    display:inline-flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
}

.ks-footer-brand img{
    width:160px;
    height:auto;
}

.ks-footer-brand h3{
    margin:0;
    color:#fff;
    font-size:56px;
    font-weight:700;
    font-family:Inter,sans-serif;
}

.ks-footer-tagline{
      margin: 19px 0 25px;
    color: #949494;
    font-size: 14px;
    font-family: Inter,sans-serif;
}

.ks-footer-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    margin-bottom:35px;
}

.ks-footer-social a{
    color:#d4a520;
    font-size:32px;
    transition:.3s ease;
}

.ks-footer-social a:hover{
    transform:translateY(-3px);
    color:#f3b61f;
}

.ks-footer-copy{
    color:#7f7f7f;
    font-size:18px;
    font-family:Inter,sans-serif;
    margin:0;
}
/* ==========================
   TABLET
========================== */

@media (max-width:991px){

    .pw-footer-top{
        grid-template-columns:1fr 1fr;
        gap:50px;
    }

    .pw-footer-brand{
        grid-column:1/-1;
    }

    .pw-footer-bottom{
        flex-direction:column;
        gap:20px;
    }

    .pw-footer-disclaimer{
        text-align:left;
        max-width:100%;
    }
}



.pw-section{
    background:#000;
    padding:120px 20px;
    overflow:hidden;
}

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

.pw-process-wrap{
    margin-top:180px;
}

.pw-label{
    display: table;
    margin: 0 auto 28px;
    padding: 4px 22px;
    border: 1px solid rgba(255,184,0,.25);
    border-radius: 999px;
    /* background: rgba(255,184,0,.08); */
    color: #d8a520;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: Inter,sans-serif;
}

.pw-main-heading{
    text-align:center;
    font-family:"Playfair Display",serif;
    font-size:48px;
    line-height:1.1;
    font-weight:600;
    color:#fff;
    margin:0;
}

.pw-main-heading span{
    /*color:#d8a520;*/
        background: linear-gradient(135deg, hsl(43 80% 52%) 0%, hsl(35 80% 55%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pw-section-desc{
       max-width: 782px;
    margin: 25px auto 0;
    text-align: center;
    color: #949494;
    font-size: 18px;
    line-height: 28px;
    font-family: Inter,sans-serif;
    letter-spacing: 0.4px;
}

/* CARDS */

.pw-feature-grid{
    margin-top:70px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.pw-card{
    display:flex;
    gap:26px;
    padding:32px;
    border-radius:24px;
    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.03),
    rgba(255,255,255,.01)
    );

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

    box-shadow:
    inset 0 0 60px rgba(255,184,0,.03);
}

.pw-card-icon{
    width:68px;
    height:68px;
    min-width:68px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;

    background:
    linear-gradient(
    180deg,
    rgba(255,184,0,.22),
    rgba(255,184,0,.08)
    );

    color:#d8a520;
}

.pw-card h3{
      margin: 0 0 12px;
    color: #fff;
    font-family: "Playfair Display",serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.pw-card p{
    margin:0;
    color:#949494;
    font-size:16px;
    line-height:1.7;
    font-family:Inter,sans-serif;
    letter-spacing: 0.5px;
}

/* PROCESS */

.pw-process-grid{
    margin-top:90px;
    display:grid;
    grid-template-columns:1fr 80px 1fr 80px 1fr;
    align-items:flex-start;
}

.pw-step{
    text-align:center;
}

.pw-step-icon-wrap{
    position:relative;
    display:inline-block;
}

.pw-step-icon{
    width:80px;
    height:80px;
    border-radius:20px;

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

    background:
    linear-gradient(
    180deg,
    rgba(255,184,0,.22),
    rgba(255,184,0,.08)
    );

    color:#d8a520;
    font-size:42px;

    border:1px solid rgba(255,184,0,.12);
}

.pw-step-number{
    position:absolute;
    top:-12px;
    right:-12px;

    width:42px;
    height:42px;

    border-radius:50%;
    background:#f3b61f;

    color:#000;
    font-size:16px;
    font-weight:700;

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

    font-family:Inter,sans-serif;
}

.pw-step h3{
    margin-top:30px;
    margin-bottom:18px;
    color:#fff;
    font-size:20px;
    font-family:"Playfair Display",serif;
    font-weight:600;
}

.pw-step p{
    color:#949494;
    font-size:16px;
    line-height:1.7;
    font-family:Inter,sans-serif;
}

.pw-step-arrow{
    text-align:center;
    color:#8b6900;
    font-size:55px;
    margin-top:105px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .pw-main-heading{
        font-size:52px;
    }

    .pw-section-desc{
        font-size:18px;
    }

    .pw-feature-grid{
        grid-template-columns:1fr;
    }

    .pw-card h3{
        font-size:28px;
    }

    .pw-card p{
        font-size:17px;
    }

    .pw-process-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .pw-step-arrow{
        display:none;
    }

    .pw-step h3{
        font-size:28px;
    }

    .pw-step p{
        font-size:17px;
    }
}

@media(max-width:576px){

    .pw-section{
        padding:80px 15px;
    }

    .pw-main-heading{
        font-size:42px;
    }

    .pw-card{
        padding:28px;
        flex-direction:column;
    }

    .pw-card-icon{
        width:60px;
        height:60px;
        min-width:60px;
    }

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

@media (max-width:767px){

    .pw-footer{
        padding:60px 20px 30px;
    }

    .pw-footer-top{
        grid-template-columns:1fr;
        gap:40px;
    }

    .pw-footer-title{
        font-size:20px;
    }

    .pw-footer-description{
        font-size:15px;
    }

    .pw-footer-links h4{
        margin-bottom:20px;
    }

    .pw-footer-links li{
        margin-bottom:16px;
    }

    .pw-footer-copy,
    .pw-footer-disclaimer{
        font-size:14px;
    }
}


/*new calculator css*/
/* OUTER SECTION */
.returns-calculator{
      padding: 2px 13px;
    background: #000;
    justify-content: center;
    align-items: center;
    max-width: 989px;
    margin: auto;
}

/* HEADING OUTSIDE CARD */
.calc-heading{
    text-align:center;
    margin-bottom:35px;
}

.calc-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;
    border:1px solid rgba(212,175,55,.2);
    border-radius:999px;
    background:rgba(212,175,55,.06);
    color:#d4af37;
    font-size:14px;
    margin-bottom:20px;
}

.calc-heading h2{
    font-size:48px;
    line-height:1.1;
    font-weight:700;
    color:#fff;
    margin:0;
}

.calc-heading h2 span{
    color:#d4af37;
}

.calc-heading p{
    margin-top:15px;
    color:#8d8d8d;
    font-size:18px;
}

/* MAIN CARD */
.calculator-card{
    max-width:900px;
    margin:0 auto;
    padding:30px;
    border-radius:24px;
    background:
        radial-gradient(circle at top left,
        rgba(212,175,55,.08),
        transparent 35%),
        #080808;
    border:1px solid rgba(255,255,255,.08);
}

/* PLAN CARDS */
.plan-selector{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:28px;
}

.plan{
    height:120px;
    padding:22px;
    border-radius:16px;
    border:1px solid #222;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#050505;
}

.plan.active{
    border-color:#d4af37;
    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.12),
            rgba(0,0,0,.2)
        );
}

.plan h3{
    color:#fff;
    font-size:18px;
    margin:0 0 12px;
}

.plan p{
    color:#8d8d8d;
    font-size:14px;
    margin:0;
}

.plan span{
    color:#d4af37;
    font-size:44px;
    font-family:serif;
}

/* INPUT */
.investment-box{
    margin-bottom:28px;
}

.investment-box label{
    color:#8d8d8d;
    font-size:14px;
    display:block;
    margin-bottom:12px;
}

.investment-box input{
    width:100%;
    height:68px;
    background:#000;
    border:1px solid #222;
    border-radius:12px;
    color:#fff;
    font-size:20px;
    padding:0 20px;
}

/* RESULT CARDS */
.results{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:30px;
}

.result-card{
    background:#050505;
    border:1px solid #222;
    border-radius:16px;
    padding:25px 20px;
    text-align:center;
    min-height:130px;
}

.result-card.active{
    border-color:#d4af37;
    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.18),
            rgba(0,0,0,.2)
        );
}

.result-card h4{
    color:#9b9b9b;
    font-size:15px;
    font-weight:400;
    margin-bottom:15px;
}

.result-card h3{
    font-size:28px;
    color:#fff;
    margin:0;
}

.result-card.active h3{
    color:#d4af37;
}

/* BUTTON */
.calc-btn{
    display:block;
    width:280px;
    height:60px;
    margin:35px auto 0;
    background:#d4af37;
    color:#000;
    border:none;
    border-radius:12px;
    font-size:20px;
    font-weight:700;
}

/* MOBILE */
@media(max-width:768px){

    .calc-heading h2{
        font-size:42px;
    }

    .plan-selector,
    .results{
        grid-template-columns:1fr;
    }

    .plan{
        height:auto;
    }
}


/* =========================================
   MARKET OPPORTUNITY SECTION
========================================= */

.market-opportunity-section {
    position: relative;
    overflow: hidden;
    padding: 128px 24px;
    background: #000000;
    color: #f5f5f5;
}


/* Background Dotted Pattern */

.market-bg-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.05;
    pointer-events: none;

    background-image:
        radial-gradient(
            circle at 1px 1px,
            #d99b16 1px,
            transparent 0
        );

    background-size: 40px 40px;
}


/* Main Container */

.market-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

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

/* .market-badge {
    display: inline-block;

    padding: 6px 16px;

    border-radius: 999px;

    background: rgba(217, 155, 22, 0.10);
    border: 1px solid rgba(217, 155, 22, 0.20);

    color: #d99b16;

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

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

    margin-bottom: 24px;
} */



.market-header h2 {
    margin: 0 0 24px;

    color: #f5f5f5;

    font-family: Playfair Display,serif;

    font-size: 60px;
    line-height: 1.15;
    font-weight: 600;
}


.market-header h2 span {
    color: #d99b16;
}


.market-header > p {
    max-width: 768px;
    margin: 0 auto;

    color: #999999;

    font-family: Arial, sans-serif;

    font-size: 20px;
    line-height: 1.55;
}


/* =========================================
   STATS GRID
========================================= */

.market-stats-grid {
    display: grid;

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

    gap: 24px;

    margin-bottom: 80px;
}


.market-stat-card {
    min-height: 150px;

    padding: 32px 24px;

    text-align: center;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 30, 30, 0.95),
            rgba(12, 12, 12, 0.95)
        );

    border: 1px solid rgba(255, 255, 255, 0.08);

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


.market-stat-card:hover {
    border-color: rgba(217, 155, 22, 0.30);
    transform: translateY(-4px);
}


.market-stat-value {
    margin: 0 0 8px;

    color: #d99b16;

    font-family: Playfair Display,serif;

    font-size: 36px;
    line-height: 1;

    font-weight: 700;
}


.market-stat-title {
    margin: 0 0 6px;

    color: #eeeeee;

    font-family: Arial, sans-serif;

    font-size: 14px;
    font-weight: 600;
}


.market-stat-description {
    margin: 0;

    color: #888888;

    font-family: Arial, sans-serif;

    font-size: 12px;
    line-height: 1.4;
}


/* =========================================
   INSIGHT CARDS
========================================= */

.market-insights-grid {
    display: grid;

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

    gap: 24px;
}


.market-insight-card {
    min-height: 298px;

    padding: 32px 28px;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 30, 30, 0.95),
            rgba(12, 12, 12, 0.95)
        );

    border: 1px solid rgba(255, 255, 255, 0.08);

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


.market-insight-card:hover {
    border-color: rgba(217, 155, 22, 0.20);
    transform: translateY(-4px);
}


.market-icon-box {
    width: 42px;
    height: 42px;

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

    margin-bottom: 24px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            rgba(217, 155, 22, 0.20),
            rgba(217, 155, 22, 0.05)
        );

    transition: 0.3s ease;
}


.market-insight-card:hover .market-icon-box {
    background:
        linear-gradient(
            135deg,
            rgba(217, 155, 22, 0.30),
            rgba(217, 155, 22, 0.10)
        );
}


.market-icon-box svg {
    width: 23px;
    height: 23px;

    stroke: #d99b16;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.market-insight-card h3 {
    margin: 0 0 16px;

    color: #f1f1f1;

    font-family: Playfair Display,serif;

    font-size: 20px;
    line-height: 1.3;

    font-weight: 600;
}


.market-insight-card p {
    margin: 0;

    color: #999999;

    font-family: Arial, sans-serif;

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


/* =========================================
   ARBITRAGE FLOW CARD
========================================= */

.market-flow-card {
    margin-top: 80px;

    padding: 42px 48px;

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 30, 30, 0.95),
            rgba(12, 12, 12, 0.95)
        );

    border: 1px solid rgba(255, 255, 255, 0.08);
}


.market-flow-header {
    text-align: center;

    margin-bottom: 40px;
}


.market-flow-header h3 {
    margin: 0 0 10px;

    color: #f1f1f1;

    font-family: Playfair Display,serif;

    font-size: 30px;
    line-height: 1.3;

    font-weight: 600;
}


.market-flow-header h3 span {
    color: #d99b16;
}


.market-flow-header p {
       margin: 0;
    color: #949494;
    font-family: Arial, sans-serif;
    font-size: 17.4px;
    letter-spacing: 0.5px;
}


/* =========================================
   FLOW STEPS
========================================= */

.market-flow {
    display: grid;

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

    align-items: center;

    gap: 16px;
}


.market-flow-step {
    text-align: center;
}


.market-flow-icon {
    width: 56px;
    height: 56px;

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

    margin: 0 auto 12px;

    border-radius: 14px;

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

    font-size: 16px;
    font-weight: 700;
}


.market-price-icon {
    color: #d99b16;

    background:
        linear-gradient(
            135deg,
            rgba(217, 155, 22, 0.20),
            rgba(217, 155, 22, 0.05)
        );

    border: 1px solid rgba(217, 155, 22, 0.20);
}


.market-globe-icon {
    background:
        linear-gradient(
            135deg,
            rgba(217, 155, 22, 0.20),
            rgba(217, 155, 22, 0.05)
        );

    border: 1px solid rgba(217, 155, 22, 0.20);
}


.market-globe-icon svg {
    width: 26px;
    height: 26px;

    stroke: #d99b16;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.market-final-price-icon {
    color: #d99b16;

    background:
        linear-gradient(
            135deg,
            rgba(217, 155, 22, 0.30),
            rgba(217, 155, 22, 0.10)
        );

    border: 1px solid rgba(217, 155, 22, 0.30);
}


.market-flow-title {
    margin: 0 0 0px;

    color: #eeeeee;

    font-family: Arial, sans-serif;

    font-size: 14px;
    font-weight: 600;
}


.market-flow-subtitle {
    margin: 0;

    color: #949494;

    font-family: Arial, sans-serif;

    font-size: 12px;
}


.market-flow-arrow {
    display: flex;

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


.market-flow-arrow svg {
    width: 32px;
    height: 32px;

    stroke: #d99b16;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    opacity: 0.6;
}


/* =========================================
   BOTTOM TEXT
========================================= */

.market-flow-bottom {
    margin-top: 32px;
    padding-top: 28px;

    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.08);
}


.market-flow-bottom p {
       max-width: 660px;
    margin: 0px auto;
    color: #949494;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.3px;
}


.market-flow-bottom strong {
    color: #eeeeee;
    font-weight: 600;
}


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

@media (max-width: 900px) {

    .market-header h2 {
        font-size: 48px;
    }

    .market-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .market-insights-grid {
        grid-template-columns: 1fr;
    }

    .market-insight-card {
        min-height: auto;
    }

}


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

@media (max-width: 600px) {

    .market-opportunity-section {
        padding: 80px 16px;
    }


    .market-header {
        margin-bottom: 48px;
    }


    .market-header h2 {
        font-size: 38px;
        line-height: 1.15;
    }


    .market-header > p {
        font-size: 16px;
    }


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

        gap: 12px;

        margin-bottom: 48px;
    }


    .market-stat-card {
        min-height: 135px;

        padding: 24px 12px;
    }


    .market-stat-value {
        font-size: 27px;
    }


    .market-stat-title {
        font-size: 12px;
    }


    .market-stat-description {
        font-size: 10px;
    }


    .market-insights-grid {
        gap: 16px;
    }


    .market-insight-card {
        padding: 26px 22px;
    }


    .market-flow-card {
        margin-top: 48px;

        padding: 32px 20px;

        border-radius: 20px;
    }


    .market-flow-header h3 {
        font-size: 25px;
    }


    .market-flow-header p {
        font-size: 14px;
        line-height: 1.5;
    }


    .market-flow {
        display: flex;

        flex-direction: column;

        gap: 24px;
    }


    .market-flow-arrow {
        transform: rotate(90deg);
    }


    .market-flow-bottom {
        margin-top: 32px;
        padding-top: 24px;
    }


    .market-flow-bottom p {
        font-size: 13px;
    }

}


/* =========================================
   COMPARISON SECTION
========================================= */

.comparison-section {
    position: relative;
    overflow: hidden;

    padding: 128px 24px;

    background: #000000;
    color: #f5f5f5;
}


/* Background Glow */

.comparison-glow-bg {
    position: absolute;

    width: 700px;
    height: 500px;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(217, 155, 22, 0.10),
            transparent 65%
        );

    opacity: 0.20;

    pointer-events: none;
}


/* Container */

.comparison-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1152px;

    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.comparison-header {
    text-align: center;

    margin-bottom: 64px;
}


.comparison-badge {
    display: inline-block;

    padding: 6px 16px;

    margin-bottom: 24px;

    color: #d99b16;

    background: rgba(217, 155, 22, 0.10);

    border: 1px solid rgba(217, 155, 22, 0.20);

    border-radius: 999px;

    font-family: Arial, sans-serif;

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

    line-height: 1.5;

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


.comparison-header h2 {
    margin: 0 0 16px;

    color: #f5f5f5;

    font-family: Playfair Display,serif;

    font-size: 52px;
    line-height: 1.15;

    font-weight: 600;
}


.comparison-header h2 span {
    color: #d99b16;
}


.comparison-header p {
       max-width: 648px;
    margin: 0 auto;
    color: #949494;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 1.5;
}


/* =========================================
   TABLE WRAPPER
========================================= */

.comparison-table-wrapper {
    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(30, 30, 30, 0.95),
            rgba(12, 12, 12, 0.95)
        );

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 24px;
}


.comparison-table-scroll {
    overflow-x: auto;
}


.comparison-table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;

    font-family: Arial, sans-serif;
}


/* =========================================
   TABLE HEADER
========================================= */

.comparison-table thead {
    background: rgba(25, 25, 25, 0.75);
}


.comparison-table th {
       height: 85px;
    padding: 20px 16px;
    color: #949494;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
}


.comparison-table th:first-child {
    width: 24%;

    padding-left: 28px;

    text-align: left;
}


.comparison-table th:nth-child(2) {
    width: 13%;
}


.comparison-table th:nth-child(3) {
    width: 12%;
}


.comparison-table th:nth-child(4) {
    width: 13%;
}


.comparison-table th:nth-child(5) {
    width: 11%;
}


.comparison-table th:nth-child(6) {
    width: 14%;
}


.comparison-table th:nth-child(7) {
    width: 16%;
}


/* =========================================
   TABLE ROWS
========================================= */

.comparison-table tbody tr {
    height: 72px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}


.comparison-table tbody tr:last-child {
    border-bottom: none;
}


/* Highlighted Rows */

.comparison-table tbody tr.comparison-highlight-row {
    background: rgba(217, 155, 22, 0.055);
}


.comparison-table tbody tr.comparison-highlight-row:hover {
    background: rgba(217, 155, 22, 0.11);
}


/* Normal Row Hover */

.comparison-table tbody tr:not(.comparison-highlight-row):hover {
    background: rgba(255, 255, 255, 0.045);
}


/* =========================================
   TABLE CELLS
========================================= */

.comparison-table td {
    padding: 20px 24px;

    color: #949494;

    font-size: 16px;
    line-height: 1.4;

    text-align: center;
}


.comparison-table td:first-child {
    /* padding-left: 28px; */

    text-align: left;
}


/* Name */

.comparison-name {
    display: flex;

    align-items: center;

    gap: 12px;

    color: #eeeeee;

    font-size: 17px;
    font-weight: 600;
}


.comparison-highlight-row .comparison-name {
    color: #d99b16;
}


.comparison-dot {
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #d99b16;
}


/* Returns */

.comparison-return {
    color: #eeeeee !important;

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

    font-size: 20px !important;

    font-weight: 700;
}


.comparison-highlight-row .comparison-return {
    color: #d99b16 !important;
}


/* Gold Text */

.comparison-gold-text {
    color: #d99b16 !important;

    font-weight: 500;
}


/* Check */

.comparison-check {
    display: inline-flex;

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

    color: #d99b16;

    font-size: 25px;
    font-weight: 400;

    line-height: 1;
}


/* Cross */

.comparison-cross {
    display: inline-flex;

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

    color: #c62828;

    font-size: 25px;
    font-weight: 300;

    line-height: 1;
}


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

.comparison-mobile-cards {
    display: none;
}


.comparison-mobile-card {
    padding: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 30, 30, 0.95),
            rgba(12, 12, 12, 0.95)
        );

    border: 1px solid rgba(217, 155, 22, 0.30);

    border-radius: 16px;
}


.comparison-mobile-title {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 24px;
}


.comparison-mobile-title h3 {
    margin: 0;

    color: #d99b16;

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

    font-size: 18px;
    font-weight: 600;
}


.comparison-mobile-grid {
    display: grid;

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

    gap: 20px 16px;
}


.comparison-mobile-grid > div span {
    display: block;

    margin-bottom: 6px;

    color: #888888;

    font-size: 12px;
}


.comparison-mobile-grid > div p,
.comparison-mobile-grid > div b,
.comparison-mobile-grid > div strong {
    display: block;

    margin: 0;

    color: #eeeeee;

    font-size: 14px;
    font-weight: 500;
}


.comparison-mobile-grid > div strong {
    color: #d99b16;

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

    font-size: 28px;
    font-weight: 700;
}


.comparison-mobile-grid > div b {
    color: #d99b16;
}


.comparison-mobile-note {
    margin: 0;

    padding-top: 16px;

    color: #888888;

    font-size: 14px;

    line-height: 1.5;

    text-align: center;
}


/* =========================================
   BOTTOM NOTE
========================================= */

.comparison-bottom-note {
       max-width: 660px;
    margin: 32px auto 0;
    color: #949494;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}


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

@media (max-width: 1100px) {

    .comparison-table {
        min-width: 950px;
    }

}


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

@media (max-width: 991px) {

    .comparison-section {
        padding: 96px 20px;
    }


    .comparison-table-wrapper {
        display: none;
    }


    .comparison-mobile-cards {
        display: flex;

        flex-direction: column;

        gap: 16px;
    }


    .comparison-header {
        margin-bottom: 48px;
    }


    .comparison-header h2 {
        font-size: 44px;
    }


    .comparison-header p {
        font-size: 16px;
    }

}


@media (max-width: 600px) {

    .comparison-section {
        padding: 80px 16px;
    }


    .comparison-header h2 {
        font-size: 38px;
    }


    .comparison-header p {
        font-size: 15px;
    }


    .comparison-mobile-card {
        padding: 22px 20px;
    }


    .comparison-mobile-grid {
        gap: 20px 12px;
    }

}