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

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

html {
    scroll-behavior: smooth;
}

body {
    background: #0D0D0D;
    color: #FFFFFF;
    font-family: "Segoe UI", Arial, sans-serif;
    line-height: 1.6;
}

/* ==========================
   TOP BAR
========================== */

.top-bar {
    background: #D4AF37;
    color: #000;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
}

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

header{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    padding:25px 8%;

    background:#111;

    border-bottom:1px solid #1A1A1A;

}

.logo{

    display:flex;

    align-items:center;

}

.logo img{

    height:54px;

    width:auto;

    display:block;

}

nav{

    display:flex;

    align-items:center;

    gap:35px;

}

nav a{

    position:relative;

    text-decoration:none;

    color:#fff;

    font-size:17px;

    font-weight:500;

    transition:.3s;

}

nav a:hover{

    color:#D4AF37;

}

nav a.active-link{

    color:#D4AF37;

    font-weight:600;

}

nav a.active-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:100%;

    height:2px;

    background:#D4AF37;

    border-radius:2px;

}

.logo{

    justify-self:start;

    display:flex;

    align-items:center;

}

nav{

    justify-self:center;

    display:flex;

    align-items:center;

    gap:35px;

}

.cta-button{

    justify-self:end;

}


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

.hero {
    display: flex;
    justify-content: space-between;
    align-items: center;

    min-height: 75vh;

    padding: 80px 8%;
    gap: 60px;
}

.hero-content {
    flex: 1;
}

.badge {
    display: inline-block;

    background: rgba(212,175,55,0.15);
    border: 1px solid #D4AF37;

    color: #D4AF37;

    padding: 10px 18px;
    border-radius: 30px;

    margin-bottom: 25px;
}

.hero h1 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 30px;
}

.hero-text {
    font-size: 18px;
    color: #CFCFCF;
    max-width: 700px;
}

.hero-buttons {
    margin-top: 40px;
    display: flex;
    gap: 20px;
}

.primary-btn,
.cta-button{

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

    background:#D4AF37;
    color:#111;

    text-decoration:none;

    padding:15px 34px;

    border-radius:12px;

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

    transition:.3s;

}

.primary-btn:hover,
.cta-button:hover{

    transform:translateY(-2px);
    background:#E2BF4B;
    border-color:#E2BF4B;

}

.secondary-btn {
    border: 1px solid #D4AF37;
    color: #D4AF37;

    text-decoration: none;

    padding: 15px 30px;
    border-radius: 6px;
}

/* ==========================
   DASHBOARD MOCKUP
========================== */

.hero-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* ==========================
   QUOTE
========================== */

.quote {
    text-align: center;

    padding: 120px 8%;

    background: #141414;
}

.quote h2 {
    max-width: 900px;
    margin: auto;

    font-size: 36px;
    color: #D4AF37;
}

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

.why {
    padding: 120px 8%;
    text-align: center;
}

.why h2 {
    font-size: 42px;
    margin-bottom: 20px;
}

.why p {
    max-width: 900px;
    margin: auto;
    color: #CCCCCC;
}

.cards {
    display: grid;

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

    gap: 25px;

    margin-top: 60px;
}

.card {
    background: #1A1A1A;

    padding: 35px;

    border-radius: 15px;

    transition: .3s;
}

.card:hover {
    transform: translateY(-5px);
    border: 1px solid #D4AF37;
}

.card h3 {
    color: #D4AF37;
    margin-bottom: 15px;
}

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

@media(max-width: 1100px){

    .hero{
        flex-direction: column;
        text-align: center;
    }

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

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

    .featured{
        transform: none;
    }
}

@media(max-width:768px){

    header{
        display:flex;
        flex-direction:column;
        align-items:center;

        width:100%;
        padding:24px 20px;
        gap:26px;

        overflow:hidden;
    }

    header .logo{
        width:100%;
        justify-content:center;
        justify-self:auto;
    }

    header .logo img{
        width:auto;
        max-width:230px;
        height:auto;
    }

    header nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));

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

        gap:18px 24px;

        justify-self:auto;
        align-items:center;
    }

    header nav a{
        text-align:center;
        font-size:16px;
    }

    header > .cta-button{

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

    width:200px;
    height:52px;

    margin:0 auto;
    padding:0;

}

    .hero{
        width:100%;
        padding:60px 20px;
        overflow:hidden;
    }

    .hero h1{
        font-size:40px;
    }

    .dashboard-card{
        width:100%;
    }

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

    .quote h2{
        font-size:28px;
    }
}

@media(max-width:430px){

    .top-bar{
        width:100%;
        padding:10px 14px;

        font-size:12px;
        line-height:1.45;

        overflow-wrap:anywhere;
    }

    header{
        padding-left:16px;
        padding-right:16px;
    }

    header nav{
        gap:16px 12px;
    }

    header > .cta-button{
        max-width:100%;
    }

    .hero h1{
        font-size:38px;
        overflow-wrap:anywhere;
    }
}

.experience{

    margin:22px 0 28px;

    font-size:20px;

    font-weight:600;

    color:#D4AF37;

    letter-spacing:.5px;

}

/* ==========================
   WHY GOLDEDGE
========================== */

.advantages{
    padding:120px 8%;
    text-align:center;
}

.advantages h2{
    font-size:42px;
    margin-bottom:20px;
}

.advantages-intro{
    max-width:800px;
    margin:auto;
    color:#CCCCCC;
}

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

.adv-card{
    background:#1A1A1A;
    padding:35px;
    border-radius:15px;
    transition:.3s;
    border:1px solid transparent;
}

.adv-card:hover{
    border-color:#D4AF37;
    transform:translateY(-5px);
}

.adv-card h3{
    color:#D4AF37;
    margin-bottom:15px;
}

.adv-card p{
    color:#CCCCCC;
}

/* Mobile */

@media(max-width:1100px){

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

}

@media(max-width:768px){

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

}

/* ==========================
   PLATFORM PREVIEW
========================== */

.platform-preview{
    padding:120px 8%;
    text-align:center;
}

.platform-preview h2{
    font-size:42px;
    margin-bottom:20px;
}

.platform-intro{
    max-width:850px;
    margin:auto;
    color:#CCCCCC;
}

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

.preview-card{
    background:#1A1A1A;
    border-radius:20px;
    overflow:hidden;
    transition:.3s;
}

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

.preview-image{
    height:220px;

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

    font-size:24px;
    font-weight:bold;

    color:#D4AF37;
}

.dashboard-preview{
    background:
    linear-gradient(
    135deg,
    #242424,
    #111111
    );
}

.calendar-preview{
    background:
    linear-gradient(
    135deg,
    #1d1d1d,
    #0f0f0f
    );
}

