/* Background, Ranya's pick (Nov 3): A's paper and white page with B's washes flowing between sections.
   No color clouds, no gradient lettering. The Fern Assistant block, the green band, the quote and the facts strip
   stay exactly as D2 has them; only the page colors around them change (d2.js reads --t-*). */
:root {
  --t-paper: linear-gradient(180deg, #F5F7F6 0%, #F2F6F4 100%);
  --t-white: #FFFFFF;
  --t-soft: linear-gradient(180deg, #EDF5F1 0%, #F6F8F7 100%);
  --t-amber: linear-gradient(180deg, #FAF4E8 0%, #F7F8F5 100%);
  --blk: #E6F2EC;
}
@media (prefers-color-scheme: dark) { :root {
  --t-paper: linear-gradient(180deg, #121413 0%, #131615 100%);
  --t-white: #171A19;
  --t-soft: linear-gradient(180deg, #15201C 0%, #121413 100%);
  --t-amber: linear-gradient(180deg, #19170F 0%, #121413 100%);
  --blk: #16261F;
} }

/* A: the story phone sits on a soft rounded block, never on amber */
.story-sec .stage { --tint: var(--blk); }
.story-sec .gleaf { box-shadow: 0 0 0 3px var(--t-white); }
/* A: amber only as a light accent on the Pro card */
#pricing .plan.pro { box-shadow: inset 0 3px 0 var(--amber), 0 18px 40px -18px rgba(12,32,24,.2); }