.hero-screenshot-frame{position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid var(--surface-border);box-shadow:0 32px 64px -32px #1717172e,0 0 0 1px #ffffff14 inset}.feature-screenshot-frame,.features-screenshot-frame{position:relative;overflow:hidden;border:1px solid var(--surface-border);background:color-mix(in oklab,var(--surface) 94%,white 6%);box-shadow:0 24px 52px -36px #1717172e,0 0 0 1px #ffffff14 inset}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;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);border-radius:1.25rem;color:var(--text-muted-color)}.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{min-height:20rem;padding:2rem;border-radius:1.5rem}.feature-screenshot-image,.features-screenshot-image{display:block;width:100%;height:auto}.hero-screenshot-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.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{font-size:.8rem;font-weight:600;letter-spacing:.02em;opacity:.6;text-align:center}.feature-showcase-lightbox{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;border:0;background:#071018e0}.feature-showcase-lightbox::backdrop{background:#071018e0}.feature-showcase-lightbox[open]{display:grid;place-items:center;place-content:center}.feature-showcase-lightbox-image{display:block;max-width:min(96vw,1600px);max-height:94vh;width:auto;height:auto;object-fit:contain;cursor:zoom-out}.feature-showcase-lightbox-dismiss{position:fixed;top:1rem;right:1rem;z-index:2;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:9999px;background:#07101885;color:#fff;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.feature-showcase-lightbox-dismiss:before,.feature-showcase-lightbox-dismiss:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:2px;border-radius:9999px;background:currentColor}.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{display:grid;gap:2rem;align-items:center}.features-detail-content{display:flex;flex-direction:column}.features-detail-list{display:grid;gap:.65rem;list-style:none;padding:0;margin:0}.features-detail-list-item{display:flex;align-items:flex-start;gap:.6rem;color:var(--text-body-color);font-size:.95rem;line-height:1.6}.features-detail-check{width:1rem;height:1rem;flex-shrink:0;margin-top:.25rem;color:var(--primary-bg)}.features-detail-visual{display:flex;align-items:center}.features-detail-image-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.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(min-width:768px){.features-detail-grid{grid-template-columns:1fr 1fr;gap:3rem}.features-detail-grid--reversed{direction:rtl}.features-detail-grid--reversed>*{direction:ltr}}