/* notes-home.css — the few rules get-started.html needs on top of the kit's
   site.css (GENERATED from limoaudio-web; never edit that one here). */
body { --acc: #00a3a3; --acc-ink: #101012; }   /* house teal, next to the app's own #008080 */
.notes-intro .row-actions { justify-content: center; margin-top: 26px; }
.step-n { display: block; font: 500 12px/1 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.fact .price { display: block; font-size: 26px; font-weight: 500; color: var(--ink); margin-bottom: 4px; }
.fact.is-featured { box-shadow: inset 0 0 0 2px var(--acc); }
.pricing-actions { margin-top: 28px; }
.pricing-note { margin-top: 18px; font-size: 14px; color: var(--muted); max-width: 70ch; }
.plan-lists { margin-top: clamp(24px, 3vw, 40px); }
.plan-lists ul { margin: 10px 0 0; padding-left: 18px; font-size: 15.5px; color: var(--ink-2); }
.plan-lists li + li { margin-top: 4px; }
.notes-cta { text-align: center; }
.notes-cta .lede { margin-inline: auto; }
.notes-cta .row-actions { justify-content: center; }

/* The product shot under the intro, and the feature rows (the kit's .product-row). */
.notes-hero-shot { max-width: 1120px; margin: clamp(32px, 5vw, 56px) auto 0; }
.nr-record { --acc: #00a3a3; --acc-ink: #101012; }
.nr-youtube { --acc: #f43f5e; --acc-ink: #ffffff; }
.nr-media { --acc: #f59e0b; --acc-ink: #101012; }
.nr-translate { --acc: #9c6bff; --acc-ink: #ffffff; }
.nr-video { --acc: #00cccc; --acc-ink: #101012; }
.nr-devices { --acc: #3b82f6; --acc-ink: #ffffff; }

/* The price tiles: free, five plans and three credit packs (Oct 30 2026) — three across, a full 3 × 3.
   (Here, not in site.css: that file is the kit limoaudio-web/tools/sync-kit.mjs generates.) */
#pricing-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }