@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#fafaf8;--white:#fff;--ink:#192c20;--muted:#667268;--border:#e2e8df;--green:#19833b;--light:#ecf7ec;--orange:#eb6328;--shadow:0 13px 40px rgba(31,51,39,.06)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.topbar{background:var(--white);border-bottom:1px solid var(--border)}
.topbar-inner{max-width:1100px;margin:auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:"Manrope",sans-serif;font-size:16px;font-weight:800;line-height:1.12;letter-spacing:-.4px}
.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:600;color:#708173;letter-spacing:.4px;margin-top:4px}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#1b9c47,#77b555);border-radius:13px;font-size:22px}
.safe-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#397650;white-space:nowrap}
.shell{max-width:1100px;padding:0 20px;margin:0 auto}
.breadcrumb{padding:22px 0 8px;display:flex;align-items:center;gap:10px;color:#839189;font-size:12px}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb strong{color:#516356;font-weight:600}
.heading{margin:10px 0 28px}
.eyebrow{color:#39884e;font-size:10px;font-weight:800;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}
.eyebrow-dot{background:#43a863;box-shadow:0 0 0 4px #e2f1e4;width:7px;height:7px;border-radius:50%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:"Manrope","DM Sans",Arial,sans-serif}
.heading h1{font-size:clamp(26px,3.6vw,36px);font-weight:800;line-height:1.22;letter-spacing:-1.4px;margin:10px 0}
.heading h1 span{color:var(--green)}
.heading p{color:var(--muted);font-size:14px}
.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.82fr);gap:23px;align-items:start;margin-bottom:24px}
.form-panel,.summary-panel{border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:var(--shadow)}
.form-panel{padding:30px}
.panel-head,.pay-head{display:flex;align-items:center;gap:13px;margin-bottom:21px}
.step{display:grid;place-items:center;flex:0 0 37px;height:37px;font-family:"Manrope",sans-serif;font-weight:800;background:var(--light);border-radius:12px;color:var(--green);font-size:13px}
.panel-head h2,.pay-head h2{font-size:17px;letter-spacing:-.4px;font-weight:800}
.panel-head p,.pay-head p{margin-top:4px;color:var(--muted);font-size:12px}
.field{margin-bottom:16px}
.field label{display:block;font-size:12.5px;color:#314a37;font-weight:700;margin:0 0 6px}
.field b{color:#e16e55}
.field input{width:100%;padding:13px 15px;background:#fff;border:1px solid #dbe4dc;border-radius:10px;color:var(--ink);outline:0;transition:border .15s ease,box-shadow .15s ease;min-height:48px}
.field input::placeholder{color:#a1aba4}
.field input:focus{border-color:#5ea773;box-shadow:0 0 0 3px #e0f4e5}
.field input:disabled{background:#f5f6f5}
.pay-head{border-top:1px solid var(--border);padding-top:25px;margin-top:26px;margin-bottom:15px}
.payment-method{display:flex;gap:14px;align-items:center;border:1.5px solid #4faa69;background:#f5fcf6;border-radius:12px;padding:15px}
.pix-icon{width:48px;height:42px;border-radius:9px;background:#dff4e7;color:#146f37;font-size:15px;font-weight:800;display:grid;place-items:center;letter-spacing:.6px}
.payment-method>div:nth-child(2){display:flex;flex-direction:column;flex:1}
.payment-method strong{font-size:14px}
.payment-method span{font-size:11px;color:#617369;margin-top:3px}
.selected-ring{background:#288847;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#fff}
.terms{font-size:11.2px;color:#6c7b70;line-height:1.65;margin-top:20px}
.checkout-button{min-height:54px;border:0;border-radius:12px;background:linear-gradient(105deg,#168e40,#1caa47);color:#fff;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-weight:800;font-size:14px;box-shadow:0 8px 19px rgba(28,155,65,.19);transition:filter .12s ease,transform .12s ease}
.checkout-button:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}
.checkout-button:disabled{cursor:not-allowed;background:#a9b9ac;box-shadow:none}
.button-arrow{font-size:22px;font-weight:400}
.secured{text-align:center;font-size:10.6px;color:#77877d;margin-top:13px}
.message{margin:14px 0 0;padding:12px 14px;border-radius:9px;font-size:12px;font-weight:600}
.message.error{background:#fff0eb;color:#994120;border:1px solid #f7d4c5}
.message.notice{background:#eff7fd;color:#355d83;border:1px solid #d6e8f6}
.summary-panel{padding:24px;position:sticky;top:18px}
.summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6d8071;font-size:10px;letter-spacing:1px;font-weight:800}
.digital-pill{font-size:10px;letter-spacing:0;font-weight:700;background:#eaf6ee;color:#2c8a47;padding:5px 9px;border-radius:99px}
.product{display:flex;gap:13px;padding:20px 0}
.product img{object-fit:cover;align-self:flex-start;width:112px;min-width:112px;height:102px;border-radius:12px;background:#f2efeb}
.product h2{font-size:13px;line-height:1.4;letter-spacing:-.3px}
.product p{font-size:11px;color:#6b7b72;margin-top:6px;line-height:1.5}
.digital-tag{font-size:10px;font-weight:700;color:#2f9852;display:block;margin-top:8px}
.included{background:#f7faf5;border-radius:12px;padding:16px}
.included h3{font-size:12.5px;margin-bottom:11px}
.included p{font-size:11.5px;color:#56715d;display:flex;align-items:center;gap:4px;margin-top:7px}
.included p:first-letter{color:#26944d}
.line{border-top:1px solid var(--border);margin:19px 0}
.price-line{display:flex;justify-content:space-between;align-items:center;color:#435448;font-size:12.6px;margin:11px 0}
.price-line span:last-child{font-weight:700}
.price-line.subdued{color:#819086}
.total-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:18px;margin-top:18px;font-size:14px;font-weight:800}
.total-line strong{font:800 27px/1 "Manrope",sans-serif;color:var(--green);letter-spacing:-1px}
.total-note{text-align:right;color:#8b998f;font-size:10px;margin-top:6px}
.support-note{display:flex;gap:11px;align-items:center;padding:15px 0 0;margin-top:19px;border-top:1px solid var(--border);color:#2b8f4b}
.support-note span{display:flex;flex-direction:column;gap:3px}
.support-note b{font-size:12px}
.support-note small{font-size:10.5px;color:#75887c}
.back-link{font-size:11.5px;font-weight:700;text-align:center;color:#68796d;display:block;margin-top:23px}
.back-link:hover{color:#2a8b49;text-decoration:underline}
.footnote{text-align:center;font-size:11px;color:#859287;margin:24px 0}
.footer{background:#f3f4f0;border-top:1px solid var(--border);padding:22px 20px;text-align:center;font-size:11px;color:#88948a}
.result-panel{border-top:1px solid var(--border);margin-top:16px;padding-top:26px}
.result-panel h2{font-size:23px;letter-spacing:-.7px;margin:10px 0}
.result-panel p{font-size:12.5px;color:#687b6e;line-height:1.6}
.result-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#eef9ee;color:#29894a;font-size:10px;font-weight:800;letter-spacing:1px}
.qr-box{width:228px;height:228px;border:1px solid var(--border);margin:20px auto;display:grid;place-items:center;background:#fff;padding:12px;border-radius:12px}
.qr-box img,.qr-box canvas{display:block;max-width:100%;max-height:100%}
.pix-copy{display:flex;gap:8px;margin-top:7px}
.result-panel label{font-size:12px;font-weight:800}
.pix-copy textarea{flex:1;min-width:0;resize:none;border:1px solid var(--border);border-radius:8px;padding:10px;overflow-wrap:anywhere;color:#4b5b4d;font-size:11px}
.pix-copy button{border:0;border-radius:8px;background:#e4f4e7;color:#247941;padding:0 15px;font-size:11px;font-weight:800}
.pix-total{text-align:center;padding-top:15px}
.pix-total strong{color:#1a8e46}
.status-line{display:flex;justify-content:center;gap:9px;margin:20px 0 11px;color:#53715c;font-size:12px}
.status-pulse{width:9px;height:9px;border-radius:50%;background:#41a85e;box-shadow:0 0 0 5px #e5f6e7}
.text-button{display:block;margin:0 auto;color:#1b8d43;background:transparent;border:0;text-decoration:underline;font-weight:700;font-size:12px;padding:9px}
.result-panel.success{text-align:center}
.success-icon{width:56px;height:56px;background:#e8f8eb;color:#169546;border-radius:50%;font-size:32px;display:grid;place-items:center;margin:auto}
.order-number{margin-top:15px}
@media(max-width:780px){
.topbar-inner{padding:14px 16px}
.shell{padding:0 15px}
.layout{grid-template-columns:1fr;gap:16px}
.summary-panel{position:static;order:-1;padding:20px}
.form-panel{padding:22px}
.heading{margin:12px 0 22px}
.heading h1{letter-spacing:-.8px}
.safe-label{font-size:11px}
.product{padding:14px 0}
.included{padding:12px 15px}
.summary-top{font-size:10px}
}
@media(max-width:410px){
.topbar-inner{padding:12px 13px}
.brand{font-size:13px;gap:9px}.brand-mark{width:34px;height:34px}
.brand small{font-size:9px}
.safe-label{font-size:0;gap:0}.safe-label svg{width:22px;height:22px}
.form-panel{padding:19px 16px}
.summary-panel{padding:18px 16px}
.heading h1{font-size:25px}
.product img{width:93px;min-width:93px;height:97px}
.pix-copy{flex-direction:column}.pix-copy button{min-height:38px}
}