.showcase{gap:18px;display:grid}.showcase__samples{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.showcase__sample{cursor:pointer;border-radius:var(--tof-radius-pill);background:var(--tof-surface);color:var(--tof-muted);transition:transform .2s var(--tof-ease), background-color .2s, color .2s;border:0;padding:8px 18px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600}.showcase__sample:hover{color:var(--tof-primary-hover);transform:translateY(-1px)}.showcase__sample.is-active{background:var(--tof-gradient-bright);color:#fff;box-shadow:var(--tof-shadow-card)}.showcase__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.showcase__tile{border-radius:var(--tof-radius-card);box-shadow:var(--tof-shadow-card);background:var(--tof-surface);transition:transform .28s var(--tof-ease), box-shadow .28s var(--tof-ease);display:block;position:relative;overflow:hidden}.showcase__tile:hover{box-shadow:var(--tof-shadow-raised);transform:translateY(-4px)}.showcase__tile canvas{width:100%;height:auto;display:block}.showcase__label{border-radius:var(--tof-radius-pill);color:#fff;backdrop-filter:blur(4px);background:#1a16229e;padding:4px 12px;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;position:absolute;bottom:10px;left:10px}.showcase__loading{text-align:center;color:var(--tof-muted);padding:40px 0}.hero[data-astro-cid-lcdefpme]{text-align:center;background:linear-gradient(170deg, var(--tof-surface-2), var(--tof-surface));border-radius:28px;padding:72px 16px 56px;position:relative;overflow:hidden}.hero__blob[data-astro-cid-lcdefpme]{filter:blur(48px);opacity:.5;z-index:0;border-radius:50%;animation:9s ease-in-out infinite heroFloat;position:absolute}.hero__blob--1[data-astro-cid-lcdefpme]{background:var(--tof-purple-100);width:320px;height:320px;top:-80px;left:-60px}.hero__blob--2[data-astro-cid-lcdefpme]{background:var(--tof-purple-200);width:260px;height:260px;animation-delay:-4s;bottom:-90px;right:-50px}.hero[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:not(.hero__blob){z-index:1;position:relative}.hero__eyebrow[data-astro-cid-lcdefpme]{color:var(--tof-primary-hover);margin:0 0 10px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{max-width:16ch;margin:0 auto 16px;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.08}.hero__grad[data-astro-cid-lcdefpme]{background:var(--tof-gradient-bright);color:#0000;background-clip:text}.hero__lead[data-astro-cid-lcdefpme]{color:var(--tof-muted);max-width:52ch;margin:0 auto 28px}.hero__cta[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero__ghost[data-astro-cid-lcdefpme]{color:var(--tof-primary);align-items:center;gap:6px;font-family:Poppins,sans-serif;font-weight:600;display:inline-flex}.section-title[data-astro-cid-lcdefpme]{text-align:center;margin:0 0 6px;font-size:clamp(1.5rem,4vw,2.2rem)}.section-sub[data-astro-cid-lcdefpme]{text-align:center;color:var(--tof-muted);max-width:48ch;margin:0 auto 26px}.trending[data-astro-cid-lcdefpme]{padding:28px 0 8px}.trending__card[data-astro-cid-lcdefpme]{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:30px 28px;display:flex}.trending__badge[data-astro-cid-lcdefpme]{color:#2f6b3c;background:#e6f4ea;border-radius:999px;padding:6px 14px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700}.trending__title[data-astro-cid-lcdefpme]{margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.trending__hl[data-astro-cid-lcdefpme]{color:#3a9d5b}.trending__text[data-astro-cid-lcdefpme]{max-width:52ch;color:var(--tof-muted);margin:0 auto}.showcase-section[data-astro-cid-lcdefpme]{padding:64px 0 24px}.steps[data-astro-cid-lcdefpme]{padding:56px 0}.steps__grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.steps__card[data-astro-cid-lcdefpme]{text-align:center}.steps__icon[data-astro-cid-lcdefpme]{color:var(--tof-primary);margin-bottom:10px;display:inline-flex}.steps__card[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin:0 0 6px}.steps__card[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--tof-muted);margin:0}.cats[data-astro-cid-lcdefpme]{text-align:center;padding:40px 0 72px}.cats__row[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.cats__chip[data-astro-cid-lcdefpme]{border-radius:var(--tof-radius-pill);color:var(--tof-ink);box-shadow:var(--tof-shadow-card);transition:transform .24s var(--tof-ease), box-shadow .24s var(--tof-ease);padding:10px 20px;font-family:Poppins,sans-serif;font-weight:600}.cats__chip[data-astro-cid-lcdefpme]:hover{box-shadow:var(--tof-shadow-raised);transform:translateY(-3px)}.cats__chip--a[data-astro-cid-lcdefpme]{background:#ede6ff}.cats__chip--b[data-astro-cid-lcdefpme]{background:#e7e0f5}.cats__chip--c[data-astro-cid-lcdefpme]{background:#f1ecfc}.cats__chip--d[data-astro-cid-lcdefpme]{background:#efeafa}.cats__chip--e[data-astro-cid-lcdefpme]{background:#e2d8f8}.cats__cta[data-astro-cid-lcdefpme]{margin-top:4px}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.hero__blob[data-astro-cid-lcdefpme]{animation:none}}