/* Seed design layer for the older site templates (2 Nov 2026). Loaded after each page's own styles.
   inject.py wraps each page's opening (breadcrumbs and title, or the page's hero) in .sl-band: a full-width Ink
   band with the leaf glow, continuing the dark menu like the homepage and app pages. Inside it the tokens switch to
   dark (data-seed-theme), and the few hard-coded colours of the old templates are corrected here. */

body { overflow-x: clip; }
.sl-band { position: relative; isolation: isolate; padding: 8px 0 64px; margin-bottom: 56px; color: var(--seed-ink); }
.sl-band::before { content: ""; position: absolute; z-index: -1; top: calc(-1 * var(--sl-reach, 0px)); bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw);
  background: radial-gradient(55% 120% at 82% 0%, color-mix(in srgb, #B5CF74 13%, transparent), transparent 70%), #101A1A; }
.sl-band.sl-first { --sl-reach: 200px; }
.sl-band :is(h1, h2) { color: var(--seed-ink); }
.sl-band :is(.lead, .info-lead, p) { color: var(--seed-muted); }
.sl-band :is(.eyebrow, .info-kicker, .kicker) { color: #B5CF74; }
.sl-band .breadcrumbs, .sl-band .breadcrumbs :is(a, span, li) { color: var(--seed-muted); }
.sl-band .breadcrumbs a:hover { color: var(--seed-ink); }
.sl-band a:not([class]) { color: #B5CF74; }
.sl-band .page-intro, .sl-band .comparison-intro, .sl-band .pricing-intro { padding-bottom: 0; }
.sl-band > :first-child { margin-top: 0; }
@media (max-width: 720px) { .sl-band { padding-bottom: 44px; margin-bottom: 40px; } }
/* Old templates paint this button Ink with high specificity; in the dark band it must be Leaf to be seen. */
.sl-band .waitlist-form button[type="submit"] { background: #B5CF74 !important; color: #101A1A !important; border-color: transparent !important; }
.sl-band .waitlist-form button[type="submit"]:hover { background: #C9DD95 !important; }
.sl-band [class*="meta"] > * { border-color: rgb(246 244 239 / .18) !important; }