html[data-account=rdsp]{--paper:#f7f1ec;--ink:#382817;--muted:#62503e;--accent:#724117;--tint:#eee1d0;--line:#b5a087}
html[data-theme=dark]{--paper:#15202a;--surface:#1d2c39;--ink:#f0f3f8;--muted:#b9c8d7;--accent:#b6d4f5;--tint:#293f53;--line:#7e94aa}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){--paper:#15202a;--surface:#1d2c39;--ink:#f0f3f8;--muted:#b9c8d7;--accent:#b6d4f5;--tint:#293f53;--line:#7e94aa}}

.comic{margin:1.5rem 0}.comic img{display:block;width:100%;height:auto;border-radius:6px}.comic figcaption{font-size:.9rem;margin-top:.6rem;color:var(--muted);max-width:40em}.benefit-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.benefit-flow p{padding:1rem;border-left:3px solid var(--accent);background:var(--tint);animation:account-arrive .7s ease-out both;animation-delay:calc(var(--step)*.12s)}.timeline li{animation:account-arrive .7s ease-out both}.timeline li:nth-child(2){animation-delay:.1s}.timeline li:nth-child(3){animation-delay:.2s}.timeline li:nth-child(4){animation-delay:.3s}.timeline li:nth-child(5){animation-delay:.4s}.timeline li:nth-child(6){animation-delay:.5s}@keyframes account-arrive{from{transform:translateY(6px)}to{transform:none}}@media(max-width:600px){.benefit-flow{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.benefit-flow p,.timeline li{animation:none}}