:root { color-scheme: dark; --ps-bg:#090a0d; --ps-panel:#12151b; --ps-line:rgba(225,186,93,.31); --ps-gold:#e1ba5d; --ps-text:#f0ecdf; --ps-muted:#b9b5ab; --ps-accent:#9bd1c0; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at 82% 0,rgba(225,186,93,.14),transparent 30rem),var(--ps-bg); color:var(--ps-text); font-family:Inter,"Segoe UI",Arial,sans-serif; } a { color:inherit; }
.payments-support__header, main, .payments-support__footer { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }.payments-support__header { min-height:78px; display:flex; justify-content:space-between; align-items:center; gap:20px; }.payments-support__brand { color:var(--ps-text); font-family:Georgia,serif; font-size:1.35rem; letter-spacing:.08em; text-decoration:none; }.payments-support__brand b,.payments-support__eyebrow { color:var(--ps-gold); }.payments-support__header nav { display:flex; gap:18px; flex-wrap:wrap; }.payments-support__header nav a { color:var(--ps-muted); text-decoration:none; font-size:.92rem; }.payments-support__header nav a:hover,.payments-support__card a:hover { color:var(--ps-gold); }
.payments-support__hero { padding:clamp(52px,9vw,112px) clamp(25px,6vw,72px); border:1px solid var(--ps-line); border-radius:24px; background:linear-gradient(130deg,rgba(18,21,27,.97),rgba(18,21,27,.72)); }.payments-support__eyebrow { margin:0 0 12px; font-size:.72rem; font-weight:700; letter-spacing:.15em; } h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; } h1 { max-width:710px; margin:0; font-size:clamp(2.65rem,7vw,5rem); line-height:1; }.payments-support__hero > p:last-child { max-width:690px; margin:24px 0 0; color:var(--ps-muted); font-size:1.07rem; line-height:1.7; }
.payments-support__status { display:flex; gap:16px; margin:24px 0 72px; padding:23px 25px; border:1px solid rgba(155,209,192,.35); border-radius:16px; background:rgba(155,209,192,.07); }.payments-support__status-mark { color:var(--ps-accent); font-size:1.2rem; }.payments-support__status h2 { margin:0; font-size:1.25rem; }.payments-support__status p { margin:7px 0 0; color:var(--ps-muted); line-height:1.55; }.payments-support__section-heading h2,.payments-support__principles h2 { margin:0; font-size:clamp(2rem,4vw,3rem); }
.payments-support__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:28px 0 80px; }.payments-support__card { min-height:280px; display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid var(--ps-line); border-radius:18px; background:var(--ps-panel); }.payments-support__card > span { color:var(--ps-gold); font-size:1.5rem; }.payments-support__card h3 { margin:20px 0 10px; font-size:1.45rem; }.payments-support__card p { margin:0; color:var(--ps-muted); line-height:1.6; }.payments-support__card a { margin-top:auto; padding-top:28px; color:var(--ps-text); font-weight:700; text-decoration:none; }
.payments-support__principles { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; padding:48px 0 76px; border-top:1px solid var(--ps-line); }.payments-support__principles ul { margin:0; padding:0; list-style:none; }.payments-support__principles li { padding:0 0 17px 25px; color:var(--ps-muted); line-height:1.55; position:relative; }.payments-support__principles li::before { content:"—"; position:absolute; left:0; color:var(--ps-gold); }.payments-support__footer { padding:25px 0 36px; border-top:1px solid var(--ps-line); color:var(--ps-muted); font-size:.85rem; } @media (max-width:760px) { .payments-support__header { padding:20px 0; align-items:flex-start; flex-direction:column; }.payments-support__grid,.payments-support__principles { grid-template-columns:1fr; }.payments-support__principles { gap:26px; }.payments-support__status { margin-bottom:50px; } }