.viva-payment{color:var(--color-ink)}.viva-payment__kicker{color:var(--color-accent);font-size:.62rem;font-weight:700;letter-spacing:.15em;line-height:1.4}.viva-payment--compact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-top:clamp(2.5rem,6vw,4.5rem);padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--color-rule);border-top:3px solid var(--color-accent);background:var(--color-paper-warm)}.viva-payment__compact-icon{width:3rem;aspect-ratio:1;display:grid;place-items:center;background:var(--color-accent-deep);color:var(--color-on-dark)}.viva-payment__compact-icon svg{width:1.35rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.viva-payment__compact-copy h3{margin-top:.35rem;font-size:clamp(1.65rem,3vw,2.2rem);font-weight:700;letter-spacing:-.02em}.viva-payment__compact-copy>p:not(.viva-payment__kicker){max-width:39rem;margin-top:.55rem;color:var(--color-mute);font-size:.88rem;line-height:1.65}.viva-payment__compact-copy small{display:block;margin-top:.45rem;color:var(--color-ink-soft);font-size:.68rem}.viva-payment__compact-link{min-width:13rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--color-ink-soft);color:var(--color-ink-soft);font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.viva-payment__compact-link:hover,.viva-payment__compact-link:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-dark)}.viva-payment--full{width:min(100% - 2rem,72rem);margin-inline:auto}.viva-payment__full-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.75fr);column-gap:clamp(2rem,8vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,5rem)}.viva-payment__full-head .viva-payment__kicker{grid-column:1 / -1;margin-bottom:.8rem}.viva-payment__full-head h2{max-width:13ch;font-size:clamp(3rem,6vw,6rem);font-weight:800;letter-spacing:-.045em;line-height:.92}.viva-payment__full-head>p:last-child{padding-left:1.25rem;border-left:1px solid var(--color-accent);color:var(--color-mute);font-size:1rem;line-height:1.75}.viva-payment__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:start}.viva-payment__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem;border:1px solid var(--color-rule);background:var(--color-rule);gap:1px}.viva-payment__steps li{min-height:13rem;padding:1.25rem;background:var(--color-paper-warm)}.viva-payment__steps li>span{display:block;margin-bottom:2rem;color:var(--color-accent);font-size:.6rem;font-weight:700;letter-spacing:.12em}.viva-payment__steps strong{display:block;font-family:var(--font-display);font-stretch:75%;font-size:1.4rem;line-height:1}.viva-payment__steps p{margin-top:.7rem;color:var(--color-mute);font-size:.75rem;line-height:1.6}.viva-payment__aside{position:sticky;top:8rem;padding:clamp(1.5rem,4vw,2.5rem);background:var(--color-accent-deep);color:var(--color-on-dark)}.viva-payment__shield{width:3.5rem;aspect-ratio:1;display:grid;place-items:center;margin-bottom:2rem;border:1px solid rgba(255,253,244,.25);color:#f16b82}.viva-payment__shield svg{width:2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.viva-payment__aside h3{font-size:2rem;font-weight:700}.viva-payment__aside ul{display:grid;gap:0;margin-top:1.5rem;border-top:1px solid rgba(255,253,244,.18)}.viva-payment__aside li{position:relative;padding:1rem 0 1rem 1rem;border-bottom:1px solid rgba(255,253,244,.18);color:#fffdf4b3;font-size:.76rem;line-height:1.65}.viva-payment__aside li:before{content:"";position:absolute;top:1.55rem;left:0;width:.3rem;aspect-ratio:1;border-radius:50%;background:var(--color-accent)}.viva-payment__support{display:grid;gap:.45rem;margin-top:2rem;font-size:.72rem}.viva-payment__support span{color:#fffdf48c}.viva-payment__support a{width:fit-content;padding-bottom:.2rem;border-bottom:1px solid var(--color-accent);color:var(--color-on-dark);font-weight:700}.payment-portal{padding:clamp(1.4rem,4vw,2.5rem);border:1px solid var(--color-rule);background:var(--color-paper);box-shadow:.9rem .9rem color-mix(in srgb,var(--color-accent) 12%,transparent)}.payment-portal__status{display:flex;align-items:center;gap:.55rem;margin-bottom:1.7rem;color:var(--color-mute);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.payment-portal__status:before{content:"";width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 .38rem color-mix(in srgb,var(--color-accent) 10%,transparent)}.payment-portal label{display:block;margin-bottom:.55rem;color:var(--color-ink-soft);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.payment-portal__field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.payment-portal input{min-width:0;width:100%;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);padding:.95rem 1rem;outline:none;text-transform:uppercase;transition:border-color .16s ease,box-shadow .16s ease}.payment-portal input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.payment-portal__field .btn-primary{min-width:12rem;border:0;border-radius:var(--radius-sm)}.payment-portal__hint{margin-top:.7rem;color:var(--color-mute);font-size:.7rem;line-height:1.6}.payment-portal__message{margin-top:1.25rem;padding:.85rem 1rem;border-left:3px solid var(--color-accent);background:var(--color-paper-warm);color:var(--color-ink-soft);font-size:.78rem;line-height:1.6}.payment-portal__message[data-tone=error]{color:var(--color-error)}.payment-portal__security{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--color-rule);color:var(--color-mute);font-size:.68rem;line-height:1.6}.payment-portal__security svg{flex:0 0 auto;width:1rem;margin-top:.1rem;fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}@media(max-width:900px){.viva-payment--compact{grid-template-columns:auto minmax(0,1fr)}.viva-payment__compact-link{grid-column:1 / -1;width:100%}.viva-payment__full-head,.viva-payment__layout{grid-template-columns:1fr}.viva-payment__full-head>p:last-child{margin-top:1.5rem}.viva-payment__aside{position:relative;top:auto}}@media(max-width:640px){.viva-payment--compact{grid-template-columns:1fr}.viva-payment__compact-icon{width:2.7rem}.viva-payment__steps{grid-template-columns:1fr}.viva-payment__steps li{min-height:0}.viva-payment__steps li>span{margin-bottom:1rem}.payment-portal__field{grid-template-columns:1fr}.payment-portal__field .btn-primary{width:100%}}