/* Método M.A.R.C.A. — apresentação editorial, responsiva e sem métricas fictícias. */
.marca-page{color:#102238;background:#fff}
.marca-page h1,.marca-page h2,.marca-page h3{color:inherit;letter-spacing:-.025em}
.marca-page p{line-height:1.72}
.marca-hero{background:#071426;color:#fff;padding:clamp(3rem,6vw,6rem) 0}
.marca-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,5.5rem);align-items:center}
.marca-hero-copy{max-width:650px}
.marca-hero h1{font-size:clamp(2.45rem,3.65vw,4.1rem);font-weight:750;line-height:1.12;margin:0 0 1.5rem;text-wrap:balance}
.marca-hero-copy>p{font-size:clamp(1.05rem,1.4vw,1.24rem);color:#d4e5f5;margin:0;max-width:59ch}
.marca-hero-actions{display:flex;gap:1rem 1.5rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.marca-hero .ss-btn-primary{background:#eef8ff;color:#09243a;border-color:#eef8ff;min-height:48px}
.marca-hero .ss-btn-primary:hover,.marca-hero .ss-btn-primary:focus-visible{background:#d1efff;color:#071426}
.marca-text-link{font-weight:700;color:#c1e8ff;text-decoration:underline;text-underline-offset:5px}
.marca-text-link:hover{color:#fff}
.marca-hero-figure{margin:0}
.marca-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.marca-hero-figure figcaption{font-size:.8rem;color:#b8cce0;margin-top:.6rem}
.marca-intro,.marca-steps,.marca-flow,.marca-boundaries,.marca-cta{padding:clamp(3.5rem,6vw,6rem) 0}
.marca-reading{max-width:900px}
.marca-reading h2,.marca-section-head h2,.marca-flow h2,.marca-boundaries h2,.marca-cta h2{font-size:clamp(2rem,3vw,3rem);line-height:1.16;margin:0 0 1.1rem;text-wrap:balance}
.marca-reading p{font-size:1.1rem;color:#354962;margin:0 0 1.2rem}
.marca-steps{background:#f3f7fb}
.marca-section-head{max-width:780px;margin-bottom:2.5rem}
.marca-section-head p{font-size:1.1rem;color:#455c74;margin:0}
.marca-step-list{border-top:1px solid #c9d6e3}
.marca-step{display:grid;grid-template-columns:clamp(70px,9vw,125px) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);padding:clamp(1.5rem,3vw,2.5rem) 0;border-bottom:1px solid #c9d6e3;max-width:1050px}
.marca-step-letter{font-size:clamp(2.7rem,5vw,5rem);line-height:1;font-weight:800;color:#057cb8;letter-spacing:-.05em}
.marca-step h3{font-size:clamp(1.4rem,2vw,1.8rem);margin:0 0 .75rem}
.marca-step p{max-width:72ch;color:#354962;margin:0 0 .8rem}
.marca-step p:last-child{margin-bottom:0}
.marca-flow{background:#071426;color:#fff}
.marca-flow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,6vw,6rem)}
.marca-flow p{max-width:66ch;color:#d4e5f5;margin:0 0 1.2rem}
.marca-flow-list{margin:0;padding:0;list-style:none;counter-reset:marca;display:grid;gap:0}
.marca-flow-list li{counter-increment:marca;display:grid;grid-template-columns:2.2rem 1fr;column-gap:.9rem;padding:1rem 0;border-bottom:1px solid #36516c}
.marca-flow-list li::before{content:counter(marca,decimal-leading-zero);grid-row:span 2;color:#76cfff;font-weight:800;font-size:.85rem;padding-top:.25rem}
.marca-flow-list strong{font-size:1.15rem}
.marca-flow-list span{color:#c3d7ea}
.marca-boundaries-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}
.marca-boundaries p{max-width:65ch;color:#354962;margin:0}
.marca-cta{background:#e9f4fb}
.marca-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.marca-cta-inner div{max-width:770px}
.marca-cta p{color:#354962;margin:0}
.marca-cta .ss-btn{flex:none;min-height:48px}
.marca-page :focus-visible{outline:3px solid #70d0ff;outline-offset:3px}
.marca-hero .ss-btn-primary,.marca-hero .ss-btn-primary:hover,.marca-hero .ss-btn-primary:focus-visible{background:#eef8ff!important;color:#09243a!important;border:1px solid #eef8ff!important;box-shadow:none!important;animation:none!important}
.marca-hero .ss-btn-primary::before{display:none!important}
.marca-hero .ss-btn-primary span{color:#09243a!important}
@media(max-width:900px){.marca-hero-grid,.marca-flow-grid{grid-template-columns:1fr}.marca-hero-figure{max-width:720px}.marca-hero{padding-bottom:3.5rem}}
@media(max-width:680px){.marca-hero{padding:2.6rem 0 3rem}.marca-hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}.marca-hero-actions{align-items:stretch}.marca-hero-actions .ss-btn,.marca-text-link{width:100%;text-align:center}.marca-hero-figure img{aspect-ratio:4/3}.marca-step{grid-template-columns:2.5rem minmax(0,1fr);gap:.9rem}.marca-step-letter{font-size:2.4rem}.marca-boundaries-grid{grid-template-columns:1fr}.marca-cta-inner{display:block}.marca-cta .ss-btn{display:inline-flex;margin-top:1.5rem}}