/* ============ HERO ============ */
.v-hero{
    position:relative;
    background-size:cover;
    background-position:center;
    padding:150px 0 90px;
    color:#fff;
    overflow:hidden;
}
.v-hero .overlay{
    background:linear-gradient(90deg, rgba(6,26,18,.94) 30%, rgba(6,26,18,.55) 100%);
}
.v-hero .v-hero-content{ max-width:640px; }
.v-hero h1{
    font-size:clamp(2rem,4vw,3.1rem);
    line-height:1.35;
    font-weight:800;
    color:#fff;
}
.v-hero h1 .v-accent{ color:var(--v-accent); }
.v-hero p.lead{
    color:#cfe3d7;
    font-size:1.1rem;
    margin-top:1.1rem;
}
.v-hero-badges{
    display:flex; flex-wrap:wrap; gap:.6rem;
    margin:1.6rem 0;
}
.v-hero-badges span{
    display:inline-flex; align-items:center; gap:.4rem;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#e7f3ec;
    padding:.5rem 1rem;
    border-radius:30px;
    font-size:.86rem;
}
.v-hero-actions{ display:flex; gap:.8rem; margin-top:1.6rem; flex-wrap:wrap; }

/* stats strip under hero */
.v-hero-stats{
    background:#fff;
    border-radius:var(--v-radius);
    box-shadow:var(--v-shadow);
    margin-top:-46px;
    position:relative;
    z-index:2;
    padding:26px 10px;
}
.v-hero-stats .v-stat{ text-align:center; padding:10px 6px; }
.v-hero-stats .v-stat b{
    display:block; font-size:1.7rem; font-weight:800; color:var(--v-accent-600);
}
.v-hero-stats .v-stat span{ color:var(--v-muted); font-size:.86rem; }

/* ============ HOW IT WORKS (3 steps) ============ */
.v-steps{ padding:80px 0; background:#fff; }
.v-step-card{
    background:var(--v-bg-soft);
    border:1px solid var(--v-border);
    border-radius:var(--v-radius);
    padding:2rem 1.5rem;
    text-align:center;
    height:100%;
}
.v-step-num{
    display:inline-flex; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:50%;
    background:var(--v-accent-600); color:#fff; font-weight:800;
    margin-bottom:1rem;
}
.v-step-card h4{ font-size:1.15rem; margin-bottom:.5rem; }
.v-step-card p{ color:var(--v-muted); font-size:.94rem; margin:0; }

/* ============ DARK FEATURE BANDS (what we offer / why us) ============ */
.v-dark-section{ background:var(--v-dark); color:#e9f3ee; padding:70px 0; }
.v-dark-section .section-title-wrapper h2{ color:#fff; }
.v-feature-grid{
    display:grid; grid-template-columns:repeat(6,1fr); gap:.7rem; margin-top:2.4rem;
}
.v-feature-item{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.09);
    border-radius:var(--v-radius-sm);
    text-align:center;
    padding:1.1rem .6rem;
}
.v-feature-item i,.v-feature-item .v-ico{
    font-size:1.35rem; color:var(--v-accent);
    display:block; margin-bottom:.5rem;
}
.v-feature-item h5{ color:#fff; font-size:.86rem; margin-bottom:.3rem; line-height:1.3; }
.v-feature-item p{ color:#aec4b8; font-size:.74rem; margin:0; line-height:1.5; }

.v-section-light{ background:#fff; padding:70px 0; }
.v-section-soft{ background:var(--v-bg-soft); padding:70px 0; }

/* ============ ABOUT US ============ */
.v-about-img{ border-radius:var(--v-radius); overflow:hidden; box-shadow:var(--v-shadow); }
.v-about-badges{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1.4rem; }

/* ============ PERFORMANCE / RESULTS ============ */
.v-results{ background:var(--v-dark); color:#fff; padding:80px 0; }
.v-results .section-title-wrapper h2{ color:#fff; }
.v-results .section-subtitle{ color:#aec4b8; }
.v-results-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2rem; }
.v-results-stat{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--v-radius);
    padding:1.6rem 1rem;
    text-align:center;
}
.v-results-stat b{ display:block; font-size:1.9rem; font-weight:800; color:var(--v-accent); }
.v-results-stat span{ color:#aec4b8; font-size:.86rem; }
.v-results-table-wrap{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--v-radius);
    padding:1.4rem;
    margin-top:2rem;
    overflow-x:auto;
}
.v-results-table{ width:100%; border-collapse:collapse; min-width:520px; }
.v-results-table th{
    text-align:center; color:#aec4b8; font-weight:600; font-size:.86rem;
    padding:.6rem .5rem; border-bottom:1px solid rgba(255,255,255,.12);
}
.v-results-table td{
    text-align:center; padding:.7rem .5rem; font-weight:700;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:.92rem;
}
.v-results-table td.v-pos{ color:var(--v-accent); }
.v-results-table td.v-neg{ color:#f87171; }
.v-results-note{ text-align:center; color:#7f9689; font-size:.8rem; margin-top:.8rem; }
.v-results-cta{ text-align:center; margin-top:2rem; }
.v-trade-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }
.v-trade-gallery img{ border-radius:var(--v-radius); border:1px solid rgba(255,255,255,.1); }

/* ============ FAQ ============ */
.v-faq{ padding:70px 0; background:#fff; }
.v-faq .accordion-item{
    border:1px solid var(--v-border); border-radius:var(--v-radius) !important;
    margin-bottom:.8rem; overflow:hidden;
}
.v-faq .accordion-button{
    font-weight:700; background:#fff; color:var(--v-text);
    padding:1.1rem 1.4rem;
}
.v-faq .accordion-button:not(.collapsed){ color:var(--v-accent-600); background:var(--v-bg-soft); box-shadow:none; }
.v-faq .accordion-button:focus{ box-shadow:none; }
.v-faq .accordion-body{ color:var(--v-muted); padding:0 1.4rem 1.2rem; }

/* ============ FINAL CTA ============ */
.v-final-cta{
    background:linear-gradient(120deg, var(--v-dark) 0%, var(--v-primary-600) 100%);
    color:#fff;
    border-radius:24px;
    padding:50px;
    display:flex; align-items:center; justify-content:space-between; gap:2rem;
    flex-wrap:wrap;
    margin:0 auto 70px;
    max-width:1220px;
}
.v-final-cta h3{ color:#fff; font-size:1.7rem; margin-bottom:.6rem; }
.v-final-cta p{ color:#dcefe4; margin:0; }
.v-final-cta img{ max-height:180px; }

@media (max-width:991px){
    .v-feature-grid{ grid-template-columns:repeat(3,1fr); }
    .v-results-grid{ grid-template-columns:repeat(2,1fr); }
    .v-trade-gallery{ grid-template-columns:repeat(2,1fr); }
    .v-hero{ padding:120px 0 70px; text-align:center; }
    .v-hero .v-hero-content{ max-width:100%; }
    .v-hero-actions{ justify-content:center; }
    .v-final-cta{ text-align:center; justify-content:center; padding:36px 24px; }
}
@media (max-width:575px){
    .v-feature-grid{ grid-template-columns:1fr 1fr; }
    .v-results-grid{ grid-template-columns:1fr 1fr; }
    .v-trade-gallery{ grid-template-columns:1fr; }
}