.final-cta{

padding:220px 8%;
background:#050C12;

text-align:center;

}

.cta-container{

max-width:700px;
margin:auto;

}

.cta-eyebrow{

font-size:.75rem;
letter-spacing:3px;

color:var(--accent);

display:block;
margin-bottom:20px;

}

.cta-title{

font-size:2.6rem;
line-height:1.3;

margin-bottom:20px;

}

.cta-intro{

color:var(--text-soft);

margin-bottom:40px;

max-width:520px;
margin-left:auto;
margin-right:auto;

}

.cta-points{

list-style:none;

margin-bottom:40px;

}

.cta-points li{

margin-bottom:12px;
color:var(--text-soft);

}

.cta-note{

margin-top:20px;

font-size:.85rem;

color:var(--text-soft);

}

.final-cta{

background:

radial-gradient(
800px 300px at 50% 0%,
rgba(38,166,154,.12),
transparent 70%
),

#050C12;

}

.cta-container{

max-width:720px;
margin:auto;

}

.cta-eyebrow{

font-size:.75rem;
letter-spacing:3px;

color:var(--accent);

display:block;
margin-bottom:20px;

}

.cta-title{

font-size:2.6rem;
line-height:1.3;

margin-bottom:20px;

}

.cta-intro{

color:var(--text-soft);
margin-bottom:60px;

}



/* SYSTEM */

.cta-system{

display:flex;
flex-direction:column;
gap:14px;

align-items:center;

margin-bottom:60px;

position:relative;

}

.cta-node{

padding:12px 20px;

border:1px solid var(--border-soft);
border-radius:10px;

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

font-size:.85rem;

opacity:.7;

transition:all .3s ease;

}

.cta-node.highlight{

border-color:var(--accent);

color:var(--accent);

box-shadow:0 0 16px rgba(38,166,154,.35);

}

.cta-arrow{

height:14px;
width:2px;

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

}

.cta-line{

position:absolute;

left:50%;
top:0;
bottom:0;

width:2px;

background:linear-gradient(
to bottom,
transparent,
rgba(38,166,154,.2),
transparent
);

transform:translateX(-50%);

}

.cta-flow span{

position:absolute;

width:6px;
height:6px;

border-radius:50%;

background:var(--accent);

box-shadow:0 0 10px rgba(38,166,154,.8);

animation:ctaFlow 4s linear infinite;

}

@keyframes ctaFlow{

0%{
top:-20px;
opacity:0;
}

15%{
opacity:1;
}

85%{
opacity:1;
}

100%{
top:100%;
opacity:0;
}

}



/* BULLETS */

.cta-points{

list-style:none;

margin-bottom:40px;

}

.cta-points li{

margin-bottom:12px;
color:var(--text-soft);

}



/* NOTE */

.cta-note{

margin-top:20px;

font-size:.85rem;

color:var(--text-soft);

}

.final-cta{

background:

radial-gradient(
800px 400px at 50% 100%,
rgba(38,166,154,.12),
transparent 70%
),

#050C12;

}