/* Full-width color bands make each chapter distinct without changing its layout. */
#welcome>[data-onboarding-panel]{--section-background:#101827;position:relative;isolation:isolate;border-top:1px solid #b69bd344;border-bottom:1px solid #080b13}
#welcome>[data-onboarding-panel]::before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-1;background:var(--section-background);pointer-events:none}
#welcome>.hero{--section-background:#0b0d19;border-top:0}
#welcome>.landing-demo{--section-background:#eee8f6;border-top-color:#d0bfdc;border-bottom-color:#bba7cf;color:#241b34}
.landing-demo-copy h2{color:#241b34}.landing-demo-copy h2 em{color:#75469d}
.landing-demo .eyebrow{color:#65457f}.landing-demo-copy>p:not(.eyebrow):not(.demo-fine-print){color:#50455e}.landing-demo .demo-fine-print{color:#62556e}
.landing-demo .demo-launch{background:#6c4194;border-color:#6c4194;color:#fff;box-shadow:0 7px 18px #44246625}.landing-demo .demo-launch:hover{background:#553175}
#welcome>.why-section{--section-background:#142137}
#welcome>.meaning-section{--section-background:#291d3c}
#welcome>.how-section{--section-background:#0c111f}
#welcome>.inside-section{--section-background:#142137}
#welcome>.editions-section{--section-background:#291d3c}
#welcome>.questions-section{--section-background:#101827}
#welcome>.closing-section{--section-background:#2b1c3f}
#welcome>.format-strip{background:#080b13;border-top:1px solid #b69bd355;border-bottom:1px solid #b69bd355}
.login-panel{background:#1a2033;border:1px solid #796696;box-shadow:0 12px 42px #0003}.login-panel .provider-button{background:#252c43;border-color:#66577e;color:#f4effa}.login-panel .email-login input{background:#101625;border-color:#796696;color:#f4effa}
.landing-header.is-scrolled{background:#0b0d19f5;border-bottom-color:#8c739c66}
@media(max-width:760px){html[data-mobile-onboarding=ready] #welcome>[data-onboarding-panel]{border-top:0;border-bottom:0}html[data-mobile-onboarding=ready] #welcome>.landing-demo{background:#eee8f6}html[data-mobile-onboarding=ready] #welcome>[data-onboarding-panel]::before{inset:0}.onboarding-dots button span{background:#8a7c9f}.onboarding-dots button[aria-current=step] span{background:#d3baff}}
.landing-demo .demo-launch:focus-visible{outline-color:#75469d}