/* Live app embed (assets/try-embed.js) outside the Services page: a device frame with a poster button
   that swaps in the real app on click. Same look as services-chapters.css. */
.svc-device{position:relative;aspect-ratio:16/10;max-height:72vh;border:6px solid #10161c;outline:1px solid rgba(255,255,255,.07);border-radius:14px;background:#05080b;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.svc-try-start{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.svc-try-start img{width:100%;height:100%;object-fit:cover;border-radius:0}
.svc-try-cta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;background:#f2efe9;color:#0d1216;border-radius:999px;padding:11px 18px;font:600 13px/1 inherit;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.svc-try-cta::before{content:"▶ "}
.svc-try-start::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to top,rgba(5,8,11,.85),rgba(5,8,11,0));pointer-events:none}
.svc-try-cta{z-index:1}
.svc-try-start:hover .svc-try-cta,.svc-try-start:focus-visible .svc-try-cta{background:#fff}
.svc-try-frame{position:absolute;top:0;left:0;border:0;background:#f5efe4;transform-origin:0 0}
.project-panel-live .svc-device{margin:0}
.project-panel-live figcaption{margin-top:12px}
@media (max-width:900px){
  .svc-device{aspect-ratio:3/4;border-width:5px;border-radius:12px}
  .svc-try-cta{bottom:14px;max-width:calc(100% - 24px);white-space:normal;text-align:center;line-height:1.4}
}
/* Plans and prices on the homepage reuse the Services cards from pricing-menu.css. */
.home-plans .pm-plans{margin-top:8px}
.home-plans .ways-to-work-note{margin:22px 0 0;color:#9aa1aa;font-size:.85rem;line-height:1.6;max-width:820px}
/* Portfolio page: each project shown as a live, scrollable frame instead of a still (portfolio/index.html). */
.project-image-live{border:0;background:none;overflow:visible}
.project-image-live:hover{border-color:transparent}
.project-image-live .svc-device{margin:0}
.project-live-note{margin-top:18px;color:#9aa1aa;font-size:.85rem;line-height:1.6}