:root{
    --orange:#ef5a18;
    --orange2:#ff7431;
    --green:#155d34;
    --green2:#2d8e50;
    --black:#060606;
    --dark:#111;
    --dark2:#171717;
    --cream:#f6f6f3;
    --white:#fff;
    --grey:#6d6d6d;
    --line:#e4e4df;
    --max:1240px;
}

.container{
    width:min(92%,var(--max));
    margin-inline:auto;
}

.section{
    padding:118px 0;
}

.topbar{
    background:#050505;
    color:#aaa;
    font-size:.74rem;
}

.topbar-inner{
    min-height:37px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.top-contact{
    display:flex;
    align-items:center;
}

.top-contact span{
    margin:0 9px;
    color:var(--orange);
}

.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(0,0,0,.08);
}

.navbar{
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.brand{
    width:225px;
    height:72px;
    display:flex;
    align-items:center;
}

.brand img{
    width:100%;
    max-height:70px;
    object-fit:contain;
    object-position:left center;
}

nav{
    display:flex;
    align-items:center;
    gap:27px;
    font-size:.83rem;
    font-weight:700;
}

.menu-toggle{
    display:none;
}

.hero{
    min-height:850px;
    position:relative;
    overflow:hidden;
    padding:105px 0 95px;
    color:white;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(239,90,24,.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 82%,
            rgba(45,142,80,.22),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #050505,
            #101010 62%,
            #07180e
        );
}

.hero-grid{
    position:absolute;
    inset:0;
    opacity:.16;
    background-image:
        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );
    background-size:46px 46px;
}

.hero-layout{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:75px;
    align-items:center;
}

.hero-divisions{
    display:grid;
    gap:20px;
}

.trust-strip{
    background:white;
    border-bottom:1px solid var(--line);
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

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

.split-heading{
    display:grid;
    grid-template-columns:1.12fr .88fr;
    gap:80px;
    align-items:end;
    margin-bottom:62px;
}

.service-grid{
    display:grid;
    gap:20px;
}

.technology-grid{
    grid-template-columns:repeat(4,1fr);
}

.agriculture-grid{
    grid-template-columns:repeat(4,1fr);
}

.investment-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.cta-layout{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.contact-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
}

.footer-main{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
}

.footer-bottom{
    margin-top:45px;
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    border-top:1px solid #202020;
}