.mockup[data-astro-cid-5ew4moav]{position:relative;display:flex;justify-content:center;align-items:flex-end;background:var(--color-bg, #f0f4f7);border-radius:24px;padding:clamp(28px,5vw,56px) clamp(20px,6vw,72px) clamp(40px,6vw,64px);margin-bottom:2.5rem;overflow:hidden;--pw: clamp(120px, 19vw, 156px);--phone-bottom: clamp(14px, 3vw, 34px);min-height:calc((var(--pw) - 14px) * 2.1641 + 14px + var(--phone-bottom) + clamp(20px,3vw,32px))}.device[data-astro-cid-5ew4moav]{position:relative}.device--laptop[data-astro-cid-5ew4moav]{z-index:1;display:flex;flex-direction:column;align-items:center;transform:translate(-10%)}.device--laptop[data-astro-cid-5ew4moav] .bezel[data-astro-cid-5ew4moav]{width:clamp(280px,46vw,480px);padding:8px 8px 6px;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 18px 40px #1a2d3d38}.device--laptop[data-astro-cid-5ew4moav] .screen[data-astro-cid-5ew4moav]{--screen-h: clamp(165px, calc(28.75vw - 10px) , 290px);border-radius:7px 7px 0 0}.laptop-base[data-astro-cid-5ew4moav]{width:clamp(330px,54vw,560px);height:clamp(9px,1.4vw,14px);margin:0 auto;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 10px 18px #1a2d3d24;position:relative}.device--phone[data-astro-cid-5ew4moav]{position:absolute;right:clamp(8px,4vw,56px);bottom:var(--phone-bottom);z-index:2;--pr: calc((var(--pw) - 14px) * .13)}.device--phone[data-astro-cid-5ew4moav] .bezel[data-astro-cid-5ew4moav]{width:var(--pw);padding:7px;background:#fff;border-radius:calc(var(--pr) + 7px);box-shadow:0 14px 34px #1a2d3d4d}.device--phone[data-astro-cid-5ew4moav] .screen[data-astro-cid-5ew4moav]{--screen-h: calc((var(--pw) - 14px) * 2.1641);border-radius:var(--pr)}.device--phone[data-astro-cid-5ew4moav] .bezel[data-astro-cid-5ew4moav]:before{content:"";position:absolute;top:11px;left:50%;transform:translate(-50%);width:34px;height:4px;background:#d8e0e7;border-radius:3px;z-index:3}.screen[data-astro-cid-5ew4moav]{height:var(--screen-h);overflow:hidden;background:#fff;border-radius:7px}.screen[data-astro-cid-5ew4moav] img[data-astro-cid-5ew4moav]{width:100%;height:auto;display:block}.screen[data-astro-cid-5ew4moav]:not(.is-scroll) img[data-astro-cid-5ew4moav]{height:var(--screen-h);object-fit:cover;object-position:top}.screen[data-astro-cid-5ew4moav].is-scroll img[data-astro-cid-5ew4moav]{animation:mockup-scroll var(--dur, 24s) cubic-bezier(.4,0,.6,1) infinite;will-change:transform}.device--phone[data-astro-cid-5ew4moav] .screen[data-astro-cid-5ew4moav].is-scroll img[data-astro-cid-5ew4moav]{animation-delay:3s}@keyframes mockup-scroll{0%,8%{transform:translateY(0)}46%,54%{transform:translateY(calc(-100% + var(--screen-h)))}92%,to{transform:translateY(0)}}@media(scripting:enabled){.screen[data-astro-cid-5ew4moav]{position:relative;container-type:inline-size}.screen[data-astro-cid-5ew4moav] img[data-astro-cid-5ew4moav]{opacity:0;transition:opacity .7s ease-out}.screen[data-astro-cid-5ew4moav].is-loaded img[data-astro-cid-5ew4moav]{opacity:1}.screen[data-astro-cid-5ew4moav].is-scroll:not(.is-loaded) img[data-astro-cid-5ew4moav]{animation-play-state:paused}.screen[data-astro-cid-5ew4moav]:before,.screen[data-astro-cid-5ew4moav]:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;transition:opacity .6s ease-out}.screen[data-astro-cid-5ew4moav]:before{background:linear-gradient(#dde6ee 0 0) left 7cqw top 6% / 20% 4.5% no-repeat,linear-gradient(#e4ebf1 0 0) right 7cqw top 6% / 34% 3.5% no-repeat,linear-gradient(#e2e9ef 0 0) 50% 30% / 86% 34% no-repeat,linear-gradient(#e4ebf1 0 0) left 7cqw top 62% / 48% 4.5% no-repeat,linear-gradient(#e9eff4 0 0) left 7cqw top 71% / 80% 3% no-repeat,linear-gradient(#e9eff4 0 0) left 7cqw top 78% / 72% 3% no-repeat,linear-gradient(#e9eff4 0 0) left 7cqw top 85% / 60% 3% no-repeat,#f4f7fa}.device--phone[data-astro-cid-5ew4moav] .screen[data-astro-cid-5ew4moav]:before{background:linear-gradient(#dde6ee 0 0) left 8cqw top 7% / 34% 2.5% no-repeat,linear-gradient(#e4ebf1 0 0) right 8cqw top 7% / 12% 2.5% no-repeat,linear-gradient(#e2e9ef 0 0) 50% 28% / 84% 26% no-repeat,linear-gradient(#e4ebf1 0 0) left 8cqw top 56% / 70% 2.8% no-repeat,linear-gradient(#e9eff4 0 0) left 8cqw top 62% / 84% 2% no-repeat,linear-gradient(#e9eff4 0 0) left 8cqw top 67% / 76% 2% no-repeat,linear-gradient(#e2e9ef 0 0) 50% 86% / 84% 18% no-repeat,#f4f7fa}.screen[data-astro-cid-5ew4moav]:after{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 0 0 / 250% 100% no-repeat;animation:mockup-shimmer 1.5s ease-in-out infinite}.screen[data-astro-cid-5ew4moav].is-loaded:before,.screen[data-astro-cid-5ew4moav].is-loaded:after{opacity:0}.screen[data-astro-cid-5ew4moav].is-loaded:after{animation:none}}@keyframes mockup-shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}@media(max-width:460px){.mockup[data-astro-cid-5ew4moav]{flex-direction:column;align-items:center;gap:20px;min-height:0}.device--phone[data-astro-cid-5ew4moav]{position:static}.device--laptop[data-astro-cid-5ew4moav]{transform:none}}@keyframes hero-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes hero-text-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-text[data-astro-cid-td5ptgxv]{animation:hero-text-in .65s .35s ease-out both}