/* =================================================
METHOD SECTION — TOTALMENTE ISOLADO
================================================= */

.method-section{
padding:120px 20px;
background:linear-gradient(
180deg,
#031425 0%,
#020617 60%,
#020617 100%
);
position:relative;
overflow:hidden;
}

/* CONTAINER */

.method-section .container{
max-width:1100px;
margin:0 auto;
position:relative;
z-index:2;
}

/* HEADER */

.method-section .section-header{
text-align:center;
margin-bottom:50px;
}

.method-section .section-tag{
display:inline-block;
background:rgba(34,211,238,0.1);
color:#22D3EE;
padding:6px 14px;
border-radius:30px;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:20px;
}

.method-section .section-title{
font-size:38px;
color:#fff;
line-height:1.3;
margin-bottom:20px;
}

.method-section .section-title span{
color:#22D3EE;
}

.method-section .section-description{
max-width:700px;
margin:auto;
color:#94A3B8;
font-size:18px;
}

/* LINHA DE SEPARAÇÃO */

.method-section::after{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:80%;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(34,211,238,0.4),
transparent
);
}

/* GLOW DE FUNDO */

.method-section::before{
content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle, rgba(34,211,238,0.06), transparent 70%);
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events:none;
}

/* INTRO */

.method-section .method-intro{
text-align:center;
max-width:750px;
margin:40px auto;
}

.method-section .method-intro p{
color:#CBD5F5;
font-size:18px;
margin-bottom:15px;
line-height:1.6;
}

.method-section .method-intro strong{
color:#22D3EE;
}

/* BENEFÍCIOS */

.method-section .method-benefits{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin:60px 0;
position:relative;
z-index:2;
}

.method-section .method-item{
background:#031425;
border-radius:10px;
padding:22px;
color:#E2E8F0;
font-size:16px;
border:1px solid rgba(255,255,255,0.05);
transition:all .3s ease;
}

.method-section .method-item:hover{
border-color:#22D3EE;
transform:translateY(-4px);
}

/* RESULTADO */

.method-section .method-result{
text-align:center;
max-width:700px;
margin:auto;
position:relative;
z-index:2;
}

.method-section .method-result p{
color:#94A3B8;
font-size:17px;
margin-bottom:15px;
line-height:1.6;
}

.method-section .method-result .highlight{
color:#ffffff;
font-size:20px;
}

/* ==================================
RESPONSIVIDADE
================================== */

@media (max-width:1024px){

.method-section{
padding:100px 20px;
}

.method-section .section-title{
font-size:32px;
}

}

@media (max-width:768px){

.method-section{
padding:90px 18px;
}

.method-section .section-title{
font-size:28px;
}

.method-section .section-description{
font-size:16px;
}

.method-section .method-intro p{
font-size:16px;
}

.method-section .method-result p{
font-size:16px;
}

.method-section .method-result .highlight{
font-size:18px;
}

}

@media (max-width:480px){

.method-section .method-benefits{
grid-template-columns:1fr;
gap:16px;
}

.method-section .method-item{
padding:18px;
font-size:15px;
}

}