:root{--ink:#16211d;--green:#166c55;--mint:#dff3e9;--cream:#f8f5ed;--muted:#64716c;--line:#e5e8e3;--danger:#b84235}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 8%,#dff3e980 0,transparent 30%),var(--cream);font-family:'DM Sans',sans-serif}header{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,6vw,88px);background:#fffffff0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 16px Manrope}.brand i,.product{display:grid;place-items:center;color:#fff;background:var(--green);font-style:normal;font-weight:800}.brand i{width:34px;height:34px;border-radius:11px}.brand b{color:var(--green);font-size:.8em}.test{padding:7px 10px;border-radius:99px;background:#fff0ed;color:#a94739;font-size:10px;font-weight:800;letter-spacing:.8px}main{width:min(1180px,calc(100% - 36px));margin:auto;padding:45px 0 70px}.intro{margin-bottom:28px}.intro>a{display:inline-block;margin-bottom:25px;color:var(--green);font-weight:700;text-decoration:none}.intro small,.summary>small,.heading small{color:var(--green);font-weight:800;letter-spacing:1.4px}.intro h1{font:800 clamp(34px,5vw,54px)/1.08 Manrope;letter-spacing:-2px;margin:10px 0}.intro p,.summary p{color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:24px;align-items:start}.summary,.payment{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 65px #17392a12;padding:30px}.summary{position:sticky;top:22px}.product{width:58px;height:58px;border-radius:18px;margin:24px 0 18px;font:800 26px Manrope}.summary h2,.heading h2,.result h2{font-family:Manrope}.summary h2{margin:0 0 8px}.summary p{line-height:1.55}.summary ul{list-style:none;padding:20px 0;margin:20px 0;border-block:1px solid var(--line)}.summary li{padding:6px 0;color:#4d5c56;font-size:14px}.summary li:before{content:'✓';color:var(--green);font-weight:800;margin-right:9px}.total{display:flex;align-items:flex-end;justify-content:space-between}.total span{color:var(--muted)}.total strong{font:800 30px Manrope;color:var(--green)}.heading{display:flex;justify-content:space-between;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.heading h2{margin:7px 0 0}.heading>span{color:var(--green);font-size:12px;font-weight:700}.loading{display:flex;justify-content:center;align-items:center;gap:10px;min-height:220px;color:var(--muted)}.loading i{width:20px;height:20px;border:3px solid var(--mint);border-top-color:var(--green);border-radius:50%;animation:s .8s linear infinite}@keyframes s{to{transform:rotate(360deg)}}#paymentBrick_container{padding-top:22px}.message{margin-top:20px;padding:14px;border-radius:12px;background:#fff0ed;color:var(--danger);font-weight:600}.result{text-align:center;padding:34px 0 10px}.result>i{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;font:800 28px Manrope}.result[data-state=approved]>i{background:var(--mint);color:var(--green)}.result[data-state=pending]>i{background:#fff3da;color:#a46a13}.result[data-state=rejected]>i{background:#fff0ed;color:var(--danger)}.result>p{color:var(--muted)}.pix{max-width:470px;margin:28px auto 0;padding:24px;border-radius:20px;background:#f6fbf8;border:1px solid #cce5d8}.pix img{display:block;width:min(250px,100%);margin:0 auto 22px}.pix label{display:block;text-align:left;font-weight:800}.pix textarea{width:100%;height:92px;margin-top:7px;padding:12px;border:1px solid #bdd5ca;border-radius:11px;resize:none}.pix button,.actions button{border:0;border-radius:12px;background:var(--green);color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}.pix button{width:100%;margin-top:12px}.pix small{display:block;min-height:18px;margin-top:8px;color:var(--green)}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.actions a{padding:13px 18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:700;text-decoration:none}.footnote{text-align:center;color:#84908b;font-size:11px;margin-top:24px}footer{text-align:center;padding:28px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:820px){.grid{grid-template-columns:1fr}.summary{position:static}.heading{display:block}.heading>span{display:block;margin-top:12px}}@media(max-width:520px){header{padding:12px 18px}main{width:calc(100% - 24px);padding:28px 0}.summary,.payment{padding:21px;border-radius:20px}.intro h1{font-size:37px}.test{font-size:8px}.brand span{font-size:13px}}