@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');


:root {

    --bg-primary: #050b16;
    --bg-secondary: #081426;

    --navy: #0b1628;

    --gold: #d6ad52;
    --gold-light: #f6d77a;

    --white: #ffffff;
    --text: #d7deea;
    --muted: #95a3b8;

    --glass: rgba(255,255,255,0.08);
    --glass-border: rgba(255,255,255,0.14);

    --shadow:
    0 25px 70px rgba(0,0,0,.45);

    --radius:
    24px;

}



* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}



html {

    scroll-behavior:smooth;

}



body {

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

    background:
    radial-gradient(
        circle at top right,
        rgba(214,173,82,.12),
        transparent 35%
    ),
    var(--bg-primary);

    color:var(--white);

    overflow-x:hidden;

}



::selection {

    background:var(--gold);
    color:#000;

}


a {

    text-decoration:none;
    color:inherit;

}



img {

    max-width:100%;
    display:block;

}



.container {

    width:min(1200px,92%);

    margin:auto;

}





/* =========================
   BACKGROUND EFFECTS
========================= */


.noise {

    position:fixed;

    inset:0;

    pointer-events:none;

    opacity:.04;

    z-index:10;

    background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

}



.aurora {

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:-1;

}



.aurora span {

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    filter:blur(120px);

    animation:
    float 12s infinite alternate ease-in-out;

}



.aurora span:nth-child(1){

    background:
    rgba(214,173,82,.18);

    top:-200px;

    right:-150px;

}



.aurora span:nth-child(2){

    background:
    rgba(0,80,180,.25);

    bottom:20%;

    left:-200px;

    animation-delay:2s;

}



.aurora span:nth-child(3){

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

    top:40%;

    right:30%;

    animation-delay:4s;

}



@keyframes float {

    from {

        transform:translateY(0) scale(1);

    }

    to {

        transform:
        translateY(80px)
        scale(1.2);

    }

}




.scroll-progress {

    position:fixed;

    top:0;

    left:0;

    height:3px;

    width:0;

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

    z-index:9999;

}





/* =========================
   NAVIGATION
========================= */


.navbar {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    padding:22px 0;

    z-index:1000;

    backdrop-filter:
    blur(20px);

    background:
    rgba(5,11,22,.55);

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

}



.nav-wrapper {

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.logo {

    display:flex;

    align-items:center;

    gap:14px;

}



.logo-icon {

    width:48px;

    height:48px;

    display:grid;

    place-items:center;

    border-radius:16px;

    background:
    linear-gradient(
        135deg,
        var(--gold),
        #8b6820
    );

    color:#050505;

    font-size:26px;

    font-weight:900;

}



.logo h2 {

    font-size:22px;

    letter-spacing:-.5px;

}



.logo span {

    display:block;

    color:var(--gold-light);

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

}



nav ul {

    display:flex;

    gap:40px;

    list-style:none;

}



nav a {

    color:var(--text);

    font-size:14px;

    transition:.3s;

}



nav a:hover {

    color:var(--gold-light);

}

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


.btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 30px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    transition:.35s ease;

    border:1px solid transparent;

    cursor:pointer;

}



.btn-gold {

    color:#050505;

    background:
    linear-gradient(
        135deg,
        var(--gold-light),
        var(--gold)
    );

    box-shadow:
    0 15px 40px rgba(214,173,82,.25);

}



.btn-gold:hover {

    transform:translateY(-3px);

    box-shadow:
    0 20px 55px rgba(214,173,82,.45);

}



.btn-secondary {

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

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

    color:white;

}



.btn-secondary:hover {

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

}



.full {

    width:100%;

}




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


.hero {

    padding-top:180px;

    min-height:100vh;

    display:flex;

    align-items:center;

}



.hero-grid {

    display:grid;

    grid-template-columns:
    1.1fr .9fr;

    gap:70px;

    align-items:center;

}



.eyebrow {

    color:var(--gold-light);

    font-size:12px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:25px;

}



.hero h1 {

    font-size:
    clamp(42px,5vw,72px);

    line-height:1.05;

    letter-spacing:-3px;

    margin-bottom:30px;

}



.hero h1 span {

    display:block;

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

    -webkit-background-clip:text;

    color:transparent;

}



.hero-description {

    color:var(--text);

    font-size:18px;

    line-height:1.7;

    max-width:620px;

    margin-bottom:40px;

}



.hero-buttons {

    display:flex;

    gap:20px;

    margin-bottom:55px;

}



.hero-features {

    display:grid;

    gap:25px;

}



.feature {

    display:flex;

    align-items:center;

    gap:18px;

}



