/* ---------- CARD GRIDS (serviços, features, diferenciais) ---------- */
.grid-cards{display:grid; gap:1px; background:var(--line-dark); border:1px solid var(--line-dark);}
.grid-cards.cols-4{grid-template-columns:repeat(4,1fr);}
.grid-cards.cols-2{grid-template-columns:repeat(2,1fr);}
.card{background:#fff; padding:26px 22px;}
.card .brg{font-family:var(--mono); font-size:11.5px; color:var(--green-deep); margin-bottom:14px;}
.card h4{font-family:var(--disp); font-size:15.5px; margin-bottom:6px;}
.card p{font-size:13px; color:#5b6b85;}

/* diferenciais / dots coloridos */
.diffs-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.diff h4{font-family:var(--disp); font-size:16px; margin-bottom:8px; display:flex; align-items:center; gap:10px;}
.diff h4::before{content:""; width:6px; height:6px; background:var(--green); border-radius:50%;}
.diff:nth-child(2) h4::before{background:var(--sky);}
.diff:nth-child(3) h4::before{background:var(--coral);}
.diff:nth-child(4) h4::before{background:var(--purple);}
.diff p{font-size:14px; color:#5b6b85;}

/* stats coloridos (xPeso) */
.stats-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line);}
.stat{background:var(--navy-2); padding:20px; border-top:2px solid var(--green);}
.stat:nth-child(2){border-top-color:var(--sky);}
.stat:nth-child(3){border-top-color:var(--amber);}
.stat:nth-child(4){border-top-color:var(--coral);}
.stat b{display:block; font-family:var(--mono); font-size:22px; color:var(--green); font-weight:500;}
.stat:nth-child(2) b{color:var(--sky);}
.stat:nth-child(3) b{color:var(--amber);}
.stat:nth-child(4) b{color:var(--coral);}
.stat span{font-size:12.5px; color:var(--on-dark-mid);}

/* timeline / steps */
.steps, .timeline{border-top:1px solid var(--line-dark);}
.step, .tl-item{display:grid; grid-template-columns:50px 1fr; gap:20px; padding:20px 0; border-bottom:1px solid var(--line-dark); align-items:start;}
.step .n, .tl-item .n{font-family:var(--mono); font-size:13px; color:var(--green-deep);}
.step h4, .tl-item h4{font-size:16px; margin-bottom:4px;}
.step p, .tl-item p{font-size:14px; color:#5b6b85;}

/* bullets */
.bullets{border-top:1px solid var(--line-dark);}
.bullet{display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--line-dark); align-items:flex-start;}
.bullet .dot{width:7px; height:7px; border-radius:50%; background:var(--green); margin-top:7px; flex:none;}
.bullet p{font-size:15px;}

/* forms */
.form-card{background:#fff; border:1px solid var(--line-dark); border-radius:var(--radius-md); padding:28px;}
.form-card.on-dark{border:none;}
.frow{margin-bottom:16px;}
.frow.two{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.form-card label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:#41506b;}
.form-card input, .form-card textarea{width:100%; border:1px solid var(--line-dark); border-radius:6px; padding:11px 13px; font-family:var(--body); font-size:14px; background:var(--paper);}
.form-card textarea{resize:vertical; min-height:100px;}
.form-note{font-size:11.5px; color:#8493a3; margin-top:10px;}
.honey{display:none;}

/* cta final block */
.cta-final{background:linear-gradient(120deg, var(--navy) 0%, #132a4a 100%); color:#fff; text-align:center;}
.cta-final .wrap{max-width:620px;}
.cta-final h2{color:#fff; font-size:30px; margin:16px 0 14px;}
.cta-final p{color:var(--on-dark-mid); margin-bottom:28px; font-size:16px;}
.cta-final .hero-actions{justify-content:center;}

/* dark section shell (xpeso, cotas, o que fazemos) */
.dark-section{background:var(--navy); color:#fff;}
.dark-section h2, .dark-section h3{color:#fff;}
.dark-section p{color:var(--on-dark-mid);}

/* since/history number */
.big-num{font-family:var(--mono); font-size:64px; color:var(--blue-deep); line-height:1; font-weight:500;}
.big-num span{display:block; font-family:var(--body); font-size:13px; color:#5b6b85; letter-spacing:.08em; text-transform:uppercase; margin-top:10px; font-weight:600;}

/* two-col layout helper */
.split{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.split.narrow-left{grid-template-columns:.55fr 1fr;}

/* mockup badge (removido na build final — mantido comentado como referência) */