.hero-screenshot-frame{border:1px solid var(--surface-border);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 32px 64px -32px #1717172e,inset 0 0 0 1px #ffffff14}.feature-screenshot-frame,.features-screenshot-frame{border:1px solid var(--surface-border);background:color-mix(in oklab, var(--surface) 94%, white 6%);position:relative;overflow:hidden;box-shadow:0 24px 52px -36px #1717172e,inset 0 0 0 1px #ffffff14}.feature-screenshot-frame{border-radius:1.25rem}.features-screenshot-frame{border-radius:1.5rem}.hero-screenshot-placeholder,.feature-screenshot-placeholder,.step-screenshot-placeholder,.features-screenshot-placeholder{background:linear-gradient(135deg, color-mix(in oklab, var(--surface) 60%, var(--page-bg) 40%), color-mix(in oklab, var(--surface) 80%, var(--page-bg) 20%));border:1px solid var(--surface-border);color:var(--text-muted-color);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-screenshot-placeholder{min-height:22rem;padding:2rem}.feature-screenshot-placeholder{min-height:16rem;padding:1.5rem}.step-screenshot-placeholder{min-height:8.75rem;padding:1rem}.features-screenshot-placeholder{border-radius:1.5rem;min-height:20rem;padding:2rem}.feature-screenshot-image,.features-screenshot-image{width:100%;height:auto;display:block}.hero-screenshot-placeholder-inner{flex-direction:column;align-items:center;gap:.75rem;display:flex}.hero-screenshot-icon,.feature-screenshot-icon,.step-screenshot-icon,.features-screenshot-icon{opacity:.4}.hero-screenshot-icon{width:3.5rem;height:3.5rem}.feature-screenshot-icon{width:2.5rem;height:2.5rem}.step-screenshot-icon{width:2rem;height:2rem}.features-screenshot-icon{width:3rem;height:3rem}.hero-screenshot-label,.feature-screenshot-label,.step-screenshot-label,.features-screenshot-label{letter-spacing:.02em;opacity:.6;text-align:center;font-size:.8rem;font-weight:600}.feature-showcase-lightbox{background:#071018e0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;position:fixed;inset:0}.feature-showcase-lightbox::backdrop{background:#071018e0}.feature-showcase-lightbox[open]{place-content:center;place-items:center;display:grid}.feature-showcase-lightbox-image{object-fit:contain;cursor:zoom-out;width:auto;max-width:min(96vw,1600px);height:auto;max-height:94vh;display:block}.feature-showcase-lightbox-dismiss{z-index:2;color:#fff;cursor:pointer;background:#07101885;border:1px solid #ffffff29;border-radius:9999px;width:2.75rem;height:2.75rem;padding:0;transition:background-color .18s,border-color .18s,transform .18s;position:fixed;top:1rem;right:1rem}.feature-showcase-lightbox-dismiss:before,.feature-showcase-lightbox-dismiss:after{content:"";background:currentColor;border-radius:9999px;width:1rem;height:2px;position:absolute;top:50%;left:50%}.feature-showcase-lightbox-dismiss:before{transform:translate(-50%,-50%)rotate(45deg)}.feature-showcase-lightbox-dismiss:after{transform:translate(-50%,-50%)rotate(-45deg)}.feature-showcase-lightbox-dismiss:hover,.feature-showcase-lightbox-dismiss:focus-visible{background:#071018bd;border-color:#ffffff47}.features-detail-grid{align-items:start;gap:2rem;display:grid}.features-detail-content{flex-direction:column;max-width:34rem;display:flex}.features-detail-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.features-detail-list-item{color:var(--text-body-color);align-items:flex-start;gap:.6rem;font-size:.94rem;line-height:1.6;display:flex}@media (width<=767px){.features-detail-content{max-width:none}.features-detail-list{gap:.45rem}.features-detail-list-item{gap:.5rem;font-size:.875rem}}.features-detail-dot{width:.45rem;height:.45rem;color:var(--primary-bg);background:currentColor;border-radius:9999px;flex-shrink:0;margin-top:.56rem}.features-detail-visual{align-items:center;display:flex}.features-detail-image-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.features-detail-image-trigger:focus-visible{outline:2px solid color-mix(in oklab, var(--primary-bg) 46%, white 54%);outline-offset:.35rem;border-radius:.75rem}.features-detail-image-trigger .features-screenshot-image{width:100%}@media (width>=768px){.features-detail-grid{grid-template-columns:1fr 1fr;gap:3.5rem}.features-detail-grid--reversed{direction:rtl}.features-detail-grid--reversed>*{direction:ltr}}.features-hero-nav{flex-wrap:wrap;gap:.75rem;display:flex}.features-hero-nav-link{border:1px solid var(--outline-panel-border);min-height:2.25rem;color:var(--text-strong);background:var(--surface);font-family:var(--font-display);border-radius:2px;justify-content:center;align-items:center;padding:.4rem 1rem;font-size:1rem;font-style:italic;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex}@media (width<=767px){.features-hero-nav{gap:.5rem}}.features-hero-nav-link:hover,.features-hero-nav-link:focus-visible{border-color:var(--primary-bg);color:var(--primary-bg);background:color-mix(in oklab, var(--primary-bg) 4%, transparent);text-decoration:none}