:root{--showcase-radius-sm:.5rem;--showcase-radius:.75rem;--showcase-radius-card:1.5rem;--showcase-pad-desktop:3rem;--showcase-pad-mobile:1.5rem;--showcase-color-bg:0 0% 100%;--showcase-color-bg-subtle:240 14% 98%;--showcase-color-fg:240 10% 4%;--showcase-color-muted:240 4% 46%;--showcase-color-border:240 6% 90%;--showcase-color-border-strong:240 6% 80%;--showcase-color-accent:245 75% 60%;--showcase-color-accent-hover:245 75% 54%;--showcase-color-accent-fg:0 0% 100%;--showcase-backdrop-blur:24px;--showcase-backdrop-blur-mobile:0px;--showcase-scrim:220 35% 96% / .78;--showcase-color-warm-glow:35 90% 65%;--showcase-color-cool-glow:230 80% 70%;--showcase-shadow-card:0 1px 2px #1c1c210a, 0 4px 12px #1c1c210f;--showcase-shadow-card-hover:0 4px 12px #1c1c2114, 0 16px 32px #1c1c211a;--showcase-shadow-elevated:0 4px 16px #1c1c2114, 0 32px 64px #1c1c212e;--showcase-hero-aspect-desktop:16 / 10;--showcase-hero-aspect-mobile:4 / 3;--showcase-ease:cubic-bezier(.22, 1, .36, 1);--showcase-ease-in:cubic-bezier(.4, 0, 1, 1);--showcase-duration-open:.56s;--showcase-duration-close:.32s;--showcase-duration-fast:.18s;--showcase-spring-stiffness:380;--showcase-spring-damping:32;--showcase-fade-duration:.18s;--showcase-title-size:clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--showcase-title-leading:1.1;--showcase-title-tracking:-.02em;--showcase-body-size:1rem;--showcase-body-leading:1.55;--showcase-eyebrow-size:.75rem;--showcase-eyebrow-tracking:.08em;--showcase-focus-ring:245 75% 60%;--showcase-focus-ring-width:2px;--showcase-focus-ring-offset:2px}[data-mode=dark]{--showcase-color-bg:240 10% 4%;--showcase-color-bg-subtle:240 8% 9%;--showcase-color-fg:0 0% 98%;--showcase-color-muted:240 5% 65%;--showcase-color-border:240 6% 16%;--showcase-color-border-strong:240 6% 26%;--showcase-color-accent:245 80% 70%;--showcase-color-accent-hover:245 80% 76%;--showcase-color-accent-fg:240 10% 4%;--showcase-scrim:0 0% 0% / .6;--showcase-shadow-card:0 1px 2px #0006, 0 4px 12px #00000080;--showcase-shadow-card-hover:0 4px 12px #00000080, 0 16px 32px #0009;--showcase-shadow-elevated:0 4px 16px #00000080, 0 32px 64px #000000b3;--showcase-focus-ring:245 80% 70%}@media (prefers-color-scheme:dark){:root:not([data-mode=light]):not([data-mode=dark]){--showcase-color-bg:240 10% 4%;--showcase-color-bg-subtle:240 8% 9%;--showcase-color-fg:0 0% 98%;--showcase-color-muted:240 5% 65%;--showcase-color-border:240 6% 16%;--showcase-color-border-strong:240 6% 26%;--showcase-color-accent:245 80% 70%;--showcase-color-accent-hover:245 80% 76%;--showcase-color-accent-fg:240 10% 4%;--showcase-scrim:0 0% 0% / .6;--showcase-focus-ring:245 80% 70%}}
:root{--showcase-radius-sm:.5rem;--showcase-radius:.75rem;--showcase-radius-card:1.5rem;--showcase-pad-desktop:3rem;--showcase-pad-mobile:1.5rem;--showcase-color-bg:0 0% 100%;--showcase-color-bg-subtle:240 14% 98%;--showcase-color-fg:240 10% 4%;--showcase-color-muted:240 4% 46%;--showcase-color-border:240 6% 90%;--showcase-color-border-strong:240 6% 80%;--showcase-color-accent:245 75% 60%;--showcase-color-accent-hover:245 75% 54%;--showcase-color-accent-fg:0 0% 100%;--showcase-backdrop-blur:24px;--showcase-backdrop-blur-mobile:0px;--showcase-scrim:220 35% 96% / .78;--showcase-color-warm-glow:35 90% 65%;--showcase-color-cool-glow:230 80% 70%;--showcase-shadow-card:0 1px 2px #1c1c210a, 0 4px 12px #1c1c210f;--showcase-shadow-card-hover:0 4px 12px #1c1c2114, 0 16px 32px #1c1c211a;--showcase-shadow-elevated:0 4px 16px #1c1c2114, 0 32px 64px #1c1c212e;--showcase-hero-aspect-desktop:16 / 10;--showcase-hero-aspect-mobile:4 / 3;--showcase-ease:cubic-bezier(.22, 1, .36, 1);--showcase-ease-in:cubic-bezier(.4, 0, 1, 1);--showcase-duration-open:.56s;--showcase-duration-close:.32s;--showcase-duration-fast:.18s;--showcase-spring-stiffness:380;--showcase-spring-damping:32;--showcase-fade-duration:.18s;--showcase-title-size:clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--showcase-title-leading:1.1;--showcase-title-tracking:-.02em;--showcase-body-size:1rem;--showcase-body-leading:1.55;--showcase-eyebrow-size:.75rem;--showcase-eyebrow-tracking:.08em;--showcase-focus-ring:245 75% 60%;--showcase-focus-ring-width:2px;--showcase-focus-ring-offset:2px}[data-mode=dark]{--showcase-color-bg:240 10% 4%;--showcase-color-bg-subtle:240 8% 9%;--showcase-color-fg:0 0% 98%;--showcase-color-muted:240 5% 65%;--showcase-color-border:240 6% 16%;--showcase-color-border-strong:240 6% 26%;--showcase-color-accent:245 80% 70%;--showcase-color-accent-hover:245 80% 76%;--showcase-color-accent-fg:240 10% 4%;--showcase-scrim:0 0% 0% / .6;--showcase-shadow-card:0 1px 2px #0006, 0 4px 12px #00000080;--showcase-shadow-card-hover:0 4px 12px #00000080, 0 16px 32px #0009;--showcase-shadow-elevated:0 4px 16px #00000080, 0 32px 64px #000000b3;--showcase-focus-ring:245 80% 70%}@media (prefers-color-scheme:dark){:root:not([data-mode=light]):not([data-mode=dark]){--showcase-color-bg:240 10% 4%;--showcase-color-bg-subtle:240 8% 9%;--showcase-color-fg:0 0% 98%;--showcase-color-muted:240 5% 65%;--showcase-color-border:240 6% 16%;--showcase-color-border-strong:240 6% 26%;--showcase-color-accent:245 80% 70%;--showcase-color-accent-hover:245 80% 76%;--showcase-color-accent-fg:240 10% 4%;--showcase-scrim:0 0% 0% / .6;--showcase-focus-ring:245 80% 70%}}[data-showcase-root]{display:contents}.showcase-trigger{border-radius:var(--showcase-radius);background:hsl(var(--showcase-color-accent));color:hsl(var(--showcase-color-accent-fg));font:inherit;cursor:pointer;transition:background-color var(--showcase-duration-fast) ease, transform var(--showcase-duration-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;display:inline-flex}.showcase-trigger:hover{background:hsl(var(--showcase-color-accent-hover))}.showcase-trigger:active{transform:translateY(1px)}.showcase-trigger[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.showcase-trigger--card{text-align:start;background:hsl(var(--showcase-color-bg));width:100%;color:hsl(var(--showcase-color-fg));border:1px solid hsl(var(--showcase-color-border));border-radius:var(--showcase-radius-card);box-shadow:var(--showcase-shadow-card);transition:transform var(--showcase-duration-fast) var(--showcase-ease), box-shadow var(--showcase-duration-fast) var(--showcase-ease), border-color var(--showcase-duration-fast) ease;padding:0;display:block;position:relative;overflow:hidden}.showcase-trigger--card:hover{background:hsl(var(--showcase-color-bg));box-shadow:var(--showcase-shadow-card-hover);border-color:hsl(var(--showcase-color-border-strong));transform:translateY(-2px)}.showcase-trigger--card:active{transform:translateY(0)}.showcase-trigger--card:after{content:"";background:hsl(var(--showcase-color-bg) / .92);border:1px solid hsl(var(--showcase-color-border));background-image:linear-gradient(45deg, transparent 45%, hsl(var(--showcase-color-fg)) 45% 55%, transparent 55%), linear-gradient(135deg, transparent 45%, hsl(var(--showcase-color-fg)) 45% 55%, transparent 55%);pointer-events:none;opacity:.7;width:2rem;height:2rem;transition:opacity var(--showcase-duration-fast) ease;top:.875rem;background-position:50%;background-repeat:no-repeat;background-size:12px 2px,2px 12px;border-radius:999px;position:absolute;inset-inline-end:.875rem}.showcase-trigger--card:hover:after{opacity:1}.showcase-hero{width:100%;aspect-ratio:var(--showcase-hero-aspect-mobile);background:hsl(var(--showcase-color-bg-subtle));border-radius:calc(var(--showcase-radius-card) - .25rem);isolation:isolate;position:relative;overflow:hidden}@media (min-width:768px){.showcase-hero{aspect-ratio:16/7}}.showcase-hero[data-mode=full]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.showcase-hero[data-mode=full] .showcase-hero-text{z-index:2;color:#fff;pointer-events:none;flex-direction:column;gap:.625rem;padding:1rem 1.25rem 1.125rem;display:flex;position:absolute;inset:auto 0 0}@media (min-width:768px){.showcase-hero[data-mode=full] .showcase-hero-text{gap:.5rem;padding:1.5rem 1.75rem 1.75rem}}.showcase-hero[data-mode=full] .showcase-hero-eyebrow{color:#ffffffeb;text-shadow:0 1px 2px #0006;margin:0}.showcase-hero[data-mode=full] .showcase-hero-title{color:#fff;letter-spacing:var(--showcase-title-tracking);font-size:clamp(1.25rem,1.05rem + 1vw,2.25rem);font-weight:600;line-height:var(--showcase-title-leading);text-shadow:0 2px 4px #0000004d;margin:0}.showcase-hero[data-mode=full] .showcase-hero-description{color:#ffffffeb;font-size:.9375rem;line-height:var(--showcase-body-leading);text-shadow:0 1px 2px #0000004d;max-width:56ch;margin:0}@media (min-width:768px){.showcase-hero[data-mode=full] .showcase-hero-description{font-size:1.0625rem}}.showcase-hero-preview{background:hsl(var(--showcase-color-bg));flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.showcase-hero-preview-media{width:100%;aspect-ratio:var(--showcase-hero-aspect-mobile);color:hsl(var(--showcase-color-muted));letter-spacing:.08em;text-transform:uppercase;text-align:center;background:radial-gradient(circle at 20% 30%, hsl(var(--showcase-color-accent) / .1), transparent 50%), radial-gradient(circle at 80% 70%, hsl(var(--showcase-color-accent) / .06), transparent 60%), hsl(var(--showcase-color-bg-subtle));justify-content:center;align-items:center;padding:1rem;font-size:.6875rem;font-weight:600;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.showcase-hero-preview-media{aspect-ratio:var(--showcase-hero-aspect-desktop)}}.showcase-hero-preview-text{color:hsl(var(--showcase-color-fg));flex-direction:column;gap:.375rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.showcase-hero-eyebrow{font-size:var(--showcase-eyebrow-size);letter-spacing:var(--showcase-eyebrow-tracking);text-transform:uppercase;color:hsl(var(--showcase-color-accent));font-weight:600}.showcase-hero-title{letter-spacing:var(--showcase-title-tracking);color:hsl(var(--showcase-color-fg));font-size:clamp(1.125rem,1rem + .4vw,1.375rem);font-weight:600;line-height:1.2}.showcase-hero-description{font-size:.9375rem;line-height:var(--showcase-body-leading);color:hsl(var(--showcase-color-muted))}.showcase-hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase-hero-media{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.showcase-content{box-sizing:border-box;background:hsl(var(--showcase-color-bg));color:hsl(var(--showcase-color-fg));border:1px solid hsl(var(--showcase-color-border));padding:var(--showcase-pad-mobile);z-index:60;outline:none}.showcase-content *,.showcase-content :before,.showcase-content :after{box-sizing:border-box}.showcase-content[data-state=closed]{display:none}.showcase-content[data-showcase-mode=modal]{border-radius:var(--showcase-radius-card);width:100%;max-width:min(1040px,100vw - 2rem);max-height:calc(100vh - 2.5rem);box-shadow:var(--showcase-shadow-elevated);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translate(0)scale(1)}@media (min-width:768px){.showcase-content[data-showcase-mode=modal]{padding:var(--showcase-pad-desktop)}}.showcase-content[data-showcase-mode=drawer]{border-top-left-radius:var(--showcase-radius-card);border-top-right-radius:var(--showcase-radius-card);overscroll-behavior:contain;width:100%;max-height:92vh;padding:0 var(--showcase-pad-mobile) max(var(--showcase-pad-mobile), env(safe-area-inset-bottom));box-shadow:var(--showcase-shadow-elevated);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.showcase-content[data-showcase-mode=drawer]>.showcase-drag-handle{margin-inline:calc(var(--showcase-pad-mobile) * -1)}.showcase-content[data-showcase-mode=drawer] .showcase-hero{aspect-ratio:4/3;border-radius:var(--showcase-radius)}:root:has(.showcase-content[data-showcase-mode=drawer][data-state=open]){overflow:hidden}.showcase-backdrop{z-index:50;background:hsl(var(--showcase-scrim));-webkit-backdrop-filter:blur(var(--showcase-backdrop-blur-mobile));backdrop-filter:blur(var(--showcase-backdrop-blur-mobile));position:fixed;inset:0}@media (min-width:768px){.showcase-backdrop{-webkit-backdrop-filter:blur(var(--showcase-backdrop-blur));backdrop-filter:blur(var(--showcase-backdrop-blur))}}.showcase-backdrop[data-state=closed]{display:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.showcase-backdrop{background:#0f172999}}.showcase-scroll-wrapper{max-height:calc(100vh - 2.5rem - var(--showcase-pad-mobile) * 2);overscroll-behavior:contain;overflow-y:auto}@media (min-width:768px){.showcase-scroll-wrapper{max-height:calc(100vh - 2.5rem - var(--showcase-pad-desktop) * 2)}}.showcase-content :where(h1,h2,h3).showcase-headline,.showcase-content :where(h1,h2,h3):first-of-type{font-size:var(--showcase-title-size);line-height:var(--showcase-title-leading);letter-spacing:var(--showcase-title-tracking);color:hsl(var(--showcase-color-fg));margin:0 0 .5rem;padding-inline-end:3rem;font-weight:600}.showcase-content .showcase-lede,.showcase-content>p:first-of-type{font-size:1.0625rem;line-height:var(--showcase-body-leading);color:hsl(var(--showcase-color-muted));max-width:56ch;margin:0 0 1.5rem}.showcase-features{gap:.75rem;margin-top:1.5rem;display:grid}.showcase-features[data-columns="1"],.showcase-features[data-columns="2"],.showcase-features[data-columns="3"]{grid-template-columns:1fr}@media (min-width:640px){.showcase-features[data-columns="2"],.showcase-features[data-columns="3"]{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.showcase-features[data-columns="3"]{grid-template-columns:repeat(3,1fr)}}.showcase-feature{border-radius:var(--showcase-radius);background:hsl(var(--showcase-color-bg-subtle));border:1px solid hsl(var(--showcase-color-border));color:hsl(var(--showcase-color-fg));flex-direction:column;gap:.375rem;padding:1.25rem;display:flex}.showcase-feature>:where(p,span,small){color:hsl(var(--showcase-color-muted));font-size:.9375rem;line-height:1.5}.showcase-feature>:where(h3,h4,strong,b){letter-spacing:-.005em;font-size:1rem;font-weight:600}.showcase-cta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.showcase-action{font:inherit;cursor:pointer;transition:background-color var(--showcase-duration-fast) ease, color var(--showcase-duration-fast) ease, border-color var(--showcase-duration-fast) ease, transform var(--showcase-duration-fast) ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6875rem 1.125rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.showcase-action:active{transform:translateY(1px)}.showcase-action--primary,.showcase-action[data-variant=primary]{background:hsl(var(--showcase-color-accent));color:hsl(var(--showcase-color-accent-fg))}.showcase-action--primary:hover,.showcase-action[data-variant=primary]:hover{background:hsl(var(--showcase-color-accent-hover))}.showcase-action--secondary,.showcase-action[data-variant=secondary]{color:hsl(var(--showcase-color-fg));background:0 0;padding-inline:.5rem}.showcase-action--secondary:hover,.showcase-action[data-variant=secondary]:hover{color:hsl(var(--showcase-color-accent))}.showcase-action[data-arrow=true]:after{content:"›";transition:transform var(--showcase-duration-fast) ease;margin-inline-start:.1em;font-size:1.1em;font-weight:400}.showcase-action[data-arrow=true]:hover:after{transform:translate(2px)}.showcase-close{background:hsl(var(--showcase-color-bg-subtle));width:2.75rem;height:2.75rem;color:hsl(var(--showcase-color-fg));border:1px solid hsl(var(--showcase-color-border));cursor:pointer;transition:background-color var(--showcase-duration-fast) ease, border-color var(--showcase-duration-fast) ease, color var(--showcase-duration-fast) ease;top:.875rem;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:.875rem}.showcase-close:hover{background:hsl(var(--showcase-color-bg));border-color:hsl(var(--showcase-color-border-strong))}.showcase-drag-handle{cursor:grab;touch-action:none;z-index:3;justify-content:center;align-items:center;width:100%;padding:.75rem 0 .5rem;display:flex;position:relative}.showcase-drag-handle:before{content:"";background:hsl(var(--showcase-color-fg) / .18);border-radius:999px;width:40px;height:5px;display:block}.showcase-drag-handle:active{cursor:grabbing}.showcase-trigger:focus-visible,.showcase-action:focus-visible,.showcase-close:focus-visible,.showcase-drag-handle:focus-visible,.showcase-content:focus-visible{outline:var(--showcase-focus-ring-width) solid hsl(var(--showcase-focus-ring));outline-offset:var(--showcase-focus-ring-offset)}[data-showcase-trigger][data-state=closed] [data-showcase-hero-preview]{opacity:1!important;pointer-events:auto!important;transform:none!important}.showcase-content .sr-only,.showcase-trigger .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.showcase-content,.showcase-backdrop,.showcase-hero,.showcase-trigger,.showcase-action{transition:opacity var(--showcase-fade-duration) linear!important;animation:none!important;transform:none!important}}
.showcase-content[data-showcase-mode=modal]{animation:showcase-content-enter var(--showcase-duration-open) var(--showcase-ease) both}@keyframes showcase-content-enter{0%{opacity:0;translate:0 24px;scale:.985}to{opacity:1;translate:0;scale:1}}@keyframes showcase-content-enter-mobile{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.showcase-content[data-showcase-mode=modal]{animation-name:showcase-content-enter-mobile}}.showcase-backdrop{animation:showcase-backdrop-enter var(--showcase-duration-open) var(--showcase-ease) both}@keyframes showcase-backdrop-enter{0%{opacity:0}to{opacity:1}}