.landing{--landing-measure:72rem;font-family:var(--blume-font-body);color:var(--blume-foreground);padding-block-end:6rem}.landing :where(a){color:inherit}.hero{text-align:center;border-block-end:1px solid var(--blume-border);isolation:isolate;align-content:center;min-block-size:min(44rem,92dvh);padding-block:6rem 4.5rem;padding-inline:1.5rem;display:grid;position:relative;overflow:hidden}@media (width>=64rem){.hero{padding-block:7rem 5.5rem}}.hero-inner{z-index:1;max-width:52rem;margin-inline:auto;position:relative}.hero-backdrop{z-index:0;background:radial-gradient(60% 55% at 50% 38%, color-mix(in oklch, var(--blume-accent) 16%, transparent), transparent 70%), var(--blume-background);position:absolute;inset:0}.hero-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block}.hero[data-hero-state=live] .hero-canvas{opacity:1}@media (prefers-reduced-motion:reduce){.hero-canvas{transition:none}}.hero-scrim{background:radial-gradient(55% 60% at 50% 48%, color-mix(in oklch, var(--blume-background) 55%, transparent), transparent 100%);position:absolute;inset:0}.hero-title{font-family:var(--blume-font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.25rem,5.2vw,3.5rem);font-weight:500;line-height:1.04}.hero-lead{max-width:38rem;color:var(--blume-muted-foreground);text-wrap:pretty;margin-block-start:1.5rem;margin-inline:auto;font-size:1.0625rem;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem;display:flex}.hero-deck-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-block-start:2.5rem;display:grid;transform:perspective(900px)rotateX(3deg)}.hero-deck-strip .slide-screenshot{box-shadow:0 18px 36px -24px #000000a6}.button{border-radius:var(--blume-radius);border:1px solid #0000;align-items:center;padding:.6875rem 1.125rem;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.button-primary{color:var(--blume-accent-foreground);background-color:var(--blume-accent)}.button-primary:hover{background-color:color-mix(in oklch, var(--blume-accent) 88%, var(--blume-foreground))}.button-quiet{color:var(--blume-foreground);border-color:var(--blume-border)}.button-quiet:hover{background-color:var(--blume-muted)}.install{text-align:start;max-width:42rem;margin-block-start:2.5rem;margin-inline:auto}.install-tabs{border:0;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0 0 .75rem;padding:0;display:flex}.install-tabs label{padding:.4375rem .875rem}.install-panels{display:grid}.install-panel{grid-area:1/1;display:none}.install-panel[data-install=terminal]{width:min(100%,32rem);margin-inline:auto}.install pre.astro-code{padding:.9375rem 1.25rem;font-size:.875rem}.install:has(#install-terminal:checked) .install-panel[data-install=terminal],.install:has(#install-agent:checked) .install-panel[data-install=agent]{display:block}.install-notes{margin-block-start:.875rem;display:grid}.install-note{visibility:hidden;color:var(--blume-muted-foreground);text-align:center;text-wrap:pretty;grid-area:1/1;font-size:.8125rem;line-height:1.6}.install-note a{color:var(--blume-accent);text-underline-offset:3px;text-decoration-line:underline}.install:has(#install-terminal:checked) .install-note[data-install=terminal],.install:has(#install-agent:checked) .install-note[data-install=agent]{visibility:visible}.switch-input,.sr-only{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.landing :not(pre)>code{font-family:var(--blume-font-mono);background-color:var(--blume-muted);border:1px solid var(--blume-border);border-radius:.35rem;padding:.1em .35em;font-size:.875em}.section{max-width:var(--landing-measure);border-block-start:1px solid var(--blume-border);margin-inline:auto;padding-block:4.5rem;padding-inline:1.5rem}.section-lead{border-block-start:0}.section-head{max-width:46rem;margin-block-end:2.5rem}.section-head h2,.closing h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;line-height:1.15}.section-head p{color:var(--blume-muted-foreground);text-wrap:pretty;margin-block-start:1rem;font-size:1rem;line-height:1.7}.section-footnote{max-width:46rem;color:var(--blume-muted-foreground);text-wrap:pretty;margin-block-start:1.75rem;font-size:.875rem;line-height:1.7}.section-footnote a{color:var(--blume-accent);text-underline-offset:3px;text-decoration-line:underline}.code-figure,.demo-code{background-color:var(--blume-code-background);border:1px solid var(--blume-border);border-radius:calc(var(--blume-radius) + .25rem);margin:0;overflow:hidden}.code-figure figcaption,.demo-code figcaption{font-family:var(--blume-font-mono);color:var(--blume-muted-foreground);text-transform:uppercase;letter-spacing:.12em;background-color:var(--blume-muted);border-block-end:1px solid var(--blume-border);padding:.625rem 1rem;font-size:.6875rem}.landing pre.astro-code{font-family:var(--blume-font-mono);background-color:#0000;margin:0;padding:1rem 1.25rem;font-size:.78125rem;line-height:1.7;overflow-x:auto}@media (width<=47.99rem){.landing pre.astro-code{padding:.875rem 1rem;font-size:.6875rem}}.landing pre.astro-code,.landing pre.astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .landing pre.astro-code,:root[data-theme=dark] .landing pre.astro-code span{color:var(--shiki-dark)}.demo,.demo-viewer{gap:1.25rem;display:grid}.demo-steps{border:0;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;display:flex}.demo-steps label,.theme-picker label,.install-tabs label{font-family:var(--blume-font-mono);color:var(--blume-muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:999px;font-size:.75rem;line-height:1;transition:background-color .14s,border-color .14s,color .14s}.demo-steps label{align-items:center;gap:.5rem;padding:.5rem .875rem;display:inline-flex}.demo-steps label:hover,.theme-picker label:hover,.install-tabs label:hover{color:var(--blume-foreground)}.demo-steps label:has(:checked),.theme-picker label:has(:checked),.install-tabs label:has(:checked){color:var(--blume-foreground);background-color:var(--blume-muted);border-color:var(--blume-border)}.demo-steps label:has(:focus-visible),.theme-picker label:has(:focus-visible),.install-tabs label:has(:focus-visible){outline:2px solid var(--blume-accent);outline-offset:2px}.demo-step-number{font-variant-numeric:tabular-nums;opacity:.55}.demo-panels{align-items:start;gap:1.5rem;display:grid}@media (width>=64rem){.demo-panels{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem}.demo-stage{position:sticky;inset-block-start:5rem}}.demo-slide,.demo-track{display:none}.demo-captions{margin-block-start:1rem;display:grid}.demo-caption{visibility:hidden;color:var(--blume-muted-foreground);text-wrap:pretty;grid-area:1/1;font-size:.875rem;line-height:1.65}@media (width>=64rem) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.demo{align-items:start}.demo-viewer{grid-template-rows:auto minmax(0,1fr);max-block-size:calc(100dvh - 6rem);position:sticky;inset-block-start:5rem}.demo-panels{align-items:stretch;min-block-size:0}.demo-code{grid-template-rows:auto minmax(0,1fr);min-block-size:0;display:grid}.demo-code pre.astro-code{padding-block:.75rem;font-size:.6875rem;line-height:1.5;overflow:auto}.demo-stage{align-self:center;position:static}.demo-track{padding-block:24vh 16vh;display:block}.demo-beat{block-size:72vh}}.demo-code .line{width:100%;animation-duration:.34s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;display:inline-block}@media (prefers-reduced-motion:no-preference){.demo-code .line{transition:opacity .22s}}@keyframes demo-line-in{0%{transform:translate(-.4rem)}to{transform:none}}.canvas-demo{place-items:end center;gap:2rem;display:grid}@media (width>=48rem){.canvas-demo{grid-template-columns:minmax(0,1fr) 10.5rem;gap:3rem;max-width:58rem}}.canvas-demo figure{width:100%;margin:0}.canvas-demo-narrow{max-width:10.5rem}.canvas-demo figcaption{font-family:var(--blume-font-mono);color:var(--blume-muted-foreground);text-align:center;text-transform:uppercase;letter-spacing:.12em;margin-block-start:.75rem;font-size:.6875rem}.shot{max-width:62rem;margin:0}.shot-image{border:1px solid var(--blume-border);border-radius:calc(var(--blume-radius) + .25rem);width:100%;height:auto;display:block}.shot figcaption{color:var(--blume-muted-foreground);margin-block-start:.875rem;font-size:.8125rem;line-height:1.6}.theme-stage{max-width:52rem}.theme-frames{display:grid}.theme-frame{grid-area:1/1;display:none}.theme-frame .deck-preview{box-shadow:0 24px 60px -32px #0000008c}.theme-picker{border:0;flex-wrap:wrap;gap:.375rem;margin-block-start:1rem;padding:0;display:flex}.theme-picker label{padding:.4375rem .75rem}.agent-grid{gap:1.5rem;display:grid}@media (width>=48rem){.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.agent-item{border-block-start:1px solid var(--blume-border);padding-block-start:1.25rem}.agent-item h3{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.3}.agent-item p{color:var(--blume-muted-foreground);text-wrap:pretty;margin-block-start:.625rem;font-size:.9375rem;line-height:1.7}.agent-item a{color:var(--blume-accent);text-underline-offset:3px;text-decoration-line:underline}.closing{max-width:var(--landing-measure);text-align:center;border-block-start:1px solid var(--blume-border);margin-inline:auto;padding-block:5rem;padding-inline:1.5rem}.landing-footer{max-width:72rem;color:var(--blume-muted-foreground);border-block-start:1px solid var(--blume-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-inline:auto;padding-block:2rem 3rem;padding-inline:1.5rem;font-size:.8125rem;display:flex}.landing-footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}.landing-footer a{color:var(--blume-muted-foreground);text-decoration:none}.landing-footer a:hover{color:var(--blume-foreground)}