/* Prompter — marketing site styles (Phase 10 V3A). Builds on the shared design tokens in styles.css (colors, type, button styles, focus-ring, reduced-motion override) — this file only adds marketing-page-specific layout: nav, hero, and the interactive demo. styles.css itself is never modified, so the workspace at /app.html is completely unaffected by anything in this file. */ :root { /* Use-case category accents — additive, marketing-only tokens (--uc- prefix keeps them clearly distinct from styles.css's shared --accent family). Each is a small, functional category-coding device: it appears only on its own use-case card's icon and top border, nowhere else on the page, so the page stays a restrained violet-first palette rather than acquiring a rainbow aesthetic. */ --uc-business: #a78bfa; --uc-learning: #7dd3c0; --uc-writing: #8b9eff; --uc-coding: #f0b86e; --uc-research: #e89edb; --uc-creative: #8bc9ff; } body.marketing { overflow-x: hidden; } /* marketing.css is only ever linked from the marketing page itself, so scoping scroll-behavior to html here cannot affect /app.html. */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } #demo, #use-cases, #how-it-works { scroll-margin-top: 84px; } /* styles.css's .btn classes were designed for