body.public-credit-checkout-page,
body.public-credit-order-page {
    --credit-ink: #17203a;
    --credit-muted: #66718a;
    --credit-purple: #6c3ce8;
    --credit-purple-dark: #4020a8;
    --credit-blue: #3679f4;
    --credit-line: #dce2f0;
    --credit-soft: #f5f3ff;
    --credit-success: #08794e;
    --credit-warning: #9a6200;
    --credit-danger: #b3263e;
    margin: 0;
    color: var(--credit-ink);
    background:
        radial-gradient(circle at 92% 12%, rgba(98, 82, 238, .12), transparent 28rem),
        radial-gradient(circle at 4% 48%, rgba(54, 121, 244, .08), transparent 25rem),
        #f7f9fd;
}

.public-credit-checkout-page .public-header,
.public-credit-checkout-page .public-footer,
.public-credit-order-page .public-header,
.public-credit-order-page .public-footer {
    color: var(--public-text);
}

.public-credit-checkout-page .credit-page,
.public-credit-order-page .credit-page {
    width: min(1216px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 76px;
}

.public-credit-checkout-page .credit-eyebrow,
.public-credit-order-page .credit-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7247ec;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.public-credit-checkout-page .credit-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr);
    min-height: 390px;
    margin-top: 0;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 34px;
    background:
        radial-gradient(circle at 88% 12%, rgba(99, 148, 255, .9), transparent 30%),
        linear-gradient(135deg, #211052 0%, #4820a7 52%, #6039da 74%, #3479f3 100%);
    box-shadow: 0 34px 80px rgba(47, 29, 111, .28), inset 0 1px rgba(255, 255, 255, .2);
}

.public-credit-checkout-page .credit-hero::before,
.public-credit-checkout-page .credit-hero::after {
    position: absolute;
    content: "";
    pointer-events: none;
}

.public-credit-checkout-page .credit-hero::before {
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .1) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(90deg, #000, transparent 82%);
}

.public-credit-checkout-page .credit-hero::after {
    width: 470px;
    height: 470px;
    right: -220px;
    bottom: -300px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(255, 255, 255, .03), 0 0 0 140px rgba(255, 255, 255, .025);
}

.public-credit-checkout-page .credit-hero__content {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: clamp(38px, 6vw, 72px);
}

.public-credit-checkout-page .credit-hero .credit-eyebrow {
    color: #d9d2ff;
}

.public-credit-checkout-page .credit-hero h1 {
    max-width: 760px;
    margin: 16px 0 18px;
    color: #fff;
    font-size: clamp(40px, 6vw, 72px);
    line-height: .98;
    letter-spacing: -.055em;
}

.public-credit-checkout-page .credit-hero h1 span {
    color: #d6ddff;
}

.public-credit-checkout-page .credit-hero p {
    max-width: 690px;
    margin: 0;
    color: #e6e8ff;
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.65;
}

.public-credit-checkout-page .credit-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.public-credit-checkout-page .credit-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    color: #f5f3ff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
    font-size: 12px;
    font-weight: 800;
}

.public-credit-checkout-page .credit-trust-row svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
}

.public-credit-checkout-page .credit-hero__visual {
    position: relative;
    min-height: 330px;
    transform: perspective(900px) rotateY(-8deg);
    transform-style: preserve-3d;
}

.public-credit-checkout-page .credit-token-stack {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 220px;
    transform: translate(-52%, -48%) rotate(-7deg);
    transform-style: preserve-3d;
}

.public-credit-checkout-page .credit-token-stack span {
    position: absolute;
    display: grid;
    width: 118px;
    height: 118px;
    place-items: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .08));
    box-shadow: 0 26px 52px rgba(19, 9, 74, .35), inset 0 1px rgba(255, 255, 255, .38);
    backdrop-filter: blur(12px);
    font-size: 42px;
    font-weight: 900;
}

.public-credit-checkout-page .credit-token-stack span:nth-child(1) { left: 6px; top: 58px; transform: translateZ(45px); }
.public-credit-checkout-page .credit-token-stack span:nth-child(2) { right: 0; top: 8px; transform: translateZ(5px) scale(.82); opacity: .72; }
.public-credit-checkout-page .credit-token-stack span:nth-child(3) { right: -8px; bottom: -4px; transform: translateZ(80px) scale(.72); background: linear-gradient(145deg, rgba(81, 221, 175, .65), rgba(255, 255, 255, .12)); }

.public-credit-checkout-page .credit-orbit {
    position: absolute;
    inset: 50% auto auto 50%;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(-14deg);
}

.public-credit-checkout-page .credit-orbit--one { width: 300px; height: 120px; }
.public-credit-checkout-page .credit-orbit--two { width: 360px; height: 170px; transform: translate(-50%, -50%) rotate(24deg); opacity: .45; }

.public-credit-checkout-page .credit-progress {
    position: relative;
    z-index: 4;
    width: min(940px, calc(100% - 40px));
    margin: -25px auto 28px;
    padding: 14px;
    border: 1px solid rgba(215, 219, 238, .9);
    border-radius: 22px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 18px 45px rgba(35, 42, 84, .14);
    backdrop-filter: blur(14px);
}

.public-credit-checkout-page .credit-progress ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-credit-checkout-page .credit-progress li {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px 14px;
    color: #7a849a;
    border-radius: 15px;
}

.public-credit-checkout-page .credit-progress li > span {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d7deed;
    border-radius: 11px;
    background: #f5f7fb;
    font-weight: 900;
}

