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: 110px 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;
    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: 22px; padding: 14px 16px; color: #765100; border-left: 4px solid #e5a900; border-radius: 0 12px 12px 0; background: #fff8e5; font-size: 12px; line-height: 1.55; }
.public-credit-order-page .credit-payment-warning strong { display: block; }
.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-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; justify-content: space-between; gap: 12px; padding: 16px 18px; color: #5b32c6; border: 1px solid #d9cff5; border-radius: 16px; background: #f7f4ff; font-size: 12px; text-decoration: none; }

.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: 88px; }
    .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}