.feature-icon {

    width:42px;

    height:42px;

    border-radius:50%;

    display:grid;

    place-items:center;

    background:
    rgba(214,173,82,.12);

    border:
    1px solid rgba(214,173,82,.35);

    color:var(--gold-light);

}



.feature h4 {

    margin-bottom:5px;

}



.feature p {

    color:var(--muted);

    font-size:14px;

}




/* HERO GLASS PANEL */


.glass-panel {

    background:
    var(--glass);

    border:
    1px solid var(--glass-border);

    backdrop-filter:
    blur(25px);

    border-radius:
    var(--radius);

    padding:35px;

    box-shadow:
    var(--shadow);

}



.status {

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--gold-light);

    font-size:13px;

    margin-bottom:25px;

}



.pulse {

    width:10px;

    height:10px;

    background:#48ff91;

    border-radius:50%;

    box-shadow:
    0 0 20px #48ff91;

}



.hero-right h3 {

    font-size:32px;

    margin-bottom:15px;

}



.hero-right p {

    color:var(--muted);

    line-height:1.7;

}



.analysis {

    display:grid;

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

    gap:15px;

    margin:30px 0;

}



.analysis div {

    padding:20px;

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

    border-radius:18px;

}



.analysis span {

    display:block;

    color:var(--muted);

    font-size:12px;

    margin-bottom:8px;

}



.analysis strong {

    font-size:18px;

}




.cta-card {

    margin-top:25px;

    padding:25px;

    background:
    rgba(214,173,82,.08);

    border-radius:20px;

    border:
    1px solid rgba(214,173,82,.2);

}



.cta-card h4 {

    margin-bottom:20px;

}





/* =========================
   TRUST BAR
========================= */


.trust-bar {

    padding:50px 0;

    border-top:
    1px solid rgba(255,255,255,.08);

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

}



.trust-bar p {

    text-align:center;

    color:var(--muted);

    margin-bottom:30px;

}



.trust-items {

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

}



.trust-items span {

    padding:12px 22px;

    border-radius:50px;

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

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

    color:var(--text);

    font-size:14px;

}

/* =========================
   SECTION HEADERS
========================= */


.section-title {

    text-align:center;

    max-width:750px;

    margin:0 auto 70px;

}



.section-title h2 {

    font-size:
    clamp(34px,4vw,52px);

    letter-spacing:-2px;

    margin-bottom:20px;

}



.section-title p:last-child {

    color:var(--muted);

    line-height:1.7;

    font-size:17px;

}




/* =========================
   SOLUTIONS
========================= */


.solutions {

    padding:120px 0;

}



.solution-grid {

    display:grid;

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

    gap:25px;

}



.solution-card {

    position:relative;

    padding:35px;

    min-height:330px;

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

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

    border-radius:28px;

    backdrop-filter:
    blur(20px);

    transition:.4s ease;

    overflow:hidden;

}



.solution-card::before {

    content:"";

    position:absolute;

    width:200px;

    height:200px;

    top:-100px;

    right:-100px;

    background:
    rgba(214,173,82,.2);

    filter:blur(70px);

}



.solution-card:hover {

    transform:
    translateY(-12px);

    border-color:
    rgba(214,173,82,.5);

}



.card-icon {

    width:60px;

    height:60px;

    display:grid;

    place-items:center;

    border-radius:20px;

    background:
    rgba(214,173,82,.12);

    font-size:28px;

    margin-bottom:30px;

}



.solution-card h3 {

    font-size:24px;

    margin-bottom:15px;

}



.solution-card p {

    color:var(--muted);

    line-height:1.7;

    margin-bottom:25px;

}



.solution-card a {

    color:var(--gold-light);

    font-weight:700;

    font-size:14px;

}




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


.why {

    padding:120px 0;

}



.why-grid {

    display:grid;

    grid-template-columns:
    .9fr 1.1fr;

    gap:80px;

    align-items:center;

}



.why-image {

    position:relative;

    height:500px;

}



.financial-glass {

    position:absolute;

    inset:70px 20px;

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

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

    border-radius:35px;

    backdrop-filter:
    blur(20px);

    display:flex;

    align-items:center;

    justify-content:center;

}



.chart {

    display:flex;

    align-items:flex-end;

    gap:18px;

    height:220px;

}



.bar {

    width:35px;

    background:
    linear-gradient(
        to top,
        var(--gold),
        var(--gold-light)
    );

    border-radius:20px;

    animation:
    grow 2s infinite alternate;

}



.bar-one {

    height:80px;

}



.bar-two {

    height:140px;

    animation-delay:.3s;

}



