
:root{
--forest:#1f5d38;
--leaf:#c2ebd2;
--soil:#6b4423;
--gold:#c89b3c;
--cream:#f7f5ef;
--dark:#151515;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,sans-serif;background:var(--cream);color:#222}
.container{width:min(1180px,92%);margin:auto}
.nav{position:fixed;top:0;width:100%;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);z-index:100;height:140px}
.nav .container{display:flex;align-items:center;justify-content:space-between;padding:1px 0}
.brand{
    display:flex;
    align-items:center;
}

.logo-img{
    height:160px;
    width:auto;
    display:block;
    transition:all .3s ease;
}

.logo-img:hover{
    transform:scale(1.03);
}
.logo-img{
    max-height:160px;
}
.links{display:flex;gap:24px}
.links a{text-decoration:none;color:#333}
.hero{height:100vh;background:linear-gradient(rgba(16,24,18,.55),rgba(31,93,56,.75)),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?q=80&w=1800&auto=format&fit=crop') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:20px}
.hero h1{font-family:Montserrat;font-size:clamp(3rem,7vw,5.5rem);line-height:1.02;margin:0}
.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#f5d06b}
.sub{max-width:700px;margin:24px auto;font-size:1.15rem}
.btn{background:var(--gold);padding:14px 24px;border-radius:999px;text-decoration:none;color:#111;border:none;display:inline-block}
.secondary{background:transparent;border:1px solid #fff;color:#fff}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.section{padding:100px 0}
.split{display:grid;grid-template-columns:2fr 2fr;gap:50px}
.label{color:var(--forest);font-weight:700}
.dark{background:var(--dark);color:white}
.center{text-align:center}
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.journey div,.cards article{background:var(--leaf);color:#111;padding:24px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.journey div,.cards article h2{ color:var(--forest); font-family:Montserrat;font-size:clamp(1.5rem,1vw,1.5rem);line-height:2.5;margin:2}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.metrics{background:var(--forest);color:white;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.metrics div{padding:60px 20px}
.metrics h3{font-size:3rem;margin:0}
.quote{text-align:center;background:white}
.quote h2{font-family:Montserrat;max-width:900px;margin:auto;font-size:clamp(2rem,2vw,3.5rem)}
.contact form{display:grid;gap:15px;max-width:700px;margin:auto}
input,textarea{padding:16px;border-radius:12px;border:1px solid #ddd}
footer{background:#111;color:#fff;padding:30px 0;text-align:center}
@media(max-width:900px){
.split,.cards,.metrics,.journey{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.links,.nav .btn{display:none}
.split,.cards,.metrics,.journey{grid-template-columns:1fr}
.section{padding:70px 0}
}

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        background-color: var(--bs-table-bg);
        background-image: linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));
        border-bottom-width: 1px
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor
    }

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }