.ui-preview[data-v-c7926ff6]{background:#fff;border-radius:var(--radius);width:100%;height:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #00000040;position:relative}.close-btn[data-v-c7926ff6]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--color-fill-lighter);border-radius:var(--radius-round);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-med);transition:background .2s ease,color .2s ease}.close-btn[data-v-c7926ff6]:hover{background:var(--color-fill-light);color:var(--color-text-dark)}.ui-content[data-v-c7926ff6]{display:flex;flex-direction:column;align-items:center;gap:16px}.logo[data-v-c7926ff6]{height:40px;object-fit:contain}.service-label[data-v-c7926ff6]{font-size:16px;font-weight:500;color:var(--color-text-med)}@media(max-width:920px){.close-btn[data-v-c7926ff6]{top:12px;right:12px;width:32px;height:32px}.close-btn svg[data-v-c7926ff6]{width:16px;height:16px}.logo[data-v-c7926ff6]{height:32px}.service-label[data-v-c7926ff6]{font-size:14px}}.video-frame[data-v-fd91d86f]{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--color-fill-dark)}.video-frame iframe[data-v-fd91d86f]{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.trust-badge[data-v-7329b9f2]{display:inline-flex;align-items:center;gap:14px;padding:12px 20px;color:#0e468f;background:#006fff0a;backdrop-filter:blur(2px);border-radius:var(--radius-pill);max-width:100%}.trust-badge-logo[data-v-7329b9f2]{display:block;height:28px;width:auto;max-width:160px;object-fit:contain;flex-shrink:0}.trust-badge-rule[data-v-7329b9f2]{width:1px;height:24px;background:#0e468f33;flex-shrink:0}.trust-badge-text[data-v-7329b9f2]{font-size:14px;font-weight:500;line-height:1;text-align:left}@media(max-width:560px){.trust-badge[data-v-7329b9f2]{flex-direction:column;gap:12px;padding:16px 20px;border-radius:var(--radius)}.trust-badge-rule[data-v-7329b9f2]{display:none}.trust-badge-text[data-v-7329b9f2]{text-align:center;line-height:1.4}}.hero[data-v-2cf51111]{position:relative;z-index:3;padding:120px 0 0;background-color:var(--color-fill-light);background-image:url(/images/ui/hero-background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:visible}.hero--no-media[data-v-2cf51111]{padding-bottom:100px}.hero-wrap[data-v-2cf51111]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:0}.hero-text[data-v-2cf51111]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px}.hero-badge[data-v-2cf51111]{margin-bottom:20px}.integration-name[data-v-2cf51111]{position:relative;display:inline-block;font-weight:800;z-index:2}.integration-name[data-v-2cf51111]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:#cdbeff30;border-radius:var(--radius);z-index:-1}.actions[data-v-2cf51111]{margin-bottom:0}.hero-trust[data-v-2cf51111]{margin-top:28px}.hero-media-container[data-v-2cf51111]{position:relative;z-index:1;transform:translateY(50px)}.hero-media[data-v-2cf51111]{position:relative;display:flex;align-items:center;justify-content:center}.screenshot-card[data-v-2cf51111]{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #0000004d;width:100%;padding-bottom:50%;cursor:pointer}.screenshot-card.video-card[data-v-2cf51111]{padding-bottom:0;cursor:default;box-shadow:none}.screenshot-bg[data-v-2cf51111]{position:absolute;inset:0;background-size:cover;background-position:top center;background-repeat:no-repeat;transition:filter .4s ease;z-index:0;filter:blur(0px)}.click-hint[data-v-2cf51111]{position:absolute;inset:0;z-index:2;cursor:pointer;transition:opacity .3s ease}.click-hint.hidden[data-v-2cf51111]{opacity:0;pointer-events:none}.hint-pointer[data-v-2cf51111]{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.hint-dot[data-v-2cf51111]{width:18px;height:18px;background:var(--color-fill-dark);border-radius:var(--radius-round);box-shadow:0 0 0 5px #0003,0 0 20px #0000004d,0 0 40px #00000026;animation:pulse-dot-2cf51111 1.8s ease-in-out infinite;flex-shrink:0}.hint-stem[data-v-2cf51111]{width:2px;height:24px;background:linear-gradient(to bottom,var(--color-fill-dark),rgba(0,0,0,.5));flex-shrink:0}.hint-text[data-v-2cf51111]{color:#fff;font-size:14px;font-weight:700;padding:12px 20px;background:#000000b3;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 4px 20px #0000004d}.hint-center-mobile[data-v-2cf51111]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-dot-2cf51111{0%,to{box-shadow:0 0 0 5px #0003,0 0 20px #0000004d,0 0 40px #00000026;transform:scale(1)}50%{box-shadow:0 0 0 10px #00000026,0 0 30px #00000040,0 0 60px #0000001a;transform:scale(1.1)}}.screenshot-fade[data-v-2cf51111]{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none}.screenshot-fade.active[data-v-2cf51111]{opacity:1}.hover-overlay[data-v-2cf51111]{position:absolute;inset:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:4}.hover-overlay.active[data-v-2cf51111]{opacity:1}.hover-overlay[data-v-2cf51111] .ui-preview{transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}.hover-overlay.active[data-v-2cf51111] .ui-preview{transform:scale(1);opacity:1}@media(max-width:920px){.hero[data-v-2cf51111]{padding:80px 0 0}.hero--no-media[data-v-2cf51111]{padding-bottom:64px}.hero--no-media[data-v-2cf51111]{padding-bottom:100px}.hero-wrap[data-v-2cf51111]{padding-bottom:0}.hero-media-container[data-v-2cf51111]{transform:translateY(30px)}.hint-pointer[data-v-2cf51111]{display:none}.hint-center-mobile[data-v-2cf51111]{display:block}.hover-overlay[data-v-2cf51111]{inset:20px}}