:root{color-scheme:light;--bg:#eef4fb;--bg-ink:#17345d;--surface:hsla(0,0%,100%,.96);--surface-soft:rgba(248,251,255,.98);--line:rgba(33,77,135,.14);--muted:#5d7698;--brand:#1f66c1;--brand-strong:#15478b;--ok:#177a5a;--warn:#9a651b;--shadow:0 20px 50px rgba(22,48,86,.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--bg-ink);background:radial-gradient(circle at top left,rgba(72,123,207,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(58,177,134,.16),transparent 34%),linear-gradient(180deg,#f6faff,#e9f0f8)}a{color:inherit;text-decoration:none}.pay-shell{min-height:100vh;padding:2rem}.info-grid,.pay-layout{width:min(1120px,100%);margin:0 auto;display:grid;grid-gap:1.25rem;gap:1.25rem}.pay-layout{grid-template-columns:1.25fr .95fr;align-items:start}.customer-card,.hero-card,.info-card{border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.hero-card{width:min(1120px,100%);margin:0 auto 1.5rem;padding:2rem}.customer-card,.info-card{padding:1.5rem}.customer-card--hero{background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(246,250,255,.98)),var(--surface)}.eyebrow{margin:0 0 .4rem;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#6b86aa}dl,h1,h2,p,ul{margin:0}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:.98;letter-spacing:-.035em}h2{font-size:1.25rem;line-height:1.1}.hero-copy,.info-card li,.info-card p,.section-copy,.step-row p{color:var(--muted);line-height:1.55}.hero-copy,.section-copy{font-size:1rem}.action-stack,.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}.action-stack{margin-top:1.5rem}.btn-primary,.btn-secondary,button.btn-primary{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.95rem 1.3rem;border-radius:999px;font-weight:700;border:1px solid transparent}.btn-primary,button.btn-primary{background:linear-gradient(180deg,#2d71cf,#1e5faf);color:#fff}.btn-secondary{background:#fff;color:var(--brand-strong);border-color:rgba(32,81,144,.2)}.merchant-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.merchant-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(180deg,#286dcb,#35a27d);box-shadow:0 16px 28px rgba(29,83,152,.24)}.amount-block{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.amount-block__value{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em}.status-pill{padding:.55rem .85rem;border-radius:999px;font-size:.85rem;font-weight:700}.status-pill--pending{color:#8a5b13;background:#fff5df}.status-pill--warning{color:#955a1d;background:#fff0e0}.status-pill--success{color:#176448;background:#e8fbf2}.detail-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.detail-grid dt{margin-bottom:.3rem;color:#6c88aa;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.detail-grid dd{font-weight:700;line-height:1.35}.callout{margin-top:1.4rem;padding:1rem 1.05rem;display:grid;grid-gap:.35rem;gap:.35rem;border-radius:16px;border:1px solid rgba(187,149,55,.25);background:#fff8eb;color:#7d5a18}.step-list{margin-top:1rem;display:grid;grid-gap:.85rem;gap:.85rem}.journey-panel{margin-top:1.25rem;padding:1rem;border-radius:20px;background:var(--surface-soft);border:1px solid rgba(36,84,144,.1)}.journey-panel__header{display:grid;grid-gap:.3rem;gap:.3rem}.journey-panel__header p,.journey-step p{color:var(--muted);line-height:1.55}.journey-list{margin-top:.9rem;display:grid;grid-gap:.75rem;gap:.75rem}.journey-step{display:grid;grid-template-columns:auto 1fr;grid-gap:.85rem;gap:.85rem;padding:.95rem;border-radius:16px;border:1px solid rgba(36,84,144,.1);background:hsla(0,0%,100%,.72)}.journey-step__marker{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:#fff;background:#97abc5}.journey-step strong{display:block;margin-bottom:.25rem}.journey-step--complete .journey-step__marker{background:var(--ok)}.journey-step--current .journey-step__marker{background:var(--brand)}.journey-step--attention .journey-step__marker{background:var(--warn)}.step-row{display:grid;grid-template-columns:auto 1fr;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:18px;background:var(--surface-soft);border:1px solid rgba(36,84,144,.1)}.step-row span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--brand)}.step-row strong{display:block;margin-bottom:.25rem}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{display:grid;grid-gap:.85rem;gap:.85rem}.info-card code{padding:.8rem .95rem;border-radius:14px;background:#f5f8fd;border:1px solid rgba(31,74,132,.1);overflow-wrap:anywhere}.info-card ul{padding-left:1.15rem;display:grid;grid-gap:.35rem;gap:.35rem}@media (max-width:960px){.pay-shell{padding:1rem}.info-grid,.pay-layout{grid-template-columns:1fr}.hero-card{padding:1.4rem}.amount-block,.merchant-row{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}}