.package-preview-open{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:44px;border:1px solid #9cd6ef70;border-radius:12px;background:linear-gradient(120deg,#25485e,#112d3f);color:#d9f0ff;font:inherit;font-size:12px;padding:11px 13px;cursor:pointer;margin:auto 0 9px;box-shadow:inset 0 1px 0 #c5e7f333}.package-preview-open svg{width:22px;height:22px;flex-shrink:0}.package-preview-open:hover{border-color:#d4f2ff;background:#294b60}.services-page .package-preview-open+.plan-cta{margin-top:0}.services-page .count-1 .package-preview-open{grid-column:1}.package-dialog{padding:0;width:min(1520px,96vw);max-width:96vw;height:min(960px,94dvh);max-height:94dvh;border:1px solid #86b7cf77;border-radius:24px;background:#071721;color:#e6f4fc;box-shadow:0 40px 100px #0009;overflow:hidden}.package-dialog::backdrop{background:#020b13db;backdrop-filter:blur(8px)}.package-dialog[open]{display:flex;flex-direction:column}.pd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:20px;border-bottom:1px solid #8dc4df2b;background:linear-gradient(115deg,#173344,#081a27)}.pd-kicker{font-size:9px;letter-spacing:.14em;color:#91bfd6}.services-page .pd-header h2{font-size:25px;line-height:1.15;margin:7px 0 0;letter-spacing:-.025em}.pd-close{border:1px solid #91b7cc66;background:#0a2030;color:#dff2fd;border-radius:12px;min-height:44px;padding:10px 15px;font:inherit;font-size:12px;cursor:pointer}.pd-close span{margin-left:12px;font-size:19px}.pd-layout{display:grid;grid-template-columns:210px minmax(0,1fr);flex:1;min-height:0}.pd-sidebar{padding:20px 14px;overflow:auto;border-right:1px solid #8dc4df2b}.pd-sidebar>p{font-size:11px;color:#a9c5d6;margin:0 5px 13px}.pd-examples{display:flex;flex-direction:column;gap:7px}.pd-examples button{font:inherit;text-align:left;background:#102735;color:#c6deec;padding:11px 12px;min-height:45px;border:1px solid #779fb633;border-radius:11px;cursor:pointer;font-size:12px;transition:background .2s,border-color .2s}.pd-examples button[aria-pressed=true]{color:#122c3b;background:linear-gradient(120deg,#d4efff,#9ccce2);border-color:#d2efff}.pd-examples button:hover{border-color:#c1e9fc}.pd-demo-note{display:block;font-size:10px;line-height:1.75;color:#88a9bd;margin:18px 5px 0}.pd-view{display:flex;flex-direction:column;min-width:0;min-height:0}.pd-toolbar{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #8dc4df2b}.pd-example-title{display:block;font-size:13px;font-weight:600}.pd-status{display:block;font-size:10px;color:#92b9d0;margin-top:4px}.pd-devices{display:flex;gap:5px;flex-shrink:0}.pd-devices button{font:inherit;font-size:11px;padding:9px 11px;min-height:38px;border:1px solid #769fb64a;border-radius:9px;background:#102838;color:#b8d0df;cursor:pointer}.pd-devices button[aria-pressed=true]{background:#2d5064;border-color:#afd4e7;color:#f0faff}.pd-canvas{flex:1;min-height:0;display:flex;justify-content:center;padding:12px;background:repeating-linear-gradient(0deg,#071722 0 19px,#122735 20px);overflow:auto}.pd-frame{width:100%;height:100%;border:1px solid #85b1c64d;background:#fff;border-radius:10px;flex-shrink:0}.pd-canvas.is-mobile .pd-frame{width:390px;max-width:100%;border:7px solid #203a49;border-radius:25px;box-shadow:0 10px 25px #0006}.pd-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;gap:15px;border-top:1px solid #8dc4df2b}.pd-footer>span{font-size:11px;color:#9ebccc}.pd-quote{font-size:12px;color:#122d3d;padding:12px 17px;border-radius:12px;background:linear-gradient(120deg,#e0f5ff,#a9d6e9);white-space:nowrap}.package-dialog :focus-visible{outline:2px solid #d5efff;outline-offset:2px}html:has(.package-dialog[open]){overflow:hidden}@media(max-width:760px){.package-dialog{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh;border-radius:17px}.pd-header{padding:13px 15px}.services-page .pd-header h2{font-size:20px}.pd-kicker{font-size:8px}.pd-layout{display:flex;flex-direction:column}.pd-sidebar{padding:10px;overflow:visible;border-right:0;border-bottom:1px solid #8dc4df2b}.pd-sidebar>p,.pd-demo-note{display:none}.pd-examples{flex-direction:row;overflow-x:auto;gap:6px}.pd-examples button{white-space:nowrap;flex-shrink:0;font-size:11px;min-height:42px}.pd-toolbar{padding:10px;gap:8px}.pd-view{flex:1}.pd-devices button{font-size:10px;padding:8px}.pd-canvas{padding:5px}.pd-example-title{font-size:12px}.pd-footer{padding:10px 12px}.pd-footer>span{font-size:9px;max-width:140px}.pd-quote{font-size:11px;padding:11px}.pd-close{font-size:11px;padding:8px 10px}.pd-canvas.is-mobile .pd-frame{border-width:3px;border-radius:14px}}

.pd-examples button>span,.pd-examples button>small{display:block}.pd-examples button>small{font-size:9px;letter-spacing:.08em;margin-top:3px;opacity:.7}.pd-examples button{padding-block:9px}

.pd-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.pd-actions[hidden]{display:none}.pd-actions button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 10px;border:1px solid #8cbcd147;border-radius:9px;background:#102937;color:#c4e2f1;font:inherit;font-size:10px;cursor:pointer}.pd-actions button[hidden]{display:none}.pd-actions button:hover{background:#254658;border-color:#b2dced}.pd-actions button:disabled{opacity:.4;cursor:wait}.pd-actions svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pd-toolbar{flex-wrap:wrap}.pd-toolbar>div:first-child{min-width:100px}.pd-actions button:focus-visible{outline:2px solid #b6e4fc;outline-offset:2px}@media(max-width:760px){.pd-toolbar>div:first-child{flex:1;min-width:120px}.pd-actions{order:3;width:100%;margin:0;justify-content:center}.pd-actions button{flex:1;justify-content:center;min-height:36px}.pd-devices{margin-left:auto}}