/*
:root{--green:#0f5132;--green2:#1d7a4c;--lime:#c8e65b;--ink:#102019;--muted:#607266;--paper:#f7fbf5;--white:#fff;--line:#dce8dd;--shadow:0 24px 70px rgba(16,32,25,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green2));color:white;display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--muted);letter-spacing:.12em;font-size:10px}.site-nav{display:flex;gap:22px;align-items:center;font-weight:600}.site-nav a{color:#294237}.nav-cta,.btn{border-radius:999px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.nav-cta{background:var(--green);color:white!important}.menu-btn{display:none}.hero{background:radial-gradient(circle at 75% 20%,rgba(200,230,91,.45),transparent 32%),linear-gradient(140deg,#f4fbef,#fff);padding:40px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green2);font-size:12px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(30px,6vw,50px);line-height:1.02}.lead{font-size:22px;color:var(--green);font-weight:700}.btn.primary{background:var(--green);color:#fff}.btn.secondary{border:1px solid var(--green);color:var(--green);background:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:460px;border-radius:36px;background:linear-gradient(145deg,var(--green),#083221);color:white;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero-card h2{font-size:44px;line-height:1.08;z-index:1}.orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.25);border-radius:50%;animation:spin 20s linear infinite}.orbit span{position:absolute;width:54px;height:54px;border-radius:18px;background:var(--lime)}.orbit span:nth-child(1){top:-24px;left:136px}.orbit span:nth-child(2){right:-24px;top:136px}.orbit span:nth-child(3){bottom:-24px;left:136px}.orbit span:nth-child(4){left:-24px;top:136px}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:78px 0}.section.light,.page-hero{background:var(--paper)}.page-hero{padding:70px 0}.page-hero p{max-width:760px}.section-head{max-width:780px;margin:0 auto 36px;text-align:center}.section h2,.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 16px}.split,.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-grid div,.process-cards article,.solution,.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 12px 36px rgba(16,32,25,.06)}.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-cards.compact{grid-template-columns:repeat(5,1fr)}.process-cards span{font-weight:900;color:var(--green2)}.solution-stack{display:grid;gap:22px}.solution{background:linear-gradient(120deg,#fff,#f7fbf5)}.columns{columns:2}.checklist{padding-left:0;list-style:none}.checklist li{margin:8px 0;padding-left:28px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green2);font-weight:900}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill-row span{background:var(--paper);border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline div{border-left:4px solid var(--green2);background:var(--paper);padding:18px;border-radius:18px}.cta{padding:64px 0;background:linear-gradient(135deg,var(--green),#082b1f);color:#fff;text-align:center}.cta .btn.primary{background:var(--lime);color:var(--ink)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.contact-form label{font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}.contact-form .full,.contact-form .form-note{grid-column:1/-1}.form-note{font-size:13px;color:var(--muted);margin:0}.contact-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.footer{background:#0b1d14;color:#dfeee4;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1.1fr;gap:28px}.footer a{display:block;color:#dfeee4;margin:7px 0}.footer .muted{color:#a8b9ad}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.text-link{color:var(--green);font-weight:800}.prose{max-width:880px}.prose p{font-size:18px}@media(max-width:900px){.menu-btn{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px}.site-nav{display:none;position:absolute;top:74px;left:4%;right:4%;background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.hero-grid,.split,.two-col,.contact-grid{grid-template-columns:1fr}.process-cards,.process-cards.compact,.feature-grid,.feature-grid.three,.timeline,.footer-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.hero-card{min-height:330px}.hero-card h2{font-size:34px}.columns{columns:1}}
.brand-logo{
    width:200px;
    padding-top: 10px;
}
*/

:root
{--green2:#3FAE2A;--green:#187A32;--lime:#0757A6;--ink:#17322B;--muted:#777777;--paper:#f7f9f7;--white:#fffFFF;--line:#dce8dd;--shadow:0 24px 70px rgba(16,32,25,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none
}

.container{
    width:min(1160px,92%);
    margin:auto
}

.site-header{
    position:sticky;
    top:0;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    z-index:10;
    border-bottom:1px solid var(--line)
}

.nav-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between
}

.brand{
    display:flex;
    gap:12px;
    align-items:center
}

.brand-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--green),var(--green2));
    color:white;
    display:grid;
    place-items:center;
    font-weight:800
}

.brand small{
    display:block;
    color:var(--muted);
    letter-spacing:.12em;
    font-size:10px
}

.site-nav{
    display:flex;
    gap:22px;
    align-items:center;
    font-weight:600
}

.site-nav a{
    color:#294237
}

.site-nav a:hover{
    color:var(--ink);
    transform: scale(1.1);
}

.nav-cta,.btn{
    border-radius:999px;
    padding:12px 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700
}

.nav-cta{
    background:var(--green);
    color:white!important
}

.nav-cta:hover{
    color:white!important;
    background:linear-gradient(145deg,var(--green),#083221);
}

.menu-btn{
    display:none
}

.hero{
    background:radial-gradient(circle at 75% 20%,rgba(200,230,91,.45),transparent 32%),linear-gradient(140deg,#f4fbef,#fff);
    padding:40px 0
}

.hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;gap:48px;
    align-items:center
}

.eyebrow{
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--green2);
    font-size:12px;
    font-weight:800
}

.hero h1,.page-hero h1{
    font-size:clamp(30px,6vw,50px);
    line-height:1.02
}

.lead{
    font-size:22px;
    color:var(--green);
    font-weight:700
}

.btn.primary{
    background:var(--green);
    color:#fff
}

