:root{color:#121212;background:#f7f4ee;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,#ffffffdb,#f7f4eeb8),#f7f4ee}button,textarea{font:inherit}.checkout-shell{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(380px,1.08fr);min-height:100vh}.invalid-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:#fff}.invalid-shell p{margin:0;color:#202020;font-size:18px;font-weight:800}.summary-panel{display:flex;flex-direction:column;justify-content:center;gap:42px;padding:56px clamp(28px,7vw,112px);border-right:1px solid rgba(18,18,18,.08);background:#fbfaf7}.topbar{position:fixed;top:28px;left:clamp(28px,7vw,112px);display:flex;align-items:center;gap:18px}.brand-logo{width:150px;height:auto;display:block}.secure-chip{border:1px solid rgba(18,18,18,.14);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:#136b41;background:#fff}.summary-copy{max-width:460px}.eyebrow{margin:0 0 14px;color:#16784a;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:0}h2{margin-bottom:8px;font-size:28px;letter-spacing:0}.summary-copy p,.payment-header p,.state-card p,.final-card p,.summary-note{color:#62605c;line-height:1.55}.order-box{display:grid;gap:18px;max-width:460px;padding-top:24px;border-top:1px solid rgba(18,18,18,.12)}.order-box div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.order-box span{color:#686660}.order-box strong{max-width:58%;overflow-wrap:anywhere;text-align:right}.order-box div:first-child strong{font-size:30px}.summary-note{max-width:420px;margin-bottom:0;font-size:14px}.payment-panel{display:flex;align-items:center;justify-content:center;padding:48px clamp(24px,6vw,96px);background:#fff}.payment-content,.state-card{width:min(100%,440px)}.state-card{display:grid;gap:14px;justify-items:start}.payment-header{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.status-icon{display:inline-grid;flex:0 0 auto;place-items:center;min-width:46px;height:46px;border-radius:50%;background:#e8fff2;color:#0b7c48;font-size:13px;font-weight:900}.status-icon.success{background:#0b7c48;color:#fff}.status-icon.danger{background:#fff1ec;color:#ba3b1d}.pix-card,.final-card{display:grid;gap:16px}.qr-frame{display:grid;place-items:center;width:min(100%,320px);aspect-ratio:1;margin-inline:auto;border:1px solid rgba(18,18,18,.12);border-radius:8px;background:#fff;box-shadow:0 18px 42px #12121214}.qr-frame img{display:block;width:92%;height:92%}.qr-placeholder,.loader{color:#74716a}label{font-size:13px;font-weight:800}textarea{width:100%;min-height:118px;resize:none;border:1px solid rgba(18,18,18,.14);border-radius:8px;padding:14px;color:#23211f;background:#fbfaf7;line-height:1.35;overflow-wrap:anywhere}.primary-button{width:100%;min-height:48px;border:0;border-radius:8px;color:#fff;background:#0b0b0b;font-weight:900;cursor:pointer;transition:transform .14s ease,background .14s ease}.primary-button:hover{transform:translateY(-1px);background:#16784a}.steps{display:grid;gap:8px;color:#62605c;font-size:14px}.final-card{padding-top:18px;border-top:1px solid rgba(18,18,18,.12)}.loader{width:44px;height:44px;border:4px solid #e8e1d5;border-top-color:#16784a;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.checkout-shell{grid-template-columns:1fr}.summary-panel{min-height:auto;gap:28px;padding:86px 24px 34px;border-right:0;border-bottom:1px solid rgba(18,18,18,.08)}.topbar{position:absolute;top:22px;left:24px;right:24px;justify-content:space-between}.brand-logo{width:124px}h1{font-size:38px}.payment-panel{align-items:flex-start;padding:34px 24px 48px}}