.hero-video{display:none}html[data-exp-landing-video-2026-10=video] .hero-video{margin-top:1.25rem;display:block}.hero-video-card{background:var(--background);border:1px solid var(--border);text-align:left;border-radius:1.5rem;align-items:center;gap:.875rem;padding:.5rem;transition:border-color .15s;display:flex}.hero-video-card:hover{border-color:color-mix(in oklab, var(--foreground) 30%, transparent)}.hero-video-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.hero-video-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:1rem;flex:none;width:6.5rem;height:auto;display:block}.hero-video-label{align-items:center;gap:.75rem;min-width:0;display:flex}.hero-video-play{background:var(--foreground);width:2.25rem;height:2.25rem;color:var(--background);border-radius:9999px;flex:none;justify-content:center;align-items:center;padding-left:2px;transition:transform .15s;display:flex}.hero-video-card:hover .hero-video-play{transform:scale(1.06)}.hero-video-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.hero-video-title{font-size:14.5px;font-weight:500;line-height:1.3}.hero-video-meta{color:var(--muted-foreground);font-size:13px;line-height:1.3}@media (width>=768px){html[data-exp-landing-video-2026-10=video] #hero{grid-template-columns:minmax(0,1fr) 16rem;gap:2.25rem 1rem;max-width:64rem;display:grid}html[data-exp-landing-video-2026-10=video] #hero .hero-main{display:contents}html[data-exp-landing-video-2026-10=video] #hero .hero-copy{grid-area:copy}html[data-exp-landing-video-2026-10=video] #hero .hero-compose{grid-area:compose;margin-top:0}html[data-exp-landing-video-2026-10=video] #hero .hero-compose form{max-width:none;height:100%}html[data-exp-landing-video-2026-10=video] #hero .hero-compose textarea{flex:1}html[data-exp-landing-video-2026-10=video] #hero .hero-video{grid-area:video;margin-top:0}html[data-exp-landing-video-2026-10=video] #hero dl{grid-area:value;margin-top:42px}html[data-exp-landing-video-2026-10=video] #hero{grid-template-areas:"copy copy""compose video""value value"}.hero-video-card{isolation:isolate;border:0;border-radius:1.5rem;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 14px -7px #0000004d}.hero-video-thumb{border-radius:0;width:100%;height:100%}.hero-video-label{color:#fff;background:linear-gradient(#0000,#000000b8);padding:2.5rem .875rem .75rem;position:absolute;inset:auto 0 0}.hero-video-play{color:#000;background:#fff}.hero-video-meta{color:#ffffffc7}}@media (width>=1024px){html[data-exp-landing-video-2026-10=video] #hero{grid-template-columns:minmax(0,1fr) 20rem;column-gap:1.25rem}}.hero-video-overlay{background:0 0;border:0;justify-content:center;align-items:center;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:1.5rem;display:flex;position:fixed;inset:0}.hero-video-overlay:not([open]){display:none}.hero-video-overlay::backdrop{backdrop-filter:blur(4px);background:#000000c7}html:has(.hero-video-overlay[open]){overflow:hidden}.hero-video-frame{aspect-ratio:16/9;background:#000;border-radius:.875rem;width:min(100%,68rem,177.778dvh - 5.33333rem);position:relative;overflow:hidden;box-shadow:0 24px 64px -12px #0009}.hero-video-frame video{object-fit:contain;width:100%;height:100%;display:block}.hero-video-close{z-index:1;color:#fff;background:#0000008c;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background .15s;display:flex;position:absolute;top:.625rem;right:.625rem}.hero-video-close:hover{background:#000c}.hero-video-close:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=639px){.hero-video-overlay{padding:.75rem}.hero-video-frame{border-radius:.625rem}}.prop-demo[data-astro-cid-vhypmbnp]{position:relative}.prop-demo[data-astro-cid-vhypmbnp] .slider[data-astro-cid-vhypmbnp]{--pf-border:oklch(92% .004 286.32);--pf-accent:#1f5bd6;--pf-muted:oklch(55.2% .016 285.938);--pf-muted-2:oklch(44% .015 285.9);--pf-text-strong:oklch(10% .005 285.823);--pf-mono:"Geist Mono Variable", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;border:1px solid var(--pf-border);background:#fff;border-radius:10px;width:min(240px,68%);padding:8px 10px 6px;position:absolute;top:4.5%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #23201d1f}.row[data-astro-cid-vhypmbnp]{justify-content:space-between;align-items:center;gap:8px;margin:0 0 4px;display:flex}.lbl[data-astro-cid-vhypmbnp]{font-family:var(--pf-mono);color:var(--pf-muted-2);letter-spacing:.01em;font-size:11px}.val[data-astro-cid-vhypmbnp]{flex:none;align-items:baseline;gap:4px;display:flex}.num[data-astro-cid-vhypmbnp]{box-sizing:border-box;text-align:right;width:54px;font-family:var(--pf-mono);font-variant-numeric:tabular-nums;color:var(--pf-text-strong);border:1px solid var(--pf-border);background:#fff;border-radius:7px;padding:3px 6px;font-size:12px}.unit[data-astro-cid-vhypmbnp]{font-family:var(--pf-mono);color:var(--pf-muted);font-size:10px}.track[data-astro-cid-vhypmbnp]{height:18px;display:block;position:relative}.track[data-astro-cid-vhypmbnp]:before{content:"";background:var(--pf-border);border-radius:2px;height:3px;position:absolute;inset:7.5px 0 auto}.fill[data-astro-cid-vhypmbnp]{background:var(--pf-accent);border-radius:2px;width:62%;height:3px;position:absolute;top:7.5px;left:0}.thumb[data-astro-cid-vhypmbnp]{background:var(--pf-accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--pf-accent);border:2px solid #fff;border-radius:50%;margin-left:-7px;position:absolute;top:2px;left:62%}