.statement-page{max-width:940px;margin:auto;container-type:inline-size}.statement-heading{text-align:center;margin-bottom:26px}.statement-heading h1{font-size:34px!important;letter-spacing:-1px;margin:8px 0 12px}.statement-heading>p:last-child{color:#817368;font-size:14px}.statement-heading .eyebrow{font-size:10px;letter-spacing:2px}
body[data-surface=customer] .statement-heading{display:block;padding:0 0 24px;border-bottom:1px solid #eadfd5;background:transparent;min-height:0;height:auto;text-align:center}
.statement-account-card{--statement-card-ink:#3b2a1c;--statement-card-muted:#977454;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e8cba7;border-radius:25px;background:radial-gradient(ellipse at 96% 0%,#ffdeb2aa,transparent 65%),linear-gradient(118deg,#fffaf1,#fff0d9 66%,#f5d9b4);box-shadow:0 14px 37px #9d612110,inset 0 1px #fff9;color:var(--statement-card-ink)}
.statement-card-overview{position:relative;min-height:247px;padding:35px 36px 31px;overflow:hidden}.statement-card-overview:before{content:'';position:absolute;width:380px;height:380px;border:1px solid #cf99582b;border-radius:50%;right:-35px;top:-155px;box-shadow:0 0 0 38px #d39f6410,0 0 0 80px #d39f6408;pointer-events:none}.statement-card-copy{position:relative;z-index:1;max-width:68%}.statement-card-label{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.9px;font-weight:600;color:#a45d2b}.statement-card-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#ec6c25;box-shadow:0 0 0 4px #ed7b3010}.statement-card-amount{display:flex;align-items:baseline;gap:12px;margin:25px 0 19px;position:relative;white-space:nowrap}.statement-card-amount>span{font-size:13px;letter-spacing:1.2px;color:#ae7243;font-weight:500}.statement-card-amount>strong{font-size:clamp(36px,5.6cqi,55px);font-weight:550;letter-spacing:-1.8px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--statement-card-ink)}.statement-card-account{font-size:10px;color:var(--statement-card-muted);display:flex;align-items:baseline;gap:8px;line-height:1.7;margin:0;flex-wrap:wrap}.statement-card-account>span{letter-spacing:.3px;color:#715439;overflow-wrap:anywhere;max-width:100%}.statement-account-mark{position:absolute;right:32px;bottom:24px;display:flex;gap:20px;align-items:center;color:#a47546;letter-spacing:1.7px;font-size:7px}.statement-account-mark i{font-size:16px;font-style:normal;letter-spacing:0}
.statement-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative;margin:0;padding:0 14px;border-top:1px solid #dcb98a66;background:#fffcf435}.statement-card-metrics>div{min-width:0;margin:21px 0;padding:1px 22px 2px;border-inline-end:1px solid #dbb78966}.statement-card-metrics>div:last-child{border:0}.statement-card-metrics dt{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;color:#92714f;margin:0 0 10px}.statement-card-metrics dt>span{font-size:15px;line-height:1;color:#ad7841}.statement-card-metrics dd{font-size:clamp(16px,2.4cqi,23px);font-weight:550;letter-spacing:-.5px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--statement-card-ink);margin:0;overflow-wrap:anywhere}.statement-metric-credit dt>span{color:#758948}.statement-metric-debit dt>span{color:#c7824f}.statement-metric-earnings dt>span{color:#bb871f}
.statement-card-art{position:absolute;inset-block-start:28px;inset-inline-end:80px;width:250px;height:160px;perspective:650px;pointer-events:none;z-index:0}
.statement-card-art i{position:absolute;width:190px;height:116px;inset:18px auto auto 22px;border-radius:18px;transform:rotateY(-22deg) rotateX(18deg) rotateZ(-13deg);background:linear-gradient(125deg,#fffdf5,#f7cda1);border:1px solid #fff4df;box-shadow:8px 15px 24px #9a571529,inset 1px 1px 0 #fff9;display:block}
.statement-card-art i:first-child{transform:translate(-24px,15px) rotateY(-22deg) rotateX(18deg) rotateZ(-13deg);background:linear-gradient(120deg,#cc8141,#f2bd86);border-color:#edbe87}
.statement-card-art i:nth-child(2){transform:translate(-12px,7px) rotateY(-22deg) rotateX(18deg) rotateZ(-13deg);background:linear-gradient(120deg,#f1d4b5,#fff4e2)}
.statement-card-art i:last-child{background:linear-gradient(125deg,#fffef8 8%,#ffe6c3 60%,#efb879);box-shadow:10px 17px 28px #85420e30,inset 1px 1px 0 white}
.art-chip{position:absolute;left:20px;top:25px;width:30px;height:24px;border-radius:6px;border:1px solid #be9761;background:linear-gradient(110deg,#d9b985,#fff1bc,#cfa667)}
.art-lines{position:absolute;left:20px;bottom:22px;width:90px;height:5px;border-radius:5px;background:#b38b5b55;box-shadow:0 -12px #b38b5b33}
.statement-card-art b{position:absolute;right:18px;top:24px;font-style:normal;font-size:13px;letter-spacing:2px;color:#966538}

.statement-account-card .statement-card-art{inset-block-start:26px;inset-inline-end:45px;transform:scale(1.04);opacity:.85}.statement-account-card .statement-card-art i{border-radius:17px}.statement-account-card .statement-card-art i:last-child{background:linear-gradient(125deg,#fffef6 8%,#ffe9c5 60%,#edb978)}
.statement-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px}.statement-actions>span{font-size:11px;color:#8b7b6d}.statement-export .secondary{font-size:11px;padding:10px 14px}.statement-history{border:1px solid #eee1d5;border-radius:20px;overflow:hidden;background:#fff}.statement-filters{display:flex;padding:8px;gap:5px;background:#faf5ee}.statement-filters button{flex:1;border:0;border-radius:12px;font-size:12px;padding:13px 8px;background:transparent;color:#857466}.statement-filters button[aria-pressed=true]{background:#ff5000;color:#fff;box-shadow:0 4px 12px #ff500025}.statement-list{padding:18px;max-height:650px;overflow:auto}.statement-entry{padding:20px;margin-bottom:12px;border:1px solid #eee5dd;border-inline-start:3px solid #ee9b62;border-radius:14px;background:linear-gradient(110deg,#fffdf9,#fff)}.statement-entry:last-of-type{margin-bottom:0}.statement-entry-top,.statement-entry-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.statement-entry h3{font-size:15px;font-weight:550;margin:0}.statement-entry-top>strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.statement-credit{color:#17805c}.statement-debit{color:#b45339}.statement-entry-bottom{margin-top:16px;font-size:11px;color:#938577}.statement-entry-bottom b{font-weight:500;color:#6c6056}.statement-entry details{font-size:10px;color:#a19183;margin-top:12px}.statement-entry summary{cursor:pointer}.statement-entry details p{overflow-wrap:anywhere}.statement-caption{font-size:11px;line-height:1.7;color:#948577;margin-top:15px}.statement-empty{padding:30px;text-align:center;color:#8a7b6e}.statement-page [hidden]{display:none!important}
.statement-export{display:flex;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid #eee1d5}
html[data-theme=dark] body[data-surface=customer] .statement-heading{background:transparent;border-color:#393d3f}html[data-theme=dark] .statement-export{border-color:#393d3f}
html[data-theme=dark] body[data-surface=customer] .statement-account-card{background:radial-gradient(ellipse at 96% 0%,#f9d7aaaa,transparent 65%),linear-gradient(118deg,#fff6e7,#f9e5c8 66%,#f0cda0);border-color:#d7b286;box-shadow:0 14px 37px #00000012,inset 0 1px #fff7}html[data-theme=dark] body[data-surface=customer] .statement-account-card .statement-card-account{color:#977454}html[data-theme=dark] body[data-surface=customer] .statement-account-card .statement-card-metrics dt{color:#92714f}html[data-theme=dark] body[data-surface=customer] .statement-account-card .statement-card-metrics dd,html[data-theme=dark] body[data-surface=customer] .statement-account-card .statement-card-amount>strong{color:#3b2a1c}
@container(max-width:690px){.statement-card-overview{padding:29px;min-height:225px}.statement-card-copy{max-width:77%}.statement-account-card .statement-card-art{inset-inline-end:6px;transform:scale(.83);transform-origin:right center;opacity:.64}.statement-account-mark{right:26px;bottom:21px;letter-spacing:1.3px;font-size:6px}.statement-card-metrics{padding:0 7px}.statement-card-metrics>div{padding-inline:20px}.statement-card-metrics dt{font-size:9px;gap:6px}.statement-card-metrics dd{font-size:16px}}
@container(max-width:480px){.statement-account-card{border-radius:21px}.statement-card-overview{padding:28px 25px 31px;min-height:240px}.statement-card-copy{max-width:100%}.statement-card-label{font-size:8px;letter-spacing:1.7px}.statement-card-amount{gap:9px;margin:24px 0 17px;white-space:normal;flex-wrap:wrap;row-gap:5px}.statement-card-amount>span{font-size:11px}.statement-card-amount>strong{font-size:clamp(30px,9cqi,40px);letter-spacing:-1.2px;overflow-wrap:anywhere;max-width:100%}.statement-card-account{font-size:9px;max-width:80%;row-gap:1px}.statement-account-card .statement-card-art{inset-inline-end:-30px;inset-block-start:93px;transform:scale(.55);opacity:.27;transform-origin:right top}.statement-account-mark{left:25px;right:24px;justify-content:space-between;bottom:18px;font-size:6px;letter-spacing:1.6px}.statement-card-metrics{grid-template-columns:1fr;padding:0 25px;background:#fffcf42e}.statement-card-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:19px 0;margin:0;border-inline-end:0;border-bottom:1px solid #dbb78959}.statement-card-metrics>div:last-child{border-bottom:0}.statement-card-metrics dt{margin:0;font-size:10px;gap:8px;flex-shrink:0}.statement-card-metrics dd{font-size:17px;letter-spacing:-.4px;text-align:right}.statement-card-metrics dt>span{font-size:14px}}
@media(max-width:600px){.statement-actions{align-items:start;flex-direction:column}.statement-filters{overflow:auto}.statement-filters button{flex:0 0 auto;font-size:11px}.statement-list{padding:12px}.statement-entry{padding:16px 12px}.statement-entry-top{align-items:start}.statement-entry-top>strong{font-size:14px}.statement-entry-bottom{flex-wrap:wrap}.statement-entry h3{font-size:13px}.statement-export .secondary{width:100%;text-align:center}}

/* A graphite balance card with restrained warm highlights in both themes. */
html:root body[data-surface=customer] .statement-account-card{
 --statement-card-ink:#faf7f2;--statement-card-muted:#beb7ae;
 background:radial-gradient(ellipse at 95% 5%,#9a63312b,transparent 58%),linear-gradient(120deg,#292825,#181918 72%);
 border-color:#49433c;box-shadow:0 18px 40px #201a161c,inset 0 1px #ffffff12;
}
html:root body[data-surface=customer] .statement-card-overview:before{border-color:#dba16c24;box-shadow:0 0 0 38px #d39f6408,0 0 0 80px #d39f6405}
html:root body[data-surface=customer] .statement-account-card .statement-card-label{color:#f2b17d}
html:root body[data-surface=customer] .statement-account-card .statement-card-amount>span{color:#c9bdb0}
html:root body[data-surface=customer] .statement-account-card .statement-card-amount>strong,
html:root body[data-surface=customer] .statement-account-card .statement-card-metrics dd{color:#faf7f2}
html:root body[data-surface=customer] .statement-account-card .statement-card-account,
html:root body[data-surface=customer] .statement-account-card .statement-card-metrics dt{color:#beb7ae}
html:root body[data-surface=customer] .statement-card-account>span{color:#e5ded5}
html:root body[data-surface=customer] .statement-account-mark{color:#c0ad99}
html:root body[data-surface=customer] .statement-card-metrics{background:#ffffff04;border-top-color:#ffffff17}
html:root body[data-surface=customer] .statement-card-metrics>div{border-color:#ffffff17}
html:root body[data-surface=customer] .statement-card-metrics dt>span{color:#e8ad7b}
html:root body[data-surface=customer] .statement-account-card .statement-card-art i{border-color:#b8afa34d;box-shadow:8px 15px 24px #0005,inset 1px 1px #ffffff20}
html:root body[data-surface=customer] .statement-account-card .statement-card-art i:first-child{background:linear-gradient(120deg,#665444,#9a7d60)}
html:root body[data-surface=customer] .statement-account-card .statement-card-art i:nth-child(2){background:linear-gradient(120deg,#827c73,#bdb5a8)}
html:root body[data-surface=customer] .statement-account-card .statement-card-art i:last-child{background:linear-gradient(125deg,#e8e3da,#c5bdae 65%,#a89a87);box-shadow:10px 17px 28px #0005,inset 1px 1px #ffffff70}
html:root body[data-surface=customer] .statement-card-art b{color:#504b43}
html:root body[data-surface=customer] .statement-card-art .art-lines{background:#514a4044;box-shadow:0 -12px #514a402b}

/* Polished currency medallion in place of the stacked payment cards. */
.statement-luminous-emblem{position:absolute;right:53px;top:19px;width:250px;height:205px;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse,#ffc47a40,transparent 68%)}
.statement-emblem-disc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:158px;height:158px;border-radius:50%;border:1px solid #fff4cf;background:radial-gradient(circle at 28% 22%,#fffef7 0%,#fff1c9 21%,#eec48b 49%,#ab703c 75%,#f8d69c 98%);box-shadow:inset 3px 3px 5px #fff9,inset -4px -5px 10px #79481d55,0 0 0 7px #ffdfac12,0 0 38px #f6bc6950,0 18px 25px #0004;transform:rotate(-12deg)}
.statement-emblem-disc:before{content:'';position:absolute;inset:9px;border:1px solid #fffa;border-radius:50%;box-shadow:inset 0 0 0 1px #7b542530}
.statement-emblem-disc small{font-size:6px;letter-spacing:1.2px;color:#765030}
.statement-emblem-disc b{font-size:39px;letter-spacing:1px;line-height:1.5;color:#5b3b24;text-shadow:0 1px #fff9}
.statement-emblem-disc i{font-style:normal;font-size:16px;color:#83532b}
.statement-emblem-orbit{position:absolute;inset:27px 0;border:1px solid #ffd7a37a;border-radius:50%;transform:rotate(-32deg);box-shadow:0 1px 0 #fff3}
.statement-emblem-spark{position:absolute;top:27px;right:48px;color:#fff8df;font-size:28px;text-shadow:0 0 18px #ffc777}
@container(max-width:690px){.statement-luminous-emblem{right:8px;transform:scale(.82);transform-origin:right center}}
@container(max-width:480px){.statement-luminous-emblem{right:-20px;top:80px;transform:scale(.48);opacity:.5;transform-origin:right top}}

/* Translucent warm glass with an orange meteor crossing the background. */
html:root body[data-surface=customer] .statement-account-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#fffdf4dd,transparent 65%),linear-gradient(125deg,#fff9efe8,#ffe3bdc9 75%,#ffd29fc4)!important;border:1px solid #ef994b!important;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff,0 18px 40px #ba702718!important}
html:root body[data-surface=customer] .statement-account-card .statement-card-label{color:#ab490d}
html:root body[data-surface=customer] .statement-account-card .statement-card-amount>span,
html:root body[data-surface=customer] .statement-account-card .statement-card-account,
html:root body[data-surface=customer] .statement-account-card .statement-card-metrics dt{color:#88603b}
html:root body[data-surface=customer] .statement-account-card .statement-card-amount>strong,
html:root body[data-surface=customer] .statement-account-card .statement-card-metrics dd,
html:root body[data-surface=customer] .statement-card-account>span{color:#4c301d}
html:root body[data-surface=customer] .statement-account-mark{color:#a86a2d}
html:root body[data-surface=customer] .statement-card-metrics{background:#fffdf554;border-top:1px solid #ed984b77;position:relative}
html:root body[data-surface=customer] .statement-card-metrics>div{border-color:#ed984b77}
html:root body[data-surface=customer] .statement-card-metrics dt>span{color:#d96a15}
html:root body[data-surface=customer] .statement-card-overview:before{border-color:#efa24d66;box-shadow:0 0 0 38px #ffc47a12,0 0 0 80px #ffc47a0a}
.statement-meteor{position:absolute;left:-8%;top:90%;width:7px;height:7px;z-index:0;border-radius:50%;background:#fffef1;box-shadow:0 0 5px #fff,0 0 15px #ffaf41,0 0 35px #ff982b;pointer-events:none;animation:statement-meteor-flight 7s linear infinite}
.statement-meteor::before{content:'';position:absolute;right:1px;top:2px;width:180px;height:3px;transform:rotate(-24deg);transform-origin:right center;background:linear-gradient(90deg,transparent,#fca03c88,#fff7d6);box-shadow:0 4px 12px #ffb14855;border-radius:100%}
@keyframes statement-meteor-flight{0%,12%{left:-8%;top:90%;opacity:0}16%{opacity:1}53%{left:85%;top:7%;opacity:1}62%,100%{left:115%;top:-20%;opacity:0}}
@media(prefers-reduced-motion:reduce){.statement-meteor{animation:none;display:none}}