#sistema{position:relative;overflow:hidden!important;background:linear-gradient(180deg,#edf1e8 0%,#f8f8f3 100%)!important}
#sistema:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-280px;top:-270px;background:radial-gradient(circle,#bce9c6 0,rgba(188,233,198,0) 68%);opacity:.7;pointer-events:none}
#sistema .wrap{position:relative}#sistema>.wrap>.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0a6f42}#sistema>.wrap>.eyebrow:before{content:"";width:26px;height:1px;background:#10b75b}
#sistema>.wrap>h2{font-size:clamp(38px,4.4vw,62px);line-height:1.02;max-width:14em!important;margin-top:17px}#sistema>.wrap>.lede{font-size:19px!important;line-height:1.7;max-width:46em!important;color:#475d52}
#sistema .cards{counter-reset:feature;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:48px;align-items:stretch}
#sistema .card{position:relative;min-height:280px;padding:28px;border:1px solid #d7e1d4;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 24px 55px -45px rgba(1,49,35,.72);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#sistema .card:hover{transform:translateY(-5px);border-color:#91b69c;box-shadow:0 28px 65px -42px rgba(1,49,35,.55)}
#sistema .card:nth-child(1){grid-column:span 5;grid-row:span 2;min-height:578px;padding:35px;background:linear-gradient(145deg,#063e30 0%,#075a44 100%);border:0;color:#fff}#sistema .card:nth-child(2){grid-column:span 4}#sistema .card:nth-child(3){grid-column:span 3}#sistema .card:nth-child(4){grid-column:span 3}#sistema .card:nth-child(5){grid-column:span 4}#sistema .card:nth-child(6){grid-column:span 5}
#sistema .card .ic{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#e5f5e8;color:#08713f;font-family:Arial,sans-serif;font-size:17px;font-weight:700}
#sistema .card:before{content:"RECURSO " counter(feature,decimal-leading-zero);counter-increment:feature;position:absolute;right:28px;top:35px;color:#71847a;font:700 10px Arial,sans-serif;letter-spacing:.12em}#sistema .card h3{font-size:clamp(23px,2vw,29px);line-height:1.1;margin:27px 0 13px;color:#073c30}#sistema .card p{color:#52635a;line-height:1.65;margin:0}
#sistema .card:nth-child(1) .ic{background:#d2f3d8;color:#064130}#sistema .card:nth-child(1):before{color:#9bcbb4}#sistema .card:nth-child(1) h3{color:#fff;font-size:clamp(34px,3.2vw,47px);margin-top:48px;max-width:8em}#sistema .card:nth-child(1) p{color:#cde0d7;font-size:17px;max-width:25em}
#sistema .card:nth-child(1):after{content:"R$ 52.310  ·  saldo projetado";position:absolute;left:35px;right:35px;bottom:34px;padding:24px 20px 86px;border:1px solid rgba(207,244,218,.2);border-radius:15px;color:#effff3;font:400 22px Book Antiqua,Georgia,serif;background-image:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 90'%3E%3Cpath d='M0 75 C52 62 75 72 118 46 S191 64 235 34 S325 42 420 7' fill='none' stroke='%237fe796' stroke-width='3'/%3E%3Cpath d='M0 75 C52 62 75 72 118 46 S191 64 235 34 S325 42 420 7 L420 90 L0 90Z' fill='%237fe796' fill-opacity='.09'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center,bottom 12px center;background-size:auto,calc(100% - 40px) 70px}
#sistema .card:nth-child(2):after{content:"●  Banco sincronizado";margin-top:auto;display:block;border:1px solid #dce8dc;border-radius:10px;background:#f6faf5;padding:13px;color:#087143;font:700 11px Arial,sans-serif;letter-spacing:.03em}#sistema .card:nth-child(3):after{content:"BAIXA AUTOMÁTICA";align-self:flex-start;margin-top:auto;background:#e6f6e9;color:#08713f;border-radius:999px;padding:8px 10px;font:700 9px Arial,sans-serif;letter-spacing:.08em}#sistema .card:nth-child(4):after{content:"Emitir · consultar · organizar  →";margin-top:auto;color:#087143;font-weight:700;font-size:13px}#sistema .card:nth-child(5):after{content:"HOJE  ·  próximo vencimento";margin-top:auto;border-left:3px solid #f0b947;background:#fff8e8;padding:12px;color:#73540e;font:700 10px Arial,sans-serif;letter-spacing:.06em}
#sistema .card:nth-child(6):after{content:"";height:58px;margin-top:auto;border-radius:8px;background:linear-gradient(90deg,#c2e7c8 0 13%,transparent 13% 17%,#9bd8aa 17% 33%,transparent 33% 37%,#b3e1bc 37% 55%,transparent 55% 59%,#5dc87a 59% 78%,transparent 78% 82%,#13ad59 82% 100%);clip-path:polygon(0 70%,13% 70%,13% 43%,33% 43%,33% 57%,55% 57%,55% 27%,78% 27%,78% 0,100% 0,100% 100%,0 100%)}
#sistema .cards:after{content:"Menos tarefas manuais  •  Mais clareza para decidir  •  Tudo conectado à contabilidade";grid-column:1/-1;text-align:center;padding:14px 10px 0;color:#315346;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}
@media(max-width:950px){#sistema .card:nth-child(1){grid-column:span 12;grid-row:auto;min-height:520px}#sistema .card:nth-child(n+2){grid-column:span 6}}
@media(max-width:620px){#sistema>.wrap>h2{font-size:38px}#sistema .cards{display:block;margin-top:34px}#sistema .card,#sistema .card:nth-child(n){min-height:270px;margin-bottom:14px}#sistema .card:nth-child(1){min-height:520px}#sistema .cards:after{display:block;line-height:1.7}}