.sv-visual{isolation:isolate;color:#dfecff;width:100%;min-width:0;font-family:inherit;position:relative;container-type:inline-size}.sv-visual *,.sv-visual :before,.sv-visual :after{box-sizing:border-box}.sv-visual .sv-visual-example{color:#92a9be;letter-spacing:.035em;align-items:center;gap:8px;margin:0;font-size:10px;line-height:1.6;display:flex}.sv-visual-example i{border:1px solid #a7cee9;border-radius:50%;flex:none;width:5px;height:5px}.sv-visual .service-example-steps{border-bottom:1px solid #81a6c42b;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:4px 0 0;display:grid}.sv-visual .service-example-steps button{color:#8da5bd;min-width:0;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:flex-start;align-items:center;gap:8px;padding:10px 9px;font-size:11px;line-height:1.5;transition:color .18s,background .18s,border-color .18s;display:flex}.sv-visual .service-example-steps button>span{opacity:.55;font-variant-numeric:tabular-nums;font-size:9px}.sv-visual .service-example-steps button[aria-pressed=true]{color:#d7edff;background:linear-gradient(#0000,#80baff0b);border-bottom-color:#88c9f6}.sv-visual .service-example-steps button:hover{color:#e9f4ff;background:#85baff08}.sv-visual .service-example-steps button:focus-visible{outline-offset:3px;outline:2px solid #9bd7ff}.sv-visual .sv-visual-status{color:#91aac1;max-width:62ch;min-height:3.5em;margin:13px 0 0;font-size:11px;line-height:1.75}@container (width<=400px){.sv-visual .service-example-steps button{flex-direction:column;align-items:flex-start;gap:2px;padding:9px 6px;font-size:10px}}@media (prefers-reduced-motion:reduce){.sv-visual *{transition:none!important;animation:none!important}}@media (forced-colors:active){.sv-visual .service-example-steps button[aria-pressed=true]{outline:2px solid highlight}}.sv-visual[data-service=mobile-apps] .hs-story-caption{padding:16px 0 0}.sv-visual[data-service=mobile-apps] .hs-story-caption strong{letter-spacing:-.02em;color:#d5e5f1;font-size:16px;font-weight:600;line-height:1.45;display:block}.sv-visual[data-service=mobile-apps] .hs-story-caption p{color:#a8bdd0;margin:7px 0 0;font-size:12px;line-height:1.75}.sv-visual[data-service=mobile-apps] .sv-visual-status{margin-top:10px}.pv-demo-section{--pv-ink:#e4eef9;--pv-muted:#a8bfd6;color:#e4eef9;background:#091423;border-color:#22384e}.pv-demo-section .pv-kicker{color:#91b6d7}.pv-demo-section .pv-section-heading>p{color:#a8bfd6}.pv-demo-section .pv-demo-switch{border-color:#2a4057;gap:7px}.pv-demo-section .pv-demo-switch>button{color:#a8bfd5;background:#102137;border-color:#273f58;border-radius:7px;font-size:13px}.pv-demo-section .pv-demo-switch>button>span{color:#8facc8}.pv-demo-section .pv-demo-switch>button[aria-pressed=true]{color:#edf5fe;background:#1c3854;border-color:#537a9e;box-shadow:inset 0 1px #b8d9f512}.pv-demo-section .pv-demo-switch>button[aria-pressed=true]>span{color:#b5d7f3}.pv-demo-section .pv-demo-switch>button:hover{background:#17304a}.pv-demo-section .pv-demo-guide{color:#aec5dc;background:#0d1e31;border-color:#2a425b;border-radius:7px;padding:12px 16px}.pv-demo-section .pv-lab{color:#e4eef9;background:#0d1c2e;border-color:#2c455f;border-radius:12px;box-shadow:0 20px 48px #0002}.pv-demo-section .pv-lab-sidebar{background:#091625;border-right:1px solid #263f55}.pv-demo-section .pv-sidebar-items>span{color:#93b0cc}.pv-demo-section .pv-sidebar-items>span.active{color:#e0ecf9;background:#19344e}.pv-demo-section .pv-sidebar-items b{background:#294860}.pv-demo-section .pv-sidebar-bottom small{color:#95aec8}.pv-demo-section .pv-lab-top,.pv-demo-section .pv-lab-title small,.pv-demo-section .pv-lab-case{color:#a1bad4}.pv-demo-section .pv-lab-top>button{color:#bcd0e4}.pv-demo-section .pv-lab-title h3{color:#edf4fc;letter-spacing:-.035em}.pv-demo-section .pv-progress-steps{border-color:#2a4259}.pv-demo-section .pv-progress-steps>button{color:#9fb8d1}.pv-demo-section .pv-progress-steps>button>span{color:#a9c9e5;background:#14283f;border-color:#365776}.pv-demo-section .pv-progress-steps>button[aria-pressed=true]{color:#e0effc}.pv-demo-section .pv-progress-steps>button[aria-pressed=true]>span{color:#fff;background:#28547d;border-color:#709abf}.pv-demo-section .pv-ad-preview,.pv-demo-section .pv-landing-preview,.pv-demo-section .pv-lead-preview,.pv-demo-section .pv-source-note,.pv-demo-section .pv-task-row,.pv-demo-section .pv-document-row,.pv-demo-section .pv-result-grid>div{color:#d8e6f4;background:#12263c;border-color:#304b66;border-radius:8px}.pv-demo-section .pv-ad-preview{padding:17px}.pv-demo-section .pv-ad-art{background:radial-gradient(at 70% 20%,#20578360,#0000 75%),#0b1b2e;border:1px solid #29465f;border-radius:5px;height:175px}.pv-demo-section .pv-demo-architecture{pointer-events:none;width:220px;height:200px;position:absolute;bottom:-8px;right:-4px}.pv-demo-section .pv-demo-architecture>svg{width:100%;height:100%;display:block}.pv-demo-section .pv-ad-art>span{color:#c7e0f5;font-weight:500}.pv-demo-section .pv-lab :is(h4,dd){color:#e2edf8}.pv-demo-section .pv-stage-explanation>p,.pv-demo-section .pv-ad-preview p,.pv-demo-section .pv-landing-preview p,.pv-demo-section .pv-success-preview>p,.pv-demo-section .pv-source-note>p,.pv-demo-section .pv-document-preview p,.pv-demo-section .pv-approval p{color:#a9c0d8}.pv-demo-section .pv-ad-preview>small,.pv-demo-section .pv-lead-preview>small,.pv-demo-section .pv-source-note>small,.pv-demo-section .pv-source-note>span,.pv-demo-section .pv-lab dt,.pv-demo-section .pv-portal-heading small{color:#9ab7d2}.pv-demo-section .pv-preview-chip{color:#b1cce3}.pv-demo-section .pv-stage-explanation>svg,.pv-demo-section .pv-icon-box,.pv-demo-section .pv-source-note>svg,.pv-demo-section .pv-quote-heading>svg,.pv-demo-section .pv-approval>svg{color:#93bee3}.pv-demo-section .pv-success-preview>svg{color:#99cdbd}.pv-demo-section .pv-avatar{color:#cae0f2;background:#274762}.pv-demo-section .pv-task-row strong,.pv-demo-section .pv-document-row strong{color:#e0edf9}.pv-demo-section .pv-task-row small,.pv-demo-section .pv-document-row small{color:#a3bdd6}.pv-demo-section .pv-pill,.pv-demo-section .pv-lab .pv-demo-tag{color:#bdd7ee;background:#203d58;border-color:#40617f}.pv-demo-section .pv-pill-amber{color:#e8d7ae;background:#443b23;border-color:#786747}.pv-demo-section .pv-quote-heading small,.pv-demo-section .pv-quote-editor>p{color:#a5bbd3}.pv-demo-section .pv-quote-line{border-color:#2d465e}.pv-demo-section .pv-quote-line>span{color:#a4bed7}.pv-demo-section .pv-quote-line input{color:#e7f0fa;background:#0b1b2f;border-color:#57738f}.pv-demo-section .pv-quote-total{color:#e3effa}.pv-demo-section .pv-portal-tabs{border-color:#2c465f}.pv-demo-section .pv-portal-tabs button{color:#9bb8d2}.pv-demo-section .pv-portal-tabs button[aria-pressed=true]{color:#d5eaff;border-color:#87bde6}.pv-demo-section .pv-project-track>div{border-color:#304a63}.pv-demo-section .pv-project-track>div.done{border-color:#88b3d6}.pv-demo-section .pv-project-track>div>span{color:#a8c4de;background:#183049;border-color:#3d5a77}.pv-demo-section .pv-project-track>div.done>span{color:#d8edff;background:#23486a}.pv-demo-section .pv-project-track strong{color:#bcd2e6}.pv-demo-section .pv-document-preview{border-color:#6699c6}.pv-demo-section .pv-result-grid span,.pv-demo-section .pv-result-note{color:#a7bfd7}.pv-demo-section .pv-result-grid strong{color:#dbeeff}.pv-demo-section .pv-demo-foot>span{color:#a7bed5}.pv-demo-section .pv-text-link{color:#b2d6f5}.pv-demo-section .pv-text-link:hover{color:#fff}.pv-demo-section .pv-btn-blue{color:#edf5ff;background:#1b5083;border-color:#527c9f;box-shadow:inset 0 1px #d5eaff15}.pv-demo-section .pv-btn-blue:hover{box-shadow:none;background:#245f93}.pv-demo-section .pv-btn-blue:disabled{color:#c1d8eb;background:#24435e;border-color:#466681}.pv-demo-section .pv-document-row{color:#a7cbea}@media (width<=767px){.pv-demo-section .pv-lab-main{padding:20px}.pv-demo-section .pv-demo-switch>button{min-height:48px}.pv-demo-section .pv-lab-title h3{font-size:24px}}@media (width<=359px){.pv-demo-section .pv-lab-main{padding:16px}.pv-demo-section .pv-demo-guide{padding:12px}}