.stats-preview{
    background:
    linear-gradient(
    135deg,
    #202020,
    #111111
    );
}

.preview-card h3{
    color:#D4AF37;
    margin:25px 20px 15px;
}

.preview-card p{
    padding:0 20px 30px;
    color:#CCCCCC;
}

@media(max-width:1100px){

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

}

/* ==========================
   MINI DASHBOARD
========================== */

.mini-dashboard{
    width:90%;
    background:#121212;
    border:1px solid #2c2c2c;
    border-radius:15px;
    padding:18px;
    box-shadow:0 0 20px rgba(212,175,55,0.08);
}

.mini-header{
    height:15px;
    background:#D4AF37;
    border-radius:10px;
    margin-bottom:15px;
}

.mini-row{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
    font-size:12px;
}

.gold-text{
    color:#D4AF37;
}

/* ==========================
   MINI CALENDAR
========================== */

.mini-calendar{
    width:90%;
    background:#121212;
    border:1px solid #2c2c2c;
    border-radius:15px;
    padding:18px;
    box-shadow:0 0 20px rgba(212,175,55,0.08);
}

.calendar-top{
    height:15px;
    background:#D4AF37;
    border-radius:10px;
    margin-bottom:15px;
}

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

.calendar-grid div{
    height:25px;
    background:#2A2A2A;
    border-radius:6px;
}

.active-day{
    background:#D4AF37 !important;
}

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

.mini-stats{
    width:90%;
    height:165px;

    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:16px;

    background:#121212;
    border:1px solid #2c2c2c;
    border-radius:15px;

    padding:20px;

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


.chart-bar{
    width:28px;
    background:#D4AF37;
    border-radius:8px 8px 0 0;
}

.bar1{height:55px;}
.bar2{height:95px;}
.bar3{height:75px;}
.bar4{height:125px;}
.bar5{height:105px;}

.stats-preview{
    display:flex;
    justify-content:center;
    align-items:center;
}
/* =========================
   ABOUT PAGE
========================= */

.about-hero{
    text-align:center;
    padding:80px 20px 50px;
    max-width:1000px;
    margin:0 auto;
}

.about-hero h1{
    font-size:48px;
    margin-bottom:20px;
}

.about-hero p{
    color:#AAAAAA;
    font-size:20px;
}

.about-content{
    max-width:1200px;
    margin:0 auto 60px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.about-content .feature-card{
    background:#111111;
    border:1px solid #222222;
    border-radius:20px;
    padding:35px;
    transition:0.3s;
    box-shadow:0 0 25px rgba(212,175,55,0.05);
}

.about-content .feature-card:hover{
    transform:translateY(-5px);
    border-color:#D4AF37;
}

.about-content h3{
    color:#D4AF37;
    margin-bottom:15px;
}

.about-content p{
    color:#CCCCCC;
    line-height:1.7;
}

.mission{
    max-width:900px;
    margin:0 auto 100px;
    padding:50px;
    background:#111111;
    border:1px solid #222222;
    border-radius:20px;
    text-align:center;
}
.how-section{
    max-width:1200px;
    margin:100px auto;
}

.mission h2{
    color:#D4AF37;
    margin-bottom:25px;
}

.mission p{
    color:#CCCCCC;
    line-height:1.8;
    margin-bottom:20px;
}

.mission h3{
    margin-top:30px;
    color:#D4AF37;
}

.how-it-works{
    max-width:1100px;
    margin:40px auto 0;
    background:#0D0D0D;
    border:1px solid #1F1F1F;
    border-radius:20px;
    padding:30px;
    box-shadow:0 0 30px rgba(212,175,55,0.05);
}
.step{
    text-align:left;
}

.step span{
    font-size:32px;
    font-weight:800;
    color:#D4AF37;
    opacity:0.55;
    margin-bottom:15px;
}

.step h3{
    color:#D4AF37;
    font-size:30px;
    margin-bottom:15px;
}

.step p{
    color:#CCCCCC;
    line-height:1.8;
}

.how-it-works hr{
    border:none;
    border-top:1px solid rgba(212,175,55,0.15);
    margin:30px 0;
}

.how-section h2{
    text-align:center;
    font-size:42px;
    margin-bottom:40px;
}

.target-traders{
    max-width:1200px;
    margin:100px auto;
}

.target-traders h2{
    text-align:center;
    font-size:36px;
    margin-bottom:60px;
    color:#D4AF37;
}

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

.target-card{
    background:#0D0D0D;
    border:1px solid #1F1F1F;
    border-radius:20px;
    padding:35px;

    box-shadow:0 0 25px rgba(212,175,55,0.03);
}

.target-card:hover{
    border-color:#D4AF37;
    box-shadow:0 0 25px rgba(212,175,55,0.08);
    transform:translateY(-4px);
}

.target-card h3{
    color:#D4AF37;
    margin-bottom:15px;
}

.target-card p{
    color:#CCCCCC;
    line-height:1.8;
}

@media(max-width:900px){

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

}

.about-cta{
    max-width:900px;
    margin:110px auto 90px;
    text-align:center;
}

.about-cta h2{
    color:#D4AF37;
    font-size:36px;
    margin-bottom:20px;
}

.about-cta p{
    color:#CCCCCC;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

.about-cta .cta-button{
    display:inline-block;
    padding:14px 32px;
    background:#D4AF37;
    color:#000;
    text-decoration:none;
    border-radius:10px;
    font-weight:700;
    transition:0.3s;
}

.about-cta .cta-button:hover{

    transform:translateY(-2px);
    background:#E2BF4B;
    border-color:#E2BF4B;
    box-shadow:none;

}

.tradingview-widget-copyright{
    display:none;
}

/* =========================
   WHY GOLD
========================= */

.why-gold{
    max-width:1400px;
    margin:100px auto;
    padding:0 20px;
}

.why-gold-container{
    background:#0D0D0D;
    border:1px solid rgba(212,175,55,0.25);
    border-radius:28px;

    padding:50px 40px;

    box-shadow:
    0 0 40px rgba(212,175,55,0.08),
    inset 0 0 40px rgba(212,175,55,0.03);
}

.why-gold h2{
    text-align:center;
    color:#D4AF37;
    font-size:42px;
    margin-bottom:30px;
}

.section-intro{
    max-width:750px;
    margin:0 auto 70px;
    text-align:center;

    color:#E0E0E0;
    font-size:18px;
    line-height:1.8;
}

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

.gold-card{
    background:#121212;

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

    border-radius:22px;

    padding:30px 25px;

    text-align:center;

    transition:0.3s;
}

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

    border-color:#D4AF37;

    box-shadow:
    0 0 25px rgba(212,175,55,0.12);
}


.gold-card h3{
    color:#FFFFFF;
    font-size:20px;
    margin-bottom:18px;
}

.gold-card p{
    color:#CFCFCF;
    line-height:1.8;
    font-size:15px;
}

/* MOBILE */

@media(max-width:1100px){

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

@media(max-width:700px){

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

    .why-gold h2{
        font-size:42px;
    }

    .section-intro{
        font-size:18px;
    }
}

@media(max-width:520px){

    .experience-highlights{

        grid-template-columns:1fr;

    }

}

.preview-image{
    position:relative;
    width:100%;
    height:260px;
    overflow:hidden;
    border-radius:16px;
    margin-bottom:25px;
}

.preview-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:0.4s;
    filter:brightness(0.8);
}

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

.preview-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.45),
        rgba(0,0,0,0.1)
    );
}


