.hub-main>section{scroll-margin-top:100px}.hub-main>section:nth-child(odd){background:#fff}.hub-main>section:nth-child(even){background:#f6f6f6}.hub-section{padding:72px 0}.hub-main h1{font-size:52px;line-height:1.17;letter-spacing:-1.8px;font-weight:500;color:var(--ink)}.hub-secondary{color:var(--ink)}.hub-main h1>span{color:#82758e}.hub-main h2{font-size:40px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;color:var(--ink)}.hub-main h3{font-size:18px;line-height:1.5;font-weight:600}.hub-main .button{border-radius:8px;padding:13px 22px;gap:14px}.hub-main p{font-weight:400}.hub-hero{padding-top:56px}.hub-hero-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}.hub-hero-copy{padding-bottom:3px}.hub-hero-copy p{font-size:17px;line-height:1.8}.hub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hub-secondary{border:1px solid var(--line);background:#fff}.hub-app{margin-top:44px;border:1px solid #ded7e6;border-radius:14px;box-shadow:0 20px 60px #5342630b;overflow:hidden;background:#fff;scroll-margin-top:95px}.hub-app-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid #e9e3ee}.hub-app-top>div{display:flex;align-items:center;gap:12px;font-size:12px}.hub-brand{color:#8a60ad;font-size:21px;font-weight:700}.hub-app-top strong{font-weight:600}.hub-workspace-name{font-size:10px;color:#9c91a5;border-left:1px solid #e6dfec;padding-left:12px}.hub-demo-label{font-size:9px;color:#9b90a4}.hub-app-body{display:grid;grid-template-columns:175px 310px minmax(0,1fr);min-height:445px}.hub-app-sidebar{padding:24px 12px 16px;background:#faf8fc;border-right:1px solid #ece6f1;display:flex;flex-direction:column}.hub-small-label{font-size:9px;letter-spacing:1px;color:#9a86aa;font-weight:600}.hub-app-sidebar>.hub-small-label{padding:0 10px}.hub-inbox-label{display:flex;align-items:center;gap:8px;background:#eee6f7;color:#77558f;font-size:11px;padding:11px 10px;border-radius:7px;margin-top:16px}.hub-inbox-label b{margin-left:auto;font-weight:500;font-size:9px}.hub-sidebar-note{font-size:10px;line-height:1.8;color:#a493af;padding:20px 10px}.hub-team{display:flex;gap:8px;align-items:center;margin-top:auto;padding:12px 6px 0;border-top:1px solid #eae3f0}.hub-team>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eae2f2;font-size:8px;color:#9276a6}.hub-team b{display:block;font-size:9px;font-weight:500;color:#85728f}.hub-team small{display:block;font-size:8px;color:#a696af;margin-top:3px}.hub-inbox{border-right:1px solid #e9e3ee;padding:22px 16px}.hub-main .hub-inbox-top h2{font-size:16px;letter-spacing:-.3px;font-weight:600}.hub-inbox-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-inbox-top>span{font-size:9px;color:#9d91a6}.hub-channel-tabs{display:flex;gap:3px;margin-top:22px;padding:4px;background:#f6f3f9;border-radius:8px}.hub-channel-tabs button{flex:1;padding:8px 6px;border:1px solid transparent;border-radius:6px;font-size:11px;background:transparent;color:#95839f;white-space:nowrap}.hub-channel-tabs button span{font-size:8px;margin-left:5px;color:#ae9cb9}.hub-channel-tabs button[aria-selected=true]{border-color:#e9e0f0;background:#fff;color:#785490;box-shadow:0 2px 4px #65527008}.hub-conversation-selected{border:1px solid #e4d8ed;background:#f8f3fc;border-radius:9px;padding:16px;margin-top:18px}.hub-conversation-meta{display:flex;justify-content:space-between;font-size:8px;color:#a08cae;margin-bottom:12px}.hub-conversation-selected>strong{font-size:12px;font-weight:600;color:#62516d}.hub-conversation-selected>p{font-size:11px;line-height:1.7;color:#8e7a9b;margin-top:7px}.hub-status{display:inline-block;font-size:8px;padding:3px 6px;background:#eee4f6;color:#9b7caf;border-radius:4px;margin-top:14px}.hub-inbox-hint{display:flex;gap:10px;padding:22px 8px;color:#b2a1bc;font-size:14px}.hub-inbox-hint p{font-size:10px;line-height:1.7;color:#a897b3}.hub-thread{display:flex;flex-direction:column;min-width:0;background:#fff}.hub-thread-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid #eee9f3}.hub-main .hub-thread-top h3{font-size:14px}.hub-thread-top p{font-size:9px;margin-top:4px;color:#9b8da7}.hub-thread-tag{font-size:9px;color:#9775af;background:#f3edf9;padding:5px 8px;border-radius:5px}.hub-thread-content{padding:24px 26px;flex:1}.hub-date-label{display:block;font-size:8px;letter-spacing:.7px;color:#ae9fb9;margin-bottom:18px}.hub-message{background:#f5f0f9;border:1px solid #eae0f1;border-radius:0 10px 10px 10px;padding:16px;max-width:385px}.hub-message p{font-size:12px;line-height:1.8;color:#796487}.hub-message time{display:block;font-size:8px;color:#ad96bc;margin-top:10px}.hub-context{border:1px solid #e9e3ef;padding:16px;border-radius:8px;margin-top:20px}.hub-context .hub-small-label{display:block;margin-bottom:8px}.hub-context strong{font-size:11px;font-weight:500;color:#706078}.hub-context p{font-size:10px;color:#9c8aa8;margin-top:4px}.hub-next-step{display:flex;gap:10px;margin-top:20px}.hub-next-step>span{color:#a38cb7}.hub-next-step strong{font-size:10px;font-weight:500;color:#897393}.hub-next-step p{font-size:10px;line-height:1.7;color:#a28eae;margin-top:3px}.hub-thread-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 26px;border-top:1px solid #eee8f3;font-size:8px;color:#a18bac;background:#fcfbfd}.hub-fax{border:1px solid #e8e1ee;border-radius:9px;overflow:hidden;background:white}.hub-fax-head{padding:14px 16px;background:#f7f4fa;border-bottom:1px solid #e8e1ee;display:flex;justify-content:space-between;font-size:10px;color:#8b729d}.hub-fax-document{padding:20px}.hub-fax-document h4{font-size:12px;font-weight:500;margin:0 0 18px;color:#6f5d7d}.hub-fax-document p{font-size:10px;line-height:1.8;margin:6px 0;color:#9884a5}.hub-fax-lines{margin-top:18px;display:grid;gap:8px}.hub-fax-lines i{display:block;height:4px;background:#efebf4;border-radius:3px}.hub-fax-lines i:last-child{width:62%}.hub-call-card{padding:20px;border:1px solid #e6dcec;border-radius:10px;background:#f8f4fc}.hub-call-icon{font-size:24px;color:#a287b5;margin-bottom:12px}.hub-call-card h4{font-size:13px;margin:0 0 6px;font-weight:500;color:#79618a}.hub-call-card p{font-size:11px;line-height:1.8;color:#9a85a7}.hub-call-meta{display:flex;gap:16px;font-size:9px;color:#a18bac;margin-top:16px}.hub-under-app{display:flex;justify-content:space-between;gap:20px;padding:26px 0 32px;font-size:12px;color:#90829a}.hub-under-app>div{display:flex;gap:24px;color:#7a6688}.hub-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}.hub-section-heading>p{max-width:350px;font-size:16px;line-height:1.8}.hub-channel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hub-channel-cards article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--surface-shadow)}.hub-channel-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f3edf9;color:#8c69a5;margin-bottom:24px}.hub-channel-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.hub-channel-cards p{font-size:15px;line-height:1.8;margin-top:12px}.hub-card-example{font-size:12px;line-height:1.8;color:#90799f;border-top:1px solid #eee8f2;padding-top:18px;margin-top:24px}.hub-card-example small{display:block;font-size:9px;letter-spacing:.8px;color:#a894b6;margin-bottom:6px}.hub-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:0}.hub-process li{border-top:1px solid var(--line);padding-top:24px}.hub-process li>span{display:block;font-size:12px;color:#a087b2;margin-bottom:22px}.hub-process p{font-size:15px;line-height:1.8;margin-top:12px}.hub-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hub-team-photo{height:540px;border-radius:16px;overflow:hidden}.hub-team-photo img{height:100%;width:100%;object-fit:cover;object-position:55% center}.hub-body-copy{font-size:16px;line-height:1.8;margin-top:20px}.hub-benefit{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.hub-main .hub-benefit h3{font-size:15px}.hub-benefit p{font-size:14px;line-height:1.8;margin-top:7px}.hub-faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.hub-faq-items details{border-bottom:1px solid var(--line);padding:22px 0}.hub-faq-items details:first-child{border-top:1px solid var(--line)}.hub-faq-items details[open]{background:transparent;box-shadow:none}.hub-faq-items summary{font-size:16px;line-height:1.6;font-weight:500;gap:24px}.hub-faq-items summary span{font-size:22px;color:#9b7dae;font-weight:400}.hub-faq-items details[open] summary span{transform:rotate(45deg)}.hub-faq-items p{font-size:14px;line-height:1.8;margin:16px 24px 0 0}.hub-main>.hub-closing>.container{text-align:center}.hub-main .hub-closing h2{margin:auto}.hub-closing p{font-size:16px;margin:20px 0 26px}
@media(max-width:1050px){.hub-app-body{grid-template-columns:240px minmax(0,1fr)}.hub-app-sidebar{display:none}.hub-hero-heading,.hub-team-grid,.hub-faq-grid{gap:32px}.hub-main h1{font-size:44px}.hub-hero-copy p{font-size:16px}.hub-channel-cards{gap:16px}.hub-channel-cards article{padding:24px}.hub-section-heading{gap:32px}.hub-process{gap:28px}}
@media(max-width:760px){.hub-main .container{width:calc(100% - 40px)}.hub-section{padding:48px 0}.hub-hero{padding-top:36px}.hub-hero-heading{grid-template-columns:1fr;gap:22px}.hub-main h1{font-size:38px;letter-spacing:-1.2px}.hub-main>section h2{font-size:30px;letter-spacing:-.8px}.hub-hero-copy p{font-size:16px}.hub-actions{margin-top:22px}.hub-main .button{font-size:13px;padding:12px 16px}.hub-app{margin-top:32px}.hub-app-top{padding:14px;display:block}.hub-app-top>div{font-size:11px}.hub-workspace-name{display:none}.hub-demo-label{display:block;font-size:8px;margin-top:8px}.hub-app-body{display:block;min-height:0}.hub-inbox{border-right:0;border-bottom:1px solid #e9e3ee;padding:18px 14px}.hub-main .hub-inbox-top h2{font-size:16px}.hub-channel-tabs{margin-top:14px}.hub-conversation-selected{display:none}.hub-inbox-hint{display:none}.hub-thread-top{padding:20px 16px}.hub-thread-content{padding:20px 16px}.hub-thread-bottom{padding:14px 16px;font-size:7px}.hub-message p{font-size:12px}.hub-under-app{display:block;font-size:11px;padding:22px 0 26px}.hub-under-app>div{margin-top:12px;gap:18px}.hub-section-heading{display:block;margin-bottom:28px}.hub-section-heading>p{margin-top:20px;max-width:none;font-size:15px}.hub-channel-cards,.hub-process,.hub-team-grid,.hub-faq-grid{grid-template-columns:1fr;gap:24px}.hub-process{gap:28px}.hub-team-photo{height:340px}.hub-faq-items summary{font-size:15px}.hub-main .hub-inbox-top h2{letter-spacing:-.3px}}

body.hub-page .hub-main>section:nth-child(odd){background-color:#fff}body.hub-page .hub-main>section:nth-child(even){background-color:#f6f6f6}

/* AI agents and completed workflows replace the manual inbox example. */
.hub-app-body{grid-template-columns:160px 320px minmax(0,1fr)}
.hub-channel-tabs{flex-wrap:wrap}.hub-channel-tabs button{font-size:10px;padding:8px 5px}.hub-channel-tabs button:last-child{flex-basis:100%}
.hub-ai-flow{display:grid;gap:0;margin:20px 0}.hub-ai-flow>div{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #ece5f2}.hub-ai-flow>div>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;background:#eee6f6;border-radius:6px;color:#78548f;font-size:11px}.hub-ai-flow small{display:block;font-size:8px;letter-spacing:.7px;color:#8c729f;margin-bottom:5px}.hub-ai-flow strong{font-size:11px;line-height:1.6;font-weight:500;color:#6e567e}.hub-message-outgoing{margin-left:auto;background:#eee6f7;border-radius:10px 0 10px 10px}.hub-ai-footnote{font-size:10px;line-height:1.8;color:#8a7499;padding:12px 14px;background:#f8f5fb;border-radius:7px}.hub-status{color:#54765d;background:#edf3ee}.hub-thread-content{padding:20px 24px}.hub-thread-tag{white-space:nowrap}@media(max-width:1050px){.hub-app-body{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:760px){.hub-app-body{display:block}.hub-channel-tabs button{font-size:10px}.hub-channel-tabs button:last-child{flex-basis:auto}.hub-thread-content{padding:20px 16px}}

.hub-hero-screenshot{margin:40px 0 0;scroll-margin-top:100px}.hub-hero-screenshot>a{display:block;border:1px solid #e3dce9;border-radius:14px;overflow:hidden;box-shadow:0 16px 48px #5742640c}.hub-hero-screenshot img{display:block;width:100%;height:auto}.hub-hero-screenshot figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8d7d99;margin-top:12px}.hub-hero-screenshot figcaption span{color:#80618f}@media(max-width:760px){.hub-hero-screenshot{margin-top:28px}.hub-hero-screenshot figcaption{font-size:9px}}

.hub-hero-illustration{margin:32px 0 0;scroll-margin-top:100px}.hub-hero-illustration img{display:block;width:100%;height:auto}@media(max-width:760px){.hub-hero-illustration{margin-top:24px}}

.hub-keep-numbers{font-size:12px!important;line-height:1.7!important;color:#82718d;margin-top:18px}.hub-stats{padding:48px 0 56px}.hub-main .hub-stats h2{font-size:30px;letter-spacing:-.8px}.hub-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.hub-stat-grid article+article{border-left:1px solid var(--line);padding-left:32px}.hub-stat-grid strong{display:block;font-size:56px;line-height:1.1;font-weight:500;color:#82758e;letter-spacing:-2px;margin-bottom:16px}.hub-main .hub-stat-grid h3{font-size:16px}.hub-stat-grid p{font-size:14px;line-height:1.8;margin-top:8px;max-width:310px}@media(max-width:760px){.hub-stat-grid{grid-template-columns:1fr;gap:24px}.hub-stat-grid article+article{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.hub-main .hub-stats h2{font-size:26px}.hub-stat-grid p{max-width:none}}

/* Center the headline alongside the hero description and actions. */
.hub-hero-heading{align-items:center}

.hub-hero-heading{align-items:start}
.hub-channel-cards .agent-link{display:inline-flex;gap:12px;margin-top:20px;font-size:13px;color:#805797}

/* Connected channel illustration, rendered with responsive interface elements. */
.hub-omni-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hub-omni-copy{font-size:16px;line-height:1.8;margin-top:22px}.hub-omni-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hub-omni-points span{font-size:11px;border:1px solid #e4dce9;border-radius:6px;padding:6px 10px;color:#8a729a;background:#fcfbfd}.hub-omni-grid .agent-link{display:inline-flex;gap:12px;margin-top:26px;font-size:13px;color:#79518f}.hub-omni-visual{position:relative;height:410px;isolation:isolate}.hub-orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);border:1px solid #e6dfec;border-radius:50%;z-index:-1;background:#f5f0fa33}.hub-orbit-outer{width:390px;height:390px}.hub-orbit-middle{width:310px;height:310px}.hub-orbit-inner{width:230px;height:230px;background:#f3edf85c}.hub-omni-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:148px;height:132px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee5f7;border:1px solid #d8c8e7;box-shadow:0 12px 28px #64506e0c;color:#78538f}.hub-omni-center>span{font-size:35px;line-height:1;margin-bottom:9px}.hub-omni-center strong{font-size:17px;font-weight:600}.hub-omni-center small{font-size:9px;margin-top:4px;color:#9179a1}.hub-omni-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:108px;border:1px solid #e3d9eb;border-radius:13px;background:#fff;box-shadow:0 8px 18px #6855760a;transition:transform .2s,border-color .2s;color:#806191;text-align:center}.hub-omni-node:hover{transform:translateY(-3px);border-color:#bfa6cf}.hub-omni-node svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.hub-omni-node strong{font-size:11px;font-weight:500}.hub-omni-node small{font-size:9px;color:#a18eae;margin-top:3px}.hub-omni-voice{left:4%;top:30px}.hub-omni-fax{right:3%;top:52px}.hub-omni-sms{left:calc(50% - 65px);bottom:12px}.hub-omni-caption{position:absolute;right:0;bottom:22px;font-size:9px;color:#a493ae}@media(max-width:1000px){.hub-omni-grid{gap:32px}.hub-omni-node{width:112px}.hub-omni-sms{left:calc(50% - 56px)}.hub-omni-caption{display:none}.hub-orbit-outer{width:340px;height:340px}}@media(max-width:760px){.hub-omni-grid{grid-template-columns:1fr;gap:28px}.hub-omni-visual{height:390px;max-width:440px;width:100%;margin:auto}.hub-orbit-outer{width:320px;height:320px}.hub-orbit-middle{width:260px;height:260px}.hub-orbit-inner{width:190px;height:190px}.hub-omni-node{width:110px;height:96px}.hub-omni-voice{left:0;top:16px}.hub-omni-fax{right:0;top:30px}.hub-omni-sms{left:calc(50% - 55px);bottom:4px}.hub-omni-center{width:140px;height:122px}.hub-omni-copy{font-size:15px}}@media(prefers-reduced-motion:reduce){.hub-omni-node{transition:none}}

/* Equilateral triangle: channel centers sit 120 degrees apart around the hub. */
.hub-omni-visual{width:100%;max-width:480px;height:auto;aspect-ratio:1;margin:auto}
.hub-orbit,.hub-omni-center{top:50%}
.hub-omni-node{transform:translate(-50%,-50%)}
.hub-omni-node:hover{transform:translate(-50%,calc(-50% - 3px))}
.hub-omni-voice{left:18.823085%;top:32%;right:auto;bottom:auto}
.hub-omni-fax{left:81.176915%;top:32%;right:auto;bottom:auto}
.hub-omni-sms{left:50%;top:86%;right:auto;bottom:auto}
.hub-orbit-outer{width:82%;height:82%}.hub-orbit-middle{width:65%;height:65%}.hub-orbit-inner{width:48%;height:48%}
.hub-omni-caption{bottom:0}
@media(max-width:1000px){.hub-omni-node{width:100px;height:86px}.hub-omni-center{width:120px;height:110px}}
@media(max-width:760px){.hub-omni-visual{height:auto;max-width:440px}.hub-omni-center{width:120px;height:110px}}

/* Circular surfaces keep the visible gap equal along all three radial paths. */
.hub-omni-node{width:130px;height:130px;border-radius:50%}
.hub-omni-center{width:148px;height:148px;border-radius:50%}
.hub-omni-node:hover{transform:translate(-50%,-50%);box-shadow:0 8px 24px #68557618}
@media(max-width:1000px){.hub-omni-node{width:100px;height:100px}.hub-omni-center{width:120px;height:120px}.hub-omni-node strong{font-size:10px}.hub-omni-center strong{font-size:15px}.hub-omni-center small{font-size:8px}}