@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
@import url('./jcs-theme.css');
:root{--ink:#15372f;--green:#36b37e;--dark:#0e463a;--mint:#eaf8f0;--cream:#fbfaf4;--orange:#f4a261;--line:#dce8e2;--muted:#668079}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 21px Manrope;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:white;font-size:22px;transform:rotate(-4deg)}nav{display:flex;align-items:center;gap:30px}nav a{color:#48655d;text-decoration:none;font-size:14px}.button{border:0;border-radius:12px;background:var(--green);color:white;font-weight:700;padding:15px 22px;cursor:pointer;box-shadow:0 8px 20px #36b37e2b;transition:.2s}.button:hover{transform:translateY(-2px);background:#2ba672}.button.small{padding:11px 17px}.hero{max-width:1180px;min-height:620px;margin:auto;padding:72px 24px 86px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.eyebrow{display:block;color:#269f6c;font-size:12px;font-weight:800;letter-spacing:1.8px;margin-bottom:18px}.hero h1,.section-title h2,.purchase h2{font:800 clamp(42px,5vw,68px)/1.05 Manrope;margin:0;letter-spacing:-3px}.hero h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:570px;font-size:19px;line-height:1.65;color:#58736c;margin:25px 0 32px}.hero-actions{display:flex;align-items:center;gap:20px}.hero-actions>span,.trust{font-size:13px;color:var(--muted)}.trust{display:flex;gap:24px;margin-top:25px}.hero-card{position:relative;background:white;border:1px solid #e6ede9;border-radius:26px;padding:28px;box-shadow:0 28px 70px #174b3c1a;transform:rotate(1deg)}.hero-card:before{content:'';position:absolute;inset:-25px;background:var(--mint);z-index:-1;border-radius:44% 56% 54% 46%;transform:rotate(-5deg)}.card-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.pill{font-size:9px;letter-spacing:1px;background:var(--mint);color:#279769;padding:7px 10px;border-radius:30px}.balance{margin:26px 0}.balance>*{display:block}.balance small{color:var(--muted)}.balance strong{font:800 36px Manrope;margin:5px 0;color:var(--dark)}.balance span{color:var(--green);font-size:13px}.ring{position:absolute;right:35px;top:84px;width:105px;height:105px;border-radius:50%;background:conic-gradient(var(--green) 72%,#e8f0ec 0);display:grid;place-items:center}.ring:after{content:'';position:absolute;width:77px;height:77px;background:#fff;border-radius:50%}.ring div{z-index:1;text-align:center}.ring strong,.ring small{display:block}.ring small{color:var(--muted);font-size:9px}.split{border-top:1px solid var(--line);padding-top:18px}.split div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;padding:7px 0;font-size:13px}.split i{width:8px;height:8px;border-radius:50%}.green{background:var(--green)}.orange{background:var(--orange)}.blue{background:#4f86d9}.tip{background:#fff8e9;color:#7b6638;font-size:12px;padding:13px;border-radius:11px;margin-top:15px}.method{background:white;padding:100px 24px}.section-title{text-align:center;max-width:750px;margin:auto}.section-title h2{font-size:43px;letter-spacing:-2px}.section-title p{color:var(--muted);font-size:17px}.steps{max-width:1120px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px}.steps article>span{position:absolute;right:22px;top:20px;color:#cad9d3;font-weight:800}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--mint);color:var(--green);font-size:25px}.steps h3{font:700 19px Manrope;margin:20px 0 8px}.steps p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}.purchase{background:var(--dark);color:white;padding:90px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.purchase h2{font-size:42px;letter-spacing:-2px}.purchase>div>p{color:#b8d0c9;line-height:1.7}.eyebrow.light{color:#75d5ad}.light-button{background:white;color:var(--dark)}.compare-card{background:white;color:var(--ink);padding:26px;border-radius:20px}.purchase-name span,.purchase-name strong{display:block}.purchase-name span{font-size:11px;color:var(--muted)}.purchase-name strong{font:700 20px Manrope}.price-row{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;border-block:1px solid var(--line);padding:18px 0}.price-row div+div{border-left:1px solid var(--line);padding-left:24px}.price-row small,.price-row strong{display:block}.warning,.better{font-size:13px;line-height:1.5;padding:13px;border-radius:10px}.warning{background:#fff3e8;color:#86562d}.better{background:var(--mint);color:#246c51;margin-top:10px}footer{max-width:1120px;margin:auto;padding:35px 24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.modal{position:fixed;inset:0;background:#092d27d9;z-index:20;display:none;place-items:center;padding:25px}.modal.open{display:grid}.modal-box{position:relative;width:min(100%,980px);min-height:600px;background:white;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:35% 65%;box-shadow:0 35px 100px #0005}.close{position:absolute;right:15px;top:12px;border:0;background:#eef4f1;border-radius:50%;width:35px;height:35px;font-size:23px;cursor:pointer}.modal aside{background:var(--dark);color:white;padding:38px;display:flex;flex-direction:column}.brand-light{color:white}.modal aside>div{margin:auto 0}.modal aside #step-label{font-size:10px;color:#75d5ad;letter-spacing:1.5px}.modal aside h2{font:700 28px/1.2 Manrope}.modal aside p{color:#b8d0c9;font-size:14px}.progress{height:4px;background:#376b60;margin:30px 0!important}.progress i{display:block;height:100%;background:#75d5ad}.privacy{font-size:11px!important;margin:0!important}.form-side{padding:55px 60px 32px}.form-step{display:none}.form-step.active{display:block}.form-kicker{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:800}.form-step h2{font:700 29px Manrope;margin:10px 0 6px}.form-step>p{color:var(--muted);font-size:14px}.form-step label{display:block;color:#405d55;font-size:13px;font-weight:600;margin:16px 0}.money-input{display:flex;align-items:center;border:1px solid #ccdad4;border-radius:10px;margin-top:7px;padding:0 13px;height:48px}.money-input:focus-within,.text-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #36b37e1c}.money-input span{color:var(--muted)}input{border:0;outline:0;width:100%;padding:12px;background:transparent}.text-input{height:48px;border:1px solid #ccdad4;border-radius:10px;margin-top:7px}.two-cols,.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label.invalid .money-input{border-color:#d95b5b}.form-actions{display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.back{border:0;background:none;color:var(--muted);cursor:pointer}.score-grid>div{border:1px solid var(--line);padding:15px;border-radius:12px}.score-grid span,.score-grid strong{display:block}.score-grid span{font-size:11px;color:var(--muted)}.score-grid strong{font:700 22px Manrope}.negative{color:#c45252!important}.target-box{background:var(--dark);color:white;border-radius:15px;padding:20px;margin-top:13px}.target-box>span,.result-box>span{font-size:9px;letter-spacing:1.3px;color:#75d5ad}.target-box strong{font:700 27px Manrope;display:block}.target-box small,.target-box p{font-size:12px;color:#b8d0c9}.result-box{border:1px solid var(--line);padding:15px;border-radius:12px;margin-top:12px}.result-box>strong{display:block}.result-box p,.rule{font-size:12px;color:var(--muted)}.result-box .good{background:var(--mint);color:#246c51;padding:8px;border-radius:8px}.rule strong{color:var(--ink)}
.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.secondary-button{border:1px solid #cbdad4;background:white;color:var(--ink);border-radius:11px;padding:13px 16px;font-weight:700;cursor:pointer}.secondary-button:hover{background:var(--mint);border-color:var(--green)}
@media(max-width:800px){nav a{display:none}.hero,.purchase{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.modal{padding:0}.modal-box{height:100%;border-radius:0;grid-template-columns:1fr;overflow:auto}.modal aside{padding:20px;min-height:180px}.modal aside>div{margin:12px 0}.modal aside #side-copy,.privacy{display:none}.form-side{padding:30px 24px}.close{position:fixed}.two-cols{grid-template-columns:1fr}.result-actions{align-items:stretch;flex-direction:column}.result-actions button{width:100%}}@media(max-width:520px){.hero h1{font-size:42px}.hero-actions,.trust,footer{align-items:flex-start;flex-direction:column}.ring{position:relative;right:auto;top:auto;margin:auto}.section-title h2,.purchase h2{font-size:34px}}

/* Resultado: conteúdo rolável e ações sempre visíveis */
.modal-box{height:min(720px,calc(100vh - 40px));min-height:0}.form-side{min-height:0;overflow:hidden}.form-side form{height:100%}.result-step.active{height:100%;min-height:0;display:flex;flex-direction:column}.result-step #result-content{min-height:0;overflow-y:auto;padding-right:8px}.result-actions{flex:none;background:#fff;margin-top:12px}.target-explanation{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff2b;color:#cce1da;font-size:12px;line-height:1.5}.target-explanation b{display:block;color:#fff;margin-bottom:4px}.result-box .debt-warning{background:#fff0f0;border:1px solid #f1b7b7;color:#b42318;font-weight:600;padding:10px;border-radius:8px;line-height:1.45}
@media(max-width:800px){.modal-box{height:100%;min-height:100%}.form-side{overflow:visible}.form-side form{height:auto}.result-step.active{height:auto}.result-step #result-content{overflow:visible;padding-right:0}}
#result-content{flex:1}
.brand>span:last-child{display:flex;flex-direction:column}.brand small{font:500 8px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:.2px}.brand-light small{color:#a8c7be}.final-cta{max-width:1120px;margin:95px auto;padding:0 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.final-cta img{width:100%;aspect-ratio:1;border-radius:28px;object-fit:cover;box-shadow:0 24px 55px #174b3c22}.final-cta h2{font:800 42px/1.12 Manrope;margin:0;letter-spacing:-2px}.final-cta p{color:var(--muted);font-size:17px;line-height:1.65}.cta-actions{display:flex;align-items:center;gap:12px;margin-top:25px}.whatsapp-button{border:1px solid #bcd5cc;border-radius:12px;padding:14px 18px;color:var(--dark);font-weight:700;text-decoration:none}.whatsapp-button:hover{background:var(--mint);border-color:var(--green)}footer>div:first-child p{margin:10px 0 0}.footer-note{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.footer-note strong{color:var(--ink)}.footer-note a{color:#269f6c;font-weight:700;margin-top:5px;text-decoration:none}
@media(max-width:800px){.final-cta{grid-template-columns:1fr;margin:65px auto;gap:35px}.final-cta img{max-width:460px;margin:auto}.cta-actions{align-items:stretch;flex-direction:column}.cta-actions>*{text-align:center}.footer-note{align-items:flex-start}}