/* Cozy scenes use Lumi's artwork and the shared night palette. Decorative
   radial glows have no text; all copy retains the checked semantic tokens. */
.opening-scene { background: var(--cream); }
.night-demo-section { border: 0; background: radial-gradient(ellipse at 24% 70%, #332e4c65, transparent 60%), var(--surface); }
.night-demo-copy > p:not(.eyebrow) { font-size: .88rem; }
.quiet-details { border-block: 1px solid var(--line); margin-top: 1.6rem; }
.quiet-details > summary { display: flex; align-items: center; gap: .75rem; cursor: pointer; list-style: none; padding: 1.1rem 0; min-height: 3rem; font-size: .77rem; line-height: 1.6; color: var(--ink-2); }
.quiet-details > summary::-webkit-details-marker { display: none; }
.quiet-details > summary::after { content: "+"; margin-left: auto; font-size: 1.15rem; color: var(--purple-brand); }
.quiet-details[open] > summary::after { content: "−"; }
.quiet-details > summary:hover { color: var(--ink); }
.disclosure-copy { padding-bottom: 1.3rem; }
.disclosure-copy > p { color: var(--ink-2); font-size: .79rem; line-height: 1.95; }
.disclosure-copy > p + p { margin-top: .9rem; }
.review-company { display: flex; align-items: center; margin-top: 1.5rem; gap: 1.3rem; }
.review-company > img { width: 10rem; height: 10rem; flex-shrink: 0; }
.review-company > div > p { font-family: var(--font-display); font-size: 1.15rem; font-style: italic; line-height: 1.65; color: var(--purple-brand); }
.language-list { margin-top: 1.3rem; }
.privacy-section { padding-block: 4.5rem; background: radial-gradient(ellipse at 26% 70%, #46405d42, transparent 65%), var(--surface); }
.library-scene { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 5rem; align-items: center; }
.library-art { margin: 0; position: relative; isolation: isolate; text-align: center; }
.library-halo { position: absolute; inset: 25% 0 5%; border-radius: 50%; z-index: -1; background: radial-gradient(ellipse, #c9b8ff1c, transparent 70%); }
.library-art > img { width: 29rem; height: auto; margin: auto; }
.library-art figcaption { color: var(--purple-brand); font-family: var(--font-display); font-size: 1.1rem; font-style: italic; margin-top: .5rem; }
.library-copy h2 { font-size: 3.4rem; line-height: 1.14; margin: 1rem 0 1.5rem; }
.library-copy h2 em { font-weight: inherit; color: var(--moonlight); }
.library-copy > p:not(.eyebrow) { color: var(--ink-2); font-size: .87rem; line-height: 1.95; }
.library-copy > p + p { margin-top: 1rem; }
.everyday-section { padding-block: 5rem; }
.evening-scene { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 5rem; align-items: center; }
.evening-copy { max-width: 29rem; }
.evening-copy h2 { font-size: 3.1rem; line-height: 1.18; margin: 1rem 0 1.4rem; }
.evening-copy > p:not(.eyebrow) { font-size: .87rem; line-height: 1.95; color: var(--ink-2); }
.evening-art { position: relative; padding-bottom: 1.5rem; }
.evening-art > img { width: 28rem; height: auto; margin: auto; }
.evening-art .notification-example { width: 17.5rem; max-width: 100%; margin: -1.5rem auto 0; position: relative; background: var(--surface-raised); box-shadow: 0 10px 35px #08091f33; transform: rotate(-3deg); }
.pricing-section { padding-block: 5.5rem 4rem; border: 0; background: radial-gradient(ellipse at 26% 20%, #7361941a, transparent 65%), var(--surface); }
.plans-intro { font-size: .85rem; line-height: 1.8; text-align: center; color: var(--ink-2); margin-bottom: 1.5rem; }
.faq-section { border: 0; }
.closing-inner > img { width: 22rem; height: 22rem; margin-bottom: -.5rem; }
.closing-section { padding-top: 1.5rem; }
.closing-secondary { color: var(--ink-2); }

@media (max-width: 70em) {
  .library-scene,.evening-scene { gap: 2.5rem; }
  .library-copy h2 { font-size: 3rem; }
  .evening-copy h2 { font-size: 2.7rem; }
}
@media (max-width: 54em) {
  .night-demo-copy .quiet-details { text-align: left; }
  .review-company { justify-content: center; text-align: left; }
  .library-scene { gap: 2rem; }
  .library-copy h2 { font-size: 2.5rem; }
  .library-copy > p:not(.eyebrow) { font-size: .8rem; }
  .library-art figcaption { font-size: .95rem; }
  .evening-scene { gap: 2rem; }
  .evening-copy h2 { font-size: 2.4rem; }
}
@media (max-width: 37em) {
  .review-company { gap: .8rem; margin-top: 1rem; }
  .review-company > img { width: 8.5rem; height: 8.5rem; }
  .review-company > div > p { font-size: 1rem; }
  .night-demo-copy > p:not(.eyebrow) { font-size: .83rem; }
  .quiet-details > summary { font-size: .76rem; }
  .disclosure-copy > p { font-size: .77rem; }
  .language-list { gap: .5rem; }
  .privacy-section { padding-block: 2rem 3.5rem; }
  .library-scene,.evening-scene { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .library-art > img { width: 23rem; }
  .library-art figcaption { font-size: 1.1rem; }
  .library-copy h2 { font-size: 2.8rem; margin-bottom: 1.25rem; }
  .library-copy > p:not(.eyebrow) { font-size: .84rem; }
  .everyday-section { padding-block: 3.5rem 2.5rem; }
  .evening-copy h2 { font-size: 2.6rem; }
  .evening-copy > p:not(.eyebrow) { font-size: .84rem; }
  .evening-art > img { width: 23rem; }
  .evening-art .notification-example { width: 16rem; }
  .pricing-section { padding-block: 3.5rem 2.5rem; }
  .plans-intro { font-size: .8rem; }
  .closing-inner > img { width: 20rem; height: 20rem; }
  .closing-section h2 { font-size: 2.5rem; }
  .closing-section p:not(.eyebrow) { font-size: .84rem; line-height: 1.9; }
}
@media (max-width: 23em) {
  .review-company { gap: .4rem; }
  .review-company > img { width: 7rem; height: 7rem; }
  .review-company > div > p { font-size: .95rem; }
  .closing-section h2 { font-size: 2.25rem; }
}