.gold-points{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.gold-points h3{
    color:#D4AF37;
    margin-bottom:8px;
    font-size:22px;
}

.gold-points p{
    color:#BDBDBD;
    line-height:1.7;
}

.gold-image{
    text-align:center;
    margin:20px 0 35px;
}

.gold-image img{
    max-width:180px;
    width:100%;
    display:block;
    margin:auto;
}

.footer-logo{
    margin-bottom:25px;
}

.footer-logo img{
    height:60px;
    width:auto;
    display:block;
    margin:0 auto;
}

footer{
    text-align:center;
}

.site-footer{
    text-align:center;
    padding:80px 20px;
}

.footer-logo img{
    height:60px;
    width:auto;
    display:block;
    margin:0 auto 20px;
}

.footer-tagline{
    color:#fff;
    font-size:20px;
    margin-bottom:15px;
}

.footer-disclaimer{
    color:#888;
    font-size:14px;
}

/* PLATFORM SECTION */

.platform-section{
    max-width:1200px;
    margin:100px auto;
    padding:0 30px;
}

.section-title{
    text-align:center;
    margin-bottom:45px;
}

.section-title h2{
    font-size:2.5rem;
    margin-bottom:15px;
}

.section-title p{
    color:#999;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

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

.platform-card{
    background:#0d0d0d;
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    padding:35px;
    transition:.3s;
}

.platform-card:hover{
    transform:translateY(-5px);
    border-color:#D4AF37;
}

.platform-card h3{
    color:#D4AF37;
    margin-bottom:15px;
}

.platform-card p{
    color:#cfcfcf;
    line-height:1.8;
}


/* CTA */

.about-cta{
    max-width:900px;
    margin:100px auto;
    text-align:center;
    padding:0 30px;
}

.about-cta h2{
    color:#D4AF37;
    margin-bottom:25px;
}

.about-cta p{
    color:#cfcfcf;
    line-height:1.8;
    margin-bottom:40px;
}

.cta-button{
    display:inline-block;
    background:#D4AF37;
    color:#000;
    padding:16px 40px;
    border-radius:12px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.cta-button:hover{

    transform:translateY(-2px);
    background:#E2BF4B;
    border-color:#E2BF4B;

}

.platform-card{
    background:#0d0d0d;
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    padding:35px;

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

.preview-image{
    height:260px;
    border-radius:12px;
    overflow:hidden;
}

.preview-image video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#111;
}

.gold-icon{

    height:110px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:20px;

}

.gold-icon img{

    max-width:110px;

    max-height:110px;

    width:auto;

    height:auto;

}
.macro-icon img{
    width:76px;
    height:76px;
}

.technical-icon img{
    width:76px;
    height:76px;
}

.pricing-card h3{
    font-size:26px;
    margin-top:0;
    margin-bottom:25px;
    text-align:center;
}

.hero-subtitle{

    color:#D4AF37;

    font-size:16px;

    font-weight:600;

    letter-spacing:.5px;

    margin:18px 0 10px;

}

.about-stats{

    max-width:1200px;

    margin:100px auto;

    padding:0 30px;

    text-align:center;

}

.stats-grid{

    display:grid;

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

    gap:24px;

    margin-top:60px;

}

.stat-card{

    background:#161616;

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

    border-radius:18px;

    padding:40px 25px;

    transition:.35s;

}
.stat-card:hover{

    transform:translateY(-5px);

    border-color:#D4AF37;

}

.stat-card h3{

    font-size:48px;

    color:#D4AF37;

    margin-bottom:15px;

}

.stat-card p{

    font-size:17px;

    color:#d0d0d0;

    line-height:1.6;

}

/* HOW IT WORKS */

.how-section{

    max-width:1100px;

    margin:100px auto;

    padding:0 20px;

}

.how-section h2{

    text-align:center;

    font-size:52px;

    margin-bottom:50px;

}

.how-it-works{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.step{

    background:#121212;

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

    border-radius:18px;

    padding:35px 40px;

    transition:.3s;

}

.step:hover{

    border-color:#D4AF37;

    transform:translateY(-3px);

    box-shadow:0 0 18px rgba(212,175,55,.08);

}

.step-number{

    color:#D4AF37;

    font-size:34px;

    font-weight:700;

    margin-bottom:18px;

}

.step h3{

    color:#FFF;

    font-size:30px;

    margin-bottom:18px;

}

.step p{

    color:#CFCFCF;

    font-size:18px;

    line-height:1.8;

    max-width:900px;

}

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

.site-footer{

    margin-top:120px;

    padding:70px 20px 35px;

    background:#0b0b0b;

    border-top:1px solid rgba(212,175,55,.10);

}

.footer-logo{

    text-align:center;

    margin-bottom:60px;

}

.footer-logo img{

    width:170px;

    margin-bottom:20px;

}

.footer-logo p{

    color:#CFCFCF;

    letter-spacing:1px;

}

.footer-links{

    max-width:1100px;

    margin:auto;

    display:grid;

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

    gap:60px;

}

.footer-links h4{

    color:#D4AF37;

    margin-bottom:20px;

}

.footer-links a{

    display:block;

    color:#BDBDBD;

    text-decoration:none;

    margin-bottom:12px;

    transition:.3s;

}

.footer-links a:hover{

    color:#D4AF37;

}

.footer-bottom{

    margin-top:60px;

    text-align:center;

    color:#888;

    font-size:14px;

}

.support-response{

    margin:12px 0;

    color:#888;

    font-size:14px;

}

.footer-note{

    margin-top:10px;

    color:#666;

    font-size:13px;

    letter-spacing:.4px;

}

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

.hero-dashboard{

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

    background:

    radial-gradient(

        circle at top right,

        rgba(212,175,55,.08),

        transparent 40%

    ),

    linear-gradient(

        180deg,

        #151515,

        #0c0c0c

    );

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

    border-radius:24px;

    padding:28px;

    box-shadow:
        0 0 40px rgba(212,175,55,.08),
        inset 0 0 0 1px rgba(255,255,255,.03);

    transition:.35s;

}

.hero-dashboard:hover{

    transform:translateY(-6px);

    box-shadow:
        0 0 60px rgba(212,175,55,.18);

}

/*============================*/

.dashboard-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:28px;

}

.dashboard-header h3{

    color:#FFF;

    font-size:28px;

    margin-bottom:6px;

}

.dashboard-header span{

    color:#888;

    font-size:14px;

}

.dashboard-session{

    display:flex;

    gap:30px;

}

.dashboard-session strong{

    display:block;

    color:#FFF;

    font-size:14px;

}

.dashboard-session span{

    color:#AAA;

    font-size:13px;

}

.session-live{

    color:#39d98a !important;

    font-weight:600;

}

/*============================*/

.dashboard-main{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:22px;

    margin-bottom:25px;

}

/*============================*/

.market-card,
.bias-card{

    background:

linear-gradient(

180deg,

rgba(255,255,255,.03),

rgba(255,255,255,.015)

);

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

    border-radius:18px;

    padding:22px;

}

/*============================*/

.market-card h4,
.bias-card h4{

    color:#AAA;

    font-size:15px;

    margin-bottom:14px;

}

.price{

    display:flex;

    align-items:center;

    gap:15px;

    color:#FFF;

    font-size:34px;

    font-weight:700;

    margin-bottom:25px;

}

.price span{

    color:#3AD17E;

    font-size:16px;

}

/*============================*/

.bias-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.bias-card h2{

    color:#3AD17E;

    font-size:34px;

    margin:10px 0;

}

.bias-card p{

    color:#AAA;

    margin-bottom:10px;

}

.bias-card strong{

    color:#FFF;

    font-size:20px;

}

/*============================*/

.stats-row{

    display:grid;

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

    gap:18px;

}

.stat-box{

    background:#171717;

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

    border-radius:16px;

    padding:18px;

    text-align:center;

    transition:.3s;

}

.stat-box{

    position:relative;

    overflow:hidden;

}

.stat-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        130deg,

        transparent,

        rgba(212,175,55,.08),

        transparent

    );

    transform:translateX(-120%);

    transition:.8s;

}

.stat-box:hover::before{

    transform:translateX(120%);

}

.stat-box:hover{

    transform:translateY(-6px);

    border-color:#D4AF37;

    box-shadow:

        0 0 25px rgba(212,175,55,.12);

}

.stat-box span{

    display:block;

    color:#999;

    font-size:13px;

    margin-bottom:8px;

}

.stat-box strong{

    color:#FFF;

    font-size:24px;

}

/*==================================
        WINDOW BAR
===================================*/

.window-bar{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:30px;

    padding-bottom:18px;

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

}

.window-buttons{

    display:flex;

    gap:8px;

}

.window-buttons span{

    width:12px;

    height:12px;

    border-radius:50%;

}

.window-buttons span:nth-child(1){

    background:#ff5f57;

}

.window-buttons span:nth-child(2){

    background:#febc2e;

}

.window-buttons span:nth-child(3){

    background:#28c840;

}

.window-title{

    color:#888;

    font-size:13px;

    letter-spacing:1px;

}

/*=========================================
        HERO DASHBOARD LAYOUT
=========================================*/

.hero-dashboard{

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

    padding:28px;

    border-radius:24px;

    background:
        radial-gradient(circle at top right,
        rgba(212,175,55,.08),
        transparent 40%),
        linear-gradient(180deg,#161616,#0f0f0f);

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

    box-shadow:
        0 0 35px rgba(212,175,55,.08),
        inset 0 0 0 1px rgba(255,255,255,.03);

    overflow:hidden;

    transition:.35s;

}

.hero-dashboard:hover{

    transform:translateY(-6px);

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

}

/*========================*/

.dashboard-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

}

.dashboard-header h3{

    color:white;

    font-size:28px;

    margin-bottom:6px;

}

.dashboard-header span{

    color:#888;

    font-size:14px;

}

/*========================*/

.dashboard-session{

    display:flex;

    gap:35px;

}

.dashboard-session div{

    text-align:center;

}

.dashboard-session strong{

    display:block;

    color:white;

    margin-bottom:5px;

    font-size:14px;

}

.dashboard-session span{

    font-size:13px;

}

.session-live{

    color:#38d27d!important;

}

/*========================*/

.dashboard-main{

    display:block;

}

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

.market-card{

    width:100%;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
    );

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

    border-radius:18px;

    padding:22px;

    transition:.35s;

}

