.ui-preview[data-v-a9650756]{background:#fff;border-radius:12px;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-a9650756]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--color-fill-lighter);border-radius:50%;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-a9650756]:hover{background:var(--color-fill-light);color:var(--color-text-dark)}.ui-content[data-v-a9650756]{display:flex;flex-direction:column;align-items:center;gap:16px}.logo[data-v-a9650756]{height:40px;object-fit:contain}.service-label[data-v-a9650756]{font-size:16px;font-weight:500;color:var(--color-text-med)}@media(max-width:920px){.close-btn[data-v-a9650756]{top:12px;right:12px;width:32px;height:32px}.close-btn svg[data-v-a9650756]{width:16px;height:16px}.logo[data-v-a9650756]{height:32px}.service-label[data-v-a9650756]{font-size:14px}}.hero[data-v-d78263a5]{position:relative;padding:120px 0 0;background-color:var(--color-fill-light);background-image:url(/images/resources/background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:visible}.hero-wrap[data-v-d78263a5]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:0}.hero-text[data-v-d78263a5]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px}.integration-name[data-v-d78263a5]{position:relative;display:inline-block;font-weight:800;z-index:2}.integration-name[data-v-d78263a5]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:#cdbeff30;border-radius:4px;z-index:-1}.actions[data-v-d78263a5]{margin-bottom:0}.hero-media-container[data-v-d78263a5]{position:relative;z-index:1;transform:translateY(50px)}.hero-media[data-v-d78263a5]{position:relative;display:flex;align-items:center;justify-content:center}.screenshot-card[data-v-d78263a5]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;width:100%;padding-bottom:50%;cursor:pointer}.screenshot-bg[data-v-d78263a5]{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-d78263a5]{position:absolute;inset:0;z-index:2;cursor:pointer;transition:opacity .3s ease}.click-hint.hidden[data-v-d78263a5]{opacity:0;pointer-events:none}.hint-pointer[data-v-d78263a5]{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.hint-dot[data-v-d78263a5]{width:18px;height:18px;background:var(--color-fill-dark);border-radius:50%;box-shadow:0 0 0 5px #0003,0 0 20px #0000004d,0 0 40px #00000026;animation:pulse-dot-d78263a5 1.8s ease-in-out infinite;flex-shrink:0}.hint-stem[data-v-d78263a5]{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-d78263a5]{color:#fff;font-size:14px;font-weight:700;padding:12px 20px;background:#000000b3;border:2px solid rgba(255,255,255,.4);border-radius:10px;backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 4px 20px #0000004d}.hint-center-mobile[data-v-d78263a5]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-dot-d78263a5{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-d78263a5]{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-d78263a5]{opacity:1}.hover-overlay[data-v-d78263a5]{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-d78263a5]{opacity:1}.hover-overlay[data-v-d78263a5] .ui-preview{transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}.hover-overlay.active[data-v-d78263a5] .ui-preview{transform:scale(1);opacity:1}@media(max-width:920px){.hero[data-v-d78263a5]{padding:80px 0 0}.hero-wrap[data-v-d78263a5]{padding-bottom:0}.hero-media-container[data-v-d78263a5]{transform:translateY(30px)}.hint-pointer[data-v-d78263a5]{display:none}.hint-center-mobile[data-v-d78263a5]{display:block}.hover-overlay[data-v-d78263a5]{inset:20px}}