.btn.primary:hover{
    background:linear-gradient(145deg,var(--green),#083221);
    color:#fff;
    transform:translateY(-2px)
}

.btn.secondary{
    border:1px solid var(--green);
    color:var(--green);
    background:#fff
}

.btn.secondary:hover{
    border:1px solid var(--ink);
    color:gradient(145deg,var(--green),#083221);
    background:#fff;
    transform:translateY(-2px)
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px
}

.hero-card{
    min-height:460px;
    border-radius:36px;
    background:linear-gradient(145deg,var(--green),#083221);
    color:white;
    box-shadow:var(--shadow);
    display:grid;
    place-items:center;
    text-align:center;
    position:relative;
    overflow:hidden
}
    
.hero-card h2{
    font-size:44px;
    line-height:1.08;
    z-index:1
}

.orbit{
    position:absolute;
    width:330px;
    height:330px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    animation:spin 20s linear infinite
}

.orbit span{
    position:absolute;
    width:54px;
    height:54px;
    border-radius:18px;
    background:linear-gradient(145deg, #0757A6 0%, #2878BD 40%, #6FAED8 75%, #DCECF8 100%)
    /*background:linear-gradient(145deg, var(--lime) 0%, #2878BD 35%, #6AA9D8 70%, #DCECF8 100%)*/
}

.orbit span:nth-child(1){
    top:-24px;
    left:136px
}

.orbit span:nth-child(2){
    right:-24px;
    top:136px
}

.orbit span:nth-child(3){
    bottom:-24px;
    left:136px
}

.orbit span:nth-child(4){
    left:-24px;
    top:136px
}

@keyframes spin{to{transform:rotate(360deg)}
}

.section{
    padding:78px 0
}

.section.light,.page-hero{
    background:var(--paper)
}

.page-hero{
    padding:70px 0
}

.page-hero p{
    max-width:760px
}

.section-head{
    max-width:780px;
    margin:0 auto 36px;
    text-align:center
}

.section h2,.cta h2{
    font-size:clamp(30px,4vw,48px)
    ;line-height:1.1;
    margin:0 0 16px
}

.split,.two-col,.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:42px
}

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

.feature-grid.three{
    grid-template-columns:repeat(3,1fr)
}

.feature-grid div,.process-cards article,.solution,.contact-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    padding:26px;
    box-shadow:0 12px 36px rgba(16,32,25,.06)
}

.process-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}

.process-cards.compact{
    grid-template-columns:repeat(5,1fr)
}
    
.process-cards span{
    font-weight:900;
    color:var(--green2)
}

.solution-stack{
    display:grid;
    gap:22px
}

.solution{
    background:linear-gradient(120deg,#fff,#f7fbf5)
}

.columns{
    columns:2
}

.checklist{
    padding-left:0;
    list-style:none
}

.checklist li{
    margin:8px 0;
    padding-left:28px;
    position:relative
}

.checklist li:before{
    content:'✓';
    position:absolute;
    left:0;
    color:var(--green2);
    font-weight:900
}

.pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px
}

.pill-row span{
    background:var(--paper);
    border:1px solid var(--line);
    padding:10px 14px;
    border-radius:999px;
    font-weight:700
}

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

.timeline div{
    border-left:4px solid var(--green2);
    background:var(--paper);
    padding:18px;
    border-radius:18px
}

.cta{
    padding:64px 0;
    background:linear-gradient(135deg,var(--green),#082b1f);
    color:#fff;
    text-align:center
}

.cta .btn.primary{
    background:var(--white);
    color:var(--lime)
}

.cta .btn.primary:hover{
    background:var(--white);
    border-color: var(--lime);
    color:var(--lime);
    transform:scale(1.1)
}

.contact-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:30px;
    padding:28px;
    box-shadow:var(--shadow)
}

.contact-form label{
    font-weight:700
}

.contact-form input,.contact-form select,.contact-form textarea{
    width:100%;
    margin-top:6px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:12px;
    font:inherit
}
    
.contact-form .full,.contact-form .form-note{
    grid-column:1/-1
}

.form-note{
    font-size:13px;
    color:var(--muted);
    margin:0
}

.contact-card hr{
    border:0;
    border-top:1px solid var(--line);
    margin:24px 0
}

.footer{
    background:#0b1d14;
    color:#dfeee4;
    padding:56px 0 24px
}

.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr 1.1fr;gap:28px
}

.footer a{
    display:block;
    color:#dfeee4;
    margin:7px 0
}

.footer a:hover{
    display:block;
    color:var(--white);
    transform:translateY(-2px)
}

.footer .muted{
    color:#a8b9ad
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.16);
    margin-top:32px;
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    gap:16px;flex-wrap:wrap
}

.text-link{
    color:var(--green);
    font-weight:800
}

.prose{
    max-width:880px
}

.prose p{
    font-size:18px
}

@media(max-width:900px){
    .menu-btn{
        display:inline-flex;
        border:1px solid var(--line);
        background:#fff;
        border-radius:12px;
        padding:9px 12px
    }
    .site-nav{
        display:none;
        position:absolute;
        top:74px;
        left:4%;
        right:4%;
        background:white;
        border:1px solid var(--line);
        border-radius:22px;
        padding:18px;
        box-shadow:var(--shadow);
        flex-direction:column;
        align-items:flex-start
    }
    .site-nav.open{
        display:flex
    }
    .hero-grid,.split,.two-col,.contact-grid{
        grid-template-columns:1fr
    }
    .process-cards,.process-cards.compact,.feature-grid,.feature-grid.three,.timeline,.footer-grid{
        grid-template-columns:1fr
    }
    .contact-form{
        grid-template-columns:1fr
    }
    .hero-card{
        min-height:330px
    }
    .hero-card h2{
        font-size:34px
    }
    .columns{
        columns:1
    }
}

.brand-logo{
    width:200px;
    padding-top: 10px;
}