.bar-three {

    height:180px;

    animation-delay:.6s;

}



.bar-four {

    height:220px;

    animation-delay:.9s;

}



@keyframes grow {

    from {

        transform:scaleY(.85);

    }

    to {

        transform:scaleY(1);

    }

}



.floating-card {

    position:absolute;

    z-index:2;

    padding:25px;

    border-radius:22px;

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

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

    backdrop-filter:
    blur(20px);

}



.floating-card span {

    display:block;

    font-size:32px;

    font-weight:800;

    color:var(--gold-light);

}



.floating-card p {

    color:var(--muted);

}



.card-one {

    top:30px;

    left:0;

}



.card-two {

    bottom:40px;

    right:0;

}




.why-content h2 {

    font-size:
    clamp(34px,4vw,55px);

    letter-spacing:-2px;

    margin-bottom:25px;

}



.why-content>p {

    color:var(--muted);

    line-height:1.8;

    margin-bottom:40px;

}



.benefit-list {

    display:grid;

    gap:25px;

}



.benefit {

    display:flex;

    gap:20px;

}



.benefit-number {

    color:var(--gold-light);

    font-weight:800;

}



.benefit h4 {

    margin-bottom:8px;

}



.benefit p {

    color:var(--muted);

    line-height:1.6;

}

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


.stats {

    padding:80px 0;

}



.stats-grid {

    display:grid;

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

    gap:25px;

}



.stat-card {

    text-align:center;

    padding:35px 20px;

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

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

    border-radius:25px;

    backdrop-filter:
    blur(20px);

}



.stat-card h3 {

    font-size:48px;

    color:
    var(--gold-light);

    margin-bottom:10px;

}



.stat-card p {

    color:var(--muted);

}



/* =========================
   PROCESS
========================= */


.process {

    padding:120px 0;

}



.process-grid {

    display:grid;

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

    gap:30px;

}



.process-card {

    position:relative;

    padding:45px 35px;

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

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

    border-radius:28px;

    transition:.35s;

}



.process-card:hover {

    transform:translateY(-8px);

    border-color:
    rgba(214,173,82,.45);

}



.step {

    font-size:60px;

    font-weight:900;

    color:
    rgba(214,173,82,.18);

    margin-bottom:20px;

}



.process-card h3 {

    font-size:26px;

    margin-bottom:15px;

}



.process-card p {

    color:var(--muted);

    line-height:1.7;

}




/* =========================
   CARRIERS
========================= */


.carrier-section {

    padding:100px 0;

}



.carrier-grid {

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

}



.carrier-logo {

    min-width:180px;

    padding:25px;

    text-align:center;

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

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

    border-radius:20px;

    color:var(--text);

    font-weight:700;

}





/* =========================
   TESTIMONIALS
========================= */


.testimonial-section {

    padding:120px 0;

}



.testimonial-grid {

    display:grid;

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

    gap:25px;

}



.testimonial-card {

    padding:35px;

    border-radius:25px;

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

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

}



.stars {

    color:var(--gold-light);

    letter-spacing:4px;

    margin-bottom:20px;

}



.testimonial-card p {

    color:var(--text);

    line-height:1.8;

    margin-bottom:25px;

}



.testimonial-card h4 {

    color:var(--gold-light);

}





/* =========================
   FAQ
========================= */


.faq {

    padding:120px 0;

}



.faq-container {

    max-width:850px;

    margin:auto;

}



.faq-item {

    margin-bottom:15px;

    border-radius:20px;

    overflow:hidden;

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

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

}



.faq-item button {

    width:100%;

    padding:25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    color:white;

    font-size:17px;

    cursor:pointer;

}



.faq-item button span {

    color:var(--gold-light);

    font-size:25px;

}



.faq-answer {

    display:none;

    padding:0 25px 25px;

}



.faq-answer p {

    color:var(--muted);

    line-height:1.7;

}



.faq-item.active .faq-answer {

    display:block;

}

/* =========================
   CONTACT SECTION
========================= */


.contact-section {

    padding:120px 0;

}



.contact-wrapper {

    display:grid;

    grid-template-columns:
    1fr .9fr;

    gap:60px;

    align-items:center;

}



.contact-content h2 {

    font-size:
    clamp(38px,4vw,60px);

    letter-spacing:-2px;

    margin-bottom:25px;

}



.contact-content>p {

    color:var(--muted);

    font-size:17px;

    line-height:1.8;

    margin-bottom:35px;

}



.contact-points {

    display:grid;

    gap:20px;

}



.contact-points div {

    display:flex;

    align-items:center;

    gap:15px;

    color:var(--text);

}



