.mockup[data-astro-cid-5mhqsdf5]{border-radius:14px;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 30px 60px -28px #0009;transform:translateY(var(--parallax, 0px));transition:transform var(--motion-base) var(--ease-flow),box-shadow var(--motion-base) var(--ease-flow),border-color var(--motion-base) ease}.mockup[data-astro-cid-5mhqsdf5]:hover{transform:translateY(calc(var(--parallax, 0px) - 6px));border-color:var(--border-strong);box-shadow:0 40px 70px -26px #000000b3}.mockup--browser[data-astro-cid-5mhqsdf5]:hover .mockup__url[data-astro-cid-5mhqsdf5]{color:var(--cyan)}.mockup__url[data-astro-cid-5mhqsdf5]{transition:color var(--motion-base) ease}.mockup--browser[data-astro-cid-5mhqsdf5] .mockup__bar[data-astro-cid-5mhqsdf5]{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.mockup__dot[data-astro-cid-5mhqsdf5]{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.mockup__url[data-astro-cid-5mhqsdf5]{margin-left:10px;flex:1;background:var(--surface-3);border-radius:999px;padding:5px 12px;font-family:Roboto Mono,monospace;font-size:.7rem;color:var(--text-faint)}.mockup--phone[data-astro-cid-5mhqsdf5]{width:220px;margin-inline:auto;border-radius:28px;border:7px solid var(--surface-2)}.mockup--phone[data-astro-cid-5mhqsdf5] .mockup__notch[data-astro-cid-5mhqsdf5]{height:20px;display:flex;align-items:center;justify-content:center}.mockup--phone[data-astro-cid-5mhqsdf5] .mockup__notch[data-astro-cid-5mhqsdf5]:before{content:"";width:46px;height:5px;border-radius:4px;background:var(--surface-3)}.mockup-row[data-astro-cid-ugk3zgld]{display:grid;grid-template-columns:1.4fr .7fr;gap:40px;align-items:start}.mockup-item[data-astro-cid-ugk3zgld]{display:flex;flex-direction:column;gap:14px}.mockup-caption[data-astro-cid-ugk3zgld]{text-align:center;font-family:Roboto Mono,monospace;font-size:.76rem;color:var(--text-faint)}.demo-site[data-astro-cid-ugk3zgld]{padding:22px;background:var(--bg-soft)}.demo-site__nav[data-astro-cid-ugk3zgld]{display:flex;align-items:center;gap:20px;margin-bottom:26px}.demo-site__brand[data-astro-cid-ugk3zgld]{width:26px;height:10px;border-radius:4px;background:var(--purple-bright);margin-right:auto}.demo-site__link[data-astro-cid-ugk3zgld]{width:40px;height:8px;border-radius:4px;background:var(--surface-3)}.demo-site__hero[data-astro-cid-ugk3zgld]{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.demo-site__eyebrow[data-astro-cid-ugk3zgld]{width:90px;height:7px;border-radius:4px;background:var(--cyan);opacity:.7}.demo-site__title[data-astro-cid-ugk3zgld]{width:70%;height:16px;border-radius:5px;background:var(--surface-3)}.demo-site__title--sm[data-astro-cid-ugk3zgld]{width:45%;height:10px;opacity:.7}.demo-site__btn[data-astro-cid-ugk3zgld]{margin-top:8px;width:130px;height:30px;border-radius:999px;background:var(--gradient-flow)}.demo-site__grid[data-astro-cid-ugk3zgld]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-site__card[data-astro-cid-ugk3zgld]{height:70px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.demo-phone[data-astro-cid-ugk3zgld]{padding:16px 14px 22px;background:var(--bg-soft);display:flex;flex-direction:column;gap:10px}.demo-phone__hero[data-astro-cid-ugk3zgld]{height:90px;border-radius:10px;background:var(--gradient-flow-warm);opacity:.85}.demo-phone__title[data-astro-cid-ugk3zgld]{width:80%;height:12px;border-radius:4px;background:var(--surface-3)}.demo-phone__text[data-astro-cid-ugk3zgld]{width:95%;height:8px;border-radius:4px;background:var(--surface-3);opacity:.6}.demo-phone__btn[data-astro-cid-ugk3zgld]{margin-top:6px;width:100%;height:28px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong)}.demo-phone__list[data-astro-cid-ugk3zgld]{display:flex;flex-direction:column;gap:8px;margin-top:10px}.demo-phone__list[data-astro-cid-ugk3zgld] span[data-astro-cid-ugk3zgld]{height:34px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}@media(max-width:900px){.mockup-row[data-astro-cid-ugk3zgld]{grid-template-columns:1fr;justify-items:center}}html.motion .mockup-row[data-astro-cid-ugk3zgld][data-reveal-group]>.mockup-item[data-astro-cid-ugk3zgld]{opacity:0;transform:translateY(34px) scale(.96)}html.motion .mockup-row[data-astro-cid-ugk3zgld][data-reveal-group].is-visible>.mockup-item[data-astro-cid-ugk3zgld]{opacity:1;transform:none}.mockup-item[data-astro-cid-ugk3zgld]{will-change:transform}