.market-card:hover{

    transform:translateY(-4px);

    border-color:#D4AF37;

    box-shadow:
        0 0 25px rgba(212,175,55,.08);

}

.market-card h4,
.bias-card h4{

    color:#9c9c9c;

    font-size:15px;

    margin-bottom:18px;

}

.price{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;

    font-size:42px;

    font-weight:700;

    color:white;

}

.price span{

    color:#39D98A;

    font-size:17px;

}


.bias-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.bias-card h2{

    font-size:36px;

    color:#39D98A;

    margin:12px 0;

}

.bias-card p{

    color:#888;

    margin-bottom:10px;

}

.bias-card strong{

    color:white;

    font-size:20px;

}

/*=============================
        CHART
==============================*/

.chart-container{

    height:240px;

    position:relative;

    margin-top:20px;

}

.chart-container canvas{

    width:100%!important;

    height:100%!important;

}

#goldChart{

    width:100%!important;

    height:170px!important;

}

.market-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.live-badge{

    display:flex;

    align-items:center;

    gap:8px;

    color:#39D98A;

    font-size:13px;

    font-weight:600;

}

.live-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#39D98A;

    animation:pulse 1.5s infinite;

}

@keyframes pulse{

0%{

transform:scale(.8);
opacity:.5;

}

50%{

transform:scale(1.2);
opacity:1;

}

100%{

transform:scale(.8);
opacity:.5;

}

}

.bias-extra{

margin-top:30px;

display:flex;

justify-content:space-between;

}

.bias-extra span{

display:block;

font-size:12px;

color:#888;

margin-bottom:6px;

}

.bias-extra strong{

font-size:18px;

}

.risk-low{

color:#39D98A;

}

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

.stat-box{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:8px;

    min-height:110px;

}

.stat-box span{

    color:#8f8f8f;

    font-size:13px;

    letter-spacing:.5px;

}

.stat-box strong{

    color:white;

    font-size:34px;

    font-weight:700;

}

.stat-box small{

    color:#B8B8B8;

    font-size:12px;

    letter-spacing:.4px;

}

.positive{

    color:#39D98A !important;

}

