.showcase{max-width:1200px;margin-inline:auto;padding:var(--lunar-space-8) var(--lunar-space-4)}@media (min-width: 768px){.showcase{padding:var(--lunar-space-12) var(--lunar-space-8)}}.showcase-section{margin-bottom:var(--lunar-space-16);padding-bottom:var(--lunar-space-6);border-bottom:1px solid var(--lunar-border)}.section-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--lunar-space-3);margin-bottom:var(--lunar-space-2)}.section-description{max-width:70ch;margin-bottom:var(--lunar-space-6)}.demo{display:grid;gap:var(--lunar-space-4);align-items:start;margin-bottom:var(--lunar-space-6)}@media (min-width: 900px){.demo{grid-template-columns:1fr 1fr}}.demo.demo-wide{grid-template-columns:1fr}.demo-code{min-width:0}.demo-code pre{margin:0}.demo-row{display:flex;flex-wrap:wrap;gap:var(--lunar-space-4)}.demo-row{align-items:flex-start}.form-demo{max-width:28rem}.showcase-footer{padding-top:var(--lunar-space-8)}.hero{display:grid;gap:var(--lunar-space-8);align-items:center;margin-bottom:var(--lunar-space-16)}@media (min-width: 768px){.hero{grid-template-columns:auto 1fr}}.hero-copy p:not(:last-child){max-width:60ch;margin-bottom:var(--lunar-space-6)}.hero-cdn{grid-column:1/-1;justify-self:center;width:100%;max-width:60ch}.hero-cdn>div{margin-bottom:var(--lunar-space-3)}.hero-cdn button{min-width:8em}.hero-mark{display:grid;place-items:center}.hero-grille{--hero-dot-dark: light-dark( color-mix(in oklch, var(--lunar-dark) 60%, transparent), black );--hero-dot-light: color-mix(in oklch, var(--lunar-light) 60%, transparent);width:min(100%,18rem);margin:0;padding:0;filter:url(#hero-dot-depth)}.hero-grille svg{display:block;width:100%;height:auto}.hero-grille:before{content:none}.hero-grille .hero-dot-dark{flood-color:var(--hero-dot-dark)}.hero-grille .hero-dot-light{flood-color:var(--hero-dot-light)}.hero-dots{fill:none;stroke:var(--lunar-muted);stroke-width:4.2;stroke-linecap:round}.hero-grille text{font-family:var(--lunar-font-mono);font-weight:var(--lunar-font-bold);letter-spacing:0;fill:var(--lunar-accent)}.page-controls{position:fixed;top:var(--lunar-space-4);right:var(--lunar-space-4);z-index:var(--lunar-z-fixed);display:flex;gap:var(--lunar-button-gap, var(--lunar-space-1))}.page-controls button{margin:0;padding:var(--lunar-space-2)}.page-controls svg{display:block}@supports (animation-timeline: scroll()){.back-to-top{animation:page-controls-reveal linear both;animation-timeline:scroll();animation-range:0 40vh}}@keyframes page-controls-reveal{0%{opacity:0;visibility:hidden}}.theme-icon{overflow:visible}.theme-icon :is(.theme-icon-core,.theme-icon-cut,.theme-icon-rays){transform-origin:12px 12px;transition:transform var(--lunar-transition-slow),opacity var(--lunar-transition-slow)}.theme-icon-rays{opacity:0;transform:rotate(-90deg) scale(.5)}:root[data-theme=dark] .theme-toggle .theme-icon-core{transform:scale(.55)}:root[data-theme=dark] .theme-toggle .theme-icon-cut{transform:translate(10px,-10px)}:root[data-theme=dark] .theme-toggle .theme-icon-rays{opacity:1;transform:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle .theme-icon-core{transform:scale(.55)}:root:not([data-theme=light]) .theme-toggle .theme-icon-cut{transform:translate(10px,-10px)}:root:not([data-theme=light]) .theme-toggle .theme-icon-rays{opacity:1;transform:none}}