:root{--brown-900: #3b2a24;--brown-800: #4e342e;--brown-700: #5d4037;--brown-200: #e2d3c8;--brown-100: #f0e6de;--orange-600: #f26a00;--orange-500: #ff7a00;--orange-100: #ffe6cc;--cream: #faf6f1;--ink: #2d2623;--muted: #8a7f78;--line: #eae2da;--green: #16a34a;--green-soft: #dcfce7;--amber-soft: #ffedcc;--amber: #b45309;--red: #dc2626;--red-soft: #fee2e2;--radius: 16px;--shadow: 0 12px 32px rgba(78, 52, 46, .09);--shadow-sm: 0 4px 14px rgba(78, 52, 46, .06)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(1200px 500px at 85% -10%,rgba(255,122,0,.09),transparent 60%),radial-gradient(1000px 500px at 0% 0%,rgba(78,52,46,.06),transparent 55%),var(--cream);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.ref-banner{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(135deg,#4e342e,#5d4037);color:#fff;font-size:13px;font-weight:700;border-radius:12px;padding:10px 18px;margin:0 auto 18px;box-shadow:0 6px 18px #4e342e2e}.header{text-align:center;margin-bottom:30px;padding-top:12px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:40px;font-weight:900;letter-spacing:-1.5px;line-height:1}.logo img{height:46px;width:auto}.logo .logo-brown{color:var(--brown-800)}.logo .logo-orange{color:var(--orange-500)}.subtitle{color:var(--muted);margin-top:10px;font-size:16px;font-weight:600}.navbar{position:sticky;top:0;z-index:50;background:#faf6f1d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.navbar-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar-brand{display:inline-flex;align-items:center}.navbar-links{display:flex;align-items:center;gap:6px}.nav-link{padding:9px 16px;border-radius:30px;font-size:14px;font-weight:800;color:var(--brown-700);transition:.2s}.nav-link:hover{color:var(--orange-600)}.nav-link.active{background:#fff;box-shadow:0 2px 10px #4e342e14;color:var(--orange-600)}.hero{text-align:center;margin-bottom:30px;padding-top:22px}.footer{border-top:1px solid var(--brown-200);background:linear-gradient(180deg,#faf1e8,#f0e2d2);margin-top:60px}.footer-inner{max-width:1100px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-made{display:flex;align-items:center}.footer-made img{height:96px;width:auto;background:#4e342e;padding:14px 28px;border-radius:14px;box-shadow:0 6px 18px #4e342e4d}.stepper{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:40px;background:#fff;border:1.5px solid var(--line);font-size:13px;font-weight:700;color:var(--muted);transition:.2s}.step .step-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brown-100);color:var(--brown-700)}.step.active{border-color:var(--orange-500);color:var(--brown-800);background:#fff;box-shadow:0 4px 14px #ff7a002e}.step.active .step-icon{background:var(--orange-500);color:#fff}.step.done{border-color:var(--green);color:var(--green);background:#fff}.step.done .step-icon{background:var(--green);color:#fff}.simulator{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}.card{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}.card h2{margin-top:0;margin-bottom:24px;font-size:22px;font-weight:800;color:var(--brown-800)}.section{margin-bottom:30px}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:12px}.modules{display:grid;gap:12px}.module{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--line);border-radius:14px;padding:15px 18px;cursor:pointer;transition:.2s;background:#fff}.module:hover{border-color:var(--brown-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.module.active{border-color:var(--brown-700);background:var(--brown-100)}.module-left{display:flex;align-items:center;gap:13px}.module input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--orange-500)}.module-name{font-weight:800}.module-required{font-size:11px;padding:4px 9px;border-radius:20px;background:var(--brown-800);color:#fff;margin-left:8px;font-weight:700;letter-spacing:.3px}.module-price{font-weight:800;color:var(--brown-800)}.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.user-option{border:1.5px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;font-weight:800;transition:.2s;background:#fff}.user-option:hover{border-color:var(--brown-200);transform:translateY(-1px)}.user-option.active{background:var(--brown-800);color:#fff;border-color:var(--brown-800);box-shadow:0 6px 16px #4e342e40}.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.period{border:1.5px solid var(--line);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:.2s;background:#fff}.period:hover{border-color:var(--brown-200);transform:translateY(-1px)}.period strong{display:block;font-size:14px;margin-bottom:5px}.period small{color:var(--orange-600);font-weight:800}.period.active{background:var(--brown-800);color:#fff;border-color:var(--brown-800);box-shadow:0 6px 16px #4e342e40}.period.active small{color:var(--orange-100)}.result{position:sticky;top:20px;background:linear-gradient(180deg,#fff,#fffdfb)}.result-header{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.result-title{color:var(--muted);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.price{font-size:48px;font-weight:900;margin:8px 0 0;letter-spacing:-2px;color:var(--brown-800)}.price-period{color:var(--muted);font-weight:600}.savings{display:inline-flex;align-items:center;gap:6px;background:var(--amber-soft);color:var(--amber);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:800;margin-top:12px}.summary{margin-top:22px}.summary-row{display:flex;justify-content:space-between;padding:9px 0;font-size:14px}.summary-row span:first-child{color:var(--muted)}.summary-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-size:17px;font-weight:800}.discount{color:var(--green)!important}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.consult-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:800;color:var(--brown-700);background:#fff;border:1.5px solid var(--line);padding:10px 18px;border-radius:30px;transition:.2s}.consult-link:hover{border-color:var(--orange-500);color:var(--orange-600)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:16px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;font-size:16px;font-weight:800;font-family:inherit;cursor:pointer;transition:.2s;box-shadow:0 8px 20px #ff7a0059}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #ff7a006b;filter:brightness(1.04)}.cta:disabled{background:var(--brown-200);color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.cta.secondary{background:#fff;color:var(--brown-800);border:1.5px solid var(--line);box-shadow:none;font-weight:800}.cta.secondary:hover{border-color:var(--brown-700);filter:none}.note{text-align:center;font-size:12px;color:var(--muted);margin-top:15px;line-height:1.5}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:800;color:var(--brown-800);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;transition:.2s;background:#fff;color:var(--ink)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 4px #ff7a0024}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{color:var(--red);font-size:12px;margin-top:5px;font-weight:600}.cselect{position:relative}.cselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:.2s;text-align:left}.cselect-trigger:hover{border-color:var(--brown-200)}.cselect-trigger.open{border-color:var(--orange-500);box-shadow:0 0 0 4px #ff7a0024}.cselect-trigger .placeholder{color:var(--muted);font-weight:600}.cselect-chevron{color:var(--muted);transition:transform .2s;flex-shrink:0}.cselect-trigger.open .cselect-chevron{transform:rotate(180deg);color:var(--orange-600)}.cselect-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #4e342e29;padding:6px;max-height:260px;overflow:auto;animation:cselect-in .16s ease}@keyframes cselect-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cselect-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:0;border-radius:9px;background:none;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:.15s;text-align:left}.cselect-option:hover{background:var(--brown-100);color:var(--brown-800)}.cselect-option.selected{background:var(--orange-100);color:var(--orange-600)}.payment-methods{display:grid;gap:12px}.payment-method{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.2s;background:#fff}.payment-method:hover{border-color:var(--brown-200);transform:translateY(-1px)}.payment-method.active{border-color:var(--orange-500);background:var(--orange-100);box-shadow:0 4px 14px #ff7a0029}.payment-method input{width:20px;height:20px;accent-color:var(--orange-500);cursor:pointer}.payment-method-name{font-weight:800;color:var(--brown-800)}.payment-method-desc{font-size:12px;color:var(--muted);margin-top:2px;font-weight:600}.payment-method-icon{margin-left:auto;color:var(--brown-700);display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--line)}.payment-method.active .payment-method-icon{color:var(--orange-600);border-color:var(--orange-500)}.qr-box{text-align:center;padding:25px;background:var(--cream);border:1.5px dashed var(--brown-200);border-radius:14px;margin-top:15px}.qr-box img{width:180px;height:180px;border-radius:10px}.qr-code-text{margin-top:12px;font-size:12px;color:var(--muted);word-break:break-all;background:#fff;border:1px solid var(--line);padding:10px;border-radius:10px}.boleto-box{margin-top:15px;background:var(--cream);border:1.5px dashed var(--brown-200);border-radius:14px;padding:20px;text-align:center}.confirmation{max-width:620px;margin:0 auto;text-align:center}.confirmation .icon{font-size:60px;margin-bottom:8px;line-height:1}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:30px;font-weight:800;font-size:13px;margin-top:12px}.status-pending{background:var(--amber-soft);color:var(--amber)}.status-paid{background:var(--green-soft);color:var(--green)}.status-failed{background:var(--red-soft);color:var(--red)}.alert{padding:14px 18px;border-radius:12px;font-size:14px;margin-bottom:20px;font-weight:600}.alert-error{background:var(--red-soft);color:var(--red);border:1px solid #fecaca}.alert-success{background:var(--green-soft);color:var(--green);border:1px solid #bbf7d0}.loading{text-align:center;padding:60px 40px;color:var(--muted);font-weight:700}.spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--brown-100);border-top-color:var(--orange-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 800px){.simulator{grid-template-columns:1fr}.result{position:static}.users-grid,.periods{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width: 500px){.container{padding:16px 12px 48px}.card{padding:20px}.price{font-size:40px}}