.demo-main[data-astro-cid-druj5yoh]{padding:60px 0 80px;background:#fff;scroll-margin-top:calc(var(--header-h) + 20px)}.demo-main__inner[data-astro-cid-druj5yoh]{display:grid;grid-template-columns:270px 1fr;gap:52px;align-items:center}.demo-main__phone[data-astro-cid-druj5yoh]{flex-shrink:0;background:transparent}.demo-main__phone[data-astro-cid-druj5yoh] video[data-astro-cid-druj5yoh]{width:100%;height:auto;display:block;border-radius:20px}.demo-main__right[data-astro-cid-druj5yoh]{display:flex;flex-direction:column}.demo-main__label[data-astro-cid-druj5yoh]{margin-bottom:10px}.demo-main__heading[data-astro-cid-druj5yoh]{font-family:var(--font-head);font-size:clamp(20px,2vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--black);margin-bottom:12px}.demo-main__heading[data-astro-cid-druj5yoh] span[data-astro-cid-druj5yoh]{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.demo-main__desc[data-astro-cid-druj5yoh]{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--grey);margin-bottom:12px}.demo-main__list[data-astro-cid-druj5yoh]{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.demo-main__item[data-astro-cid-druj5yoh]{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--grey)}.demo-main__item[data-astro-cid-druj5yoh]:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grad);flex-shrink:0;margin-top:5px}.demo-main__note[data-astro-cid-druj5yoh]{font-family:var(--font-body);font-size:12px;color:var(--light-grey);font-style:italic;margin-bottom:18px}.demo-main__bridge[data-astro-cid-druj5yoh]{display:flex;align-items:center;gap:14px;margin:0 0 16px}.demo-main__bridge[data-astro-cid-druj5yoh]:before,.demo-main__bridge[data-astro-cid-druj5yoh]:after{content:"";flex:1;height:1.5px;background:#0050df1a;border-radius:2px}.demo-main__bridge[data-astro-cid-druj5yoh] span[data-astro-cid-druj5yoh]{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--black);white-space:nowrap}.demo-main__steps[data-astro-cid-druj5yoh]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.demo-step[data-astro-cid-druj5yoh]{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 10px;background:var(--bg);border-radius:12px;padding:14px 16px}.demo-step-badge[data-astro-cid-druj5yoh]{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:28px;background:var(--grad);color:#fff;font-size:12px;font-weight:700;border-radius:100px;flex-shrink:0}.demo-step-text[data-astro-cid-druj5yoh]{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--black)}.demo-step-badges[data-astro-cid-druj5yoh]{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;width:100%}.demo-step-badges[data-astro-cid-druj5yoh] a[data-astro-cid-druj5yoh] img[data-astro-cid-druj5yoh]{height:36px;width:auto;border-radius:8px;opacity:.9;transition:opacity .2s,transform .2s}.demo-cams__head[data-astro-cid-druj5yoh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.demo-cams__title[data-astro-cid-druj5yoh]{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}.demo-cams__nav[data-astro-cid-druj5yoh]{display:flex;gap:6px}.demo-cams__nav[data-astro-cid-druj5yoh] button[data-astro-cid-druj5yoh]{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(0,80,223,.2);background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.demo-cams__track[data-astro-cid-druj5yoh]{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-cams__track[data-astro-cid-druj5yoh]::-webkit-scrollbar{display:none}.demo-cam[data-astro-cid-druj5yoh]{flex:0 0 calc((100% - 30px)/4);border-radius:12px;overflow:hidden;position:relative;aspect-ratio:4/3;display:block;text-decoration:none;scroll-snap-align:start;background:var(--bg-grey);transition:transform .25s,box-shadow .25s}.demo-cam[data-astro-cid-druj5yoh] img[data-astro-cid-druj5yoh]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.demo-cam[data-astro-cid-druj5yoh] video[data-astro-cid-druj5yoh]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .4s}.demo-cam__overlay[data-astro-cid-druj5yoh]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 45%,transparent 55%,rgba(0,0,0,.65) 100%);z-index:2}.demo-cam__name[data-astro-cid-druj5yoh]{position:absolute;top:9px;left:10px;color:#fff;font-size:12px;font-weight:700;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.7);line-height:1.2}.demo-cam__name[data-astro-cid-druj5yoh] .demo-cam__sub{font-weight:500;font-size:10px;opacity:.85}.demo-cam__dot[data-astro-cid-druj5yoh]{position:absolute;top:11px;right:10px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e4d;z-index:3}.demo-cam__btn[data-astro-cid-druj5yoh]{position:absolute;bottom:8px;left:8px;right:8px;background:#22c55e;color:#fff;text-align:center;padding:6px 8px;border-radius:7px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}@media(hover:hover){.demo-cam[data-astro-cid-druj5yoh]:hover{transform:scale(1.025);box-shadow:0 12px 32px #0003}.demo-cam[data-astro-cid-druj5yoh]:hover img[data-astro-cid-druj5yoh]{transform:scale(1.06)}.demo-cam[data-astro-cid-druj5yoh]:hover video[data-astro-cid-druj5yoh]{opacity:1}.demo-cam[data-astro-cid-druj5yoh]:hover .demo-cam__btn[data-astro-cid-druj5yoh]{opacity:1;transform:translateY(0)}.demo-step-badges[data-astro-cid-druj5yoh] a[data-astro-cid-druj5yoh]:hover img[data-astro-cid-druj5yoh]{opacity:1;transform:scale(1.03)}.demo-cams__nav[data-astro-cid-druj5yoh] button[data-astro-cid-druj5yoh]:hover{background:var(--primary);color:#fff;border-color:var(--primary)}}@media(max-width:900px){.demo-main__inner[data-astro-cid-druj5yoh]{grid-template-columns:1fr;gap:36px}.demo-main__phone[data-astro-cid-druj5yoh]{max-width:280px;margin:0 auto}.demo-main__steps[data-astro-cid-druj5yoh]{grid-template-columns:1fr}}@media(max-width:680px){.demo-main[data-astro-cid-druj5yoh]{padding:36px 0 52px}.demo-main__inner[data-astro-cid-druj5yoh]{display:flex;flex-direction:column;gap:0}.demo-main__right[data-astro-cid-druj5yoh]{display:contents}.demo-main__label[data-astro-cid-druj5yoh]{order:1;margin-bottom:8px}.demo-main__heading[data-astro-cid-druj5yoh]{order:2}.demo-main__desc[data-astro-cid-druj5yoh]{order:3;margin-bottom:16px}.demo-main__phone[data-astro-cid-druj5yoh]{order:4;max-width:190px;margin:0 auto 18px}.demo-main__list[data-astro-cid-druj5yoh]{order:5}.demo-main__note[data-astro-cid-druj5yoh]{order:6}.demo-main__bridge[data-astro-cid-druj5yoh]{order:7}.demo-main__steps[data-astro-cid-druj5yoh]{order:8;gap:8px;margin-bottom:18px}.demo-step[data-astro-cid-druj5yoh]{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.demo-step-badge[data-astro-cid-druj5yoh]{min-width:48px;height:24px;font-size:11px}.demo-step-text[data-astro-cid-druj5yoh]{font-size:12px}.demo-step-badges[data-astro-cid-druj5yoh]{gap:6px;margin-top:2px;flex-wrap:nowrap}.demo-step-badges[data-astro-cid-druj5yoh] a[data-astro-cid-druj5yoh] img[data-astro-cid-druj5yoh]{height:28px}.demo-cams[data-astro-cid-druj5yoh]{order:9}.demo-cams__nav[data-astro-cid-druj5yoh]{display:none}.demo-cams__track[data-astro-cid-druj5yoh]{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}.demo-cam[data-astro-cid-druj5yoh]{width:auto}.demo-cam[data-astro-cid-druj5yoh]:nth-child(n+8){display:none}.demo-cam__btn[data-astro-cid-druj5yoh]{display:none}}