.contact-points span {

    width:28px;

    height:28px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
    rgba(214,173,82,.15);

    color:var(--gold-light);

}




/* FORM */


.contact-form h3 {

    font-size:28px;

    margin-bottom:30px;

}



.input-group {

    margin-bottom:18px;

}



.input-group input,
.input-group select,
textarea {

    width:100%;

    padding:16px 20px;

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

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

    border-radius:15px;

    color:white;

    font-family:inherit;

    outline:none;

}



.input-group input::placeholder,
textarea::placeholder {

    color:#8d9bad;

}



.input-group select option {

    color:#000;

}



textarea {

    min-height:130px;

    resize:none;

    margin-bottom:20px;

}





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


.footer {

    padding:80px 0 30px;

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

}



.footer-grid {

    display:grid;

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

    gap:40px;

}



.footer-brand p {

    color:var(--muted);

    line-height:1.7;

    margin-top:25px;

    max-width:350px;

}



.footer-links {

    display:flex;

    flex-direction:column;

    gap:14px;

}



.footer-links h4 {

    color:var(--gold-light);

    margin-bottom:10px;

}



.footer-links a,
.footer-links p {

    color:var(--muted);

    font-size:14px;

}



.footer-links a:hover {

    color:white;

}



.footer-bottom {

    margin-top:60px;

    padding-top:25px;

    border-top:
    1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    gap:20px;

}



.footer-bottom p {

    color:#718096;

    font-size:12px;

}




/* =========================
   ANIMATIONS
========================= */


.fade-up {

    opacity:0;

    transform:
    translateY(40px);

    transition:
    .8s ease;

}



.fade-up.show {

    opacity:1;

    transform:
    translateY(0);

}



.cursor-glow {

    position:fixed;

    width:300px;

    height:300px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(214,173,82,.15),
        transparent 70%
    );

    pointer-events:none;

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

    z-index:-1;

}




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


.mobile-menu {

    display:none;

    font-size:28px;

}



@media(max-width:1100px){


.hero-grid,
.why-grid,
.contact-wrapper {

    grid-template-columns:1fr;

}


.solution-grid {

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

}


.stats-grid {

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

}


.footer-grid {

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

}


}



@media(max-width:768px){


.navbar {

    padding:15px 0;

}



nav {

    display:none;

}



.mobile-menu {

    display:block;

}



.hero {

    padding-top:130px;

}



.hero h1 {

    letter-spacing:-1px;

}



.hero-buttons {

    flex-direction:column;

}



.hero-right {

    margin-top:40px;

}



.solution-grid,
.process-grid,
.testimonial-grid,
.stats-grid {

    grid-template-columns:1fr;

}



.analysis {

    grid-template-columns:1fr;

}



.why-image {

    height:400px;

}



.footer-grid {

    grid-template-columns:1fr;

}



.footer-bottom {

    flex-direction:column;

}



.trust-items {

    flex-direction:column;

    align-items:center;

}


}



@media(max-width:480px){


.glass-panel {

    padding:25px;

}



.logo h2 {

    font-size:18px;

}



.logo-icon {

    width:40px;

    height:40px;

}



.hero-description {

    font-size:16px;

}


}

@media(max-width:768px){

nav.mobile-open {

    display:block;

    position:absolute;

    top:80px;

    left:0;

    width:100%;

    background:
    rgba(5,11,22,.95);

    padding:30px;

    backdrop-filter:blur(20px);

}


nav.mobile-open ul {

    flex-direction:column;

    gap:25px;

}

}

/* Paste this at the VERY BOTTOM of style.css */
.icon-check::before { content: "\2713"; }
.icon-menu::before { content: "\2630"; }
.icon-shield::before { content: "\25C6"; }
.icon-home::before { content: "\2302"; }
.icon-dove::before { content: "\2726"; }
.icon-chart::before { content: "\25B2"; }
.icon-star::before { content: "\2605"; }

.card-icon span,
.feature-icon span,
.mobile-menu span,
.contact-points span,
.stars span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

@media(max-width:768px){
    nav.mobile-open {
        display:block;
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        background:rgba(5,11,22,.95);
        padding:30px;
        backdrop-filter:blur(20px);
    }

    nav.mobile-open ul {
        flex-direction:column;
        gap:25px;
    }
}

