.mockup[data-astro-cid-5ew4moav]{--frame-color: var(--dd-bg-elevated);--frame-border: 3px;position:relative}.mockup-frame[data-astro-cid-5ew4moav]{position:relative;background:var(--frame-color);overflow:hidden}.mockup-laptop[data-astro-cid-5ew4moav] .mockup-frame[data-astro-cid-5ew4moav]{border:var(--frame-border) solid var(--frame-color);border-radius:12px 12px 4px 4px;box-shadow:0 20px 60px #0006,0 0 0 1px #00d4ef0f}.mockup-topbar[data-astro-cid-5ew4moav]{display:flex;gap:6px;padding:8px 12px;background:var(--frame-color)}.mockup-dot[data-astro-cid-5ew4moav]{width:8px;height:8px;border-radius:50%;background:var(--dd-text-muted);opacity:.3}.mockup-base[data-astro-cid-5ew4moav]{width:110%;height:12px;margin:0 auto 0 -5%;background:var(--frame-color);border-radius:0 0 8px 8px;clip-path:polygon(4% 0%,96% 0%,100% 100%,0% 100%)}.mockup-phone[data-astro-cid-5ew4moav] .mockup-frame[data-astro-cid-5ew4moav]{border:4px solid var(--frame-color);border-radius:28px;box-shadow:0 20px 60px #0006,0 0 0 1px #00d4ef0f}.mockup-notch[data-astro-cid-5ew4moav]{width:80px;height:22px;background:var(--frame-color);border-radius:0 0 12px 12px;margin:0 auto;position:relative;z-index:2}.mockup-screen[data-astro-cid-5ew4moav]{position:relative;overflow:hidden;background:var(--dd-bg-deep)}.mockup-laptop[data-astro-cid-5ew4moav] .mockup-screen[data-astro-cid-5ew4moav]{aspect-ratio:16 / 10}.mockup-phone[data-astro-cid-5ew4moav] .mockup-screen[data-astro-cid-5ew4moav]{aspect-ratio:9 / 22}.mockup-screenshot[data-astro-cid-5ew4moav]{width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;animation:scrollScreenshot var(--scroll-speed) linear infinite alternate}.mockup-hover-scroll[data-astro-cid-5ew4moav] .mockup-screenshot[data-astro-cid-5ew4moav]{animation:none;transition:transform .3s ease}.mockup-hover-scroll[data-astro-cid-5ew4moav]:hover .mockup-screenshot[data-astro-cid-5ew4moav]{animation:scrollScreenshot var(--scroll-speed) linear infinite alternate}.mockup[data-astro-cid-5ew4moav]:not(.mockup-hover-scroll):hover .mockup-screenshot[data-astro-cid-5ew4moav]{animation-play-state:paused}@keyframes scrollScreenshot{0%,5%{-o-object-position:top;object-position:top}95%,to{-o-object-position:bottom;object-position:bottom}}.mockup-iframe[data-astro-cid-5ew4moav] .mockup-screen[data-astro-cid-5ew4moav]{position:relative}.mockup-iframe-content[data-astro-cid-5ew4moav]{width:1440px;height:900px;border:none;transform-origin:top center;transform:scale(var(--iframe-scale, .35));position:absolute;top:0;left:50%;margin-left:-720px;pointer-events:none}.mockup-phone[data-astro-cid-5ew4moav] .mockup-iframe-content[data-astro-cid-5ew4moav]{width:375px;height:920px;left:50%;margin-left:-187.5px;transform-origin:top center}.mockup-iframe[data-astro-cid-5ew4moav]:hover .mockup-iframe-content[data-astro-cid-5ew4moav]{pointer-events:auto}.mockup-hero[data-astro-cid-5ew4moav]{max-width:520px;width:100%}.mockup-card[data-astro-cid-5ew4moav]{width:100%}.mockup-preview[data-astro-cid-5ew4moav]{width:200px}.mockup-preview[data-astro-cid-5ew4moav].mockup-phone{width:140px}.mockup-preview[data-astro-cid-5ew4moav] .mockup-topbar[data-astro-cid-5ew4moav]{padding:4px 8px;gap:3px}.mockup-preview[data-astro-cid-5ew4moav] .mockup-dot[data-astro-cid-5ew4moav]{width:4px;height:4px}.mockup-preview[data-astro-cid-5ew4moav] .mockup-base[data-astro-cid-5ew4moav]{height:6px}.mockup-preview[data-astro-cid-5ew4moav] .mockup-notch[data-astro-cid-5ew4moav]{width:40px;height:12px}.mockup-info[data-astro-cid-5ew4moav]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--dd-space-md);padding:0 4px}.mockup-project-name[data-astro-cid-5ew4moav]{font-family:var(--dd-serif);font-size:20px;font-weight:400;color:var(--dd-text-primary);letter-spacing:-.3px}.mockup-link[data-astro-cid-5ew4moav]{font-family:var(--dd-sans);font-size:13px;font-weight:400;color:var(--dd-text-muted);text-decoration:none;transition:color .3s}.mockup-link[data-astro-cid-5ew4moav]:hover{color:var(--dd-accent)}.mockup-card[data-astro-cid-5ew4moav] .mockup-frame[data-astro-cid-5ew4moav]{transition:box-shadow .4s cubic-bezier(.22,1,.36,1)}.mockup-card[data-astro-cid-5ew4moav]:hover .mockup-frame[data-astro-cid-5ew4moav]{box-shadow:0 20px 60px #0006,0 0 0 1px var(--dd-accent-glow),0 0 30px #00d4ef14}@media (prefers-reduced-motion: reduce){.mockup-screenshot[data-astro-cid-5ew4moav]{animation:none!important;-o-object-position:top;object-position:top}}@media (max-width: 900px){.mockup-hero[data-astro-cid-5ew4moav]{max-width:90vw}.mockup-project-name[data-astro-cid-5ew4moav]{font-size:18px}}@media (max-width: 600px){.mockup-hero[data-astro-cid-5ew4moav]{max-width:95vw}.mockup-topbar[data-astro-cid-5ew4moav]{padding:6px 10px}.mockup-dot[data-astro-cid-5ew4moav]{width:6px;height:6px}.mockup-base[data-astro-cid-5ew4moav]{height:8px}.mockup-project-name[data-astro-cid-5ew4moav]{font-size:16px}}