.hero{
    min-height:630px;
    display:grid;
    grid-template-columns:42% 58%;
}

.hero-left{
    padding:68px 56px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f4f0e8;
}

.hero-left h2{
    font-family:'Orbitron',sans-serif;
    font-size:clamp(50px,4.5vw,72px);
    line-height:0.95;
    margin-bottom:20px;
    text-transform:uppercase;
}

.hero-left .subtitle{
    color:#b57a2f;
    font-size:clamp(16px,1.25vw,21px);
    letter-spacing:3px;
    margin-bottom:26px;
    text-transform:uppercase;
}

.hero-left p{
    font-size:20px;
    line-height:1.65;
    max-width:620px;
    color:#333;
}

.buttons{
    display:flex;
    gap:16px;
    margin-top:28px;
}

.hero-links{
    margin-top:16px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
}

.account-link{
    font-size:15px;
    color:#555;
}

.account-link a{
    color:#a76d25;
    border-bottom:1px solid rgba(167,109,37,0.45);
    padding-bottom:2px;
    transition:0.2s;
}

.account-link a:hover{
    color:#7e4e16;
    border-bottom-color:#7e4e16;
}

.account-link a:hover .inline-arrow-icon,
.network-status-link:hover .inline-arrow-icon{
    transform:translateX(3px);
}

.network-status-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    color:#555;
    transition:0.2s;
}

.network-status-link:hover{
    color:#1f291d;
}

.hero-right{
    position:relative;
    overflow:hidden;
}

.hero-right img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    display:block;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
    to right,
    rgba(244,240,232,0.18),
    rgba(0,0,0,0.08)
    );
    pointer-events:none;
}

.features{
    background:white;
    padding:68px 50px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
}

.feature{
    text-align:center;
}

.features .icon{
    width:76px;
    height:76px;
    margin:auto;
    margin-bottom:18px;
}

.features .icon svg{
    width:32px;
    height:32px;
}

.feature h3{
    font-family:'Orbitron',sans-serif;
    font-size:19px;
    margin-bottom:14px;
}

.feature p{
    color:#555;
    line-height:1.7;
    font-size:15px;
}

.stat{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
    font-size:18px;
}

@media(max-width:1100px){
    .hero{
        grid-template-columns:1fr;
    }

    .hero-left h2{
        font-size:58px;
    }

    .hero-right{
        min-height:520px;
    }

    .features{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:700px){
    .hero-left{
        padding:60px 30px;
    }

    .hero-left h2{
        font-size:42px;
    }

    .hero-left p{
        font-size:18px;
    }

    .buttons{
        flex-direction:column;
    }

    .features{
        grid-template-columns:1fr;
        padding:60px 30px;
    }
}

.inline-arrow-icon{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    display:inline-block;
    object-fit:contain;
    margin-left:1px;
    vertical-align:middle;
    transition:transform 0.2s;
}

.operations-copy{line-height:2;color:var(--gh-text-on-dark);font-size:18px;}