.fake-chart{

    height:180px;

    margin-top:25px;

    border-radius:12px;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(212,175,55,.10),
        rgba(212,175,55,.02)
    );

}

.fake-chart::before{

    content:"";

    position:absolute;

    left:20px;

    right:20px;

    bottom:25px;

    height:90px;

    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 180'%3E%3Cpath d='M0 160 C40 120 80 140 120 100 C160 60 210 120 250 70 C290 20 340 90 390 50 C430 20 480 80 530 40 C580 10 630 50 700 5' fill='none' stroke='%23D4AF37' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;

}

.fake-chart::after{

    content:"";

    position:absolute;

    left:20px;

    right:20px;

    bottom:25px;

    height:90px;

    background:linear-gradient(

        to top,

        rgba(212,175,55,.18),

        transparent

    );

    clip-path:polygon(

0% 100%,
0% 92%,
8% 74%,
18% 82%,
28% 60%,
38% 72%,
48% 38%,
58% 56%,
68% 26%,
78% 46%,
88% 18%,
100% 0%,
100% 100%

);

}

.market-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.live-badge{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:13px;

    font-weight:600;

    color:#3DDC84;

    letter-spacing:.5px;

}

.live-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#3DDC84;

    box-shadow:0 0 8px #3DDC84;

    animation:pulseLive 1.5s infinite;

}

@keyframes pulseLive{

    0%{

        transform:scale(1);
        opacity:1;

    }

    50%{

        transform:scale(1.4);
        opacity:.6;

    }

    100%{

        transform:scale(1);
        opacity:1;

    }

}

/*=========================================
  BUILT THROUGH EXPERIENCE
=========================================*/

.philosophy-section{

    padding:120px 8%;

    text-align:center;

}

.philosophy-card{

    max-width:950px;

    margin:60px auto 0;

    padding:50px;

    background:#151515;

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

    border-radius:18px;

}

.philosophy-card p{

    color:#d4d4d4;

    font-size:18px;

    line-height:2;

    margin-bottom:30px;

}

.philosophy-card p:last-child{

    margin-bottom:0;

}

.philosophy-card strong{

    color:#D4AF37;

    font-weight:600;

}

/*=========================================
    EXPERIENCE HIGHLIGHTS
=========================================*/

.experience-highlights{

    display:grid;

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

    gap:25px;

    max-width:1100px;

    margin:45px auto 35px;

}

@media (max-width:768px){

    .experience-highlights{

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

        gap:16px;

    }

}

@media (max-width:480px){

    .experience-highlights{

        grid-template-columns:1fr;

    }

}

.experience-item{

    background:#141414;

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

    border-radius:18px;

    padding:28px 20px;

    text-align:center;

}

.experience-item small{

    display:block;

    margin-bottom:10px;

    font-size:12px;

    letter-spacing:3px;

    color:#8B8B8B;

    font-weight:600;

}

.experience-item span{

    display:block;

    color:#D4AF37;

    font-size:26px;

    font-weight:700;

    letter-spacing:.5px;

}



/* ==========================================
   PUBLIC MARKET API
========================================== */

.price strong{
    color:inherit;
    font:inherit;
    line-height:inherit;
}

.public-gold-chart{
    position:relative;
    height:180px;
    margin-top:25px;
    padding:12px 8px 4px;
    overflow:hidden;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(212,175,55,.02));
}

.public-gold-chart canvas{
    width:100% !important;
    height:100% !important;
}

.public-chart-message{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    color:#8f8f8f;
    font-size:12px;
    text-align:center;
    pointer-events:none;
}

.public-chart-message.hidden{
    display:none;
}

.public-market-updated{
    display:block;
    min-height:17px;
    margin-top:10px;
    color:#737373;
    font-size:11px;
    letter-spacing:.25px;
}

.live-badge.loading{
    color:#D4AF37;
}

.live-badge.loading .live-dot{
    background:#D4AF37;
    box-shadow:0 0 8px #D4AF37;
}

.live-badge.offline{
    color:#ff6969;
}

.live-badge.offline .live-dot{
    background:#ff6969;
    box-shadow:0 0 8px rgba(255,105,105,.7);
    animation:none;
}

#publicGoldChange.negative{
    color:#ff6969;
}

#publicGoldChange.neutral{
    color:#b8b8b8;
}

#publicLondonStatus.closed{
    color:#ff6969 !important;
}

#publicLondonStatus.open{
    color:#39d98a !important;
}


/* =========================================
   HERO MARKET STATUS BAR
========================================= */

.dashboard-heading{
    min-width:0;
}

.dashboard-heading > span{
    display:block;
}

.market-status-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(72px,1fr));
    gap:12px;
    align-items:stretch;
}

.market-status-item{
    min-width:78px;
    padding:10px 12px;
    text-align:center;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
}

.market-status-item strong{
    display:block;
    margin-bottom:3px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:700;
}

.market-status-item .market-state{
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.5px;
}

.market-status-item small{
    display:block;
    margin-top:2px;
    color:#858585;
    font-size:10px;
    line-height:1.2;
}

.market-state.open{
    color:#39D98A !important;
}

.market-state.closed{
    color:#ff6969 !important;
}

.market-state.preopen{
    color:#D4AF37 !important;
}

@media(max-width:700px){

    .dashboard-header{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }

    .market-status-grid{
        width:100%;
    }

    .market-status-item{
        min-width:0;
        padding:9px 7px;
    }

}

/* =========================================
   TERMINAL MARKET STATUS BAR
========================================= */

.market-status-grid{
    display:block;
}

.terminal-status-bar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-height:58px;
}

.terminal-status-item{
    min-width:112px;
    padding:0 15px;
}

.terminal-market{
    min-width:125px;
}

.terminal-label{
    display:block;
    margin-bottom:6px;
    color:#777;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    white-space:nowrap;
}

.terminal-value{
    display:flex;
    align-items:center;
    gap:7px;
}

.terminal-value strong{
    color:#d8d8d8;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
}

.terminal-value strong.open{
    color:#39d98a;
}

.terminal-value strong.closed{
    color:#ff6969;
}

.terminal-value small{
    color:#696969;
    font-size:10px;
    font-variant-numeric:tabular-nums;
}

.terminal-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#777;
}

.terminal-dot.open{
    background:#39d98a;
    box-shadow:0 0 8px rgba(57,217,138,.65);
}

.terminal-dot.closed{
    background:#ff6969;
    box-shadow:0 0 8px rgba(255,105,105,.45);
}

.terminal-divider{
    width:1px;
    height:35px;
    flex:0 0 1px;
    background:rgba(255,255,255,.07);
}

