@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/Sora-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/Sora-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--petroleum:#0d4f56;--ocean:#2fa7a0;--coral:#ff7a5c;--sand:#e9e2d6;--graphite:#2b2f33;--muted:#607174;--line:#0d4f5629;--surface:#ffffffad;--border-warm:#ff7a5c29;--background:#fffcf7;--surface-strong:#fffffff0;--shadow:0 20px 60px #0d4f5624;--focus:0 0 0 3px #2fa7a047}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100vh;color:var(--graphite);background:var(--background) url(/brand/vintia-app-background.png) center / cover no-repeat fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,h1:focus-visible{box-shadow:var(--focus);outline:none}h1,h2,h3,strong,.primary-button,.secondary-button{font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif}h1,h2,p{margin:0}h1{color:var(--petroleum);letter-spacing:0;font-size:clamp(2rem,5vw,4.4rem);line-height:1.03}h2{color:var(--petroleum);font-size:1.2rem;line-height:1.2}p{color:var(--graphite);line-height:1.65}.public-shell{min-height:100vh;padding:28px;position:relative;overflow:hidden}.public-header,.public-footer{z-index:1;justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);margin:0 auto;display:flex;position:relative}.public-header p,.public-footer{color:var(--muted);font-size:.9rem}.brand-logo{object-fit:contain;width:174px;max-width:46vw;height:auto}.charge-layout{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:start;gap:clamp(20px,4vw,40px);width:min(1120px,100%);margin:clamp(42px,7vh,92px) auto 42px;display:grid;position:relative}.hero-panel,.payment-panel,.state-card,.loading-card,.home-card,.dialog{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe6,#fff9);border:1px solid #ffffffb8}.hero-panel,.payment-panel,.state-card,.loading-card,.home-card{border-radius:24px;padding:clamp(22px,4vw,42px)}.hero-panel{gap:22px;display:grid}.hero-panel>p{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.15rem)}.payment-panel{gap:18px;display:grid}.status-pill{color:var(--petroleum);background:#2fa7a01f;border:1px solid #2fa7a047;border-radius:999px;justify-self:start;padding:8px 12px;font-size:.78rem;font-weight:750}.status-processing{background:#ff7a5c21;border-color:#ff7a5c47}.amount-card{width:min(360px,100%);color:var(--petroleum);background:#ffffffad;border:1px solid #2fa7a029;border-radius:18px;gap:4px;padding:22px;display:grid}.amount-card span{color:var(--muted);font-size:.92rem}.amount-card strong{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1}.safe-summary,.receipt-card,.expense-list{border:1px solid var(--line);background:#ffffff94;border-radius:18px;display:grid;overflow:hidden}.summary-row{border-bottom:1px solid #0d4f561a;grid-template-columns:minmax(110px,.62fr) minmax(0,1fr);gap:16px;padding:14px 16px;display:grid}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted);font-size:.84rem}.summary-row strong{color:var(--petroleum);text-align:right;font-size:.95rem}.notice-card{background:#ffffff9e;border:1px solid #2fa7a02e;border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.notice-card p{color:var(--petroleum);font-size:.9rem;line-height:1.45}.notice-card svg,.card-heading svg{width:28px;height:28px;color:var(--petroleum);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.pix-card{gap:18px;display:grid}.card-heading{align-items:center;gap:10px;display:flex}.qr-code{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;grid-template-columns:repeat(11,1fr);gap:4px;width:min(300px,100%);margin:0 auto;padding:18px;display:grid}.qr-dot{background:#0d4f5614;border-radius:4px}.qr-dot.active{background:var(--petroleum)}.pix-code{gap:8px;display:grid}.pix-code span{color:var(--petroleum);font-size:.9rem;font-weight:750}.pix-code textarea{resize:none;border:1px solid var(--line);width:100%;min-height:112px;color:var(--muted);background:#ffffffad;border-radius:14px;padding:14px}.primary-button,.secondary-button,.demo-link{cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-weight:760;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(180deg, #0d6870, var(--petroleum));border:0;box-shadow:0 12px 28px #0d4f563d}.secondary-button,.demo-link{color:var(--petroleum);background:#ffffff9e;border:1px solid #0d4f563d}.primary-button:hover,.secondary-button:hover,.demo-link:hover{transform:translateY(-1px)}.button-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.text-button,.app-link,.close-button{color:var(--petroleum);cursor:pointer;text-align:center;background:0 0;border:0;font-weight:760;text-decoration:none}.app-link{font-size:.92rem}.toast{color:var(--petroleum);text-align:center;background:#2fa7a024;border-radius:12px;padding:10px 12px;font-weight:700}.processing-card{text-align:center}.progress-orbit,.success-mark,.state-icon{width:132px;height:132px;color:var(--petroleum);background:conic-gradient(from 90deg, var(--ocean), #2fa7a02e, var(--petroleum)), #fffc;border-radius:999px;place-items:center;margin:0 auto;animation:1.6s linear infinite orbit;display:inline-grid}.success-mark,.state-icon{background:#2fa7a01f;animation:none}.state-icon{color:var(--coral);font-family:Sora,Inter,sans-serif;font-size:3.2rem;font-weight:800}.progress-orbit svg,.success-mark svg{width:62px;height:62px;color:var(--petroleum);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;background:#ffffffe0;border-radius:999px;padding:12px}.state-card,.loading-card,.home-card{z-index:1;text-align:center;gap:20px;width:min(720px,100%);margin:clamp(48px,8vh,110px) auto;display:grid;position:relative}.paid-card{text-align:left}.paid-card>h1,.paid-card>p{text-align:center}.loading-card{text-align:left}.skeleton{background:linear-gradient(90deg,#0d4f5614,#ffffffc7,#0d4f5614) 0 0/220% 100%;border-radius:999px;height:18px;animation:1.6s ease-in-out infinite shimmer}.skeleton.large{border-radius:20px;height:150px}.skeleton.short{width:55%}.dialog-backdrop{z-index:5;background:#0d4f5638;place-items:end center;padding:24px;display:grid;position:fixed;inset:0}.dialog{border-radius:24px;width:min(540px,100%);padding:28px;position:relative}.dialog h2{margin-bottom:18px}.close-button{border-radius:999px;width:40px;height:40px;font-size:1.8rem;line-height:1;position:absolute;top:18px;right:18px}.muted{color:var(--muted)}.home-card{text-align:left}.home-card .brand-logo{justify-self:start}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.public-footer{margin-top:40px;padding-bottom:18px}@keyframes shimmer{to{background-position:-220% 0}}@keyframes orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:820px){.public-shell{padding:18px}.public-header,.public-footer,.button-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.charge-layout{grid-template-columns:1fr;margin-top:28px}.summary-row{grid-template-columns:1fr;gap:4px}.summary-row strong{text-align:left}.demo-grid{grid-template-columns:1fr}.dialog-backdrop{padding:14px}}@media print{body{background:#fff}.public-header,.public-footer,.button-row,.app-link{display:none}.state-card,.receipt-card{box-shadow:none}}.pix-checkout{padding:24px;font-size:16px;line-height:1.5}.pix-checkout .public-header{max-width:1000px;color:var(--muted);flex-direction:row;align-items:center;font-size:14px}.pix-checkout .brand-logo{flex-shrink:0;width:116px;height:36px}.pix-checkout .charge-layout{align-items:start;gap:24px;max-width:1000px;margin:32px auto}.pix-panel{border:1px solid var(--border-warm);background:var(--surface);border-radius:8px;min-width:0;padding:24px;box-shadow:0 10px 22px #0d4f5614}.pix-panel h1{color:var(--petroleum);margin:24px 0 16px;font-size:24px;font-weight:600;line-height:1.35}.pix-panel h2{color:var(--petroleum);margin:0 0 16px;font-size:18px;font-weight:600;line-height:1.4}.pix-panel p{overflow-wrap:anywhere;line-height:1.5}.pix-badge{color:var(--petroleum);background:#f1f8f694;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-block}.pix-summary{margin:24px 0}.pix-summary div{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 0;display:flex}.pix-summary dt{color:var(--muted)}.pix-summary dd{margin:0;font-weight:600}.pix-summary .pix-total{color:var(--petroleum);font-size:20px}.pix-summary .pix-total dt{color:inherit;font-weight:600}.pix-panel label{margin:24px 0 8px;font-size:14px;font-weight:500;display:block}.pix-panel input,.pix-panel select{border:1px solid var(--border-warm);background:var(--surface-strong);width:100%;min-width:0;min-height:52px;color:var(--graphite);font:inherit;border-radius:8px;padding:12px 16px}.pix-panel button,.pix-app-link{border:1px solid var(--petroleum);background:var(--petroleum);color:#fff;width:100%;min-height:52px;font:inherit;text-align:center;cursor:pointer;border-radius:8px;margin:24px 0 0;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.pix-panel button:disabled{opacity:.55;cursor:wait}.pix-panel .pix-secondary,.pix-app-link{color:var(--petroleum);border-color:var(--ocean);background:var(--surface)}.pix-panel :focus-visible{outline:3px solid var(--ocean);outline-offset:4px}.pix-success{color:var(--petroleum);font-weight:600}.pix-skeleton{background:#0d4f5614;border-radius:8px;height:28px;margin:24px 0}.pix-skeleton.tall{height:180px}.pix-scan{background:linear-gradient(90deg, #d8eeea, var(--ocean), #d8eeea);background-size:200% 100%;border-radius:4px;height:8px;margin:16px 0;animation:2s linear infinite pix-reading}@keyframes pix-reading{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.pix-scan{animation:none}}@media (max-width:820px){.pix-checkout .charge-layout{grid-template-columns:minmax(0,1fr);margin-top:24px}.pix-panel{padding:16px}}