/* Lightweight first response for non-JS visitors and search crawlers.
   Vue replaces this snapshot when the full, animated home page mounts. */
.seo-snapshot{box-sizing:border-box;min-height:100vh;padding:clamp(30px,5vw,72px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;color:#263046;background:radial-gradient(ellipse at 72% 15%,rgba(164,155,222,.12),transparent 55%),#f9fafc}
.seo-snapshot *{box-sizing:border-box}
.seo-snapshot__hero{max-width:1040px;padding:clamp(48px,7vw,116px) 0}
.seo-snapshot__eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.16em;color:#7168a6}
.seo-snapshot h1{margin:.18em 0;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.2;letter-spacing:-.045em;color:#24213a}
.seo-snapshot__lead{font-size:clamp(1.15rem,2vw,1.6rem);color:#69638f}
.seo-snapshot p{max-width:66ch}
.seo-snapshot nav,.seo-snapshot footer{display:flex;gap:24px;flex-wrap:wrap}
.seo-snapshot a{display:inline-flex;padding:10px 0;color:#5c519e;text-decoration:none;border-bottom:1px solid #bbb3df}
.seo-snapshot section{max-width:920px;margin:3.5rem 0}
.seo-snapshot h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em}
.seo-snapshot h3{margin:1.8rem 0 .25rem}
@media(prefers-color-scheme:dark){.seo-snapshot{color:#d8daef;background:radial-gradient(ellipse at 72% 15%,rgba(113,91,171,.18),transparent 55%),#141723}.seo-snapshot h1{color:#f6f3ff}.seo-snapshot__lead{color:#b7aee0}.seo-snapshot a{color:#d2c5ff;border-color:#605683}}