.demo-section[data-astro-cid-ud56eacd]{background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.demo-section__inner[data-astro-cid-ud56eacd]{display:flex;flex-direction:column;gap:clamp(1.75rem,4vw,2.5rem)}.demo-section__tool[data-astro-cid-ud56eacd]{width:100%;max-width:40rem;margin-inline:auto}.caps[data-astro-cid-ud56eacd]{background:var(--color-bg);border-top:1px solid var(--color-border)}.caps__grid[data-astro-cid-ud56eacd]{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:clamp(2rem,5vw,3rem)}@media(min-width:720px){.caps__grid[data-astro-cid-ud56eacd]{grid-template-columns:repeat(2,minmax(0,1fr))}}.caps__icon[data-astro-cid-ud56eacd]{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:12px;background:color-mix(in oklab,var(--color-gold),transparent 88%);color:var(--color-gold)}.caps__title[data-astro-cid-ud56eacd]{font-size:1.25rem;font-weight:600;letter-spacing:-.015em}.caps__text[data-astro-cid-ud56eacd]{color:var(--color-text-muted);font-size:.9375rem;line-height:1.65}.topics[data-astro-cid-ud56eacd]{background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.topics__grid[data-astro-cid-ud56eacd]{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:clamp(1.75rem,3vw,2.5rem)}@media(min-width:640px){.topics__grid[data-astro-cid-ud56eacd]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.topics__grid[data-astro-cid-ud56eacd]{grid-template-columns:repeat(4,1fr)}}.topic-card[data-astro-cid-ud56eacd]{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;box-shadow:0 1px 2px #0f0f0f0a;transition:transform var(--transition-med),border-color var(--transition-med),box-shadow var(--transition-med)}.topic-card[data-astro-cid-ud56eacd]:hover{transform:translateY(-4px);border-color:var(--color-gold-line);box-shadow:0 1px 2px #0f0f0f0d,0 24px 48px -24px #0f0f0f38}.topic-card[data-astro-cid-ud56eacd]:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.topic-card__top[data-astro-cid-ud56eacd]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topic-card__icon[data-astro-cid-ud56eacd]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-gold);transition:background var(--transition-med),color var(--transition-med),border-color var(--transition-med)}.topic-card[data-astro-cid-ud56eacd]:hover .topic-card__icon[data-astro-cid-ud56eacd]{background:var(--color-gold);border-color:var(--color-gold);color:#fff}.topic-card__tag[data-astro-cid-ud56eacd]{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:999px}.topic-card__title[data-astro-cid-ud56eacd]{margin:.25rem 0 0;font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--color-text)}.topic-card__text[data-astro-cid-ud56eacd]{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-text-muted);flex:1}.topic-card__cta[data-astro-cid-ud56eacd]{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.875rem;font-weight:600;letter-spacing:-.005em;color:var(--color-text);transition:color var(--transition-med)}.topic-card__cta[data-astro-cid-ud56eacd] svg{transition:transform var(--transition-med)}.topic-card[data-astro-cid-ud56eacd]:hover .topic-card__cta[data-astro-cid-ud56eacd]{color:var(--color-gold)}.topic-card[data-astro-cid-ud56eacd]:hover .topic-card__cta[data-astro-cid-ud56eacd] svg{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.topic-card[data-astro-cid-ud56eacd],.topic-card__icon[data-astro-cid-ud56eacd],.topic-card__cta[data-astro-cid-ud56eacd] svg{transition:none}.topic-card[data-astro-cid-ud56eacd]:hover{transform:none}}