/* Apprateus /pay/ checkout · 2026-10-29 */
:root{--bg:#05070B;--surface:#0B1423;--card:#0E121A;--input:#080D17;--line:#2D2F36;--text:#FFFFFF;--body:#9AA3B5;--muted:#7d869a;--acc:#91B6FC;--btn:#E9F0FF;--btn-text:#05070B;--err:#ff8a8a;--err-bg:#2a0f14;--ok:#A6D5BD;--chip:#E9F0FF;--radius:14px;--head:'Space Grotesk',Inter,sans-serif;--sans:Inter,system-ui,sans-serif;--mono:'JetBrains Mono',monospace}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--body);background-color:var(--bg);line-height:1.55;font-size:16px;overflow-x:hidden}
a{color:var(--acc)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pp-header{border-bottom:1px solid var(--line)}.pp-header__in{max-width:1120px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--head);font-weight:700;font-size:1.05rem;min-width:0}
.pp-brand__mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:.85rem;flex:none}
.pp-brand>span+*,.pp-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.pp-secure__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.pp-secure{display:flex;flex:none;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);white-space:nowrap}
.pp-main{max-width:1120px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:24px;grid-template-areas:"head" "summary" "form"}
.pp-head{grid-area:head}.pp-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--acc);margin:0 0 6px}
.pp-h1{font-family:var(--head);color:var(--text);font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.2;margin:0 0 6px}
.pp-lede{margin:0;color:var(--muted);font-size:.95rem}
.pp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.pp-summary{grid-area:summary}.pp-form{grid-area:form}
.pp-h2{font-family:var(--head);color:var(--text);font-size:1.05rem;margin:0 0 14px}
.pp-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pp-item__name{color:var(--text);font-weight:600;margin:0}.pp-item__desc{font-size:.85rem;color:var(--muted);margin:4px 0 0}
.pp-item__price{color:var(--text);font-weight:600;white-space:nowrap}
.pp-lines{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:.9rem}
.pp-lines li{display:flex;justify-content:space-between;gap:12px}.pp-total{font-weight:700;color:var(--text);font-size:1.05rem;padding-top:8px;border-top:1px solid var(--line)}
.pp-merchant{margin:16px 0 0;font-size:.8rem;color:var(--muted)}.pp-merchant strong{color:var(--text)}
.pp-fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}.pp-legend{font-family:var(--head);color:var(--text);font-size:1.05rem;font-weight:600;margin-bottom:12px;padding:0}
.pp-field{margin-bottom:14px}.pp-label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:6px}.pp-label span{font-weight:400;color:var(--muted)}
.pp-input,.pp-select{width:100%;min-height:48px;padding:12px 14px;font:inherit;font-size:16px;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);transition:border-color .15s,box-shadow .15s}
.pp-input:focus,.pp-select:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent);outline:none}
.pp-field__err{display:none;margin:6px 0 0;font-size:.82rem;color:var(--err)}
.pp-field.is-invalid .pp-input,.pp-field.is-invalid .pp-select{border-color:var(--err)}.pp-field.is-invalid .pp-field__err{display:block}
.pp-row{display:grid;gap:0 12px}
.pp-amount{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:10px}.pp-amount__wrap{position:relative}.pp-amount__sym{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.pp-amount__wrap .pp-input{padding-left:40px}
.pp-pe{border:1px dashed var(--line);border-radius:calc(var(--radius) - 4px);padding:14px;min-height:150px}
.pp-pe[data-mounted]{border:0;padding:0;min-height:0}.pp-pe[data-mounted] .pp-skel{display:none}
.pp-skel{display:grid;gap:10px}.pp-skel__bar{height:46px;border-radius:8px;background:linear-gradient(90deg,var(--line) 0,color-mix(in srgb,var(--line) 40%,transparent) 50%,var(--line) 100%);background-size:200% 100%;animation:pp-sh 1.4s infinite linear;opacity:.6}
.pp-skel__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-skel__note{font-size:.75rem;color:var(--muted);margin:2px 0 0}
@keyframes pp-sh{to{background-position:-200% 0}}
.pp-alert{display:none;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:calc(var(--radius) - 4px);background:var(--err-bg);border:1px solid var(--err);color:var(--text);font-size:.9rem;margin-bottom:18px}
.pp-alert.is-visible{display:flex}.pp-alert svg{flex:none;color:var(--err);margin-top:2px}.pp-alert p{margin:0}
.pp-btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:calc(var(--radius) - 4px);background:var(--btn);color:var(--btn-text);font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:filter .15s,background .15s}
.pp-btn:hover:not(:disabled){filter:brightness(1.06)}.pp-btn:disabled{opacity:.7;cursor:progress}
.pp-spin{display:none;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pp-r .7s linear infinite}
.is-loading .pp-spin{display:inline-block}.is-loading .pp-btn__label{opacity:.85}@keyframes pp-r{to{transform:rotate(1turn)}}
.pp-fine{font-size:.78rem;color:var(--muted);margin:12px 0 0;text-align:center}
.pp-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:.85rem}
.pp-trust li{display:flex;gap:10px;align-items:flex-start}.pp-trust li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-top:.5em}
.pp-logos{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pp-chip{background:var(--chip);border:1px solid var(--line);border-radius:6px;height:30px;padding:0 8px;display:flex;align-items:center}.pp-logo{height:16px;width:auto;max-width:44px;display:block}
.pp-policies{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem}
.pp-policies li{display:flex;align-items:center;gap:16px}.pp-policies li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--muted)}
.pp-footer{border-top:1px solid var(--line);padding:18px 16px 96px;text-align:center;font-size:.78rem;color:var(--muted)}
@media(min-width:600px){.pp-row{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.pp-main{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"head head" "form summary";gap:32px 48px;padding-top:48px}
.pp-summary{position:sticky;top:24px;align-self:start}.pp-form{padding:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* brand accents */
body{background:radial-gradient(1200px 600px at 80% -10%,#0F1F3A 0,transparent 60%),var(--bg)}
.pp-eyebrow{font-family:var(--mono);letter-spacing:.12em}.pp-brand__mark{background:linear-gradient(135deg,#91B6FC,#294569)}