.idvas{--idvas-w:min(var(--idvas-width),58vw);--idvas-h:calc(var(--idvas-w)*var(--idvas-ratio));--idvas-bezel:#fff;box-sizing:border-box;position:relative;width:100%;max-width:100%;overflow:hidden;padding:64px 0 34px;background:var(--idvas-bg);color:var(--idvas-text);font-family:inherit;isolation:isolate}.idvas *{box-sizing:border-box}.idvas .idvas-heading{text-align:center;padding:0 24px;margin:0 auto 40px;max-width:900px}.idvas .idvas-heading h2{font:inherit;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:inherit;margin:0 0 14px}.idvas .idvas-heading p{font:inherit;color:inherit;opacity:.7;margin:0;line-height:1.6}.idvas .idvas-viewport{height:calc(var(--idvas-h) + 106px);position:relative;overflow:hidden;touch-action:pan-y;outline-offset:-4px;cursor:grab}.idvas .idvas-track{display:flex;gap:var(--idvas-gap);position:absolute;left:50%;top:48px;width:max-content;transform:translateX(calc(var(--idvas-w)*-.5));will-change:transform;transition:transform var(--idvas-speed) cubic-bezier(.22,.65,.25,1);direction:ltr}.idvas .idvas-slide{width:var(--idvas-w);height:var(--idvas-h);flex:none;overflow:hidden;border-radius:3px;background:#fff;box-shadow:0 8px 24px #12223a14}.idvas .idvas-slide img{width:100%;height:100%;max-width:none;display:block;object-fit:var(--idvas-fit);margin:0;border:0;border-radius:0;user-select:none}.idvas .idvas-phone{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(var(--idvas-w) + 24px);height:calc(var(--idvas-h) + 100px);border-style:solid;border-color:var(--idvas-bezel);border-width:48px 12px 52px;border-radius:38px;box-shadow:0 0 0 2px #a5a9b1,0 0 0 4px #e1e3e8,0 15px 30px #1720331c;pointer-events:none;z-index:2}.idvas .idvas-speaker{position:absolute;top:-26px;width:38px;height:4px;border-radius:4px;background:#787d86;left:50%;transform:translateX(-50%)}.idvas .idvas-speaker:before{content:'';position:absolute;left:-18px;top:-1px;width:6px;height:6px;border-radius:50%;background:#454b56}.idvas .idvas-home{position:absolute;bottom:-42px;width:30px;height:30px;border:2px solid #b6bac2;border-radius:50%;left:50%;transform:translateX(-50%)}.idvas--dark,.idvas--modern{--idvas-bezel:#161a22}.idvas--modern .idvas-home{width:70px;height:4px;border:0;border-radius:5px;background:#727987;bottom:-28px}.idvas--modern .idvas-speaker{width:64px;height:15px;top:-32px;background:#050608;border-radius:20px}.idvas--modern .idvas-speaker:before{display:none}.idvas .idvas-footer{padding:25px 20px 0;text-align:center}.idvas .idvas-caption{min-height:54px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:15px;font-weight:600}.idvas .idvas-caption a{color:var(--idvas-accent);font-size:13px;text-decoration:none}.idvas [hidden]{display:none!important}.idvas .idvas-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px}.idvas .idvas-controls button{appearance:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--idvas-accent);border-radius:50%;color:var(--idvas-accent);width:42px;height:42px;padding:0;font:inherit;line-height:1;cursor:pointer;box-shadow:none;min-width:0}.idvas .idvas-controls button:focus-visible,.idvas a:focus-visible{outline:3px solid var(--idvas-accent);outline-offset:4px}.idvas .idvas-dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:220px}.idvas .idvas-dots button{width:10px;height:10px;border:0;background:var(--idvas-accent);opacity:.25}.idvas .idvas-dots button[aria-current=true]{opacity:1}.idvas .idvas-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.idvas{padding-top:40px;--idvas-gap:28px!important}.idvas .idvas-heading{margin-bottom:26px}.idvas .idvas-controls{gap:12px}}@media(prefers-reduced-motion:reduce){.idvas .idvas-track{transition:none!important}}

/* Keep the screen edge visible against white screenshots. */
.idvas .idvas-phone::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(15, 23, 42, 0.24);
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.04), inset 0 1px 4px rgba(15, 23, 42, 0.06);
    pointer-events: none;
}
.idvas--dark .idvas-phone::after,
.idvas--modern .idvas-phone::after {
    border-color: rgba(0, 0, 0, 0.45);
}