/* =========================
   PHASE 2 INNER PAGES
========================= */
.page-hero{padding:170px 0 90px;position:relative;overflow:hidden}.page-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.page-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-3px;margin-bottom:25px}.page-hero h1 span{display:block;background:linear-gradient(90deg,var(--gold-light),var(--gold));-webkit-background-clip:text;color:transparent}.page-hero p{color:var(--text);font-size:18px;line-height:1.75}.page-kicker{color:var(--gold-light);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:22px}.page-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:35px;backdrop-filter:blur(24px);box-shadow:var(--shadow)}.page-panel h3{font-size:28px;margin-bottom:18px}.page-list{display:grid;gap:16px;margin-top:25px}.page-list li{list-style:none;color:var(--muted);line-height:1.6;display:flex;gap:12px}.page-list li::before{content:"OK";color:#050505;background:linear-gradient(135deg,var(--gold-light),var(--gold));font-size:10px;font-weight:900;border-radius:999px;width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 28px}.content-section{padding:100px 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:35px}.premium-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:34px;backdrop-filter:blur(20px);transition:.35s}.premium-card:hover{transform:translateY(-8px);border-color:rgba(214,173,82,.45)}.premium-card h3{font-size:24px;margin-bottom:15px}.premium-card p,.premium-card li{color:var(--muted);line-height:1.7}.premium-card ul{display:grid;gap:12px;margin-top:18px;padding-left:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:32px;min-height:280px;transition:.35s;position:relative;overflow:hidden}.product-card::before{content:"";position:absolute;top:-90px;right:-90px;width:180px;height:180px;background:rgba(214,173,82,.16);filter:blur(65px)}.product-card:hover{transform:translateY(-10px);border-color:rgba(214,173,82,.45)}.product-card h3{font-size:23px;margin-bottom:14px}.product-card p{color:var(--muted);line-height:1.7;margin-bottom:20px}.comparison-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.comparison-table th,.comparison-table td{padding:22px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.comparison-table th{color:var(--gold-light);background:rgba(214,173,82,.08)}.comparison-table td{color:var(--muted)}.cta-band{padding:80px 0}.cta-band .glass-panel{text-align:center;max-width:900px;margin:auto}.cta-band h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;margin-bottom:18px}.cta-band p{color:var(--muted);line-height:1.8;margin-bottom:30px}.mini-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.mini-contact div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;color:var(--muted)}.active-nav{color:var(--gold-light)!important}.form-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:15px}.inner-footer-space{margin-top:40px}@media(max-width:1000px){.page-hero .container,.two-column{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.mini-contact{grid-template-columns:1fr}}@media(max-width:700px){.page-hero{padding-top:140px}.product-grid{grid-template-columns:1fr}.comparison-table{font-size:14px}.comparison-table th,.comparison-table td{padding:16px}.page-panel{padding:25px}}


/* Consultation form update */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.form-grid .input-group {
  margin-bottom: 0;
}

.full-row {
  grid-column: 1 / -1;
}

.form-note,
.form-status {
  margin-top: 14px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.form-status {
  color: var(--gold-light);
  min-height: 22px;
}

.consultation-form button:disabled {
  opacity: .7;
  cursor: not-allowed;
}

@media(max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================
   BECOME AN AGENT SECTION
========================= */

.agent-section {
    padding: 120px 0;
    position: relative;
}

.agent-wrapper {
    position: relative;
}

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

.agent-card {
    padding: 35px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    backdrop-filter: blur(20px);
    min-height: 310px;
    transition: .35s ease;
    overflow: hidden;
    position: relative;
}

.agent-card::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    top: -95px;
    right: -95px;
    background: rgba(214,173,82,.18);
    filter: blur(65px);
}

.agent-card:hover {
    transform: translateY(-10px);
    border-color: rgba(214,173,82,.45);
}

.agent-card h3 {
    color: var(--gold-light);
    margin: 22px 0 15px;
    font-size: 24px;
}

.agent-card p {
    color: var(--muted);
    line-height: 1.7;
}

.agent-cta {
    text-align: center;
    padding: 55px;
    background: rgba(214,173,82,.08);
    border: 1px solid rgba(214,173,82,.25);
    border-radius: 30px;
}

.agent-cta h3 {
    font-size: clamp(30px, 4vw, 46px);
    margin-bottom: 15px;
    letter-spacing: -1.5px;
}

.agent-cta p {
    color: var(--muted);
    line-height: 1.7;
    max-width: 760px;
    margin: 0 auto 30px;
}

@media(max-width:900px) {
    .agent-grid {
        grid-template-columns: 1fr;
    }

    .agent-cta {
        padding: 35px 25px;
    }
}



/* =========================
   CLEANUP LOCKS
========================= */
body {
    background: radial-gradient(circle at top right, rgba(214,173,82,.12), transparent 35%), var(--bg-primary) !important;
    color: var(--white) !important;
}
.navbar {
    background: rgba(5,11,22,.55);
}