:root{--ink:#152b35;--muted:#67777f;--teal:#0b7c69;--green:#10a483;--cream:#f6faf9;--line:#e4ecea;--navy:#092e35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:white;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 28px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand small,.foot small{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.logo{background:var(--navy);color:white;border-radius:13px;padding:11px 10px;font-size:17px;font-weight:800}.nav nav{display:flex;gap:26px;color:#4b6068;font-size:14px}.nav nav a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:11px;font-weight:720;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-outline{border:1px solid #cbded8}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#086c5b}.btn-ghost{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.35)}.btn-light{background:#e8f5f1;color:var(--teal)}.hero{background:radial-gradient(circle at 84% 16%,#1a756a 0%,transparent 40%),linear-gradient(130deg,#082d36,#103e42 80%);color:white;padding:96px 0 100px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.eyebrow{font-weight:850;font-size:12px;letter-spacing:.18em;color:var(--teal);margin:0 0 18px}.hero .eyebrow{color:#9de5cf}.dot{display:inline-block;background:#7cefbd;width:8px;height:8px;border-radius:50%;margin-right:6px}.hero h1{font-size:clamp(42px,4.6vw,67px);letter-spacing:-.055em;line-height:1.11;margin:0 0 24px}.hero h1 em{font-style:normal;color:#a0e4c6}.lead{color:#d0e1df;font-size:18px;max-width:575px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.micro{font-size:13px;color:#bfd5cf;margin:24px 0 0}.preview{background:#fff;color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 30px 60px #031b2245;transform:rotate(1deg)}.preview-head{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 0 17px}.minilogo{color:var(--teal);font-size:24px}.live{margin-left:auto;background:#e9f9ed;color:#137b50;border-radius:20px;padding:4px 10px;font-size:10px}.chat{padding:26px 10px;display:flex;gap:16px;flex-direction:column;background:#f7f9f8;border-radius:10px;margin-top:14px}.bubble{max-width:85%;border-radius:12px;padding:14px;font-size:13px;box-shadow:0 2px 6px #10252c0d}.bubble small{display:block;text-align:right;color:#7d8b8c;font-size:10px;margin-top:7px}.bubble.in{background:#fff;align-self:start}.bubble.out{background:#dbf7e5;align-self:end}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.stats div{border:1px solid var(--line);border-radius:10px;padding:12px}.stats span,.stats strong{display:block}.stats span{font-size:10px;color:var(--muted)}.stats strong{font-size:12px}.demo-disclaimer{color:#879498;font-size:10px;margin:12px 0 0}.trust{border-bottom:1px solid var(--line);padding:22px 0;text-align:center;color:#6b7b82;font-size:13px}.trust div div{margin-top:7px;font-weight:750;color:#435960}.trust b{color:var(--green);margin:0 11px}.section{padding:92px 0}.section h2{font-size:clamp(29px,3.1vw,44px);letter-spacing:-.045em;line-height:1.16;margin:0 0 20px}.section h2 em{color:var(--teal);font-style:normal}.section-sub{color:var(--muted);max-width:690px;margin:0 0 34px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.features article{padding:28px;border:1px solid var(--line);border-radius:16px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;background:#e9f7f1;color:var(--teal);border-radius:12px;font-size:27px}.features h3{margin:22px 0 6px}.features p,.how p,.steps p{color:var(--muted);font-size:14px;margin:0}.tint{background:var(--cream)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan{background:white;border:1px solid #dbe8e4;border-radius:19px;padding:29px;display:flex;flex-direction:column}.plan.featured{border:2px solid var(--teal);box-shadow:0 16px 50px #0b7c691c}.pill{background:#ebf6f0;color:#077861;padding:5px 12px;border-radius:50px;font-size:11px;font-weight:800}.plan h3{font-size:23px;margin:17px 0 2px}.plan-top p{color:var(--muted);font-size:13px;min-height:40px}.price{margin:22px 0;display:flex;align-items:baseline;gap:5px}.price strong{font-size:43px;letter-spacing:-.06em}.price span{color:var(--muted);font-size:14px}.capacity{padding:14px;background:#f1f8f5;border-radius:11px}.capacity strong,.capacity small{display:block}.capacity strong{font-size:15px}.capacity small{font-size:11px;color:#688078}.plan ul{padding:0;list-style:none;margin:22px 0 30px;flex:1}.plan li{padding:8px 0 8px 24px;font-size:13px;position:relative}.plan li:before{content:'✓';color:var(--teal);position:absolute;left:0;font-weight:900}.plan .btn{width:100%}.fine-print{font-size:12px;color:#72817e;margin:24px 0 0}.limit-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-top:40px}.limits-card{padding:30px;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 45px #102f2c0c}.limit-title{display:flex;justify-content:space-between;gap:12px}.limit-title span{font-size:12px;color:var(--muted)}.limit-line{display:flex;justify-content:space-between;margin-top:32px;font-size:13px}.track{height:13px;background:#e8f0ed;border-radius:20px;overflow:hidden;margin-top:10px}.track span{background:linear-gradient(90deg,#18ab84,#e7bb51);height:100%;display:block}.limits-card p{font-size:13px;color:var(--muted)}.mini-notes{display:flex;gap:10px;flex-wrap:wrap}.mini-notes span{padding:8px 10px;background:#f4f7f5;border-radius:7px;font-size:10px}.steps>div{display:flex;gap:22px;padding:0 0 26px}.steps>div>span{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#e9f7f1;color:var(--teal);border-radius:50%;font-weight:800}.steps h3{margin:0 0 6px}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.how>div{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.how b{color:var(--teal);font-size:27px}.how h3{margin:12px 0 8px;font-size:16px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq>div>p:not(.eyebrow){color:var(--muted)}.faq .btn{margin-top:17px}.faq-items details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-items summary{font-weight:730;cursor:pointer;list-style-position:outside}.faq-items p{color:var(--muted);font-size:14px}.cta{background:var(--teal);color:white;padding:55px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0;font-size:29px;letter-spacing:-.035em}.cta p{margin:6px 0 0;color:#e1f4ec}.btn-white{background:white;color:var(--teal);white-space:nowrap}footer{padding:35px 0;background:#0a2d35;color:white}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot p{font-size:12px;color:#b4cfca}.foot small{color:#a7c8c1}@media(max-width:900px){.hero-inner,.limit-layout,.faq{grid-template-columns:1fr}.hero-inner{gap:45px}.plans,.features{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr 1fr}.nav nav{display:none}}@media(max-width:620px){.wrap{padding:0 18px}.nav{min-height:65px}.nav>.btn{font-size:12px;padding:10px}.hero{padding:58px 0}.hero h1{font-size:42px}.preview{transform:none}.section{padding:58px 0}.plans,.features,.how{grid-template-columns:1fr}.cta .wrap,.foot{align-items:flex-start;flex-direction:column}.plan-top p{min-height:0}.limit-title{flex-direction:column}}

/* Checkout local: apresentação, não processa pagamentos */
.pay-dialog[hidden]{display:none!important}.pay-dialog{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px}.pay-overlay{position:absolute;inset:0;background:rgba(9,20,36,.7);backdrop-filter:blur(3px)}.pay-panel{position:relative;background:#fff;color:#1b2d48;border-radius:22px;padding:clamp(20px,4vw,36px);width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 75px #0004;outline:none}.pay-panel h2{margin:0 0 20px;font-size:30px}.pay-close{position:absolute;right:16px;top:12px;font-size:30px;border:0;background:transparent;color:#263a52;cursor:pointer}.pay-selected{display:flex;justify-content:space-between;gap:10px;background:#f0f5fc;border-radius:12px;padding:14px;margin-bottom:10px}.pay-info{border-left:3px solid #2967bd;padding:10px 15px;background:#f7faff;margin:18px 0}.pay-info p{margin:5px 0 0}#payment-brick-container{border:2px dashed #c2d2e5;border-radius:14px;padding:22px 15px;text-align:center;background:#fafcff}#payment-brick-container p{margin:0}.pay-footnote{font-size:13px;color:#52647b;margin:18px 0}.checkout-opened{overflow:hidden}.checkout-open{font-family:inherit;cursor:pointer;width:100%;border:0}

/* Início JC Tec: comparação e navegação móvel */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(9,46,53,.05)}
.compare-table{width:100%;min-width:760px;border-collapse:collapse;text-align:center;font-size:14px}.compare-table th,.compare-table td{padding:17px 15px;border-bottom:1px solid var(--line)}.compare-table thead{background:#eaf6f2}.compare-table th:first-child{text-align:left;width:36%}.compare-table tbody th{font-weight:600}.compare-table td{font-weight:650;color:var(--navy)}.compare-table thead th{font-size:15px}.compare-table thead small{display:block;font-size:13px;font-weight:500;color:var(--teal);margin-top:5px}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.comparison-sub{color:var(--muted);max-width:760px;margin-bottom:28px}.foot-links{display:flex;gap:22px;flex-wrap:wrap;padding-bottom:25px;color:var(--muted);font-size:13px}.foot-links a:hover{color:var(--teal)}.nav nav{flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:5px}
@media(max-width:780px){.table-scroll{margin-left:-8px;margin-right:-8px}.compare-table{min-width:710px}.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav nav{order:3;width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}.nav nav a{font-size:12px}.top .btn-outline{padding:9px 12px;font-size:12px}}

/* Ajuste visual: ritmo vertical consistente entre as seções comerciais. */
.section{padding:48px 0}
.section h2{margin-bottom:15px}
.section-sub{margin-bottom:24px}
.features{margin-top:26px}
.how{margin-top:24px}
.limit-layout{margin-top:24px;gap:32px}
.comparison-sub{margin-bottom:20px}
.fine-print{margin-top:15px}
.comparison{padding-bottom:26px}
#limites{padding-top:30px}
#planos{padding-top:50px;padding-bottom:50px}
#como-funciona{padding-top:45px;padding-bottom:45px}
#duvidas{padding-top:45px;padding-bottom:45px}
.steps>div{padding-bottom:18px}
.faq{gap:38px}
.faq-items details{padding:16px 0}
.cta{padding:42px 0}
@media(max-width:900px){.section{padding:42px 0}.limit-layout{gap:24px}.faq{gap:26px}}
@media(max-width:620px){.section{padding:32px 0}.comparison{padding-bottom:20px}#limites{padding-top:22px}#planos,#como-funciona,#duvidas{padding-top:32px;padding-bottom:32px}.limit-layout{margin-top:18px}.features,.how{margin-top:18px}.cta{padding:30px 0}.hero{padding:45px 0}}

/* Modal de pagamento — campos responsivos e separados do restante do site */
#jc-checkout{display:grid;gap:12px;margin:15px 0}#jc-checkout label{display:grid;gap:5px;font-size:14px;font-weight:600}#jc-checkout input:not([type=radio]),#jc-checkout select,#jc-checkout-result textarea{width:100%;border:1px solid #bccad8;border-radius:9px;padding:11px;color:#1b2d48;background:#fff}#jc-checkout fieldset{border:1px solid #dce5ec;border-radius:12px;padding:12px}#jc-checkout fieldset label{display:block;margin:8px 0;font-weight:400}#jc-cardform{display:grid;gap:9px}#jc-cardform>div{min-height:42px;border:1px solid #bccad8;border-radius:9px}#jc-checkout-result{overflow-wrap:anywhere;line-height:1.5;font-size:14px}#jc-checkout-result textarea{margin-top:8px}#jc-checkout-result button{margin:8px 0;padding:10px;border:1px solid #bfd3da;border-radius:8px;background:#eff8fa;cursor:pointer}

/* Checkout: garantir que Pix oculte os campos de cartão, mesmo com estilos grid. */
#jc-card-fields[hidden]{display:none!important}
#jc-cardform label{display:grid;gap:6px;font-size:13px;font-weight:600}
#jc-cardform label>div[id^="jc-card-"]{min-height:44px;border:1px solid #bccad8;border-radius:9px;overflow:hidden}
.jc-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:460px){.jc-card-row{grid-template-columns:1fr}.pay-panel{padding:18px;width:100%;max-height:92dvh}}

/* Ajuste visual CardForm Mercado Pago: o SDK insere iframes seguros que
   podem vir com altura padrao de 150px. Mantemos sua area clicavel. */
#jc-cardform label{min-width:0;align-content:start;grid-template-rows:auto auto}
#jc-cardform label>div#jc-card-number,
#jc-cardform label>div#jc-card-expiry,
#jc-cardform label>div#jc-card-cvv{
  display:block;width:100%;height:46px;min-height:46px;max-height:46px;
  padding:0;overflow:hidden;background:#fff;line-height:normal;
}
#jc-cardform #jc-card-number iframe,
#jc-cardform #jc-card-expiry iframe,
#jc-cardform #jc-card-cvv iframe{
  display:block;width:100%!important;height:44px!important;
  min-height:44px!important;max-height:44px!important;border:0!important;
}
#jc-cardform .jc-card-row{align-items:start}
#jc-cardform .jc-card-row>label{min-width:0}
.pay-panel{max-height:min(90dvh,820px);overscroll-behavior:contain}
@media(max-width:620px){.pay-dialog{padding:10px}.pay-panel{max-height:94dvh;padding:20px}}

