.feature-card:where(.astro-lxmfzltz){display:flex;flex-direction:column;width:100%;margin:0;padding:0;text-align:left;font:inherit;color:inherit;background:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-card);overflow:hidden;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.feature-card:where(.astro-lxmfzltz):hover{background:var(--mk-color-card-hover);box-shadow:var(--mk-shadow-card);transform:translateY(-2px)}.feature-card:where(.astro-lxmfzltz).is-static{cursor:default}.feature-card:where(.astro-lxmfzltz).is-static:hover{background:var(--mk-color-card);box-shadow:none;transform:none}.screenshot-frame:where(.astro-lxmfzltz){position:relative;display:block;width:100%;aspect-ratio:16 / 10;background:#fff;border-bottom:1px solid var(--mk-color-border);overflow:hidden}.screenshot-frame:where(.astro-lxmfzltz) img:where(.astro-lxmfzltz){width:100%;height:100%;object-fit:contain;object-position:center;display:block}.screenshot-frame:where(.astro-lxmfzltz).is-cover img:where(.astro-lxmfzltz){object-fit:cover;object-position:top left}.screenshot-placeholder:where(.astro-lxmfzltz){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mk-color-text-muted);opacity:.4}.play-badge:where(.astro-lxmfzltz){position:absolute;right:.6rem;bottom:.6rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--mk-radius-pill);background:#11111466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 2px 10px #00000040;padding-left:2px}.card-body:where(.astro-lxmfzltz){display:flex;flex-direction:column;gap:.4rem;padding:var(--mk-card-pad)}.card-title:where(.astro-lxmfzltz){font-size:1rem;font-weight:600;letter-spacing:var(--mk-tracking-tight);color:var(--mk-color-text)}.card-desc:where(.astro-lxmfzltz){font-size:.875rem;line-height:1.55;color:var(--mk-color-text-muted)}@media(prefers-reduced-motion:reduce){.feature-card:where(.astro-lxmfzltz):hover{transform:none}}.feature-modal:where(.astro-cphghqqr){width:min(900px,92vw);max-height:88vh;padding:0;border:1px solid var(--mk-color-border);border-radius:1rem;background:var(--mk-color-bg);color:var(--mk-color-text);overflow:hidden}.feature-modal:where(.astro-cphghqqr)::backdrop{background:#00000080;backdrop-filter:blur(2px)}.modal-inner:where(.astro-cphghqqr){position:relative;max-height:88vh;overflow:auto}.modal-close:where(.astro-cphghqqr){position:absolute;top:.75rem;right:.75rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:color-mix(in srgb,var(--mk-color-bg) 70%,transparent);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-pill);color:var(--mk-color-text-muted);cursor:pointer}.modal-close:where(.astro-cphghqqr):hover{color:var(--mk-color-text)}.modal-grid:where(.astro-cphghqqr){display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch}.modal-text:where(.astro-cphghqqr){padding:2rem;display:flex;flex-direction:column;gap:.9rem}.modal-title:where(.astro-cphghqqr){margin:0;font-size:1.35rem;font-weight:700;letter-spacing:var(--mk-tracking-tight);color:var(--mk-color-text)}.modal-body:where(.astro-cphghqqr){color:var(--mk-color-text-muted);font-size:.95rem;line-height:1.6}.modal-body:where(.astro-cphghqqr) p{margin:0 0 .85rem}.modal-body:where(.astro-cphghqqr) p:last-child{margin-bottom:0}.modal-body:where(.astro-cphghqqr) code{background:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:5px;padding:.1em .35em}.modal-body:where(.astro-cphghqqr) strong{color:var(--mk-color-text)}.modal-cta:where(.astro-cphghqqr){align-self:flex-start;margin-top:.4rem;background:var(--mk-color-primary);color:var(--mk-on-primary);border-radius:var(--mk-radius-pill);padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s ease}.modal-cta:where(.astro-cphghqqr):hover{background:var(--mk-color-primary-hover)}.modal-media:where(.astro-cphghqqr){background:var(--mk-color-bg-subtle);border-left:1px solid var(--mk-color-border);display:flex;align-items:center;justify-content:center;padding:1.25rem}.modal-video:where(.astro-cphghqqr){position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--mk-radius-screenshot);overflow:hidden;background:var(--mk-color-card);border:1px solid var(--mk-color-border)}.modal-video:where(.astro-cphghqqr) video:where(.astro-cphghqqr){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}.modal-screenshot:where(.astro-cphghqqr){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.video-placeholder:where(.astro-cphghqqr){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;color:var(--mk-color-text-muted)}@media(max-width:720px){.modal-grid:where(.astro-cphghqqr){grid-template-columns:1fr}.modal-media:where(.astro-cphghqqr){border-left:none;border-top:1px solid var(--mk-color-border);order:-1}.modal-text:where(.astro-cphghqqr){padding:1.5rem}}.theme-toggle:where(.astro-x3pjskd3){display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;background:none;border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-pill);cursor:pointer;color:var(--mk-color-text-muted);font:inherit;font-size:.8rem;transition:color .12s ease,border-color .12s ease}.theme-toggle:where(.astro-x3pjskd3):hover{color:var(--mk-color-text);border-color:var(--mk-color-text-muted)}.icon-moon:where(.astro-x3pjskd3){display:none}:root[data-theme=dark] .icon-sun:where(.astro-x3pjskd3){display:none}:root[data-theme=dark] .icon-moon:where(.astro-x3pjskd3){display:block}.container:where(.astro-j7pv25f6){max-width:var(--mk-content-max-width);margin:0 auto;padding:0 1.5rem}.container--narrow:where(.astro-j7pv25f6){max-width:52rem}.section-heading:where(.astro-j7pv25f6){margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:var(--mk-tracking-tight);text-align:center;color:var(--mk-color-text)}.section-lede:where(.astro-j7pv25f6){margin:.75rem auto 0;max-width:36rem;text-align:center;color:var(--mk-color-text-muted);font-size:1.05rem}.section-lede:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){background:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:5px;padding:.1em .35em}.hero:where(.astro-j7pv25f6){padding:4.5rem 0 4rem}.hero-inner:where(.astro-j7pv25f6){display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow:where(.astro-j7pv25f6){margin:0 0 1rem;font-size:.95rem;font-weight:500;color:var(--mk-color-text-muted)}.hero-headline:where(.astro-j7pv25f6){margin:0 0 2rem;font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:700;line-height:1.05;letter-spacing:var(--mk-tracking-tight);color:var(--mk-color-text)}.hero-headline:where(.astro-j7pv25f6) #annotate-show-you:where(.astro-j7pv25f6){white-space:nowrap}.hero-video:where(.astro-j7pv25f6){position:relative;width:min(72rem,94vw);margin-block:2.5rem;aspect-ratio:51 / 32;border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-media);overflow:hidden;background:var(--mk-color-card);box-shadow:var(--mk-shadow-media)}.hero-video:where(.astro-j7pv25f6) iframe:where(.astro-j7pv25f6){position:absolute;inset:0;width:100%;height:100%;border:0}.hero-ctas:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:2.75rem}.btn-primary:where(.astro-j7pv25f6){display:inline-flex;align-items:center;background:var(--mk-color-primary);color:var(--mk-on-primary);border-radius:var(--mk-radius-pill);padding:.7rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .12s ease,transform .08s ease}.btn-primary:where(.astro-j7pv25f6):hover{background:var(--mk-color-primary-hover)}.btn-primary:where(.astro-j7pv25f6):active{transform:translateY(1px)}.btn-lg:where(.astro-j7pv25f6){padding:.85rem 2rem;font-size:1.05rem}.btn-secondary:where(.astro-j7pv25f6){font-size:.95rem;font-weight:600;color:var(--mk-color-primary);text-decoration:none}.btn-secondary:where(.astro-j7pv25f6):hover{text-decoration:underline}.features:where(.astro-j7pv25f6){padding:var(--mk-section-pad-y) 0}.features:where(.astro-j7pv25f6) .section-lede:where(.astro-j7pv25f6){margin-bottom:2.5rem}.feature-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--mk-gap)}.showcase:where(.astro-j7pv25f6){padding:var(--mk-section-pad-y) 0;background:var(--mk-color-bg-subtle)}.showcase:where(.astro-j7pv25f6) .section-lede:where(.astro-j7pv25f6){margin-bottom:2.5rem}.showcase-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--mk-gap)}.showcase-item:where(.astro-j7pv25f6){margin:0;display:block;text-decoration:none;color:inherit}.showcase-frame:where(.astro-j7pv25f6){display:block;aspect-ratio:4 / 3;background:#fff;border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-screenshot);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.showcase-frame:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){width:100%;height:100%;object-fit:contain;padding:.5rem;display:block}.showcase-item:where(.astro-j7pv25f6):hover .showcase-frame:where(.astro-j7pv25f6){border-color:var(--mk-color-primary);box-shadow:var(--mk-shadow-card);transform:translateY(-2px)}.showcase-caption:where(.astro-j7pv25f6){display:block;margin-top:.6rem;text-align:center;font-size:.85rem;font-weight:500;color:var(--mk-color-text-muted)}.showcase-item:where(.astro-j7pv25f6):hover .showcase-caption:where(.astro-j7pv25f6){color:var(--mk-color-text)}.showcase-cta:where(.astro-j7pv25f6){margin:2.5rem 0 0;text-align:center}@media(max-width:640px){.showcase-grid:where(.astro-j7pv25f6){grid-template-columns:none;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem .5rem;scroll-padding-inline:1.5rem}.showcase-grid:where(.astro-j7pv25f6)::-webkit-scrollbar{display:none}.showcase-item:where(.astro-j7pv25f6){flex:0 0 78%;scroll-snap-align:start}.showcase-item:where(.astro-j7pv25f6):hover .showcase-frame:where(.astro-j7pv25f6){transform:none}}.closing:where(.astro-j7pv25f6){padding:var(--mk-section-pad-y) 0}.closing-inner:where(.astro-j7pv25f6){text-align:center}.closing-headline:where(.astro-j7pv25f6){margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:var(--mk-tracking-tight);color:var(--mk-color-text)}.closing-sub:where(.astro-j7pv25f6){margin:0 0 2rem;color:var(--mk-color-text-muted);font-size:1.05rem}.site-footer:where(.astro-j7pv25f6){border-top:1px solid var(--mk-color-border);padding:2rem 0}.footer-inner:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--mk-color-text-muted)}.footer-nav:where(.astro-j7pv25f6){display:flex;gap:1.5rem}.footer-nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--mk-color-text-muted);text-decoration:none}.footer-nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--mk-color-text)}@media(max-width:640px){.hero:where(.astro-j7pv25f6){padding:3rem 0 2.5rem}}