/* One continuous white canvas; artwork belongs to individual objects. */
/* Compact feature modules follow the reference; the page canvas stays white. */
@media(max-width:650px){.feature-stories .toast-list{width:86%;margin-left:7%;gap:3cqw;padding-block:7cqw}.feature-stories .sample-toast{min-height:29cqw;padding:4cqw 3.7cqw;gap:3cqw}.feature-stories .sample-toast strong{font-size:3.5cqw}.feature-stories .toast-app{font-size:3.1cqw}.feature-stories .sample-toast p{font-size:3.05cqw}.feature-stories .sample-toast time{font-size:2.6cqw;top:4cqw}}
.demo-brand .demo-lockup{width:12cqw;height:4cqw;object-fit:contain;object-position:left center}
@media(max-width:650px){.product-demo{aspect-ratio:auto}.demo-windowbar{height:1.5rem;padding:0 .7rem}.traffic-lights{gap:.35rem}.traffic-lights i{width:.45rem;height:.45rem}.window-controls{display:none}.demo-body{height:28rem;display:block}.demo-sidebar,.demo-inbox{display:none}.demo-chat{height:100%}.demo-chat-header{height:4.2rem;padding:0 1rem;gap:.7rem}.demo-chat-header .demo-avatar{width:2.3rem;height:2.3rem}.demo-chat-header strong{font-size:.8rem}.online-status{font-size:.65rem}.chat-tools{gap:1rem}.chat-tools button{width:1.2rem;height:1.6rem}.product-demo .ui-icon,.chat-tools .ui-icon{width:1.1rem;height:1.1rem}.demo-chat-header .avatar-0::after{width:.45rem;height:.45rem}.demo-messages{padding:1.2rem .8rem .7rem;gap:.8rem;font-size:.72rem}.chat-bubble{padding:.7rem .85rem;border-radius:.55rem;max-width:90%;line-height:1.7}.chat-date{font-size:.45rem;margin:-.4rem 0}.chat-bubble.sent{gap:.7rem}.bubble-meta{font-size:.5rem;gap:.3rem}.bubble-meta .ui-icon{width:.7rem;height:.7rem}.chat-bubble.attachment{width:12rem;gap:.65rem;margin-right:2rem;padding:.6rem .7rem}.attachment strong{font-size:.68rem}.attachment small{font-size:.52rem}.chat-bubble time,.attachment time{font-size:.5rem}.pdf-icon{width:1.6rem;height:2rem;font-size:.5rem}.demo-compose{gap:.4rem;padding:.6rem}.compose-field{height:2.8rem;border-radius:.6rem;padding:0 .7rem;gap:.6rem}.compose-field input{font-size:.7rem}.compose-icons{display:none}.demo-compose>button{width:2.5rem;height:2.8rem;border-radius:.6rem}.demo-compose>button .ui-icon{width:1.3rem;height:1.3rem}}
html,body,.capabilities-section,.feature-story,.story-notes,.notes-art,.notification-art{background-color:#fff}
body{background:#fff}.brand-lockup{width:10rem;height:3.35rem;object-fit:contain}.site-header{height:5.5rem}.header-inner{gap:2.2rem}.footer-brand .brand-lockup{width:9rem;height:3rem}
.download-section{padding-top:2.2rem;padding-bottom:5rem}.product-tour{padding-bottom:0}.tour-intro{max-width:64rem;margin:auto}.tour-intro>p:last-child{line-height:1.65}.tour-tabs{margin-top:1.5rem;height:2.6rem}.tour-stage{box-shadow:0 1rem 3rem -1.5rem #243b5a24;border-color:#e4e9f0;border-radius:.85rem}.tour-caption{margin-top:1.25rem}
.services-section{padding-top:3.4rem;padding-bottom:4.5rem}.services-head{margin-bottom:1.8rem}.capabilities-section{padding:0;background:#fff}.capabilities-head{margin-bottom:2rem}.feature-stories{gap:1.6rem;grid-template-columns:1.5fr 1fr;align-items:stretch}.feature-story{grid-template-columns:66% 34%;overflow:hidden;background:#eef7ff;border-radius:.65rem}.story-notes{grid-template-columns:53% 47%;background:#fcfaf6}.story-copy{padding:1.1rem 1.05rem 1.1rem 1.1rem}.story-copy>p:not(.eyebrow){line-height:1.55}.story-copy h3{margin:.4rem 0 .75rem}.story-copy .text-link{margin-top:1.15rem}.story-notes .story-copy{padding:1.1rem 1.05rem 1.1rem .95rem}
.notification-art,.notes-art{position:relative;isolation:isolate;background:none;overflow:visible;aspect-ratio:auto;min-height:21.4rem}.notification-art::before,.notes-art::before{content:'';position:absolute;inset:0;z-index:-1;background:center/cover no-repeat;pointer-events:none;mask-image:none}.notification-art::before{background-image:url('/landing/assets/notification-flow.webp')}.notes-art::before{background-image:url('/landing/assets/notes-reference-v5.webp');background-position:center -1.5rem;background-size:110% auto;opacity:1;mask-image:linear-gradient(90deg,#000 82%,transparent)}
.toast-list{width:71%;margin-left:20.5%;padding-block:6.5cqw;gap:2cqw}.sample-toast{min-height:18.8cqw;padding:2.8cqw 3.7cqw;border-radius:3cqw;background:linear-gradient(120deg,#fffffff5,#f4faffeb);border-color:#ffffffc9;box-shadow:0 1.8cqw 4.2cqw -1.5cqw #315e8a38}.sample-toast p{font-size:2.65cqw}.sample-notebook{width:82%;border-radius:5.5cqw;box-shadow:0 5.5cqw 10cqw -3cqw #5c51443d,0 1cqw 2.5cqw -.5cqw #5c514414;border-color:#ffffff;background:linear-gradient(125deg,#fff,#fdfdfd)}
.benefits{padding-top:3rem;padding-bottom:0}.privacy-section{padding-top:5rem;padding-bottom:4.5rem;gap:1.9rem}.privacy-art{width:18rem;margin-left:-2.5rem}.privacy-art img{height:16rem;mask-image:radial-gradient(ellipse at 54% 49%,#000 39%,#000e 50%,transparent 74%)}.privacy-point{padding-left:1.6rem}.plans-section{padding-top:0}.section-intro p{margin-bottom:2rem}.faq-section{padding-top:4rem}.closing-section.container{padding-top:4rem;padding-bottom:3.5rem}.site-footer{padding-bottom:2.5rem}.package-details{gap:.45rem}#windows-version:not(:empty)::after{content:' ·'}
.team-avatar{background:#f1f5fb}.team-avatar .hubchat-logo{filter:none;width:3cqw;height:3cqw}

/* All tour pages share the same application frame and typography. */
.workspace-demo{container-type:inline-size;aspect-ratio:721/359;background:#fff;color:#17253c;overflow:hidden;--demo-blue:#1761e8}
.workspace-demo button,.workspace-demo input,.workspace-demo textarea{font-family:inherit}.workspace-demo img{width:2.4cqw;height:2.4cqw;object-fit:contain;flex:none}.workspace-bar{height:5.4cqw;display:flex;align-items:center;gap:1cqw;padding:0 2cqw;border-bottom:1px solid #e9edf3;font-size:1.22cqw;background:#fff}.workspace-bar>img{width:3.3cqw;height:3.3cqw}.workspace-path{color:#8490a4;border-left:1px solid #e0e7ef;padding-left:1.5cqw;margin-left:.7cqw}.demo-label{margin-left:auto;font-size:.7cqw;letter-spacing:.1em;color:#8c98aa}
.workspace-toolbar{height:9cqw;display:flex;justify-content:space-between;align-items:center;padding:1.6cqw 2.6cqw;gap:2cqw}.workspace-eyebrow{font-size:.75cqw;color:#7b8ba3;letter-spacing:.07em;margin-bottom:.65cqw}.workspace-toolbar h3{font-size:2cqw;letter-spacing:-.03em}.demo-action{display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;padding:.75cqw 1.1cqw;border:1px solid #dee7f1;border-radius:.65cqw;background:#fff;font-size:1cqw;white-space:nowrap}.demo-action img{width:1.5cqw;height:1.5cqw}.demo-action[aria-pressed=true]{color:#2562c8;background:#f0f6ff;border-color:#d5e4fb}
.split-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1.7cqw;margin:0 2.6cqw;height:30.9cqw}.split-workspace.single-service{grid-template-columns:1fr}.split-workspace.single-service .telegram{display:none}.split-service{border:1px solid #e4eaf1;border-radius:1cqw;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:#fff}.split-service>header{display:flex;gap:1cqw;align-items:center;height:5.4cqw;flex:none;padding:1cqw 1.4cqw;border-bottom:1px solid #edf1f5}.split-service header strong{display:block;font-size:1.2cqw}.split-service header span{display:block;font-size:.85cqw;color:#8390a2}.connection-dot{margin-left:auto;width:.65cqw;height:.65cqw;background:#35b88e;border-radius:50%}.service-conversation{padding:1.3cqw 1.5cqw;flex:1;min-height:0;overflow:auto;background:#fcfdfd}.service-group{margin-bottom:1.3cqw}.service-group strong{font-size:1.12cqw;display:block}.service-group>span{font-size:.8cqw;color:#8b98ab}.service-message{width:83%;font-size:.94cqw;background:#f0f4f8;border-radius:.75cqw;padding:.7cqw 1cqw;margin-top:.9cqw;line-height:1.5}.service-message strong{display:block;font-size:.8cqw;color:#56858c;font-weight:600}.service-message time{display:block;text-align:right;color:#9aa6b6;font-size:.65cqw}.service-message.outgoing{margin-left:auto;background:#e8f1ff}.service-input{display:flex;align-items:center;gap:1cqw;padding:.9cqw 1.3cqw;font-size:.85cqw;color:#93a0b1;border-top:1px solid #edf1f5}.service-input img{width:1.45cqw;height:1.45cqw}.service-input img:last-child{margin-left:auto}.workspace-footnote{font-size:.83cqw;text-align:center;color:#8a97ab;margin-top:1.5cqw}
.alert-workspace,.notes-workspace{display:grid;grid-template-columns:25% 1fr;height:35.3cqw;border-top:1px solid #edf1f5}.workspace-aside{border-right:1px solid #edf1f5;padding:2cqw;background:#fff;min-width:0}.workspace-aside h4{font-size:1.2cqw;margin:0 0 1.5cqw}.workspace-nav{display:flex;justify-content:space-between;border:0;border-radius:.65cqw;padding:1cqw 1.1cqw;width:100%;background:none;font-size:1.1cqw;color:#79889e;margin-bottom:.6cqw}.workspace-nav.active{background:#edf4ff;color:#245db9}.workspace-nav span{font-size:.9cqw}.quiet-note{margin-top:4cqw;padding:1cqw;color:#8090a4}.quiet-note img{margin-bottom:1.3cqw}.quiet-note strong{display:block;font-size:1cqw;font-weight:550}.quiet-note p{font-size:.9cqw;margin-top:.6cqw;line-height:1.7}.alert-feed{padding:2cqw 3cqw}.feed-date{font-size:.78cqw;color:#91a0b3;letter-spacing:.08em;margin-bottom:1cqw}.feed-item{width:100%;display:flex;align-items:center;gap:1.4cqw;border:1px solid #e7edf4;border-radius:1cqw;background:#fff;margin-bottom:1cqw;padding:1.55cqw;text-align:left;position:relative}.feed-item.unread{background:#f7faff;border-color:#e2edfc}.feed-item>img{width:3cqw;height:3cqw}.feed-item>span{min-width:0}.feed-item strong{display:block;font-size:1.15cqw;font-weight:600}.feed-item>span>span{display:block;font-size:1cqw;color:#8190a6;margin-top:.3cqw}.feed-item time{margin-left:auto;align-self:flex-start;font-size:.8cqw;color:#96a2b4;white-space:nowrap}.unread-dot{width:.55cqw;height:.55cqw;position:absolute;right:1.6cqw;bottom:1.7cqw;border-radius:50%;background:transparent}.unread .unread-dot{background:#2873eb}.demo-feedback,.alert-empty{font-size:1cqw;color:#73907f;margin-top:2cqw}
.local-note-badge{display:flex;gap:.7cqw;align-items:center;font-size:.9cqw;color:#8292a5}.local-note-badge img{width:1.5cqw;height:1.5cqw}.note-choice{display:flex;align-items:center;gap:1cqw;width:100%;text-align:left;background:none;border:0;border-radius:.75cqw;padding:1.3cqw .8cqw;margin-bottom:.4cqw}.note-choice.active{background:#eef4fd}.note-choice>img{width:1.8cqw;height:1.8cqw}.note-choice strong{display:block;font-size:1cqw;font-weight:550;white-space:nowrap}.note-choice small{display:block;font-size:.78cqw;color:#8d9baf;margin-top:.3cqw}.note-editor{padding:2.3cqw 3cqw;display:flex;flex-direction:column;min-height:0}.note-editor>input{font-size:2.2cqw;font-weight:600;letter-spacing:-.03em;border:0;background:none;width:100%;padding:0;color:#1d2e46}.note-editor-meta{font-size:.8cqw;color:#9aa5b6;margin:1cqw 0 1.5cqw}.note-editor textarea{resize:none;flex:1;min-height:0;width:100%;border:0;background:none;line-height:1.9;font-size:1.2cqw;color:#5d6f88;padding:0}.note-status{font-size:.8cqw;color:#8c9caf;padding-top:1cqw}
.custom-workspace{display:grid;grid-template-columns:34% 1fr;gap:6cqw;margin:1cqw 4cqw;align-items:center}.custom-controls fieldset{border:0;padding:0;margin:0 0 2.5cqw}.custom-controls legend{font-size:1.2cqw;font-weight:550;margin-bottom:1cqw}.segmented{display:flex;padding:.35cqw;border:1px solid #e4eaf2;border-radius:.8cqw;background:#f6f8fb}.segmented button{flex:1;padding:.8cqw;border:0;background:none;font-size:1.1cqw;border-radius:.6cqw;color:#8492a6}.segmented button[aria-pressed=true]{background:#fff;color:#1e4f9d;box-shadow:0 .3cqw 1cqw #2945600a}.accent-options{display:flex;gap:1.3cqw}.accent-options button{width:2.8cqw;height:2.8cqw;border-radius:50%;border:3px solid #fff;outline:1px solid transparent}.accent-options button[aria-pressed=true]{outline-color:#a7b9cf}.accent-blue{background:#1761e8}.accent-purple{background:#7855d7}.accent-teal{background:#219783}.compact-control{display:flex;justify-content:space-between;align-items:center}.compact-control strong{display:block;font-size:1.1cqw;font-weight:550}.compact-control small{display:block;font-size:.85cqw;color:#9aa5b6;margin-top:.4cqw}.compact-control input{accent-color:#1761e8;width:1.6cqw;height:1.6cqw}.custom-hint{font-size:.8cqw;color:#96a2b4;margin-top:2.5cqw}.appearance-preview{--accent:#1761e8;background:#fff;color:#243750;border:1px solid #e6ecf4;border-radius:1.2cqw;box-shadow:0 2cqw 5cqw -2cqw #25467420;overflow:hidden;transition:background-color .15s,color .15s}.appearance-preview[data-theme=dark]{background:#192539;color:#e8eef8;border-color:#24354f}.appearance-preview[data-accent=purple]{--accent:#7855d7}.appearance-preview[data-accent=teal]{--accent:#219783}.mini-app-bar{display:flex;gap:1cqw;align-items:center;padding:1.5cqw;font-size:1.15cqw;border-bottom:1px solid #8798b21c}.mini-app-bar span{margin-left:auto;color:#8d9bb0}.mini-account-list{padding:1cqw}.mini-account{padding:1.9cqw 1.1cqw;display:flex;gap:1.3cqw;align-items:center;border-radius:.8cqw}.mini-account.selected{background:color-mix(in srgb,var(--accent) 9%,transparent)}.mini-account strong{display:block;font-size:1.15cqw}.mini-account small{display:block;font-size:.9cqw;color:#8f9fb4;margin-top:.3cqw}.mini-account i{width:.7cqw;height:.7cqw;border-radius:50%;background:var(--accent);margin-left:auto}.appearance-preview.compact .mini-account{padding-block:1cqw}.mini-compose{margin:1cqw 1.5cqw 1.5cqw;padding:1.2cqw;border:1px solid #8798b225;border-radius:.7cqw;font-size:.9cqw;color:#96a5b9}
@media(max-width:851px) and (min-width:651px){.download-section{grid-template-columns:28rem 1fr}.feature-stories{gap:1.5rem}.story-copy>p:not(.eyebrow){font-size:.86rem}.privacy-section{gap:1rem}.privacy-art{width:14rem;margin-left:-1rem}.privacy-art img{height:13rem}}
@media(max-width:650px){.site-header{height:4.8rem}.brand-lockup{width:8.2rem;height:2.8rem}.header-inner{gap:1rem}.header-actions{gap:1rem}.download-section{padding-top:1rem;padding-bottom:3rem}.tour-tabs{margin-top:1.4rem}.services-section{padding-top:2.5rem;padding-bottom:3rem}.feature-stories{grid-template-columns:1fr;gap:2.5rem}.feature-story{grid-template-columns:52% 48%}.notification-art,.notes-art{min-height:17rem}.story-copy,.story-notes .story-copy{padding:1rem .2rem 1rem .8rem}.sample-toast p{font-size:2.85cqw}.benefits{padding-top:2.5rem}.privacy-section{padding-top:3rem;padding-bottom:3rem;grid-template-columns:7.5rem 1fr;gap:1.5rem}.privacy-art{width:10rem;margin-left:-1.5rem}.privacy-art img{height:10rem}.privacy-point{padding-left:0}.faq-section{padding-top:3rem}.closing-section.container{padding-top:3rem;padding-bottom:3rem}.site-footer{padding-bottom:2rem}.workspace-demo{aspect-ratio:auto;min-height:30rem}.workspace-bar{height:3rem;font-size:.7rem;padding:0 .8rem;gap:.6rem}.workspace-bar>img{width:1.7rem;height:1.7rem}.workspace-path{font-size:.65rem;padding-left:.5rem}.demo-label{display:none}.workspace-toolbar{height:auto;min-height:6rem;padding:1rem;align-items:flex-start;flex-direction:column;gap:.7rem}.workspace-eyebrow{font-size:.52rem;margin-bottom:.5rem}.workspace-toolbar h3{font-size:1.15rem}.demo-action{font-size:.65rem;padding:.4rem .6rem;gap:.4rem;border-radius:.4rem}.demo-action img{width:.9rem;height:.9rem}.split-workspace{height:21rem;gap:.6rem;margin:0 .8rem}.split-service>header{height:3rem;padding:.6rem;gap:.4rem}.split-service header strong{font-size:.6rem}.split-service header span{font-size:.48rem}.split-service header img{width:1.1rem;height:1.1rem}.service-conversation{padding:.6rem}.service-group strong{font-size:.65rem}.service-group>span{font-size:.48rem}.service-message{font-size:.65rem;width:96%;padding:.5rem;margin-top:.6rem;border-radius:.4rem}.service-message strong{font-size:.5rem}.service-message time{font-size:.45rem}.service-input{font-size:.5rem;padding:.5rem}.service-input img{width:.7rem;height:.7rem}.workspace-footnote{font-size:.55rem;margin:1rem .8rem}.alert-workspace,.notes-workspace{height:24rem;grid-template-columns:1fr}.alert-workspace>.workspace-aside{display:flex;padding:.7rem;border:0;gap:.5rem}.alert-workspace .workspace-aside h4,.quiet-note{display:none}.workspace-nav{width:auto;gap:.8rem;font-size:.7rem;padding:.5rem .7rem;margin:0}.workspace-nav span{font-size:.65rem}.alert-feed{padding:.5rem 1rem 1rem}.feed-date{font-size:.55rem}.feed-item{padding:.8rem;margin:.6rem 0;gap:.6rem;border-radius:.5rem}.feed-item>img{width:1.6rem;height:1.6rem}.feed-item strong{font-size:.75rem}.feed-item>span>span{font-size:.65rem;line-height:1.5}.feed-item time{font-size:.5rem}.demo-feedback,.alert-empty{font-size:.7rem}.notes-workspace{grid-template-rows:auto 1fr}.notes-workspace>.workspace-aside{display:flex;gap:.3rem;padding:.6rem;border:0;border-bottom:1px solid #edf1f5}.notes-workspace .workspace-aside h4{display:none}.note-choice{padding:.5rem .3rem;margin:0;justify-content:center}.note-choice strong{font-size:.56rem}.note-choice small,.note-choice>img{display:none}.note-editor{padding:1rem}.note-editor>input{font-size:1.2rem}.note-editor-meta,.note-status{font-size:.55rem;margin:.6rem 0}.note-editor textarea{font-size:.75rem}.local-note-badge{font-size:.6rem}.local-note-badge img{width:.9rem;height:.9rem}.custom-workspace{grid-template-columns:1fr;gap:1.2rem;margin:0 1rem 1rem}.custom-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.custom-controls fieldset{margin:0}.custom-controls legend{font-size:.75rem;margin-bottom:.5rem}.segmented button{font-size:.7rem;padding:.5rem}.accent-options{gap:.6rem}.accent-options button{width:1.6rem;height:1.6rem}.compact-control{grid-column:1/-1}.compact-control strong{font-size:.7rem}.compact-control small{font-size:.55rem}.compact-control input{width:1rem;height:1rem}.custom-hint{display:none}.mini-app-bar{font-size:.7rem;padding:.7rem}.mini-app-bar img{width:1.4rem;height:1.4rem}.mini-account{padding:.7rem;gap:.6rem}.mini-account img{width:1.5rem;height:1.5rem}.mini-account strong{font-size:.75rem}.mini-account small,.mini-compose{font-size:.6rem}.mini-compose{padding:.6rem;margin:.5rem}.appearance-preview.compact .mini-account{padding-block:.3rem}}