@media(max-width:700px){

    .terminal-status-bar{
        width:100%;
        justify-content:space-between;
    }

    .terminal-status-item,
    .terminal-market{
        min-width:0;
        padding:0 8px;
    }

    .terminal-divider{
        height:32px;
    }

    .terminal-label{
        font-size:8px;
    }

    .terminal-value{
        gap:5px;
    }

    .terminal-value strong{
        font-size:10px;
    }

    .terminal-value small{
        display:none;
    }

}

/* =========================================================
   FINAL HERO MARKET TERMINAL LAYOUT
========================================================= */

.hero-dashboard{
    width:100%;
    max-width:720px;
    padding:28px;
    overflow:hidden;
}

.terminal-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:0 0 20px;
    border-bottom:1px solid rgba(212,175,55,.42);
}

.terminal-topbar h3{
    margin:0;
    color:#FFFFFF;
    font-size:28px;
    line-height:1.1;
    font-weight:700;
    white-space:nowrap;
}

.terminal-topbar > span{
    color:#9a9a9a;
    font-size:13px;
    letter-spacing:.35px;
    text-align:right;
    white-space:nowrap;
}

.terminal-sessions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    align-items:stretch;
    padding:18px 0;
    border-bottom:1px solid rgba(212,175,55,.42);
}

.terminal-session{
    position:relative;
    min-width:0;
    padding:0 18px;
    text-align:center;
}

.terminal-session:not(:last-child)::after{
    content:"";
    position:absolute;
    top:2px;
    right:0;
    width:1px;
    height:48px;
    background:rgba(255,255,255,.10);
}

.terminal-session .terminal-label{
    display:block;
    margin:0 0 7px;
    color:#9a9a9a;
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.9px;
    text-transform:uppercase;
    white-space:nowrap;
}

.terminal-session-status{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:18px;
}

.terminal-session-status strong{
    color:#d8d8d8;
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.4px;
}

.terminal-session-status strong.open{
    color:#39D98A;
}

.terminal-session-status strong.closed{
    color:#ff6969;
}

.terminal-session-status small{
    color:#777;
    font-size:10px;
    line-height:1;
    font-variant-numeric:tabular-nums;
}

.terminal-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#777;
}

.terminal-dot.open{
    background:#39D98A;
    box-shadow:0 0 8px rgba(57,217,138,.68);
}

.terminal-dot.closed{
    background:#ff6969;
    box-shadow:0 0 8px rgba(255,105,105,.48);
}

.dashboard-main{
    display:block;
    margin:24px 0 0;
}

.market-card{
    width:100%;
}

