.possibilities{

padding:140px 0;

}

.section-heading{

text-align:center;

max-width:760px;

margin:0 auto 80px;

}

.section-heading span{

color:#58F0A6;

letter-spacing:3px;

font-size:14px;

font-weight:700;

}

.section-heading h2{

font-size:64px;

margin:20px 0;

line-height:1.1;

}

.section-heading p{

font-size:22px;

color:#BFCFC7;

}

.possibility-grid{

display:grid;

grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;

gap:30px;

align-items:center;

}

.possibility-card{

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

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

border-radius:24px;

padding:35px;

text-align:center;

transition:.35s;

}

.possibility-card:hover{

transform:translateY(-8px);

border-color:#58F0A6;

}

.possibility-card .icon{

font-size:52px;

margin-bottom:25px;

}

.featured{

background:none;

border:none;

}

.featured img{

width:100%;

max-width:380px;

display:block;

margin:auto;

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

}
/*======================================
BENEFITS
======================================*/

.benefits{

padding:160px 0;

}

.benefit-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

margin-top:70px;

}

.benefit-card{

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

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

border-radius:24px;

padding:45px;

transition:.35s;

}

.benefit-card:hover{

transform:translateY(-10px);

border-color:#58F0A6;

}

.number{

font-size:72px;

font-family:Manrope,sans-serif;

font-weight:800;

color:#58F0A6;

opacity:.18;

margin-bottom:15px;

}

.benefit-card h3{

font-size:28px;

margin-bottom:15px;

}

.benefit-card p{

color:#BFCFC7;

line-height:1.8;

}
/* Benefit Images */

.benefit-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:20px;

}

.benefit-image{

    width:170px;

    margin-top:-30px;

    margin-right:-10px;

    transition:.35s;

    filter:drop-shadow(
        0 20px 35px
        rgba(88,240,166,.25)
    );

}

.benefit-card{

    position:relative;

    overflow:visible;

}

.number{

    margin-top:10px;

}

.benefit-card:hover .benefit-image{

    transform:

        translateY(-8px)

        rotate(-3deg)

        scale(1.05);

}

/*======================================
CTA
======================================*/

.cta-section{

padding:160px 0;

}

.cta-box{

background:linear-gradient(
135deg,
rgba(31,169,113,.18),
rgba(7,26,18,.95)
);

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

border-radius:32px;

padding:80px;

position:relative;

overflow:hidden;

}

.cta-box::before{

content:"";

position:absolute;

width:450px;

height:450px;

right:-120px;

top:-120px;

background:radial-gradient(circle,#58F0A644,transparent 70%);

filter:blur(80px);

}

.cta-content{

position:relative;

z-index:2;

max-width:760px;

}

.cta-content h2{

font-size:64px;

line-height:1.1;

margin:20px 0;

}

.cta-content p{

font-size:22px;

color:#BFCFC7;

line-height:1.8;

margin-bottom:40px;

}

.cta-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}
/*======================================
HOW IT WORKS
======================================*/

.how-it-works{

    padding:140px 0;

}

.timeline{

    max-width:900px;

    margin:80px auto 0;

    position:relative;

}

.timeline::before{

    content:"";

    position:absolute;

    left:34px;

    top:30px;

    bottom:30px;

    width:2px;

    background:rgba(88,240,166,.20);

}

.timeline-item{

    display:flex;

    gap:35px;

    align-items:flex-start;

    position:relative;

    margin-bottom:45px;

}

.timeline-item:last-child{

    margin-bottom:0;

}

.timeline-marker{

    flex-shrink:0;

    position:relative;

    z-index:2;

}

.step-number{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#58F0A6;

    color:#061811;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:700;

    box-shadow:0 0 0 8px #071A12;

}

.step{

    flex:1;

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

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

    border-radius:24px;

    padding:35px;

    transition:.35s;

}

.step:hover{

    transform:translateY(-6px);

    border-color:#58F0A6;

}

.step h3{

    font-size:30px;

    margin-bottom:18px;

}

.step p{

    color:#BFCFC7;

    line-height:1.8;

}

/* Mobile */

@media (max-width:768px){

.timeline{

    margin-top:60px;

}

.timeline::before{

    left:28px;

}

.timeline-item{

    gap:20px;

}

.step-number{

    width:56px;

    height:56px;

    font-size:22px;

}

.step{

    padding:24px;

}

.step h3{

    font-size:24px;

}

}

.timeline-toggle{

    display:flex;

    justify-content:center;

    gap:20px;

    margin:60px 0;

    flex-wrap:wrap;

}

.timeline-btn{

    min-width:220px;

}
.timeline-btn.btn-secondary{

    background:#163126;

    color:#FFFFFF;

    border:1px solid rgba(88,240,166,.25);

}

.timeline-btn.btn-secondary:hover{

    background:#1D3D31;

    border-color:#58F0A6;

}
.timeline-btn{

    min-width:220px;

    transition:all .25s ease;

}
/*======================================
INDUSTRIES
======================================*/

.industries{

padding:160px 0;

}

.industry-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:70px;

}

.industry-card{

padding:40px;

border-radius:24px;

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

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

transition:.35s;

}

.industry-card:hover{

transform:translateY(-8px);

border-color:#58F0A6;

}

.industry-card h3{

font-size:28px;

margin-bottom:15px;

}

.industry-card p{

line-height:1.8;

color:#BFCFC7;

}

.text-green{

    color:#f09a58;

}