.payments-hub-hero{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:18px;
  max-width:1320px;margin:18px auto 14px;padding:clamp(20px,3vw,38px);
  border:1px solid rgba(89,225,255,.26);border-radius:24px;
  background:linear-gradient(135deg,rgba(4,18,41,.94),rgba(8,38,61,.78));
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);color:#eefcff
}
.payments-hub-kicker{display:block;color:#63e6ff;font-size:.74rem;font-weight:800;letter-spacing:.18em;margin-bottom:8px}
.payments-hub-hero h1{margin:0 0 12px;font-size:clamp(1.65rem,3.1vw,3.1rem);line-height:1.08;text-align:left}
.payments-hub-hero p{max-width:820px;margin:0;color:#c1d8e4;line-height:1.65}
.payments-hub-trust{align-self:stretch;display:flex;gap:12px;align-items:center;padding:17px;border-radius:17px;background:rgba(0,8,20,.42);border:1px solid rgba(100,224,255,.18)}
.payments-hub-trust__dot{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:#fbbf24;box-shadow:0 0 16px currentColor}
.payments-hub-trust[data-state="connected"] .payments-hub-trust__dot{background:#39e698}.payments-hub-trust[data-state="denied"] .payments-hub-trust__dot{background:#fb7185}
.payments-hub-trust strong,.payments-hub-trust small{display:block}.payments-hub-trust small{margin-top:6px;color:#a9c3d1;line-height:1.45}
.payments-intent-nav{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;max-width:1320px;margin:0 auto 14px}
.payments-intent-nav button{min-height:78px;padding:13px 12px;text-align:left;border:1px solid rgba(79,217,255,.24);border-radius:16px;color:#f3fdff;background:linear-gradient(160deg,rgba(7,35,58,.92),rgba(4,17,35,.92));cursor:pointer;transition:.18s ease}
.payments-intent-nav button:hover,.payments-intent-nav button:focus-visible{transform:translateY(-2px);border-color:#60e7ff;box-shadow:0 12px 30px rgba(0,190,255,.14);outline:none}
.payments-intent-nav span,.payments-intent-nav small{display:block}.payments-intent-nav span{font-weight:800}.payments-intent-nav small{margin-top:5px;color:#91bccc}
.payments-operation-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;max-width:1320px;margin:0 auto 18px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(3,13,29,.78);color:#e9fbff}
.payments-operation-strip>div{min-width:0;padding:8px 12px}.payments-operation-strip span{display:block;color:#82a9ba;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.payments-operation-strip strong{display:block;margin-top:5px;overflow-wrap:anywhere}
.payments-operation-strip strong[data-state="pending"]{color:#fbbf24}.payments-operation-strip strong[data-state="confirmed"]{color:#39e698}.payments-operation-strip strong[data-state="error"],.payments-operation-strip strong[data-state="denied"],.payments-operation-strip strong[data-state="expired"]{color:#fb7185}
.payments-operation-strip button{margin-top:4px;border:0;border-radius:9px;padding:8px 11px;background:#0ea5c6;color:#00131d;font-weight:800}.payments-operation-strip button:disabled{opacity:.45;cursor:not-allowed}
.payments-tokenized-card-note{grid-column:1/-1;display:grid;gap:5px;padding:14px;border:1px solid rgba(52,211,153,.35);border-radius:13px;background:rgba(6,78,59,.16);color:#c8f9e8;line-height:1.45}
@media(max-width:1080px){.payments-intent-nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.payments-hub-hero{grid-template-columns:1fr;margin-top:10px;padding:18px}.payments-intent-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.payments-intent-nav button{min-width:145px;scroll-snap-align:start}.payments-operation-strip{grid-template-columns:1fr}.payments-operation-strip>div{border-bottom:1px solid rgba(255,255,255,.08)}.payments-operation-strip>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.payments-intent-nav button{transition:none}}