.public-credit-checkout-page .credit-progress strong,
.public-credit-checkout-page .credit-progress small { display: block; }
.public-credit-checkout-page .credit-progress strong { color: inherit; font-size: 13px; }
.public-credit-checkout-page .credit-progress small { margin-top: 2px; color: #929caf; font-size: 11px; }
.public-credit-checkout-page .credit-progress li.is-active { color: #4d28b2; background: #f2edff; }
.public-credit-checkout-page .credit-progress li.is-active > span { color: #fff; border-color: transparent; background: linear-gradient(145deg, #8052ef, #5630cb); box-shadow: 0 8px 16px rgba(95, 48, 207, .25); }
.public-credit-checkout-page .credit-progress li.is-complete { color: var(--credit-success); }
.public-credit-checkout-page .credit-progress li.is-complete > span { color: #fff; border-color: transparent; background: #16a36d; }

.public-credit-checkout-page .credit-announcer,
.public-credit-order-page .credit-announcer {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.public-credit-checkout-page .credit-alert,
.public-credit-order-page .credit-alert {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 18px 0;
    padding: 17px 19px;
    border: 1px solid;
    border-radius: 16px;
    background: #fff;
}

.public-credit-checkout-page .credit-alert strong,
.public-credit-checkout-page .credit-alert p,
.public-credit-order-page .credit-alert strong,
.public-credit-order-page .credit-alert p { margin: 0; }
.public-credit-checkout-page .credit-alert p,
.public-credit-order-page .credit-alert p { margin-top: 3px; }
.public-credit-checkout-page .credit-alert--success,
.public-credit-order-page .credit-alert--success { color: #086944; border-color: #a9e4ce; background: #effbf6; }
.public-credit-checkout-page .credit-alert--warning,
.public-credit-order-page .credit-alert--warning { color: #795000; border-color: #f0d18e; background: #fff9e9; }
.public-credit-checkout-page .credit-alert--error,
.public-credit-order-page .credit-alert--error { color: #9b2037; border-color: #efb8c2; background: #fff2f4; }
.public-credit-checkout-page .credit-alert__icon { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 10px; background: #c88700; font-weight: 900; }

.public-credit-checkout-page .credit-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr);
    gap: 24px;
    align-items: start;
}

.public-credit-checkout-page .credit-checkout-card,
.public-credit-checkout-page .credit-summary,
.public-credit-order-page .credit-payment-card,
.public-credit-order-page .credit-qr-card,
.public-credit-order-page .credit-timeline-card {
    border: 1px solid var(--credit-line);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 22px 55px rgba(35, 44, 84, .1);
}

.public-credit-checkout-page .credit-checkout-card { overflow: hidden; border-radius: 26px; }

.public-credit-checkout-page .credit-step {
    position: relative;
    padding: 30px;
    border-bottom: 1px solid var(--credit-line);
    background: #fff;
}
.public-credit-checkout-page .credit-step:last-child { border-bottom: 0; }
.public-credit-checkout-page .credit-step.is-active { background: linear-gradient(145deg, #fff 0%, #fbfaff 100%); }
.public-credit-checkout-page .credit-step.is-locked { background: #f9fafc; }
.public-credit-checkout-page .credit-step.is-locked .credit-step__content { opacity: .62; }
.public-credit-checkout-page .credit-step.is-complete { background: linear-gradient(145deg, #fff, #f4fbf8); }

.public-credit-checkout-page .credit-step__heading {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 15px;
    align-items: start;
}

.public-credit-checkout-page .credit-step__number {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: #fff;
    border-radius: 14px;
    background: linear-gradient(145deg, #8151ef, #5628c8);
    box-shadow: 0 10px 22px rgba(96, 50, 207, .26), inset 0 1px rgba(255, 255, 255, .32);
    font-weight: 900;
}

.public-credit-checkout-page .credit-step.is-complete .credit-step__number { background: linear-gradient(145deg, #24b27b, #08794e); }
.public-credit-checkout-page .credit-step.is-locked .credit-step__number { color: #7f899c; background: #e6eaf1; box-shadow: none; }

.public-credit-checkout-page .credit-step__kicker,
.public-credit-order-page .credit-step__kicker {
    margin: 0 0 5px;
    color: #7d51e8;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.public-credit-checkout-page .credit-step h2,
.public-credit-order-page .credit-section-heading h2,
.public-credit-order-page .credit-qr-card h2 {
    margin: 0;
    color: var(--credit-ink);
    font-size: 22px;
    letter-spacing: -.025em;
}

.public-credit-checkout-page .credit-step__heading p:not(.credit-step__kicker) {
    max-width: 600px;
    margin: 7px 0 0;
    color: var(--credit-muted);
    font-size: 14px;
    line-height: 1.55;
}

.public-credit-checkout-page .credit-step__state {
    padding: 7px 10px;
    color: #665289;
    border: 1px solid #ddd3fa;
    border-radius: 999px;
    background: #f5f1ff;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.public-credit-checkout-page .credit-step.is-complete .credit-step__state { color: #08734a; border-color: #bde6d5; background: #eefaf5; }

.public-credit-checkout-page .credit-step__content { margin: 24px 0 0 63px; }
.public-credit-checkout-page .credit-step--preview { padding-block: 24px; }

.public-credit-checkout-page label,
.public-credit-order-page label {
    display: block;
    margin: 0 0 8px;
    color: var(--credit-ink);
    font-size: 13px;
    font-weight: 850;
}

.public-credit-checkout-page input,
.public-credit-order-page input {
    width: 100%;
    min-height: 52px;
    box-sizing: border-box;
    padding: 14px 16px;
    color: var(--credit-ink);
    border: 1px solid #cdd6e7;
    border-radius: 13px;
    background: #fff;
    font: inherit;
}

.public-credit-checkout-page input::placeholder,
.public-credit-order-page input::placeholder { color: #9ba5b7; }
.public-credit-checkout-page input:disabled,
.public-credit-order-page input:disabled { color: #778196; background: #edf0f5; cursor: not-allowed; }

.public-credit-checkout-page .credit-field-row,
.public-credit-order-page .credit-field-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}

.public-credit-checkout-page .credit-field-row--code { grid-template-columns: minmax(160px, 260px) auto; justify-content: start; }
.public-credit-checkout-page .credit-field-row--code input { letter-spacing: .34em; font-size: 21px; font-weight: 800; text-align: center; }

.public-credit-checkout-page .credit-button,
.public-credit-order-page .credit-button,
.public-credit-checkout-page .credit-copy-button,
.public-credit-order-page .credit-copy-button,
.public-credit-order-page .credit-inline-copy,
.public-credit-checkout-page .credit-text-button {
    min-height: 48px;
    padding: 12px 18px;
    border: 0;
    border-radius: 13px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.public-credit-checkout-page .credit-button--primary,
.public-credit-order-page .credit-button--primary {
    color: #fff;
    background: linear-gradient(135deg, #7344eb, #5c35d7 50%, #3979ef);
    box-shadow: 0 11px 24px rgba(92, 53, 215, .24), inset 0 1px rgba(255, 255, 255, .25);
}

.public-credit-checkout-page button:disabled,
.public-credit-order-page button:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.public-credit-checkout-page button[aria-busy="true"] span,
.public-credit-order-page button[aria-busy="true"] span { opacity: .75; }

.public-credit-checkout-page button[aria-busy="true"]::after,
.public-credit-order-page button[aria-busy="true"]::after {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 9px;
    content: "";
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: credit-spin .7s linear infinite;
}

@keyframes credit-spin { to { transform: rotate(360deg); } }

.public-credit-checkout-page .credit-field-help,
.public-credit-order-page .credit-transaction-form > p {
    margin: 8px 0 0;
    color: var(--credit-muted);
    font-size: 12px;
    line-height: 1.5;
}
.public-credit-checkout-page .credit-form-message,
.public-credit-order-page .credit-form-message { min-height: 0; margin-top: 8px; color: var(--credit-danger); font-size: 12px; font-weight: 750; }
.public-credit-checkout-page .credit-form-message:empty,
.public-credit-order-page .credit-form-message:empty { display: none; }
.public-credit-checkout-page .credit-form-message[data-tone="success"],
.public-credit-order-page .credit-form-message[data-tone="success"] { color: var(--credit-success); }
.public-credit-checkout-page .credit-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; }

.public-credit-checkout-page .credit-code-intro,
.public-credit-checkout-page .credit-verified {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 15px;
    border: 1px solid #e1daf6;
    border-radius: 14px;
    background: #faf8ff;
}
.public-credit-checkout-page .credit-code-intro strong,
.public-credit-checkout-page .credit-code-intro p,
.public-credit-checkout-page .credit-verified strong,
.public-credit-checkout-page .credit-verified p { margin: 0; }
.public-credit-checkout-page .credit-code-intro p,
.public-credit-checkout-page .credit-verified p { margin-top: 3px; color: var(--credit-muted); font-size: 12px; }
.public-credit-checkout-page .credit-code-intro > span { flex: 0 0 auto; color: #6f43d6; font-size: 11px; font-weight: 850; }
.public-credit-checkout-page .credit-verified { justify-content: flex-start; color: var(--credit-success); border-color: #b8e4d3; background: #effaf5; }
.public-credit-checkout-page .credit-verified > span { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 11px; background: #149765; font-weight: 900; }
.public-credit-checkout-page .credit-resend-form { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.public-credit-checkout-page .credit-text-button { min-height: 36px; padding: 5px 0; color: #6535d4; background: transparent; }
.public-credit-checkout-page .credit-resend-time { color: var(--credit-muted); font-size: 12px; }
.public-credit-checkout-page .credit-inline-warning { margin: 12px 0; padding: 13px; color: #7b5200; border-radius: 12px; background: #fff6dd; }

.public-credit-checkout-page .credit-packages { margin: 0 0 22px; padding: 0; border: 0; }
.public-credit-checkout-page .credit-packages legend { margin-bottom: 9px; color: var(--credit-ink); font-size: 13px; font-weight: 850; }
.public-credit-checkout-page .credit-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.public-credit-checkout-page .credit-package {
    min-height: 82px;
    padding: 12px;
    color: var(--credit-ink);
    border: 1px solid #dce1ee;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f7f5ff);
    box-shadow: 0 6px 14px rgba(36, 42, 79, .06);
    cursor: pointer;
    text-align: left;
}
.public-credit-checkout-page .credit-package span,
.public-credit-checkout-page .credit-package strong,
.public-credit-checkout-page .credit-package small { display: block; }
.public-credit-checkout-page .credit-package span { overflow: hidden; color: #6f7890; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.public-credit-checkout-page .credit-package strong { margin-top: 5px; color: #4f28b6; font-size: 19px; }
.public-credit-checkout-page .credit-package small { color: #8a94a8; font-size: 10px; }
.public-credit-checkout-page .credit-package.is-selected { color: #fff; border-color: #6d42dc; background: linear-gradient(145deg, #7547e8, #5130bf); box-shadow: 0 12px 24px rgba(84, 46, 190, .22); }
.public-credit-checkout-page .credit-package.is-selected span,
.public-credit-checkout-page .credit-package.is-selected strong,
.public-credit-checkout-page .credit-package.is-selected small { color: #fff; }
.public-credit-checkout-page .credit-number-field { position: relative; }
.public-credit-checkout-page .credit-number-field input { padding-right: 70px; }
.public-credit-checkout-page .credit-number-field span { position: absolute; top: 50%; right: 15px; color: #8a94a8; font-size: 11px; transform: translateY(-50%); }

.public-credit-checkout-page .credit-summary {
    position: sticky;
    top: 92px;
    padding: 26px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(114, 70, 232, .13), transparent 36%),
        linear-gradient(155deg, #fff, #f8f7ff);
}
.public-credit-checkout-page .credit-summary::before { display: block; width: 48px; height: 5px; margin-bottom: 20px; content: ""; border-radius: 999px; background: linear-gradient(90deg, #7041e4, #3b7cf2); }
.public-credit-checkout-page .credit-summary__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #66718a; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.public-credit-checkout-page .credit-live-dot { display: inline-flex; align-items: center; gap: 6px; color: #08794e; }
.public-credit-checkout-page .credit-live-dot::before { width: 7px; height: 7px; content: ""; border-radius: 50%; background: #17a66f; box-shadow: 0 0 0 4px rgba(23, 166, 111, .12); }
.public-credit-checkout-page .credit-summary h2 { margin: 18px 0 20px; color: var(--credit-ink); font-size: 32px; letter-spacing: -.04em; }
.public-credit-checkout-page .credit-summary__total { margin: 0 -8px 20px; padding: 20px; color: #fff; border-radius: 18px; background: linear-gradient(135deg, #25115e, #6233d3 62%, #3476e8); box-shadow: 0 17px 32px rgba(60, 31, 142, .24); }
.public-credit-checkout-page .credit-summary__total span,
.public-credit-checkout-page .credit-summary__total output { display: block; }
.public-credit-checkout-page .credit-summary__total span { color: #dcd7f9; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.public-credit-checkout-page .credit-summary__total output { margin-top: 4px; font-size: 27px; font-weight: 900; }
.public-credit-checkout-page .credit-summary dl { margin: 0; }
.public-credit-checkout-page .credit-summary dl > div { display: flex; justify-content: space-between; gap: 15px; padding: 13px 0; border-bottom: 1px solid #e4e7f0; }
.public-credit-checkout-page .credit-summary dt { color: var(--credit-muted); font-size: 12px; }
.public-credit-checkout-page .credit-summary dd { margin: 0; color: var(--credit-ink); font-size: 12px; font-weight: 850; text-align: right; }
.public-credit-checkout-page .credit-summary dd span { padding: 3px 6px; color: #5c35c6; border-radius: 5px; background: #ece7fb; font-size: 9px; }
.public-credit-checkout-page .credit-security-note { display: flex; gap: 11px; margin-top: 20px; padding: 14px; color: #185b46; border: 1px solid #cbe6dc; border-radius: 14px; background: #f0faf6; }
.public-credit-checkout-page .credit-security-note svg { width: 21px; height: 21px; flex: 0 0 auto; fill: none; stroke: currentColor; }
.public-credit-checkout-page .credit-security-note p { margin: 0; font-size: 11px; line-height: 1.5; }
.public-credit-checkout-page .credit-security-note strong { display: block; font-size: 12px; }
.public-credit-checkout-page .credit-summary__foot { margin: 16px 0 0; color: var(--credit-muted); font-size: 11px; line-height: 1.5; }

.public-credit-checkout-page .credit-help-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; margin-top: 26px; border: 1px solid var(--credit-line); border-radius: 20px; background: var(--credit-line); }
.public-credit-checkout-page .credit-help-strip > div { display: flex; gap: 13px; padding: 21px; background: #fff; }
.public-credit-checkout-page .credit-help-strip span { color: #7245df; font-size: 11px; font-weight: 900; }
.public-credit-checkout-page .credit-help-strip p { margin: 0; color: var(--credit-muted); font-size: 12px; line-height: 1.5; }
.public-credit-checkout-page .credit-help-strip strong { display: block; margin-bottom: 3px; color: var(--credit-ink); }

/* Protected order */
.public-credit-order-page .credit-order-page { width: min(1140px, calc(100% - 32px)); }
.public-credit-order-page .credit-order-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    padding: clamp(30px, 5vw, 52px);
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(135deg, #211052, #5630c1 64%, #3478ed);
    box-shadow: 0 28px 65px rgba(45, 27, 108, .25);
}
.public-credit-order-page .credit-order-hero::after { position: absolute; width: 280px; height: 280px; right: -90px; top: -135px; content: ""; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255, 255, 255, .04), 0 0 0 110px rgba(255, 255, 255, .025); }
.public-credit-order-page .credit-order-hero > * { position: relative; z-index: 1; }
.public-credit-order-page .credit-order-hero .credit-eyebrow { color: #ddd6ff; }
.public-credit-order-page .credit-order-hero h1 { margin: 12px 0 9px; color: #fff; font-size: clamp(34px, 5vw, 56px); letter-spacing: -.05em; }
.public-credit-order-page .credit-order-hero p { max-width: 650px; margin: 0; color: #e8e5fb; line-height: 1.55; }
.public-credit-order-page .credit-order-hero__meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.public-credit-order-page .credit-order-hero__meta span { padding: 8px 11px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: 12px; font-weight: 800; }
.public-credit-order-page .credit-order-state { display: grid; min-width: 175px; padding: 22px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 22px; background: rgba(255, 255, 255, .11); box-shadow: inset 0 1px rgba(255, 255, 255, .18); backdrop-filter: blur(12px); }
.public-credit-order-page .credit-order-state > span { width: 11px; height: 11px; margin-bottom: 14px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255, 255, 255, .12); }
.public-credit-order-page .credit-order-state strong { font-size: 15px; }
.public-credit-order-page .credit-order-state small { margin-top: 4px; color: #dddaf2; }

.public-credit-order-page .credit-next-action { display: flex; align-items: center; gap: 14px; margin: 18px 0; padding: 18px 20px; border: 1px solid #d9dff0; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px rgba(35, 43, 82, .07); }
.public-credit-order-page .credit-next-action > span { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 12px; background: #673bd7; }
.public-credit-order-page .credit-next-action p { margin: 0 0 3px; color: var(--credit-muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.public-credit-order-page .credit-next-action h2 { margin: 0; color: var(--credit-ink); font-size: 15px; }

.public-credit-order-page .credit-order-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 22px; align-items: start; }
.public-credit-order-page .credit-payment-card,
.public-credit-order-page .credit-qr-card,
.public-credit-order-page .credit-timeline-card { border-radius: 24px; }
.public-credit-order-page .credit-payment-card { padding: 28px; }
.public-credit-order-page .credit-section-heading,
.public-credit-order-page .credit-qr-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.public-credit-order-page .credit-network-badge { padding: 8px 10px; color: #5b35c5; border: 1px solid #d7cef4; border-radius: 999px; background: #f3efff; font-size: 10px; font-weight: 900; }
.public-credit-order-page .credit-exact-amount { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 24px 0 16px; padding: 22px; border: 1px solid #d8d1ef; border-radius: 18px; background: linear-gradient(145deg, #fbfaff, #f2edff); }
.public-credit-order-page .credit-exact-amount span,
.public-credit-order-page .credit-exact-amount strong { display: block; }
.public-credit-order-page .credit-exact-amount span { color: var(--credit-muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.public-credit-order-page .credit-exact-amount strong { margin-top: 4px; color: #2b185e; font-size: clamp(28px, 4vw, 40px); letter-spacing: -.04em; }
.public-credit-order-page .credit-exact-amount strong small { font-size: 14px; }
.public-credit-order-page .credit-copy-button { min-width: max-content; color: #572dc0; border: 1px solid #d4c9f2; background: #fff; box-shadow: 0 6px 14px rgba(59, 37, 120, .08); }
.public-credit-order-page .credit-payment-warning { margin-bottom: 16px; padding: 18px 20px; color: #44310a; border: 1px solid #ead59b; border-left: 6px solid #c88700; border-radius: 0 14px 14px 0; background: #fff7dc; box-shadow: 0 8px 20px rgba(104, 75, 0, .08); font-size: 15px; font-weight: 600; line-height: 1.6; }
.public-credit-order-page .credit-payment-warning strong { display: block; margin-bottom: 3px; color: #332300; font-size: 16px; font-weight: 900; }
.public-credit-order-page .credit-payment-warning--network { color: #203865; border-color: #c9d9fb; border-left-color: #356fe5; background: #eef5ff; box-shadow: 0 8px 20px rgba(34, 85, 170, .08); }
.public-credit-order-page .credit-payment-warning--network strong { color: #163167; }
.public-credit-order-page .credit-payment-field { margin-top: 18px; }
.public-credit-order-page .credit-payment-field__label { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 7px; color: var(--credit-ink); font-size: 12px; font-weight: 850; }
.public-credit-order-page .credit-payment-field__label span:last-child { color: var(--credit-muted); font-size: 10px; font-weight: 700; }
.public-credit-order-page .credit-copy-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.public-credit-order-page .credit-copy-row code { display: flex; align-items: center; min-width: 0; padding: 14px; overflow-wrap: anywhere; color: #30245a; border: 1px solid #dfe2ec; border-radius: 13px; background: #f6f5fb; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.45; }
.public-credit-order-page .credit-payment-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.public-credit-order-page .credit-payment-meta > div { padding: 14px; border: 1px solid #e0e4ee; border-radius: 13px; background: #fafbfe; }
.public-credit-order-page .credit-payment-meta span,
.public-credit-order-page .credit-payment-meta strong { display: block; }
.public-credit-order-page .credit-payment-meta span { color: var(--credit-muted); font-size: 10px; text-transform: uppercase; }
.public-credit-order-page .credit-payment-meta strong { margin-top: 4px; color: var(--credit-ink); font-size: 12px; }
.public-credit-order-page .credit-inline-copy { min-height: auto; margin-top: 6px; padding: 0; color: #6336d0; background: transparent; font-size: 11px; }
.public-credit-order-page .credit-transaction-form { margin-top: 24px; padding-top: 22px; border-top: 1px solid #e1e5ee; }
.public-credit-order-page .credit-transaction-form > p { margin: -3px 0 9px; }
.public-credit-order-page .credit-submission-closed { margin-top: 22px; padding: 16px; color: #5d6576; border: 1px solid #dfe3eb; border-radius: 14px; background: #f6f7fa; }
.public-credit-order-page .credit-submission-closed strong,
.public-credit-order-page .credit-submission-closed p { margin: 0; }
.public-credit-order-page .credit-submission-closed p { margin-top: 4px; font-size: 12px; }
.public-credit-order-page .credit-security-note { display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 18px; color: #174f43; border: 1px solid #b9ded3; border-radius: 16px; background: #eefaf6; box-shadow: 0 10px 24px rgba(9, 103, 79, .08); }
.public-credit-order-page .credit-security-note > svg { display: block; width: 48px; height: 48px; flex: 0 0 48px; box-sizing: border-box; padding: 11px; color: #087a5b; border: 1px solid #a8d8ca; border-radius: 15px; background: #dff5ed; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.public-credit-order-page .credit-security-note p { margin: 0; font-size: 15px; line-height: 1.55; }
.public-credit-order-page .credit-security-note p > strong { color: #0b493b; font-size: 16px; }
.public-credit-order-page .credit-auto-state { color: #5834bd; white-space: nowrap; }

.public-credit-order-page .credit-order-sidebar { display: grid; gap: 18px; }
.public-credit-order-page .credit-qr-card,
.public-credit-order-page .credit-timeline-card { padding: 22px; }
.public-credit-order-page .credit-qr-card__top > svg { width: 25px; height: 25px; color: #7042df; fill: none; stroke: currentColor; }
.public-credit-order-page .credit-qr { display: grid; width: min(220px, 100%); min-height: 210px; margin: 18px auto; place-items: center; padding: 14px; box-sizing: border-box; border: 1px solid #e0daf2; border-radius: 19px; background: #fff; box-shadow: 0 12px 28px rgba(45, 35, 91, .09); }
.public-credit-order-page .credit-qr svg { display: block; width: 100%; height: auto; }
.public-credit-order-page .credit-qr-card > p { margin: 0; color: var(--credit-muted); font-size: 11px; line-height: 1.55; text-align: center; }
.public-credit-order-page .credit-timeline { margin: 22px 0 0; padding: 0; list-style: none; }
.public-credit-order-page .credit-timeline li { position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 11px; padding-bottom: 20px; }
.public-credit-order-page .credit-timeline li::before { position: absolute; width: 2px; top: 15px; bottom: -2px; left: 5px; content: ""; background: #e0d9f5; }
.public-credit-order-page .credit-timeline li:last-child::before { display: none; }
.public-credit-order-page .credit-timeline li > span { position: relative; z-index: 1; width: 12px; height: 12px; margin-top: 3px; border: 3px solid #fff; border-radius: 50%; background: #7041df; box-shadow: 0 0 0 2px #bca8ed; }
.public-credit-order-page .credit-timeline strong { color: var(--credit-ink); font-size: 12px; }
.public-credit-order-page .credit-timeline p { margin: 3px 0; color: var(--credit-muted); font-size: 11px; line-height: 1.45; }
.public-credit-order-page .credit-timeline time { color: #929bad; font-size: 10px; }
.public-credit-order-page .credit-support-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 18px; color: #126243; border: 1px solid #b9dfce; border-radius: 16px; background: #effbf5; font-size: 13px; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.public-credit-order-page .credit-support-link strong { color: #087a4e; font-size: 14px; }
.public-credit-order-page .credit-support-link:hover { border-color: #65bd95; box-shadow: 0 10px 22px rgba(10, 112, 73, .12); transform: translateY(-1px); }

.public-credit-order-page .credit-tone--success .credit-order-state > span { background: #47e2aa; }
.public-credit-order-page .credit-tone--warning .credit-order-state > span { background: #ffd66b; }
.public-credit-order-page .credit-tone--danger .credit-order-state > span { background: #ff7890; }
.public-credit-order-page .credit-tone--muted .credit-order-state > span { background: #c4cada; }

.public-credit-checkout-page :is(button, input, a):focus-visible,
.public-credit-order-page :is(button, input, a):focus-visible {
    outline: 3px solid rgba(46, 113, 239, .45);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .public-credit-checkout-page .credit-hero { grid-template-columns: 1fr; }
    .public-credit-checkout-page .credit-hero__visual { position: absolute; width: 330px; right: -100px; top: 20px; opacity: .42; }
    .public-credit-checkout-page .credit-hero__content { padding-right: clamp(38px, 8vw, 90px); }
    .public-credit-checkout-page .credit-layout,
    .public-credit-order-page .credit-order-layout { grid-template-columns: 1fr; }
    .public-credit-checkout-page .credit-summary { position: static; }
    .public-credit-order-page .credit-order-sidebar { grid-template-columns: 1fr 1fr; }
    .public-credit-order-page .credit-support-link { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
    .public-credit-checkout-page .credit-page,
    .public-credit-order-page .credit-page { width: min(100% - 22px, 1216px); padding-top: 20px; }
    .public-credit-checkout-page .credit-hero { min-height: 0; border-radius: 24px; }
    .public-credit-checkout-page .credit-hero__content { padding: 32px 24px; }
    .public-credit-checkout-page .credit-hero__visual { display: none; }
    .public-credit-checkout-page .credit-hero h1 { font-size: clamp(38px, 12vw, 54px); }
    .public-credit-checkout-page .credit-progress { width: calc(100% - 18px); margin-top: -15px; padding: 8px; }
    .public-credit-checkout-page .credit-progress li { justify-content: center; padding: 9px 6px; }
    .public-credit-checkout-page .credit-progress li div { display: none; }
    .public-credit-checkout-page .credit-step { padding: 22px 18px; }
    .public-credit-checkout-page .credit-step__heading { grid-template-columns: 42px minmax(0, 1fr); }
    .public-credit-checkout-page .credit-step__number { width: 40px; height: 40px; }
    .public-credit-checkout-page .credit-step__state { grid-column: 2; justify-self: start; }
    .public-credit-checkout-page .credit-step__content { margin: 20px 0 0; }
    .public-credit-checkout-page .credit-field-row,
    .public-credit-checkout-page .credit-field-row--code,
    .public-credit-order-page .credit-field-row,
    .public-credit-order-page .credit-copy-row { grid-template-columns: 1fr; }
    .public-credit-checkout-page .credit-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-credit-checkout-page .credit-help-strip { grid-template-columns: 1fr; }
    .public-credit-order-page .credit-order-hero { display: block; padding: 30px 22px; border-radius: 24px; }
    .public-credit-order-page .credit-order-state { min-width: 0; margin-top: 22px; }
    .public-credit-order-page .credit-payment-card { padding: 20px 16px; }
    .public-credit-order-page .credit-exact-amount { align-items: stretch; flex-direction: column; }
    .public-credit-order-page .credit-payment-meta,
    .public-credit-order-page .credit-order-sidebar { grid-template-columns: 1fr; }
    .public-credit-order-page .credit-copy-button { width: 100%; }
}

@media (max-width: 420px) {
    .public-credit-checkout-page .credit-trust-row span { width: 100%; box-sizing: border-box; }
    .public-credit-checkout-page .credit-package-grid { grid-template-columns: 1fr 1fr; }
    .public-credit-order-page .credit-section-heading { display: block; }
    .public-credit-order-page .credit-network-badge { display: inline-block; margin-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .public-credit-checkout-page *,
    .public-credit-order-page * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .public-credit-checkout-page .credit-hero__visual { transform: none; }
}

@media (forced-colors: active) {
    .public-credit-checkout-page .credit-hero,
    .public-credit-order-page .credit-order-hero,
    .public-credit-checkout-page .credit-summary__total { color: CanvasText; border: 2px solid CanvasText; background: Canvas; }
    .public-credit-checkout-page .credit-hero :is(h1, p, span),
    .public-credit-order-page .credit-order-hero :is(h1, p, span) { color: CanvasText; }
    .public-credit-checkout-page .credit-step.is-active,
    .public-credit-checkout-page .credit-package.is-selected { border: 2px solid Highlight; background: Canvas; }
}

@media print {
    .public-credit-checkout-page .public-site-header,
    .public-credit-checkout-page .public-site-footer,
    .public-credit-order-page .public-site-header,
    .public-credit-order-page .public-site-footer,
    .public-credit-order-page button,
    .public-credit-order-page form { display: none !important; }
    .public-credit-checkout-page,
    .public-credit-order-page { background: #fff !important; }
    .public-credit-order-page .credit-page { width: 100%; padding: 0; }
    .public-credit-order-page .credit-order-hero { color: #000; border: 1px solid #000; background: #fff; box-shadow: none; }
    .public-credit-order-page .credit-order-hero :is(h1, p, span) { color: #000; }
    .public-credit-order-page .credit-order-layout { grid-template-columns: 1fr; }
}
/* Feature 005: recipient checkout additions are scoped to credit pages only. */
.public-credit-checkout-page .credit-asset-option{position:relative;cursor:pointer;text-align:left}
.public-credit-checkout-page .credit-asset-option input{position:absolute;inset:10px 10px auto auto;width:18px;height:18px;accent-color:#7045e8}
.public-credit-checkout-page .credit-asset-option:has(input:checked){border-color:#7045e8;box-shadow:0 0 0 3px rgba(112,69,232,.12)}
.public-credit-checkout-page .credit-asset-empty{grid-column:1/-1;padding:18px;border:1px solid #e7cf8a;border-radius:14px;background:#fff9e8;color:#5f4700}
.public-credit-checkout-page .credit-asset-empty strong{display:block;margin-bottom:4px;color:#513b00}
.public-credit-checkout-page .credit-asset-empty p{margin:0;line-height:1.55}
.public-credit-checkout-page input[type="email"]{width:100%;box-sizing:border-box;border:1px solid #ccd6e8;border-radius:12px;padding:13px 14px;margin-top:7px;background:#fff;color:#15213b}
.public-credit-checkout-page input:focus-visible,.public-credit-checkout-page button:focus-visible,.public-credit-checkout-page .credit-asset-option:focus-within{outline:3px solid #275cff;outline-offset:3px}
@media(max-width:600px){.public-credit-checkout-page .credit-field-row{grid-template-columns:1fr}.public-credit-checkout-page .credit-button{width:100%}}
@media(prefers-reduced-motion:reduce){.public-credit-checkout-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.public-credit-order-page .credit-transaction-fallback{margin-top:18px;padding:16px;border:1px solid #dce3ef;border-radius:14px;background:#fbfcff}.public-credit-order-page .credit-transaction-fallback summary{cursor:pointer;font-weight:800;color:#5430c9}.public-credit-order-page .credit-transaction-fallback[open] summary{margin-bottom:14px}

/* White 3D checkout treatment shared by public order creation and tracking. */
.public-credit-checkout-page .credit-hero{color:var(--credit-ink);border-color:#d7def0;background:radial-gradient(circle at 88% 12%,rgba(85,123,246,.2),transparent 26%),radial-gradient(circle at 65% 88%,rgba(128,82,239,.13),transparent 32%),linear-gradient(145deg,#fff,#f8f6ff 58%,#eef5ff);box-shadow:0 34px 80px rgba(47,58,105,.18),inset 0 1px 0 #fff}
.public-credit-checkout-page .credit-hero::after{border-color:rgba(101,73,215,.13);box-shadow:0 0 0 70px rgba(112,82,235,.025),0 0 0 140px rgba(54,121,244,.02)}
.public-credit-checkout-page .credit-hero::before{opacity:.45;background-image:linear-gradient(rgba(101,84,175,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(101,84,175,.08) 1px,transparent 1px)}
.public-credit-checkout-page .credit-hero .credit-eyebrow{color:#653bd2}.public-credit-checkout-page .credit-hero h1{color:#161d33}.public-credit-checkout-page .credit-hero h1 span{color:#5930c4}.public-credit-checkout-page .credit-hero p{color:#596781}
.public-credit-checkout-page .credit-trust-row span{color:#35425b;border-color:#d6ddec;background:rgba(255,255,255,.82);box-shadow:0 .6rem 1.4rem rgba(45,54,90,.07)}
.public-credit-checkout-page .credit-token-stack span{color:#5428be;border-color:rgba(111,80,224,.2);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,224,255,.9));box-shadow:0 26px 52px rgba(68,47,143,.2),inset 0 1px #fff}
.public-credit-checkout-page .credit-token-stack span:nth-child(3){color:#08794e;background:linear-gradient(145deg,#fff,#dff8ed)}.public-credit-checkout-page .credit-orbit{border-color:rgba(99,68,205,.2)}
.public-credit-checkout-page .credit-checkout-card,.public-credit-checkout-page .credit-summary,.public-credit-order-page .credit-payment-card,.public-credit-order-page .credit-qr-card,.public-credit-order-page .credit-timeline-card{box-shadow:0 1.5rem 3.8rem rgba(41,51,89,.13),0 .25rem .8rem rgba(41,51,89,.05),inset 0 1px 0 #fff}
.public-credit-checkout-page .credit-summary{transform:perspective(900px) rotateY(-1.5deg)}.public-credit-order-page .credit-payment-card{transform:perspective(1000px) rotateY(.5deg)}.public-credit-order-page .credit-qr-card{transform:perspective(900px) rotateY(-1deg)}
.public-credit-order-page .credit-auto-state{display:inline-block;margin-left:.35rem;color:#4e2bb7}
@media(max-width:900px){.public-credit-checkout-page .credit-summary,.public-credit-order-page .credit-payment-card,.public-credit-order-page .credit-qr-card{transform:none}}

/* Guided payment journey: focused, branded, and customer-readable. */
.public-credit-checkout-page .credit-hero--checkout{min-height:300px}
.public-credit-checkout-page .credit-hero--checkout .credit-hero__content{padding-block:54px}
.public-credit-checkout-page .credit-hero--checkout h1{max-width:720px;font-size:clamp(38px,5.5vw,66px)}
.public-credit-checkout-page .credit-layout--focused{grid-template-columns:minmax(0,1.48fr) minmax(300px,.62fr);gap:24px;align-items:start}
.public-credit-checkout-page .credit-checkout-card--guided{overflow:hidden;border:1px solid #dce3f0;border-radius:26px;background:#fff;box-shadow:0 24px 60px rgba(38,48,86,.11),inset 0 1px #fff}
.public-credit-checkout-page .credit-guide-section{display:grid;grid-template-columns:minmax(185px,.42fr) minmax(0,1fr);gap:28px;padding:30px;border-bottom:1px solid #e4e8f1}
.public-credit-checkout-page .credit-guide-section:last-child{border-bottom:0}
.public-credit-checkout-page .credit-guide-section:nth-child(even){background:linear-gradient(145deg,#fff,#fafbff)}
.public-credit-checkout-page .credit-guide-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-content:start}
.public-credit-checkout-page .credit-guide-heading>span{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#7b4dea,#5130bf);box-shadow:0 10px 22px rgba(87,49,190,.22);font-weight:900}
.public-credit-checkout-page .credit-guide-heading p{margin:2px 0 4px;color:#7245dc;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.public-credit-checkout-page .credit-guide-heading h2{margin:0;color:#17203a;font-size:19px;line-height:1.3}
.public-credit-checkout-page .credit-guide-body{min-width:0}
.public-credit-checkout-page .credit-guide-body>label,.public-credit-checkout-page .credit-guide-body legend{display:block;margin:0 0 7px;color:#303a54;font-size:13px;font-weight:850}
.public-credit-checkout-page .credit-guide-body input[aria-invalid="true"]{border-color:#cf3e55!important;box-shadow:0 0 0 3px rgba(207,62,85,.11)}
.public-credit-checkout-page .credit-inline-error{min-height:0;margin:7px 0 0;color:#ad2138;font-size:12px;font-weight:750}
.public-credit-checkout-page .credit-inline-error:empty{display:none}
.public-credit-checkout-page .credit-recipient-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid #cfe4dc;border-radius:14px;background:#f2fbf7}
.public-credit-checkout-page .credit-recipient-preview>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#08794e;border-radius:12px;background:#ddf5eb}
.public-credit-checkout-page .credit-recipient-preview svg{fill:none;stroke:currentColor}
.public-credit-checkout-page .credit-recipient-preview small,.public-credit-checkout-page .credit-recipient-preview strong{display:block}
.public-credit-checkout-page .credit-recipient-preview small{color:#60786f;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.public-credit-checkout-page .credit-recipient-preview strong{margin-top:3px;overflow-wrap:anywhere;color:#164f3d;font-size:14px}
.public-credit-checkout-page .credit-quick-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}
.public-credit-checkout-page .credit-quick-amounts button{min-height:62px;padding:10px;color:#4f5c76;border:1px solid #dbe1ee;border-radius:14px;background:#f9faff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.public-credit-checkout-page .credit-quick-amounts button:hover{border-color:#a58ce8;background:#fbf9ff}
.public-credit-checkout-page .credit-quick-amounts button.is-selected{color:#fff;border-color:#673bd4;background:linear-gradient(145deg,#7548e5,#4e2bb6);box-shadow:0 10px 24px rgba(83,45,181,.2)}
.public-credit-checkout-page .credit-quick-amounts strong,.public-credit-checkout-page .credit-quick-amounts span{display:block}
.public-credit-checkout-page .credit-quick-amounts strong{font-size:17px}
.public-credit-checkout-page .credit-quick-amounts span{margin-top:2px;font-size:10px;text-transform:uppercase}
.public-credit-checkout-page .credit-number-field--large input{min-height:54px;border:1px solid #cfd7e7;border-radius:13px;background:#fff;font-size:22px;font-weight:850}
.public-credit-checkout-page .credit-assets--compact{margin:0}
.public-credit-checkout-page .credit-assets--compact .credit-package-grid{grid-template-columns:1fr}
.public-credit-checkout-page .credit-assets--compact .credit-package{min-height:64px;padding:14px 54px 14px 16px}
.public-credit-checkout-page .credit-assets--compact .credit-package strong{font-size:17px}
.public-credit-checkout-page .credit-before-order{display:flex;gap:11px;margin-top:16px;padding:14px;color:#3d4a64;border:1px solid #dbe2ef;border-radius:14px;background:#f8faff}
.public-credit-checkout-page .credit-before-order svg{width:21px;height:21px;flex:0 0 21px;color:#6237cd;fill:none;stroke:currentColor}
.public-credit-checkout-page .credit-before-order p{margin:0;font-size:12px;line-height:1.55}
.public-credit-checkout-page .credit-before-order strong{display:block;color:#232d47;font-size:13px}
.public-credit-checkout-page .credit-button--checkout{width:100%;min-height:52px;margin-top:16px;font-size:15px}
.public-credit-checkout-page .credit-summary--sticky{position:sticky;top:96px;transform:none}
.public-credit-checkout-page .credit-summary__total small{display:block;margin-top:7px;color:#e5e1fb;font-size:10px;line-height:1.4}
.public-credit-checkout-page .credit-summary dd[data-credit-summary-recipient]{max-width:165px;overflow-wrap:anywhere}
.public-credit-checkout-page .credit-summary__next{margin:14px 0 0;padding:12px;color:#49338b;border:1px solid #ddd4f6;border-radius:12px;background:#f7f4ff}
.public-credit-checkout-page .credit-summary__next strong,.public-credit-checkout-page .credit-summary__next span{display:block}
.public-credit-checkout-page .credit-summary__next span{margin-top:3px;color:#6c6681;font-size:11px}
.public-credit-checkout-page .credit-help-strip--compact{margin-top:24px}

.public-credit-order-page .credit-order-hero--focused{min-height:0;padding:34px 38px;border-radius:28px}
.public-credit-order-page .credit-order-hero--focused h1{font-size:clamp(30px,4vw,48px)}
.public-credit-order-page .credit-order-state{gap:3px}
.public-credit-order-page .credit-order-state time{margin-top:8px;color:#e7e3fb;font-size:12px;font-weight:750}
.public-credit-order-page .credit-order-progress{margin:18px 0;padding:8px;border:1px solid #dce2ee;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(40,49,84,.07)}
.public-credit-order-page .credit-order-progress ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.public-credit-order-page .credit-order-progress li{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 12px;color:#7a8497;border-radius:12px}
.public-credit-order-page .credit-order-progress li:not(:last-child)::after{position:absolute;width:18px;height:1px;right:-9px;content:"";background:#d8deea}
.public-credit-order-page .credit-order-progress li>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid #cfd6e3;border-radius:9px;background:#f8f9fc;font-size:11px;font-weight:900}
.public-credit-order-page .credit-order-progress li strong{font-size:12px}
.public-credit-order-page .credit-order-progress li.is-complete{color:#08734a}
.public-credit-order-page .credit-order-progress li.is-complete>span{color:#fff;border-color:#159665;background:#159665}
.public-credit-order-page .credit-order-progress li.is-active{color:#522ab9;background:#f1edff}
.public-credit-order-page .credit-order-progress li.is-active>span{color:#fff;border-color:#6840d6;background:#6840d6;box-shadow:0 6px 14px rgba(88,48,195,.2)}
.public-credit-order-page .credit-next-action>span svg{width:19px;height:19px;fill:none;stroke:currentColor}
.public-credit-order-page .credit-payment-card--guided{padding:30px;transform:none}
.public-credit-order-page .credit-section-heading p:not(.credit-step__kicker){max-width:560px;margin:7px 0 0;color:#68738a;font-size:13px;line-height:1.5}
.public-credit-order-page .credit-payment-steps{display:grid;gap:11px;margin:24px 0;padding:0;list-style:none}
.public-credit-order-page .credit-payment-steps li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid #dde3ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f9faff)}
.public-credit-order-page .credit-payment-steps__number{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#7548e5,#4e2bb6);font-weight:900;box-shadow:0 8px 17px rgba(81,43,180,.2)}
.public-credit-order-page .credit-payment-steps small,.public-credit-order-page .credit-payment-steps strong,.public-credit-order-page .credit-payment-steps code{display:block}
.public-credit-order-page .credit-payment-steps small{color:#707b90;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.public-credit-order-page .credit-payment-steps strong{margin-top:3px;color:#1f2942;font-size:17px;line-height:1.35}
.public-credit-order-page .credit-payment-steps p{margin:4px 0 0;color:#6b7589;font-size:11px;line-height:1.45}
.public-credit-order-page .credit-payment-steps__check{padding:6px 9px;color:#08734a;border:1px solid #b9dfd0;border-radius:999px;background:#effaf6;font-size:10px;font-weight:900;text-transform:uppercase}
.public-credit-order-page .credit-payment-steps__amount strong{color:#39167e;font-size:clamp(22px,3vw,31px);letter-spacing:-.03em}
.public-credit-order-page .credit-payment-steps__address{min-width:0}
.public-credit-order-page .credit-payment-steps__address code{margin-top:5px;overflow-wrap:anywhere;color:#34255d;font-size:12px;line-height:1.5}
.public-credit-order-page .credit-security-note--scanner{border-color:#b7e2d2;background:linear-gradient(145deg,#f4fcf8,#eaf9f3)}
.public-credit-order-page .credit-qr-notice{padding:13px;color:#516077;border:1px solid #dbe2ed;border-radius:13px;background:#f8faff;text-align:left}
.public-credit-order-page .credit-qr-notice strong{display:block;color:#312257;font-size:12px;text-transform:uppercase}
.public-credit-order-page .credit-qr-notice p{margin:4px 0 0;text-align:left}

@media(max-width:900px){
    .public-credit-checkout-page .credit-layout--focused{grid-template-columns:1fr}
    .public-credit-checkout-page .credit-summary--sticky{position:static}
}
@media(max-width:680px){
    .public-credit-checkout-page .credit-hero--checkout{min-height:0}
    .public-credit-checkout-page .credit-hero--checkout .credit-hero__content{padding-block:34px}
    .public-credit-checkout-page .credit-guide-section{grid-template-columns:1fr;gap:18px;padding:22px 18px}
    .public-credit-checkout-page .credit-quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .public-credit-order-page .credit-order-progress ol{grid-template-columns:1fr 1fr}
    .public-credit-order-page .credit-order-progress li:not(:last-child)::after{display:none}
    .public-credit-order-page .credit-payment-steps li{grid-template-columns:38px minmax(0,1fr)}
    .public-credit-order-page .credit-payment-steps__number{width:38px;height:38px}
    .public-credit-order-page .credit-payment-steps :is(.credit-copy-button,.credit-payment-steps__check){grid-column:2;width:100%}
}
@media(max-width:420px){
    .public-credit-checkout-page .credit-quick-amounts{grid-template-columns:1fr 1fr}
    .public-credit-order-page .credit-order-progress ol{grid-template-columns:1fr}
    .public-credit-order-page .credit-order-progress li{min-height:44px}
}

/* Checkout polish: clearer hierarchy, calmer surfaces and tablet-safe sizing. */
.public-credit-checkout-page .credit-hero--checkout h1{
    max-inline-size:15ch;
    text-wrap:balance;
}
.public-credit-checkout-page .credit-checkout-card--guided,
.public-credit-checkout-page .credit-summary--sticky{
    isolation:isolate;
}
.public-credit-checkout-page .credit-guide-body>label,
.public-credit-checkout-page .credit-guide-body legend{
    font-size:14px;
}
.public-credit-checkout-page .credit-guide-body :is(input,button),
.public-credit-checkout-page .credit-asset-option{
    touch-action:manipulation;
}
.public-credit-checkout-page .credit-field-help,
.public-credit-checkout-page .credit-before-order p,
.public-credit-checkout-page .credit-summary :is(dt,dd),
.public-credit-checkout-page .credit-security-note p{
    font-size:13px;
}
.public-credit-checkout-page .credit-quick-amounts button{
    position:relative;
    overflow:hidden;
    min-height:66px;
}
.public-credit-checkout-page .credit-quick-amounts button::after{
    position:absolute;
    inset:auto 12px 8px;
    height:2px;
    content:"";
    border-radius:999px;
    background:currentColor;
    opacity:0;
    transform:scaleX(.4);
    transition:opacity .18s ease,transform .18s ease;
}
.public-credit-checkout-page .credit-quick-amounts button:is(:hover,.is-selected)::after{
    opacity:.55;
    transform:scaleX(1);
}
.public-credit-checkout-page .credit-quick-amounts button.is-selected::after{
    opacity:.8;
}
.public-credit-checkout-page .credit-number-field--large input{
    box-shadow:inset 0 1px 2px rgba(31,42,76,.04);
}
.public-credit-checkout-page .credit-asset-option{
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.public-credit-checkout-page .credit-asset-option:hover{
    border-color:#9f8adf;
    background:#fbf9ff;
}
.public-credit-checkout-page .credit-button--checkout{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.public-credit-checkout-page .credit-button--checkout:not(:disabled):hover{
    filter:saturate(1.08);
    box-shadow:0 15px 30px rgba(92,53,215,.3),inset 0 1px rgba(255,255,255,.25);
    transform:translateY(-1px);
}
.public-credit-checkout-page .credit-button--checkout:not(:disabled):active{
    transform:translateY(0);
}
.public-credit-checkout-page .credit-summary__foot{
    font-size:12px;
}

@media(max-width:1024px){
    .public-credit-checkout-page .credit-layout--focused{
        grid-template-columns:1fr;
    }
    .public-credit-checkout-page .credit-summary--sticky{
        position:static;
    }
}

@media(max-width:760px){
    .public-credit-checkout-page .credit-guide-section{
        grid-template-columns:1fr;
        gap:18px;
        padding:24px 20px;
    }
    .public-credit-checkout-page .credit-guide-heading{
        align-items:center;
    }
    .public-credit-checkout-page .credit-guide-heading h2{
        font-size:18px;
    }
}

@media(max-width:520px){
    .public-credit-checkout-page .credit-page{
        width:min(100% - 24px,1216px);
    }
    .public-credit-checkout-page .credit-hero--checkout .credit-hero__content{
        padding:30px 20px;
    }
    .public-credit-checkout-page .credit-hero--checkout h1{
        font-size:clamp(34px,11vw,46px);
    }
    .public-credit-checkout-page .credit-progress{
        width:calc(100% - 16px);
    }
    .public-credit-checkout-page .credit-progress li{
        flex-direction:column;
        gap:5px;
        justify-content:center;
        padding:9px 4px;
        text-align:center;
    }
    .public-credit-checkout-page .credit-progress li div{
        display:block;
    }
    .public-credit-checkout-page .credit-progress strong{
        font-size:10px;
    }
    .public-credit-checkout-page .credit-progress small{
        display:none;
    }
    .public-credit-checkout-page .credit-trust-row{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .public-credit-checkout-page .credit-trust-row span{
        width:auto;
        justify-content:center;
        padding-inline:8px;
        text-align:center;
    }
    .public-credit-checkout-page .credit-trust-row span:last-child{
        grid-column:1/-1;
    }
    .public-credit-checkout-page .credit-quick-amounts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .public-credit-checkout-page .credit-summary{
        padding:22px 18px;
        border-radius:22px;
    }
}