.live-demo-section{background:#f5f5f6;scroll-margin-top:110px}.live-demo-grid{grid-template-columns:1fr 1.04fr;align-items:center;gap:90px;display:grid}.live-demo-copy{min-width:0}.live-demo-copy h2{margin:0}.live-demo-description{max-width:420px;color:var(--muted);margin:26px 0 28px;font-size:16px;line-height:1.75}.live-demo-mode{background:#e8e8ed;border:1px solid #dcdce2;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:410px;margin:0 0 12px;padding:4px;display:grid}.live-demo-mode button{color:#62636c;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:9px 10px;font-size:12px;transition:color .16s,background .16s;display:inline-flex}.live-demo-mode button[aria-pressed=false]:hover{color:#24242b;background:#f5f5f6}.live-demo-mode [aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 4px #20202714}.live-demo-mode button:focus-visible{outline-offset:1px}.live-demo-mode-controls{max-width:410px;display:grid}.live-demo-mode-controls>*{grid-area:1/1;align-self:start}.live-demo-mode-controls>[data-active=false]{visibility:hidden;pointer-events:none}.live-demo-browser-controls{flex-direction:column;gap:12px;max-width:410px;display:flex}.live-demo-note{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.live-demo-note a{white-space:nowrap;color:var(--accent)}.live-demo-consent{color:#70717c;grid-template-columns:18px 1fr;align-items:start;gap:8px;margin:0;font-size:11px;line-height:1.7;display:grid}.live-demo-consent input{width:17px;height:17px;accent-color:var(--accent);margin:2px 0 0}.live-demo-consent input:disabled{opacity:1}.live-demo-consent[data-invalid=true]{color:#9d3728}.live-demo-consent[data-invalid=true] input{outline-offset:3px;outline:2px solid #9d3728}.live-demo-consent-error{color:#9d3728;align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.6;display:flex}.live-demo-consent-error svg{flex:none;margin-top:2px}.live-demo-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.live-demo-actions .button:not(:disabled){color:#fff;background:var(--accent);border-color:var(--accent)}.live-demo-actions .button:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.live-demo-actions .button:disabled{opacity:.45;cursor:not-allowed}.live-demo-privacy-link,.live-demo-privacy-note{color:var(--muted);font-size:11px;line-height:1.6}.live-demo-privacy-link,.live-demo-privacy-note a{text-underline-offset:3px;text-decoration:underline}.live-demo-stage{--live-demo-height:570px;height:var(--live-demo-height);min-width:0}.live-demo-browser-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.live-demo-conversation{isolation:isolate;color:#fff;background:#0a204e;border-radius:24px;flex-direction:column;justify-content:space-between;gap:34px;width:100%;height:100%;padding:32px;display:flex;position:relative;overflow:hidden}.live-demo-conversation-background{z-index:-1;object-fit:cover;pointer-events:none}.live-demo-stage-label{color:#ffffffe0;align-items:center;gap:8px;max-width:calc(100% - 64px);font-size:12px;line-height:1.5;display:inline-flex}.live-demo-stage-label svg{flex:none}.live-demo-conversation .live-demo-preview-bot{background:0 0;width:60px;height:60px;position:absolute;top:16px;right:24px}.live-demo-conversation .live-demo-preview-bot:focus-visible{outline-color:#fff}.live-demo-chat{flex-direction:column;flex:1;gap:14px;width:min(100%,330px);min-height:0;margin:0 auto;padding:4px;list-style:none;display:flex;overflow:hidden}.live-demo-chat>li{letter-spacing:0;overflow-wrap:anywhere;border-radius:20px;flex:none;max-width:85%;padding:11px 15px;font-size:14px;line-height:1.45;animation:.18s ease-out live-demo-message-in}.live-demo-chat-guest{color:#fff;background:#ffffff08;border:1px solid #ffffff80;align-self:flex-end}.live-demo-chat-agent{color:#1a1a18;background:#fff;align-self:flex-start}.live-demo-chat>.live-demo-chat-typing{color:#6a6b70;background:#fff;align-self:flex-start;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:inline-flex}.live-demo-chat-dots{align-items:center;gap:3px;height:12px;display:inline-flex}.live-demo-chat-dots>span{background:#999ba5;border-radius:50%;width:3px;height:3px;animation:1.4s ease-in-out infinite live-demo-typing}.live-demo-chat-dots>span:nth-child(2){animation-delay:.14s}.live-demo-chat-dots>span:nth-child(3){animation-delay:.28s}.live-demo-conversation[data-running=false] .live-demo-chat-dots>span{animation-play-state:paused}.live-demo-conversation-caption{flex:none}.live-demo-example-label{color:#ffffffbf;margin:0 0 10px;font-size:11px;line-height:1.5}.live-demo-conversation-greeting{letter-spacing:0;margin:0;font-size:24px;font-weight:450;line-height:1.3}@keyframes live-demo-typing{0%,60%,to{opacity:.5;translate:0}30%{opacity:1;translate:0 -3px}}@keyframes live-demo-message-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}.live-demo-loading{height:100%;color:var(--muted);align-content:center;justify-items:center;gap:16px;font-size:14px;display:grid}.live-demo-loading svg{color:var(--accent)}.live-demo-loading p{margin:0}.live-demo-widget-frame{background:#0a204e url(/visuals/harbour-house-conversation-background.png) 50%/cover no-repeat;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.live-demo-widget-frame iframe{width:100%;height:100%;display:block}.live-demo-widget-frame:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.live-demo-unavailable{text-align:center;align-content:center;justify-items:center;height:100%;padding:30px 12px;display:grid}.live-demo-unavailable>svg{color:var(--accent);margin-bottom:18px}.live-demo-unavailable h3,.live-demo-phone-handoff h3{letter-spacing:-.8px;margin:0;font-size:27px;font-weight:480;line-height:1.22}.live-demo-unavailable>p,.live-demo-phone-handoff>p:not(.live-demo-privacy-note){color:var(--muted);margin:15px auto 22px;font-size:14px;line-height:1.7}.live-demo-unavailable .text-link{color:var(--accent);background:0 0;border:0;justify-content:center;padding:0;display:inline-flex}.live-demo-callback-stage{overscroll-behavior-y:contain;background:#0a204e url(/visuals/harbour-house-conversation-background.png) 50%/cover no-repeat;border-radius:24px;flex-direction:column;width:100%;height:100%;padding:32px;display:flex;overflow-y:auto}.live-demo-phone-handoff{text-align:center;flex-shrink:0;width:100%;max-width:390px;margin:auto;padding:30px 0}.live-demo-phone-handoff h3{color:#fff;letter-spacing:0}.live-demo-phone-handoff>p:not(.live-demo-privacy-note){color:#ffffffe0}.live-demo-phone-handoff .live-demo-privacy-note{color:#fffc}.live-demo-start-icon{background:0 0;place-items:center;width:112px;height:112px;margin:0 auto 20px;display:grid}.live-demo-start-icon>span{max-width:100%;max-height:100%}.live-demo-start-icon:focus-visible{outline-color:#fff}.live-demo-phone-handoff .button{color:#1a1a18;background:#fff;width:100%;padding-inline:16px}.live-demo-phone-handoff .button:focus-visible{outline-offset:4px;outline:2px solid #fff}.live-demo-privacy-note{margin:18px 0 0}.live-demo-section .demo-form-panel{background:#fff;border:1px solid #ededf3;border-radius:18px;flex-shrink:0;margin:auto 0;padding:26px}.live-demo-section .demo-form h2{font-size:25px;line-height:1.25}.live-demo-section .demo-form-copy{font-size:14px}.live-demo-section .demo-field input{border-radius:9px}.live-demo-section .demo-submit{border-radius:99px}@media (max-width:1100px){.live-demo-grid{gap:50px}.live-demo-consent{min-height:44px;font-size:13px}.live-demo-privacy-link{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:860px){.live-demo-grid{grid-template-columns:1fr;gap:36px;max-width:620px}.live-demo-description,.live-demo-mode,.live-demo-mode-controls,.live-demo-browser-controls{max-width:460px}.live-demo-stage{--live-demo-height:540px}}@media (max-width:640px){.live-demo-start-icon{width:96px;height:96px}.live-demo-phone-handoff{padding-block:16px}.live-demo-description{margin:20px 0 24px;font-size:15px}.live-demo-actions{gap:12px}.live-demo-mode button{min-height:44px;padding-inline:6px;font-size:11px}.live-demo-stage{--live-demo-height:510px}.live-demo-callback-stage{border-radius:20px;padding:26px 22px}.live-demo-widget-frame{border-radius:20px}.live-demo-section .demo-form-panel{padding:20px 16px}.live-demo-conversation{border-radius:20px;gap:28px;padding:26px 22px}.live-demo-conversation .live-demo-preview-bot{width:56px;height:56px;top:12px;right:16px}.live-demo-chat{gap:12px}.live-demo-chat>li{max-width:90%}.live-demo-conversation-greeting{font-size:22px}}@media (prefers-reduced-motion:reduce){.live-demo-mode button{transition:none}.live-demo-chat-dots>span,.live-demo-chat>li{animation:none}}.live-demo-widget-frame iframe{border:0;width:100%;height:100%;display:block}.live-demo-mode button:disabled{opacity:.55;cursor:not-allowed}
.integration-showcase{min-width:0}.integration-orbit{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.integration-orbit-lines{fill:none;stroke:#e9e9ef;stroke-width:1px;width:100%;height:100%;position:absolute;overflow:visible}.integration-orbit-flow{stroke:#a1a8ed;stroke-width:2px;stroke-dasharray:18 480;animation:28s linear infinite integration-flow}.integration-orbit-centre{place-items:center;width:24%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.integration-orbit-centre img{width:100%;height:auto;display:block}.integration-orbit-tool{width:14%;position:absolute;transform:translate(-50%,-50%)}.integration-orbit-tool button{aspect-ratio:1;width:100%;animation:integration-float 4.5s ease-in-out var(--orbit-delay) infinite;background:#f7f7fb;border:0;border-radius:50%;place-items:center;padding:0;transition:background .18s,box-shadow .18s;display:grid}.integration-orbit-tool button:hover{background:#eeeefa;box-shadow:0 8px 24px #4c57de12}.integration-orbit-tool button:focus-visible,.integration-explore:focus-visible,.integration-dialog button:focus-visible,.integration-dialog a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.integration-orbit-tool img{object-fit:contain;width:44%;height:44%}.integration-orbit[data-paused] .integration-orbit-flow,.integration-orbit[data-paused] .integration-orbit-tool button{animation-play-state:paused}.integration-section-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px;display:flex}.integration-section-actions .integration-sales-link{gap:7px;font-size:13px}.integration-explore{color:#343440;min-height:44px;font:inherit;background:#fff;border:1px solid #e5e5ed;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:13px;transition:border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.integration-explore:hover{color:var(--accent);border-color:#aaaef0;box-shadow:0 4px 16px #4c57de0b}.integration-explore svg{width:17px;height:17px}.integration-dialog{width:850px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);background:#fff;border:1px solid #e8e8ef;border-radius:24px;margin:auto;padding:0;overflow:hidden;box-shadow:0 32px 100px #13133230}.integration-dialog[open]{flex-direction:column;animation:.24s cubic-bezier(.16,1,.3,1) integration-dialog-arrive;display:flex}.integration-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#20213e66}.integration-dialog-header{flex-shrink:0;padding:30px 32px 18px}.integration-dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.integration-dialog-eyebrow{color:var(--accent);letter-spacing:.02em;margin:0 0 9px;font-size:11px;font-weight:500}.integration-dialog .integration-dialog-heading h2{color:var(--ink);letter-spacing:-.9px;margin:0;font-size:31px;font-weight:480;line-height:1.17}.integration-dialog-close{color:#666674;background:#fff;border:1px solid #e6e6ed;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:background .15s,color .15s;display:grid}.integration-dialog-close:hover{color:var(--accent);background:#f6f6fc}.integration-dialog-close svg{width:21px;height:21px}.integration-dialog-header>p:not(.integration-result-count){color:#72727b;max-width:570px;margin:14px 0 22px;font-size:14px;line-height:1.7}.integration-search{background:#fdfdff;border:1px solid #e2e2ec;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:10px 14px;display:flex}.integration-search>svg{color:#8a8a96;flex-shrink:0;width:19px;height:19px}.integration-search input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:14px}.integration-search input::placeholder{color:#90909b}.integration-search input::-webkit-search-cancel-button{display:none}.integration-search button{color:#85858f;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.integration-search button:hover{color:var(--accent);background:#eeeefa}.integration-search button svg{width:17px;height:17px}.integration-search:focus-within{border-color:#9c9eeb;box-shadow:0 0 0 3px #4c57de0c}.integration-result-count{color:#8a8a94;margin:12px 0 0;font-size:11px}.integration-dialog-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d1df transparent;min-height:0;padding:0 32px 24px;overflow-y:auto}.integration-dialog-body ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:2px;list-style:none;display:grid}.integration-dialog-body li{border:1px solid #eeeef3;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:70px;padding:13px 12px;font-size:12px;line-height:1.4;display:flex}.integration-dialog-body li img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.integration-dialog-body li span{overflow-wrap:anywhere}.integration-dialog-footer{border-top:1px solid #eeeef3;flex-shrink:0;justify-content:flex-end;align-items:center;padding:20px 32px;display:flex}.integration-dialog-footer a{color:var(--accent);flex-shrink:0;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}.integration-dialog-footer a:hover{text-underline-offset:4px;text-decoration:underline}.integration-dialog-footer svg{width:16px;height:16px}.integration-no-results{text-align:center;justify-items:center;padding:38px 15px 45px;display:grid}.integration-no-results>svg{color:#a4a4b8;width:27px;height:27px;margin-bottom:15px}.integration-dialog .integration-no-results h3{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:480}.integration-no-results p{color:#858590;max-width:290px;margin:11px 0 20px;font-size:13px;line-height:1.6}.integration-no-results button{min-height:40px;color:var(--accent);font:inherit;background:#fff;border:1px solid #e5e5ef;border-radius:99px;padding:10px 15px;font-size:12px}@keyframes integration-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes integration-flow{to{stroke-dashoffset:-996px}}@keyframes integration-dialog-arrive{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.integration-dialog-close,.integration-search button{width:44px;height:44px}.integration-search{min-height:64px;padding-block:8px}.integration-search input{font-size:16px}.integration-dialog-footer a,.integration-no-results button{min-height:44px}}@media (max-width:720px){.integration-dialog-body ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:540px){.integration-orbit-tool{width:max(14%,44px)}.integration-section-actions .integration-sales-link,.integration-no-results button{min-height:44px}.integration-dialog{border-radius:20px;max-width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.integration-dialog-header{padding:24px 20px 16px}.integration-dialog-heading{gap:12px}.integration-dialog .integration-dialog-heading h2{letter-spacing:-.7px;font-size:26px}.integration-dialog-eyebrow{font-size:10px}.integration-dialog-close{width:44px;height:44px}.integration-dialog-header>p:not(.integration-result-count){margin:12px 0 18px;font-size:13px}.integration-search{gap:8px;padding:10px}.integration-search input{font-size:16px}.integration-search button{width:44px;height:44px}.integration-dialog-body{padding:0 18px 20px}.integration-dialog-body ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.integration-dialog-body li{gap:8px;min-height:66px;padding:10px;font-size:11px}.integration-dialog-body li img{width:24px;height:24px}.integration-dialog-footer{justify-content:flex-start;padding:8px 20px}.integration-dialog-footer a{flex-shrink:1;min-width:0;min-height:44px}}@media (prefers-reduced-motion:reduce){.integration-orbit-flow,.integration-orbit-tool button,.integration-dialog[open]{animation:none}}
.workspace-story-module__cnsfzW__section{background:#fff}.workspace-story-module__cnsfzW__grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:42px;display:grid}.workspace-story-module__cnsfzW__copy{padding-bottom:24px}.workspace-story-module__cnsfzW__section .workspace-story-module__cnsfzW__copy h2{font-size:clamp(32px,3vw,42px)}.workspace-story-module__cnsfzW__copy p{max-width:300px;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.8}.workspace-story-module__cnsfzW__figure{min-width:0;margin:0}.workspace-story-module__cnsfzW__scene{border-radius:16px;overflow:hidden}.workspace-story-module__cnsfzW__photo{width:100%;height:auto;display:block}.workspace-story-module__cnsfzW__figure figcaption{color:var(--muted);margin-top:12px;font-size:10px}@media (max-width:1100px){.workspace-story-module__cnsfzW__grid{gap:30px}.workspace-story-module__cnsfzW__section .workspace-story-module__cnsfzW__copy h2{font-size:34px}.workspace-story-module__cnsfzW__copy p{font-size:15px}}@media (max-width:860px){.workspace-story-module__cnsfzW__grid{grid-template-columns:minmax(0,1fr);gap:30px;max-width:720px}.workspace-story-module__cnsfzW__copy{padding-bottom:0}.workspace-story-module__cnsfzW__copy p{max-width:470px;margin-top:20px}.workspace-story-module__cnsfzW__section .workspace-story-module__cnsfzW__copy h2{font-size:clamp(35px,5vw,42px)}}@media (max-width:540px){.workspace-story-module__cnsfzW__grid{gap:24px}.workspace-story-module__cnsfzW__section .workspace-story-module__cnsfzW__copy h2{font-size:clamp(30px,8.5vw,40px)}.workspace-story-module__cnsfzW__copy p{font-size:15px}.workspace-story-module__cnsfzW__scene{border-radius:12px}}