/* One background spans the entire document. Sections reveal the same gradient. */
:root{--gradient-start:#f4f8ff;--gradient-blue:#dce9fc;--gradient-mint:#e0f1ec;--gradient-ink:#334b63;--muted:#43586d}
body{background-color:var(--gradient-start);background-image:linear-gradient(148deg,var(--gradient-start) 0%,#e3edff 24%,var(--gradient-blue) 48%,var(--gradient-mint) 78%,#edf6f4 100%);background-size:100% 100%;background-repeat:no-repeat;min-height:100vh}
.hero .intro,.hero .preview-caption,header nav a,header .nav-cta{color:var(--gradient-ink)}
.hero h1 span{color:var(--blue)}
.feature-carousel,.launch-proposal{background:transparent}
.carousel-heading>p,.choice-description,.library-scope,.carousel-footnote,.carousel-caption,.launch-proposal p{color:var(--gradient-ink)}
.feature-choice[aria-pressed=true]{background:rgba(255,255,255,.72)}
.answers details[open]{background:rgba(255,255,255,.5)}
.support-brand .back-home{color:var(--blue)}
.support-brand+.page{background:rgba(250,251,252,.88);border-radius:24px}
@media(max-width:760px){.support-brand+.page{border-radius:0;background:var(--canvas)}}