/*==============================
 HERO
===============================*/

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    padding-top:130px;

}

.hero-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:center;

}

.hero-left{

    animation:fadeLeft .8s ease;

}

.badge{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:40px;

    background:rgba(57,255,20,.08);

    border:1px solid rgba(57,255,20,.2);

    color:#39FF14;

    margin-bottom:28px;

}

.hero h1{

    font-size:72px;

    line-height:1.05;

    font-family:'Space Grotesk',sans-serif;

}

.hero h1 span{

    display:block;

    color:#39FF14;

    text-shadow:

        0 0 10px #39FF14,

        0 0 35px rgba(57,255,20,.7);

}

.hero p{

    margin:35px 0;

    color:#b8c6b8;

    line-height:1.8;

    max-width:620px;

}

.hero-buttons{

    display:flex;

    gap:18px;

}

/*==============================
 RIGHT
===============================*/

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-glow{

    position:absolute;

    width:430px;

    height:430px;

    background:#39FF14;

    border-radius:50%;

    filter:blur(140px);

    opacity:.15;

    animation:pulseGlow 5s infinite;

}

.ai-panel{

    position:relative;

    width:100%;

    max-width:420px;

    padding:35px;

    border-radius:26px;

    backdrop-filter:blur(20px);

    background:rgba(10,15,10,.6);

    border:1px solid rgba(57,255,20,.15);

}

.panel-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.panel-header h3{

    font-size:28px;

    color:#39FF14;

}

.online-dot{

    width:14px;

    height:14px;

    border-radius:50%;

    background:#39FF14;

    box-shadow:

        0 0 12px #39FF14;

}

.panel-status{

    margin-bottom:30px;

    color:#39FF14;

    font-weight:700;

}

.stat{

    display:flex;

    justify-content:space-between;

    padding:16px 0;

    border-bottom:1px solid rgba(57,255,20,.08);

}

.stat span{

    color:#b8c6b8;

}

.stat strong{

    color:#fff;

}