/* Lossless crops of native app screenshots. The original UI stays untouched;
   viewBox selects the product detail and CSS supplies the presentation frame. */
.product-showcase{margin:0;min-width:0}
.showcase-stage{position:relative;isolation:isolate;overflow:hidden;background:#151516;border:1px solid #ffffff0b;border-radius:16px;box-shadow:0 16px 35px -20px #0008}
.showcase-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,#ffffff08,transparent 70%);z-index:0}
.product-crop{display:block;position:relative;max-width:none;overflow:hidden;border-radius:10px;box-shadow:0 10px 28px #0004}
.product-showcase figcaption{font:8px/1.5 var(--mono);letter-spacing:.09em;color:var(--subtle);padding:14px 0 0;text-align:center}
.steps article{padding:28px 24px 22px}
.steps article>.product-showcase{margin-top:auto}
.steps .showcase-stage{height:205px}
.showcase-compose .product-crop{position:absolute;width:138%;left:-19%;top:38%;border-radius:100px}
.showcase-team .shot-lead{position:absolute;width:65%;left:6%;top:12%;z-index:2}
.showcase-team .shot-helper{position:absolute;width:58%;right:-2%;top:53%;z-index:2}
.showcase-connector{position:absolute;left:27%;top:40%;width:48%;height:35%;border-right:1px solid #7c8580;border-bottom:1px solid #7c8580;border-radius:0 0 25px 0;opacity:.6;z-index:1}
.showcase-review .product-crop{position:absolute;width:112%;left:6%;top:23%;border:1px solid #ffffff0b}
.workspace-grid{align-items:stretch}
.feature-main{padding:32px 32px 26px;display:flex;flex-direction:column}
.feature-main>p{margin-bottom:30px}
.feature-main .product-showcase{margin-top:auto}
.showcase-devices .showcase-stage{height:385px}
.showcase-devices .product-crop{position:absolute;width:58%;right:-2%;top:7%;transform:rotate(-3deg);transform-origin:bottom center;border:1px solid #ffffff10}
.showcase-callout{position:absolute;left:8%;top:41%;font-size:19px;line-height:1.4;color:#b8bbb9;letter-spacing:-.5px}
.showcase-callout strong{font-weight:500;color:#eee}
.feature-stack article{padding:30px 30px 22px;display:flex;flex-direction:column}
.feature-stack article>p{margin-bottom:24px}
.feature-stack .product-showcase{margin-top:auto}
.showcase-worktree .showcase-stage{height:115px;display:flex;align-items:center;justify-content:center;padding:16px}
.showcase-worktree .product-crop{width:100%;border:1px solid #ffffff0b}
.showcase-attention .showcase-stage{height:140px;display:flex;align-items:center;padding:18px}
.showcase-attention .product-crop{width:108%;flex:none;border:1px solid #ffffff0b}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.product-crop{transition:translate .4s ease}.product-showcase:hover .product-crop{translate:0 -3px}}
@media(min-width:760px) and (max-width:999px){.steps article{padding:24px 18px 20px}.steps .showcase-stage{height:175px}.feature-main,.feature-stack article{padding:26px 22px 22px}.showcase-callout{font-size:15px}.showcase-devices .showcase-stage{height:360px}.showcase-devices .product-crop{width:67%;right:-9%}}
@media(max-width:759px){.steps article{padding:28px 24px 22px}.steps .showcase-stage{height:220px}.feature-main{padding:28px 24px 22px}.feature-stack article{padding:28px 24px 22px}.showcase-devices .showcase-stage{height:365px}.showcase-devices .product-crop{width:62%;right:-2%}.showcase-callout{font-size:17px}.showcase-worktree .showcase-stage{height:105px}.showcase-attention .showcase-stage{height:125px}}