
/* Landing: Suporte de TI para Escritórios de Contabilidade */
:root{
  --acct-navy:#173f63;
  --acct-blue:#0d6efd;
  --acct-orange:#f58220;
  --acct-green:#23a66f;
  --acct-teal:#13a7a0;
  --acct-soft:#f7fafc;
  --acct-line:#e3ebf2;
  --acct-muted:#667b8e;
}
body{background:#fff;color:var(--acct-navy)}
.campaign-hero{background:#eef7f6;overflow:hidden;border-bottom:1px solid #e2eceb}
.campaign-hero a{display:block;position:relative}
.campaign-hero picture,.campaign-hero img{display:block;width:100%}
.campaign-hero img{height:auto;max-height:none;object-fit:contain;background:#eaf6f2}
.campaign-hero .hero-mobile{display:none}

.accounting-intro{padding:78px 0 46px;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.accounting-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--acct-green);font-size:12px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase}
.accounting-title{max-width:930px;margin:12px auto 16px;text-align:center;font-weight:800;letter-spacing:-.025em;color:var(--acct-navy);font-size:clamp(2rem,4vw,3.35rem);line-height:1.12}
.accounting-lead{max-width:900px;margin:0 auto;text-align:center;color:var(--acct-muted);font-size:1.1rem;line-height:1.75}
.accounting-kicker-wrap{text-align:center}

.pain-section{padding:40px 0 82px;background:#fff}
.pain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pain-card{border:1px solid var(--acct-line);border-radius:20px;background:#fff;padding:24px 21px;box-shadow:0 10px 28px rgba(22,57,86,.07);min-height:255px;position:relative;overflow:hidden}
.pain-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--accent)}
.pain-icon{width:52px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--accent) 13%, white);color:var(--accent);display:grid;place-items:center;font-size:21px;margin-bottom:18px}
.pain-card h3{font-size:18px;font-weight:800;color:var(--acct-navy);margin:0 0 10px}
.pain-card p{margin:0;color:var(--acct-muted);font-size:14px;line-height:1.65}

.accounting-band{padding:78px 0;background:linear-gradient(120deg,#fff7ed 0%,#f3fbf7 46%,#eef9fb 100%);border-top:1px solid #f0f2f3;border-bottom:1px solid #edf1f2}
.band-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.band-copy .accounting-kicker{color:var(--acct-orange)}
.band-copy h2{font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.12;color:var(--acct-navy);margin:12px 0 16px}
.band-copy p{color:var(--acct-muted);font-size:1.06rem;line-height:1.75;margin:0}
.band-panel{background:#fff;border:1px solid var(--acct-line);border-radius:24px;padding:28px;box-shadow:0 18px 42px rgba(22,57,86,.09);display:grid;gap:14px}
.band-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f5}
.band-item:last-child{border-bottom:0}
.band-item i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--acct-orange),var(--acct-green));font-size:18px}
.band-item strong{display:block;color:var(--acct-navy);margin-bottom:3px}.band-item span{color:var(--acct-muted);font-size:14px}

.accounting-solutions{padding:82px 0;background:#fff}
.section-head{text-align:center;max-width:850px;margin:0 auto 34px}
.section-head h2{font-size:clamp(1.9rem,3.4vw,3rem);font-weight:800;color:var(--acct-navy);margin:10px 0 12px}
.section-head p{color:var(--acct-muted);margin:0;font-size:1.05rem;line-height:1.7}
.solution-grid-accounting{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.solution-card-accounting{border:1px solid var(--acct-line);border-radius:22px;padding:28px;background:#fff;box-shadow:0 10px 28px rgba(22,57,86,.06)}
.solution-card-accounting .num{display:inline-flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--acct-orange),var(--acct-green));margin-bottom:16px}
.solution-card-accounting h3{font-size:19px;font-weight:800;color:var(--acct-navy);margin:0 0 10px}
.solution-card-accounting p{color:var(--acct-muted);font-size:14px;line-height:1.7;margin:0}

.accounting-process{padding:80px 0;background:#f8fafc}
.process-accounting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.process-accounting-card{background:#fff;border:1px solid var(--acct-line);border-radius:20px;padding:24px;position:relative}
.process-accounting-card span{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:var(--acct-navy);color:#fff;font-weight:800;margin-bottom:14px}
.process-accounting-card h4{font-size:17px;font-weight:800;margin:0 0 8px;color:var(--acct-navy)}
.process-accounting-card p{font-size:14px;line-height:1.65;color:var(--acct-muted);margin:0}

.accounting-note-wrap{padding:0 0 74px;background:#f8fafc}
.accounting-note{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #f3dec6;border-left:5px solid var(--acct-orange);border-radius:18px;padding:22px 24px;color:var(--acct-muted);box-shadow:0 9px 24px rgba(22,57,86,.05)}
.accounting-note i{color:var(--acct-orange);font-size:22px;margin-top:2px}.accounting-note strong{color:var(--acct-navy)}

/* Make the existing site plan cards feel naturally tied to the campaign without changing their structure. */
.product-plans{--product-accent:var(--acct-green)!important;background:linear-gradient(180deg,#fff 0,#f5faf8 100%)}
.product-plan-card:before{background:linear-gradient(90deg,var(--acct-orange),var(--acct-green))}
.product-plan-card button{background:linear-gradient(90deg,var(--acct-orange),var(--acct-green))}
.product-plan-card .plan-label,.product-plan-card li i{color:var(--acct-green)}

.campaign-close{padding:64px 0 78px;background:#fff}
.campaign-close-box{background:linear-gradient(110deg,#f47e20 0%,#efad26 30%,#27a873 70%,#109e95 100%);border-radius:26px;padding:36px 40px;color:#fff;box-shadow:0 18px 44px rgba(20,107,90,.16)}
.campaign-close-box h2{color:#fff;font-weight:800;font-size:clamp(1.7rem,3vw,2.55rem);margin:0 0 8px}.campaign-close-box p{margin:0;color:rgba(255,255,255,.94);font-size:1.04rem}

@media(max-width:1199.98px){.pain-grid{grid-template-columns:repeat(3,1fr)}.process-accounting-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){.band-grid{grid-template-columns:1fr}.solution-grid-accounting{grid-template-columns:1fr}.pain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){
  .campaign-hero .hero-desktop{display:none}.campaign-hero .hero-mobile{display:block}
  .accounting-intro{padding:54px 0 34px}.pain-section{padding:28px 0 58px}
  .pain-grid{grid-template-columns:1fr}.pain-card{min-height:0}.accounting-band,.accounting-solutions,.accounting-process{padding:58px 0}
  .process-accounting-grid{grid-template-columns:1fr}.campaign-close{padding:48px 0 58px}.campaign-close-box{padding:28px 24px;border-radius:20px}
}
