/* Ondativa 5.8 — Método Onda: conceito → execução → lançamento → constância */
.metodo-onda{background:radial-gradient(ellipse at 4% 35%,rgba(17,108,109,.22),transparent 48%),#061923;overflow:hidden}
.metodo-onda .metodo-title{max-width:890px;margin:0 auto 44px;text-align:center}
.metodo-onda .metodo-title .eyebrow{justify-content:center;color:#66e4d3}
.metodo-onda .metodo-title h2{font-size:clamp(2rem,4.4vw,4.3rem);line-height:1.16;letter-spacing:-.05em;margin:18px 0}
.metodo-onda .metodo-title h2 span{color:#3de2c7}
.metodo-onda .metodo-title p{margin:0 auto;color:#b6d0d1;max-width:690px;font-size:clamp(15px,1.45vw,17px);line-height:1.7}
.metodo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:clamp(22px,3.6vw,56px)}
.metodo-illustration{margin:0;position:relative;overflow:hidden;border-radius:22px;min-width:0;align-self:stretch;min-height:520px;border:1px solid rgba(61,226,199,.2);background:#092b35;box-shadow:0 22px 75px rgba(0,0,0,.25)}
.metodo-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,23,31,.86),transparent 20%);pointer-events:none}
.metodo-illustration>img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center}
.metodo-illustration-caption{position:absolute;z-index:2;left:20px;bottom:17px;font-size:10px;letter-spacing:.2em;color:#b7e9e6;font-weight:700}
.metodo-story{display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:0}
.metodo-stages{padding:0;margin:0;list-style:none;display:grid;gap:14px}
.metodo-stage{position:relative;padding:18px 19px 20px;border:1px solid rgba(91,226,208,.17);background:linear-gradient(130deg,rgba(18,63,72,.78),rgba(8,35,45,.85));border-radius:16px}
.metodo-stage-head{display:flex;align-items:center;gap:15px}
.metodo-number{border:1px solid #3de2c7;border-radius:50%;flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;font:700 15px Manrope, sans-serif;color:#65edda}
.metodo-stage strong{color:#efffff;font:800 clamp(17px,1.5vw,22px) Manrope,sans-serif;display:block;line-height:1.2}
.metodo-tag{font-size:10px;letter-spacing:.18em;color:#59dbcd;font-weight:800;display:block;margin-top:5px}
.metodo-stage p{margin:13px 0 0;color:#b8cfd1;font-size:13.5px;line-height:1.55}
.metodo-result{border:1px solid rgba(61,226,199,.4);border-radius:16px;padding:17px 20px;display:flex;align-items:flex-start;gap:15px;background:rgba(30,148,138,.11)}
.metodo-result-icon{flex-shrink:0;font-size:40px;line-height:1;color:#3de2c7}
.metodo-result strong{display:block;color:#d9fffa;letter-spacing:.12em;font-size:11px}
.metodo-result p{font-size:13px;line-height:1.6;color:#c0d8d8;margin:8px 0 0}
@media(max-width:900px){.metodo-grid{grid-template-columns:1fr;gap:24px}.metodo-illustration{min-height:0;aspect-ratio:1.55}.metodo-stage{padding:21px 24px}.metodo-onda .metodo-title{margin-bottom:30px}}
@media(max-width:600px){.metodo-illustration{aspect-ratio:1.12;border-radius:15px}.metodo-stage{padding:16px}.metodo-illustration-caption{font-size:9px;letter-spacing:.1em}.metodo-onda .metodo-title p{font-size:14px}.metodo-grid{gap:18px}.metodo-stage p{font-size:13px}}