.hero{

    min-height:calc(100vh - 85px);

    padding:80px 0 60px;

}

.hero-grid{

    display:grid;

    grid-template-columns:55% 45%;

    align-items:center;

    gap:80px;

}

.hero-left{

    z-index:5;

}

.hero-label{

    color:#58F0A6;

    letter-spacing:4px;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

}

.hero h1{
    font-size:clamp(42px,6vw,82px);
    line-height:1.05;
    margin:18px 0 30px;
}

.hero p{
    font-size:clamp(18px,2vw,24px);
}

.hero-badges{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin:50px 0;

}

.badge{

    display:inline-flex;

    width:fit-content;

    padding:14px 22px;

    border-radius:50px;

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

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

}

.hero-buttons{

    display:flex;

    gap:18px;

    margin-top:10px;

}

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:flex-end;

}

.machine-glow{

right:-80px;

    position:absolute;

    width:700px;

    height:700px;

    background:radial-gradient(circle,
        rgba(31,169,113,.30) 0%,
        rgba(31,169,113,.12) 45%,
        transparent 75%);

    filter:blur(100px);

    z-index:0;

}

.hero-machine{

    position:relative;

    z-index:2;

    width:100%;

    max-width:880px;

    animation:float 6s ease-in-out infinite;

    filter:drop-shadow(0 30px 80px rgba(31,169,113,.35));

}

@keyframes float{

0%{transform:translateY(0);}
50%{transform:translateY(-14px);}
100%{transform:translateY(0);}

}

@media(max-width:991px){

.hero-grid{

grid-template-columns:1fr;

}

.hero-right{

margin-top:60px;

}

.hero h1{

font-size:56px;

}

.hero-machine{

max-width:700px;

}

}

.hero-features{

    display:flex;

    gap:40px;

    margin-top:70px;

}

.feature-item{

    flex:1;

    padding-right:30px;

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

}

.feature-item:last-child{

    border-right:none;

}

.feature-icon{

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:rgba(31,169,113,.12);

    font-size:28px;

    margin-bottom:20px;

}

.feature-item h4{

    font-size:22px;

    margin-bottom:0px;

}

.feature-item p{

    font-size:16px;

    line-height:1.6;

    color:#BFCFC7;

}
.feature-item{

    transition:.3s;

}

.feature-item:hover{

    transform:translateY(-6px);

}

.feature-icon{

    transition:.3s;

}

.feature-item:hover .feature-icon{

    background:#1FA971;

    color:#fff;

}

.text-green{

    color:#f09a58;

}