main:where(.astro-i6i4fcnf){padding-top:4rem}.wrap:where(.astro-i6i4fcnf){max-width:1280px;margin:0 auto;padding-inline:48px}.hero:where(.astro-i6i4fcnf){padding:72px 0 48px}.hero-title:where(.astro-i6i4fcnf){margin:0 0 18px;font:700 clamp(34px,4vw,52px)/1.08 "Poppins","Inter",sans-serif;letter-spacing:-.03em;color:var(--text-heading)}.accent-word:where(.astro-i6i4fcnf){color:var(--accent-ink);font-weight:800}.lead:where(.astro-i6i4fcnf){margin:0;max-width:62ch;font-size:17px;line-height:1.65;color:var(--text-muted)}.lead:where(.astro-i6i4fcnf) b:where(.astro-i6i4fcnf){color:var(--text-color);font-weight:600}.demos-section:where(.astro-i6i4fcnf){padding-bottom:96px}.demo-grid:where(.astro-i6i4fcnf){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-card:where(.astro-i6i4fcnf){display:flex;flex-direction:column;background:var(--bg-band);border:1px solid var(--border-color);border-radius:2px;overflow:hidden}.demo-thumb:where(.astro-i6i4fcnf){display:block;border-bottom:1px solid var(--border-color);background:var(--bg-band-deep)}.demo-thumb:where(.astro-i6i4fcnf) img:where(.astro-i6i4fcnf){display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}.demo-thumb:where(.astro-i6i4fcnf) .shot-light:where(.astro-i6i4fcnf){display:none}:root[data-theme=light] .demo-thumb:where(.astro-i6i4fcnf) .shot-dark:where(.astro-i6i4fcnf){display:none}:root[data-theme=light] .demo-thumb:where(.astro-i6i4fcnf) .shot-light:where(.astro-i6i4fcnf){display:block}.demo-body:where(.astro-i6i4fcnf){display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}.demo-eyebrow:where(.astro-i6i4fcnf){font:500 11px/1.4 Fira Code,ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.demo-title:where(.astro-i6i4fcnf){margin:0;font:700 22px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.015em;color:var(--text-heading)}.demo-desc:where(.astro-i6i4fcnf){margin:0;font-size:14.5px;line-height:1.6;color:var(--text-muted)}.demo-actions:where(.astro-i6i4fcnf){display:flex;gap:10px;margin-top:auto;padding-top:16px}.demo-btn-primary:where(.astro-i6i4fcnf){gap:8px;background:var(--straw);color:var(--straw-ink);padding:12px 18px;font:700 13.5px/1 Inter,system-ui,sans-serif;transition:background .15s ease}.demo-btn-primary:where(.astro-i6i4fcnf):hover{background:var(--straw-hover)}.demo-btn-ghost:where(.astro-i6i4fcnf){gap:8px;background:transparent;color:var(--bone);border:1px solid var(--border-color);padding:11px 17px;font:600 13.5px/1 Inter,system-ui,sans-serif;transition:border-color .15s ease}.demo-btn-ghost:where(.astro-i6i4fcnf):hover{border-color:rgba(var(--ink-rgb),.34)}@media(max-width:900px){.demo-grid:where(.astro-i6i4fcnf){grid-template-columns:1fr;max-width:560px;margin-inline:auto}}@media(max-width:768px){.wrap:where(.astro-i6i4fcnf){padding-inline:20px}.hero:where(.astro-i6i4fcnf){padding:48px 0 36px}}:root{--bg-color: #2e3238;--bg-band: #26282b;--bg-band-deep: #1f2124;--bg-surface: #26282b;--text-color: #efe7dc;--text-heading: #e7e1d6;--text-muted: rgba(var(--ink-rgb), .64);--bone: #f9f4ec;--secondary-color: #e08b63;--accent-color: #d96c3f;--accent-color-rgb: 217, 108, 63;--accent-ink: #e39573;--border-color: rgba(var(--ink-rgb), .16);--straw: #e6d3a3;--straw-ink: #33290f;--straw-hover: #dcc488}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.golem-flat{display:inline-flex;align-items:center;white-space:nowrap;border-radius:2px;text-decoration:none}.golem-flat-primary{background:var(--straw);color:var(--straw-ink);padding:16px 30px;font:700 15px/1 Inter,system-ui,sans-serif;transition:background .15s ease,color .15s ease}.golem-flat-primary:hover{background:var(--straw-hover)}.golem-flat-secondary{background:var(--bg-band);color:var(--bone);border:1px solid var(--border-color);padding:15px 29px;font:600 15px/1 Inter,system-ui,sans-serif;transition:background .15s ease,border-color .15s ease}.golem-flat-secondary:hover{background:var(--bg-color);border-color:rgba(var(--ink-rgb),.34)}