@media(max-width:700px){

    .terminal-topbar{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .terminal-topbar h3{
        font-size:24px;
    }

    .terminal-topbar > span{
        text-align:left;
        white-space:normal;
    }

    .terminal-sessions{
        grid-template-columns:1fr;
        padding:8px 0;
    }

    .terminal-session{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        padding:12px 4px;
        text-align:left;
    }

    .terminal-session:not(:last-child)::after{
        top:auto;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:1px;
    }

    .terminal-session .terminal-label{
        margin:0;
        white-space:normal;
    }

    .terminal-session-status{
        justify-content:flex-end;
    }

}


/* =========================================================
   PRICING V2 — GOLDEDGE ANALYTICS
========================================================= */
.pricing-v2{position:relative;padding:120px 4% 90px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.08),transparent 34%),#0D0D0D}
.pricing-heading{max-width:760px;margin:0 auto 55px;text-align:center}.pricing-eyebrow{display:block;margin-bottom:10px;color:#D4AF37;font-size:12px;font-weight:700;letter-spacing:3px}.pricing-heading h2{margin-bottom:16px;font-size:48px;line-height:1.1}.pricing-heading p{color:#AFAFAF;font-size:17px;line-height:1.8}
.pricing-table-wrap{max-width:1440px;margin:auto;overflow-x:auto;padding:22px 2px 30px}.pricing-table{min-width:1080px;display:grid;grid-template-columns:1.12fr repeat(4,1fr);background:rgba(13,13,13,.88);border:1px solid rgba(212,175,55,.26);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.015)}
.pricing-cell{min-height:58px;display:flex;align-items:center;justify-content:center;padding:13px 18px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);text-align:center}.pricing-cell:nth-child(5n){border-right:none}.pricing-corner{align-items:flex-start;justify-content:flex-start;padding-top:24px;color:#D4AF37;font-size:14px;font-weight:700;letter-spacing:.8px}
.plan-head{position:relative;min-height:260px;flex-direction:column;padding:28px 18px 24px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.plan-name{margin-bottom:24px;color:#FFF;font-size:21px;font-weight:800}.plan-price-main{color:#D4AF37;font-size:42px;font-weight:800;line-height:1}  .plan-free .plan-price-main{color:#FFF;font-size:34px}.plan-license{margin-top:10px;color:#F2F2F2;font-size:15px}.plan-monthly{min-height:24px;margin-top:2px;color:#D4AF37;font-size:14px}

.plan-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;

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

    margin-top:auto;
    padding:11px 18px;

    border:1px solid #D4AF37;
    border-radius:10px;

    background:#D4AF37;
    color:#0B0B0B;

    text-decoration:none;
    font-size:14px;
    font-weight:800;

    transition:.3s;
}

/* Botão principal dourado */

.plan-cta:hover{
    transform:translateY(-2px);
    background:#E2BF4B;
    border-color:#E2BF4B;
    color:#111;
}

/* Botão secundário com fundo preto */

.plan-cta-secondary{
    background:transparent;
    color:#D4AF37;
}

/* Hover específico do botão secundário */

.plan-cta-secondary:hover{
    transform:translateY(-2px);
    background:rgba(212,175,55,.13);
    border-color:#D4AF37;
    color:#E2BF4B;
}

.plan-professional,.plan-professional-col{position:relative;z-index:1;background:linear-gradient(180deg,rgba(212,175,55,.095),rgba(212,175,55,.025));border-left:1px solid rgba(212,175,55,.7);border-right:1px solid rgba(212,175,55,.7)!important}.plan-professional{box-shadow:0 0 38px rgba(212,175,55,.16),inset 0 1px 0 rgba(255,255,255,.03)}.plan-professional::before{content:"";position:absolute;inset:0;border-top:2px solid #D4AF37;pointer-events:none}.most-popular{position:absolute;top:50px;left:50%;transform:translateX(-50%);padding:5px 13px;border-radius:6px;background:linear-gradient(180deg,#E1BE55,#B78922);color:#121212;font-size:10px;font-weight:900;white-space:nowrap}.plan-professional .plan-name{margin-bottom:52px}.plan-elite,.plan-elite-col{background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(212,175,55,.018))}.elite-crown{color:#D4AF37;font-size:25px}
.feature-name{justify-content:flex-start;padding-left:22px;color:#E6E6E6;font-size:14px;font-weight:600;text-align:left}.pricing-value{color:#D2D2D2;font-size:14px;line-height:1.35}.gold-text-value{color:#D4AF37;font-weight:600}.yes{color:#D4AF37;font-size:25px;font-weight:900;line-height:1}.no{color:#686868;font-size:22px;line-height:1}
.founder-offer{max-width:1440px;margin:16px auto 0;display:grid;grid-template-columns:150px 1.5fr .9fr 1.1fr;gap:28px;align-items:center;padding:26px 32px;border:1px solid rgba(212,175,55,.55);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(212,175,55,.10),transparent 35%),linear-gradient(180deg,#111,#0B0B0B);box-shadow:0 18px 45px rgba(0,0,0,.32)}.founder-badge-wrap{display:flex;justify-content:center}.founder-emblem{width:94px;height:94px;display:flex;align-items:center;justify-content:center;border:2px solid #D4AF37;border-radius:50%;color:#D4AF37;font-size:44px;box-shadow:0 0 0 8px rgba(212,175,55,.05),0 0 30px rgba(212,175,55,.12)}.founder-label{display:block;margin-bottom:4px;color:#D4AF37;font-size:12px;font-weight:800;letter-spacing:2px}.founder-copy h3{margin-bottom:8px;color:#FFF;font-size:27px}.founder-copy p{max-width:650px;color:#BCBCBC;line-height:1.7}.founder-copy strong{color:#D4AF37}
.founder-price{padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:14px;text-align:center;background:rgba(0,0,0,.16)}.founder-price>div{display:flex;align-items:flex-end;justify-content:center;gap:12px}.old-price{color:#8A8A8A;font-size:21px;text-decoration:line-through;text-decoration-thickness:2px}.founder-price strong{color:#D4AF37;font-size:39px;line-height:1}.founder-price>span{display:block;margin-top:9px;color:#FFF;font-size:14px}.founder-price small{color:#D4AF37;font-size:13px}.founder-benefits{display:flex;flex-direction:column;gap:11px}.founder-benefits span{position:relative;padding-left:23px;color:#D5D5D5;font-size:14px}.founder-benefits span::before{content:"✓";position:absolute;left:0;color:#D4AF37;font-weight:900}.pricing-note{margin-top:18px;color:#717171;font-size:13px;text-align:center}
@media(max-width:1100px){.founder-offer{grid-template-columns:110px 1fr 1fr}.founder-benefits{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pricing-v2{padding:90px 18px 70px}.pricing-heading h2{font-size:38px}.pricing-table-wrap{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.founder-offer{grid-template-columns:1fr;text-align:center;padding:28px 22px}.founder-benefits{grid-column:auto;display:flex;align-items:flex-start;text-align:left}.founder-copy p{margin:auto}}


/* =========================================================
   PRICING V2 — FINAL ALIGNMENT ADJUSTMENTS
========================================================= */

/* Keep every plan header aligned to the same internal grid */
.plan-head{
    display:grid;
    grid-template-rows:42px 34px 54px 25px 24px 1fr;
    align-items:center;
    justify-items:center;
    row-gap:0;
}

.plan-head .plan-name{
    grid-row:1;
    align-self:center;
    margin:0;
    line-height:1.15;
}

.plan-head .most-popular{
    position:static;
    grid-row:2;
    transform:none;
    align-self:start;
    margin-top:1px;
}

.plan-head .plan-price-main{
    grid-row:3;
    align-self:center;
}

.plan-head .plan-license{
    grid-row:4;
    align-self:center;
    margin:0;
}

.plan-head .plan-monthly{
    grid-row:5;
    align-self:start;
    margin:0;
}

.plan-head .plan-cta{
    grid-row:6;
    align-self:end;
    margin-top:20px;
}

.plan-free .plan-price-main{
    grid-row:3;
}

.plan-free .plan-license{
    grid-row:4;
}

.plan-free .plan-cta{
    grid-row:6;
}

.plan-professional .plan-name{
    margin:0;
}

/* Softer Professional glow */
.plan-professional{
    box-shadow:
        0 0 28px rgba(212,175,55,.12),
        inset 0 1px 0 rgba(255,255,255,.03);
}

/* Crown and Elite title share the same optical baseline */
.plan-elite .plan-name{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.elite-crown{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
    line-height:1;
    transform:translateY(-1px);
}

/* Founder/Elite offer blocks aligned centrally */
.founder-offer{
    grid-template-columns:130px minmax(0,1.5fr) minmax(230px,.85fr) minmax(250px,1fr);
    align-items:center;
}

.founder-copy,
.founder-price,
.founder-benefits{
    align-self:center;
}

.founder-price > div{
    gap:18px;
}

.founder-benefits{
    gap:16px;
}

.founder-benefits span{
    line-height:1.5;
}

@media(max-width:1100px){
    .founder-offer{
        grid-template-columns:110px minmax(0,1fr) minmax(220px,.8fr);
    }
}

@media(max-width:760px){
    .plan-head{
        grid-template-rows:42px 34px 54px 25px 24px 1fr;
    }

    .founder-offer{
        grid-template-columns:1fr;
    }
}

.plan-professional-bottom{

    border-bottom:1px solid rgba(212,175,55,.70);

}

.plan-price-main strong{
    color:#D4AF37;
    font-family:inherit;
    font-size:39px;
    font-weight:700;
    line-height:1;
}

/* =========================================================
   PRICING V3 — PREMIUM PLAN CARDS + CLEAN COMPARISON
========================================================= */

.pricing-v3{
    position:relative;
    padding:120px 5% 95px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 0%,rgba(212,175,55,.08),transparent 34%),
        #0D0D0D;
}

.pricing-v3 .pricing-heading{
    max-width:760px;
    margin:0 auto 58px;
    text-align:center;
}

.pricing-plan-grid{
    width:100%;
    max-width:1440px;
    margin:0 auto 70px;   /* antes: 42px */
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
}

.pricing-plan-card{
    position:relative;
    min-width:0;
    min-height:520px;
    display:flex;
    flex-direction:column;
    padding:30px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
        #121212;
    border:1px solid rgba(255,255,255,.07);
    border-radius:20px;
    overflow:hidden;
    transition:.28s ease;
}

.pricing-plan-card:hover{
    transform:translateY(-5px);
    border-color:rgba(212,175,55,.42);
}

.pricing-plan-featured{
    transform:translateY(-10px);
    border-color:rgba(212,175,55,.72);
    background:
        radial-gradient(circle at 50% 0%,rgba(212,175,55,.12),transparent 43%),
        linear-gradient(180deg,rgba(212,175,55,.055),rgba(255,255,255,.008)),
        #14130f;
    box-shadow:0 20px 55px rgba(0,0,0,.34);
}

.pricing-plan-featured:hover{
    transform:translateY(-15px);
    border-color:#D4AF37;
}

.pricing-plan-elite{
    background:
        radial-gradient(circle at 100% 0%,rgba(212,175,55,.10),transparent 38%),
        linear-gradient(180deg,rgba(212,175,55,.035),rgba(255,255,255,.008)),
        #121212;
}

.pricing-popular-badge{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 14px;
    border-radius:0 0 9px 9px;
    background:#D4AF37;
    color:#111;
    font-size:9px;
    font-weight:800;
    letter-spacing:.9px;
    white-space:nowrap;
}

.pricing-plan-top{
    min-height:235px;
}

.pricing-plan-label{
    display:block;
    margin-bottom:12px;
    color:#D4AF37;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.6px;
}

.pricing-plan-card h3{
    margin:0 0 22px;
    color:#FFF;
    font-size:27px;
    line-height:1.1;
}

.pricing-elite-crown{
    color:#D4AF37;
    font-size:23px;
}

.pricing-plan-price{
    min-height:105px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
}

.pricing-plan-price strong{
    color:#D4AF37;
    font-size:46px;
    line-height:1;
}

.pricing-plan-price span{
    margin-top:10px;
    color:#F2F2F2;
    font-size:13px;
    font-weight:600;
}

.pricing-plan-price small{
    margin-top:2px;
    color:#D4AF37;
    font-size:12px;
}

.pricing-plan-price-free strong{
    color:#FFF;
    font-size:38px;
}

.pricing-plan-card .pricing-plan-top > p{
    margin-top:20px;
    color:#929292;
    font-size:13px;
    line-height:1.65;
}

.pricing-plan-divider{
    width:100%;
    height:1px;
    margin:4px 0 23px;
    background:rgba(255,255,255,.07);
}

.pricing-plan-highlights{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin:0 0 28px;
    padding:0;
    list-style:none;
}

.pricing-plan-highlights li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#D7D7D7;
    font-size:13px;
    line-height:1.45;
}

.pricing-plan-highlights li span{
    color:#D4AF37;
    font-weight:800;
}

.pricing-plan-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    margin-top:auto;
    padding:0 18px;
    border:1px solid #D4AF37;
    border-radius:10px;
    background:#D4AF37;
    color:#111;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    transition:.25s;
}

.pricing-plan-action:hover{
    transform:translateY(-2px);
    background:#E2BF4B;
    border-color:#E2BF4B;
}

.pricing-plan-action-secondary{
    background:#0E0E0E;
    color:#D4AF37;
}

.pricing-plan-action-secondary:hover{
    background:rgba(212,175,55,.13);
    color:#E2BF4B;
}

.pricing-comparison{
    width:100%;
    max-width:1440px;
    margin:0 auto 70px;
    padding:30px;
    background:#121212;
    border:1px solid rgba(255,255,255,.07);
    border-radius:20px;
}

.pricing-comparison-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.pricing-comparison-kicker{
    display:block;
    margin-bottom:7px;
    color:#D4AF37;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.pricing-comparison-heading h3{
    margin:0 0 7px;
    color:#FFF;
    font-size:25px;
}

.pricing-comparison-heading p{
    margin:0;
    color:#888;
    font-size:13px;
}

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

.pricing-comparison-grid{
    min-width:1040px;
    display:grid;
    grid-template-columns:1.35fr repeat(4,1fr);
    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;
    overflow:hidden;
}

.pricing-comparison-cell{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 18px;
    border-right:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
    color:#CFCFCF;
    font-size:12px;
    text-align:center;
}

.pricing-comparison-cell:nth-child(5n){
    border-right:none;
}

.pricing-comparison-cell:nth-last-child(-n+5){
    border-bottom:none;
}

.pricing-comparison-feature-head,
.pricing-comparison-feature{
    justify-content:flex-start;
    text-align:left;
}

.pricing-comparison-feature-head{
    color:#D4AF37;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.pricing-comparison-plan-head{
    min-height:70px;
    color:#FFF;
    font-size:14px;
    font-weight:800;
}

.pricing-comparison-feature{
    color:#F2F2F2;
    font-weight:600;
}

.pricing-comparison-professional{
    background:rgba(212,175,55,.045);
}

.pricing-check{
    color:#D4AF37;
    font-size:18px;
    font-weight:800;
}

.pricing-unavailable{
    color:#555;
    font-size:18px;
}

.pricing-emphasis{
    color:#D4AF37;
    font-weight:700;
}

.pricing-v3 .founder-offer{
    max-width:1440px;
    margin:0 auto;
}

.pricing-v3 .pricing-note{
    max-width:1440px;
    margin:16px auto 0;
}

@media(max-width:1180px){

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

    .pricing-plan-featured,
    .pricing-plan-featured:hover{
        transform:none;
    }

}

@media(max-width:680px){

    .pricing-v3{
        padding:90px 20px 70px;
    }

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

    .pricing-plan-grid{
        grid-template-columns:1fr;
    }

    .pricing-plan-card{
        min-height:0;
    }

    .pricing-plan-top{
        min-height:0;
    }

    .pricing-comparison{
        padding:22px 14px;
    }

}

/* ==========================================
   ABOUT — CORE PRINCIPLES MOBILE FIX
========================================== */

@media(max-width:768px){

    .about-stats{
        width:100%;
        padding:0 20px;
        overflow:hidden;
    }

    .about-stats .stats-grid{
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
    }

    .about-stats .stat-card{
        width:100%;
        min-width:0;
        padding:28px 18px;
    }

    .about-stats .stat-card h3{
        font-size:38px;
        overflow-wrap:anywhere;
    }

}

@media(max-width:480px){

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

    .about-stats .stat-card{
        min-height:auto;
    }

}

/* ==========================================
   FOOTER — MOBILE FIX
========================================== */

@media(max-width:768px){

    .site-footer{
        width:100%;
        padding:55px 20px 30px;
        overflow:hidden;
    }

    .footer-logo{
        width:100%;
        margin-bottom:45px;
    }

    .footer-logo img{
        width:170px;
        max-width:100%;
        height:auto;
    }

    .footer-links{
        width:100%;
        grid-template-columns:1fr;
        gap:38px;
        text-align:center;
    }

    .footer-links > div{
        width:100%;
        min-width:0;
    }

    .footer-links a,
    .footer-links p{
        max-width:100%;
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    .footer-bottom{
        width:100%;
        margin-top:45px;
        padding:0 10px;
        line-height:1.6;
    }

}