/* Checkout CardForm: altura do contêiner seguro e seus iframes.
   Seletores reforçados para superar regras gerais de formulário e widgets. */
#checkout-modal #jc-checkout #jc-card-fields #jc-cardform #jc-card-number,
#checkout-modal #jc-checkout #jc-card-fields #jc-cardform #jc-card-expiry,
#checkout-modal #jc-checkout #jc-card-fields #jc-cardform #jc-card-cvv {
  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  height:48px;
  min-height:48px;
  max-height:48px;
  padding:0;
  margin:0;
  overflow:hidden;
  border:1px solid #bccad8;
  border-radius:9px;
  background:#fff;
}
#checkout-modal #jc-checkout #jc-cardform #jc-card-number iframe,
#checkout-modal #jc-checkout #jc-cardform #jc-card-expiry iframe,
#checkout-modal #jc-checkout #jc-cardform #jc-card-cvv iframe {
  box-sizing:border-box;
  display:block;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}
#checkout-modal #jc-checkout #jc-cardform > .jc-card-row {
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
}
#checkout-modal #jc-checkout #jc-cardform > .jc-card-row > label {
  display:grid;
  grid-template-rows:auto 48px;
  gap:5px;
  min-width:0;
}
@media(max-width:400px){
  #checkout-modal #jc-checkout #jc-cardform > .jc-card-row{gap:8px}
}

/* QR Code Pix enviado pelo Mercado Pago. */
#jc-checkout-result .jc-pix-qr{display:flex;flex-direction:column;align-items:center;gap:10px;margin:16px 0;text-align:center}
#jc-checkout-result .jc-pix-qr img{display:block;width:min(240px,100%);height:auto;aspect-ratio:1;background:#fff;border:1px solid #dce5ec;padding:8px;border-radius:10px;object-fit:contain}