.card-page{margin:0;width:max-content}.bell-card{width:1200px;height:630px;padding:40px 56px 30px;background:#0F0B2B;color:#F1F4FF;--ink:#F1F4FF;--accent:#F1F4FF;--rule:#4C4666;display:flex;flex-direction:column;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding-bottom:22px;border-bottom:1px solid var(--rule);font:20px var(--mono)}.card-head img{width:162px;height:auto}.bell-card h1{font:500 55px/1.05 var(--serif);margin:20px 0 8px;letter-spacing:-.015em}.card-spend{font:400 36px/1.2 var(--author);margin:0}.burn-outcome{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:12px}.burn-outcome p{font:400 33px/1.15 var(--author);margin:0}.burn-outcome strong{display:block;font:600 114px/1.1 var(--author);letter-spacing:-.035em;color:var(--accent);margin:4px 0}.card-foot{border-top:1px solid var(--rule);padding-top:16px;margin:18px 0 0;font:18px var(--mono);display:flex;justify-content:space-between;gap:20px;color:#C3C4D8}
.bell-card.phone{width:1080px;height:1350px;padding:56px 64px 48px}.phone .card-head{padding-bottom:36px;font-size:26px}.phone .card-head img{width:220px}.phone h1{font-size:96px;margin:50px 0 24px}.phone .card-spend{font-size:60px;line-height:1.2;max-width:16ch}.phone .burn-outcome{padding-top:40px}.phone .burn-outcome p{font-size:56px;line-height:1.2;max-width:23ch}.phone .burn-outcome strong{font-size:156px;margin:14px 0 20px}.phone .card-foot{font-size:25px;padding-top:28px;margin-top:42px;display:block}.phone .card-foot span{display:block}.phone .card-foot span+span{margin-top:10px}

#card-backing{font:400 22px/1.3 var(--author);margin:8px 0 0}.phone #card-backing{font-size:34px}
@media(max-width:1200px){.card-page{width:100%;overflow-wrap:anywhere}.bell-card:not(.phone){width:100%;height:auto;min-height:630px}.bell-card:not(.phone) .burn-outcome strong{font-size:clamp(48px,9.5vw,114px)}.bell-card:not(.phone) .card-head{flex-wrap:wrap;gap:12px}.bell-card:not(.phone) .card-foot{flex-wrap:wrap}.bell-card:not(.phone) .card-spend{font-size:clamp(24px,3vw,36px)}}

@media(max-width:640px){.bell-card:not(.phone){padding:28px 20px;min-height:660px}.bell-card:not(.phone) h1{font-size:48px}.bell-card:not(.phone) .card-head{font-size:14px}.bell-card:not(.phone) .burn-outcome p{font-size:26px}.bell-card:not(.phone) .card-foot{font-size:14px}.bell-card:not(.phone) #card-backing{font-size:18px;line-height:1.4}.bell-card:not(.phone) .burn-outcome strong{font-size:60px}}

.card-page{background:#0F0B2B;color:#F1F4FF;color-scheme:dark}
.card-lockup{display:flex;align-items:center;gap:12px;flex-shrink:0}
.card-head .card-signature{width:40px;height:40px}
.card-head .card-wordmark{width:162px;height:auto;filter:none}
.card-head,#card-backing{color:#C3C4D8}
@media(max-width:640px){.card-lockup{gap:6px}.card-head .card-signature{width:32px;height:32px}.card-head .card-wordmark{width:112px}}

/* Fixed export sizes, after responsive preview rules. */
.bell-card:not(.phone){width:1600px;height:900px;min-height:900px;padding:64px 72px 48px}.bell-card:not(.phone) h1{font-size:76px}.bell-card:not(.phone) .card-spend{font-size:52px}.bell-card:not(.phone) .burn-outcome p{font-size:48px}.bell-card:not(.phone) .burn-outcome strong{font-size:160px}.bell-card:not(.phone) .card-head{font-size:28px}.bell-card:not(.phone) .card-foot{font-size:26px}.bell-card:not(.phone) #card-backing{font-size:32px}.phone #card-backing{font-size:40px}

.phone .card-head .card-signature{width:48px;height:48px}.phone .card-lockup{gap:16px}