.preview-open{overflow:hidden}.screenshot-preview{width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d9e7f6;border-radius:21px;background:#f8fbff;color:#213c5b;box-shadow:0 28px 100px #071e3d60;overflow:auto;overscroll-behavior:contain}.screenshot-preview::backdrop{background:#0c213dbc;backdrop-filter:blur(7px)}.screenshot-preview .preview-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 26px 15px;background:linear-gradient(135deg,#edf5ff,#fff);position:sticky;top:0;z-index:2;border-bottom:1px solid #e3ebf6}.preview-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:#6a8aa8}.preview-heading h2{font-size:24px;letter-spacing:-.7px;margin:6px 0 4px;line-height:1.2}.preview-heading p{font-size:11px;line-height:1.6;max-width:640px;margin:0;color:#69819b}.preview-heading #preview-close{flex:none;background:white;border:1px solid #cedfed;border-radius:9px;min-width:44px;min-height:44px;color:#426582;font-size:20px;cursor:pointer}.preview-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:14px 26px}.preview-tabs button{border:1px solid #d4e2f0;background:white;color:#62809c;border-radius:8px;min-height:38px;padding:8px 5px;font-size:11px;cursor:pointer}.preview-tabs button[aria-pressed=true]{color:#0d62b1;border-color:#81b4e5;background:#eaf4ff}.preview-image-wrap{background:#e5edf7;border-top:1px solid #d6e3ef;border-bottom:1px solid #d6e3ef;padding:12px 22px;display:flex;justify-content:center;align-items:center}.preview-image-wrap img{display:block;width:100%;height:auto;max-height:53dvh;object-fit:contain;border-radius:8px}.preview-image-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 26px;border-bottom:1px solid #e1eaf4;font-size:11px;color:#7287a0}.preview-image-controls>div{display:flex;align-items:center;gap:12px}.preview-image-controls button{border:1px solid #cdddec;border-radius:7px;min-width:40px;min-height:38px;background:#fff;color:#456b91;cursor:pointer}.preview-image-controls a{color:#3c6f9c;font-size:10px}.preview-account-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 26px;background:white}.preview-account-cta p{font-size:11px;margin:0;color:#6c829b;line-height:1.7}.preview-account-cta strong{display:block;color:#24486d;font-size:12px}.preview-account-cta .btn{font-size:12px;white-space:nowrap;padding:12px 18px}.screenshot-preview button:focus-visible,.screenshot-preview a:focus-visible{outline:2px solid #428ccc;outline-offset:2px}.site-depth{position:absolute;inset:-100px -90px;pointer-events:none;z-index:-1;overflow:hidden;transform:translate3d(0,var(--scroll-depth,0),0);will-change:transform;background:radial-gradient(ellipse at 88% 16%,#99c9ff24,transparent 42%),radial-gradient(ellipse at 5% 75%,#82d8cd17,transparent 40%)}.site-depth:before{content:"";position:absolute;right:-60px;top:12%;width:700px;height:700px;border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 45px,#8cb4df19 46px 47px,transparent 48px 85px);transform:rotate(-18deg)}.hero{position:relative;isolation:isolate;overflow:clip}.site-depth-feature{position:relative;isolation:isolate;overflow:clip}.site-depth-feature .site-depth{inset:-80px -100px;background:radial-gradient(ellipse at 70% 35%,#8ebee923,transparent 62%)}@media(max-width:700px){.screenshot-preview{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.screenshot-preview .preview-heading{padding:18px 17px 13px;gap:10px}.preview-heading h2{font-size:21px}.preview-heading p{font-size:11px}.preview-tabs{padding:12px 17px;grid-template-columns:repeat(3,1fr);gap:7px}.preview-tabs button{min-height:38px}.preview-image-wrap{padding:9px}.preview-image-controls{padding:10px 16px;gap:8px;flex-wrap:wrap}.preview-image-controls>div{gap:9px}.preview-account-cta{padding:15px 17px;gap:12px;flex-wrap:wrap}.preview-account-cta .btn{width:100%;text-align:center}.preview-image-wrap img{max-height:40dvh}.site-depth:before{width:430px;height:430px;right:-180px}}@media(prefers-reduced-motion:reduce){.site-depth{transform:none;will-change:auto}}.gateway-actions{display:grid;gap:11px;margin-top:25px}.gateway-actions>a{display:block;text-align:center;font-weight:600;font-size:13px;padding:13px 16px;min-height:46px;border:1px solid #cddff1;border-radius:9px;background:#f3f8fd;color:#275b8b}.gateway-actions>a:first-child{background:#086cdb;color:white;border-color:#086cdb}.access-lock{display:inline-flex;align-items:center;gap:8px;border-radius:20px;background:#edf5fd;border:1px solid #d5e4f2;padding:6px 11px;margin-bottom:20px;font-size:10px;color:#537392}