:root {
  --surface: #f4f5f6;
  --surface-raised: rgba(255, 255, 255, .78);
  --surface-muted: #e9edef;
  --ink: #171b1f;
  --ink-soft: #667077;
  --line: #dce2e4;
  --line-strong: #cbd4d7;
  --green: #08a65d;
  --green-soft: #d9f4e4;
  --blue: #557ddd;
  --blue-soft: #dde7fb;
  --coral: #d86c60;
  --coral-soft: #f8dfda;
  --amber: #a37414;
  --amber-soft: #f6e8bf;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--surface); margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
svg { stroke-width: 2; }
.home-shell { margin: 0 auto; max-width: 1200px; padding-left: 30px; padding-right: 30px; }
.site-home h1, .site-home h2, .site-home h3, .site-home p { margin-top: 0; }

.site-header { background: rgba(244, 245, 246, .88); border-bottom: 1px solid rgba(203, 212, 215, .76); height: 68px; position: sticky; top: 0; z-index: 20; backdrop-filter: blur(18px) saturate(120%); -webkit-backdrop-filter: blur(18px) saturate(120%); }
.site-header-inner { align-items: center; display: flex; height: 100%; }
.brand { align-items: center; display: inline-flex; flex: 0 0 auto; font-size: 18px; font-weight: 760; gap: 9px; line-height: 1; }
.brand img { border-radius: 8px; display: block; height: 28px; width: 28px; }
.site-nav { display: flex; gap: 26px; margin-left: 56px; }
.site-nav a, .header-login { color: #5e6870; font-size: 13px; font-weight: 650; transition: color .16s ease; }
.site-nav a:hover, .header-login:hover { color: var(--ink); }
.header-actions { align-items: center; display: flex; gap: 19px; margin-left: auto; }
.nav-cta { align-items: center; background: var(--ink); border-radius: 7px; color: #fff; display: inline-flex; font-size: 13px; font-weight: 720; gap: 7px; height: 36px; padding: 0 13px; transition: background .16s ease; }
.nav-cta:hover { background: #343b40; }.nav-cta svg { height: 15px; width: 15px; }
.nav-toggle { background: transparent; border: 0; color: var(--ink); display: none; }

.hero { background: linear-gradient(180deg, #f7f8f8 0%, #f1f3f3 100%); border-bottom: 1px solid var(--line); }
.hero-layout { align-items: center; display: grid; gap: 54px; grid-template-columns: minmax(310px, .75fr) minmax(520px, 1.25fr); min-height: 588px; padding-bottom: 62px; padding-top: 62px; }
.hero-copy { min-width: 0; }.eyebrow, .section-label { align-items: center; color: var(--green); display: flex; font-size: 11px; font-weight: 760; gap: 8px; letter-spacing: .06em; line-height: 1.35; margin-bottom: 16px; text-transform: uppercase; }.eyebrow span { background: currentColor; border-radius: 50%; height: 6px; width: 6px; }
.hero h1 { font-size: 48px; font-weight: 780; letter-spacing: -.025em; line-height: 1.08; margin-bottom: 17px; }.hero h1 em { color: var(--green); font-size: .72em; font-style: normal; font-weight: 720; }
.hero-lead { color: var(--ink-soft); font-size: 15px; line-height: 1.75; margin-bottom: 25px; max-width: 390px; }
.hero-actions, .final-actions { display: flex; flex-wrap: wrap; gap: 9px; }.button { align-items: center; border: 1px solid transparent; border-radius: 7px; display: inline-flex; font-size: 13px; font-weight: 720; gap: 8px; height: 42px; justify-content: center; padding: 0 14px; transition: background .16s ease, border-color .16s ease; }.button svg { height: 16px; width: 16px; }.button-primary { background: var(--ink); color: #fff; }.button-primary:hover { background: #343b40; }.button-outline { border-color: var(--line-strong); color: #30373c; }.button-outline:hover { background: #fff; border-color: #aebbc0; }
.hero-facts { border-top: 1px solid var(--line); color: #758087; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 29px; padding-top: 12px; }.hero-facts span { align-items: center; display: inline-flex; font-size: 11px; gap: 6px; }.hero-facts svg { color: var(--green); height: 14px; width: 14px; }
.hero-product { min-width: 0; }.product-caption { align-items: center; color: #849096; display: flex; font-size: 10px; justify-content: space-between; letter-spacing: .05em; margin: 0 4px 8px; text-transform: uppercase; }.product-caption b { color: var(--green); font-size: 10px; font-weight: 760; }.product-frame { background: rgba(255,255,255,.86); border: 1px solid rgba(255,255,255,.96); border-radius: 10px; box-shadow: 0 18px 42px rgba(34, 44, 49, .14); overflow: hidden; }.product-bar { align-items: center; background: #f8faf9; border-bottom: 1px solid #e2e7e7; color: #7b858a; display: flex; font-size: 10px; height: 33px; justify-content: center; position: relative; }.window-dots { display: flex; gap: 5px; left: 12px; position: absolute; top: 13px; }.window-dots i { background: #aeb8bb; border-radius: 50%; height: 7px; width: 7px; }.window-dots i:first-child { background: #df796d; }.window-dots i:nth-child(2) { background: #dfb34d; }.window-dots i:nth-child(3) { background: #49c282; }.product-bar-status { align-items: center; display: inline-flex; font-size: 9px; gap: 5px; position: absolute; right: 12px; }.product-bar-status i { background: var(--green); border-radius: 50%; height: 6px; width: 6px; }

.nowchat-preview-ui { background: #f5f7f7; color: #20272c; display: grid; grid-template-columns: 48px 186px minmax(0,1fr); height: 363px; overflow: hidden; }.nowchat-preview-rail { align-items: center; background: #e9eeef; border-right: 1px solid #dee5e5; display: flex; flex-direction: column; gap: 15px; padding: 12px 0; }.nowchat-preview-rail > img { border-radius: 8px; height: 24px; margin-bottom: 9px; width: 24px; }.nowchat-preview-rail > svg { color: #748086; height: 16px; width: 16px; }.nowchat-preview-rail > svg.is-active { background: #cef0db; border-radius: 7px; color: var(--green); height: 31px; padding: 8px; width: 31px; }
.nowchat-preview-list { background: #fbfcfc; border-right: 1px solid #e1e6e6; min-width: 0; padding: 12px 7px; }.nowchat-preview-list header { align-items: center; display: flex; justify-content: space-between; padding: 0 6px 10px; }.nowchat-preview-list header strong { font-size: 14px; }.nowchat-preview-list header svg { color: #657177; height: 16px; width: 16px; }.nowchat-preview-search { align-items: center; background: #eff2f2; border-radius: 6px; color: #929da1; display: flex; font-size: 10px; gap: 6px; height: 29px; margin: 0 1px 8px; padding: 0 8px; }.nowchat-preview-search svg { height: 13px; width: 13px; }
.nowchat-preview-thread { align-items: center; border-radius: 6px; display: grid; gap: 7px; grid-template-columns: 30px minmax(0,1fr) auto; min-height: 52px; padding: 5px; }.nowchat-preview-thread.is-active { background: #e0f5e8; }.nowchat-preview-thread > span { display: grid; gap: 3px; min-width: 0; }.nowchat-preview-thread strong, .nowchat-preview-thread em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.nowchat-preview-thread strong { font-size: 10px; }.nowchat-preview-thread em { color: #8a959a; font-size: 8px; font-style: normal; }.nowchat-preview-thread small { align-self: start; color: #a0aaae; font-size: 7px; }.nowchat-preview-avatar { align-items: center; border-radius: 8px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 10px; height: 30px; justify-content: center; width: 30px; }.avatar-teal { background: #27b987; }.avatar-blue { background: #5a82d9; }.avatar-coral { background: #df7b69; }.avatar-yellow { background: #dfb84c; color: #594611; }
.nowchat-preview-chat { background: #edf3f1; display: grid; grid-template-rows: 52px minmax(0,1fr) 38px; min-width: 0; }.nowchat-preview-chat > header { align-items: center; background: #fbfcfc; border-bottom: 1px solid #e1e8e5; display: flex; gap: 8px; padding: 0 13px; }.nowchat-preview-chat > header > div { display: grid; flex: 1; gap: 3px; min-width: 0; }.nowchat-preview-chat > header strong { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.nowchat-preview-chat > header small { color: #89969a; font-size: 8px; }.nowchat-preview-chat > header > span { display: flex; gap: 11px; }.nowchat-preview-chat > header > span svg { color: #68767b; height: 15px; width: 15px; }.nowchat-preview-canvas { overflow: hidden; padding: 12px 13px; }.nowchat-preview-pinned { align-items: center; background: #fff; border-left: 3px solid #283237; display: flex; gap: 6px; margin-bottom: 10px; padding: 7px 8px; }.nowchat-preview-pinned strong { font-size: 8px; }.nowchat-preview-pinned span { color: #7d898d; flex: 1; font-size: 8px; }.nowchat-preview-pinned svg { color: #8b989b; height: 11px; width: 11px; }.nowchat-preview-date { color: #9ca8a9; font-size: 8px; margin: 0 0 8px; text-align: center; }.nowchat-preview-bubble { background: #fff; border-radius: 3px 9px 9px; box-shadow: 0 2px 7px rgba(39, 54, 53, .06); margin-left: 30px; max-width: 345px; padding: 8px 9px; }.nowchat-preview-bubble strong { color: #637175; display: block; font-size: 8px; margin-bottom: 5px; }.nowchat-preview-bubble p { color: #3d4d50; font-size: 9px; line-height: 1.52; margin: 0 0 3px; }.nowchat-preview-bubble small { color: #9aa7a8; display: block; font-size: 7px; text-align: right; }.nowchat-preview-bubble.is-system { background: rgba(255,255,255,.62); color: #8d999c; font-size: 8px; margin: 12px auto 0; text-align: center; width: max-content; }.nowchat-preview-chat > footer { align-items: center; background: #fbfcfc; border-top: 1px solid #e1e8e5; color: #8e999b; display: flex; font-size: 8px; gap: 6px; justify-content: center; }.nowchat-preview-chat > footer svg { height: 12px; width: 12px; }

.product-intro { background: #fff; padding: 88px 0; }.intro-grid { align-items: end; display: grid; gap: 56px; grid-template-columns: 1.08fr .92fr; margin-bottom: 42px; }.intro-grid h2, .connection-section h2, .capability-heading h2, .final-section h2 { font-size: 36px; font-weight: 740; letter-spacing: -.02em; line-height: 1.24; margin-bottom: 0; }.intro-grid h2 em, .connection-section h2 em, .final-section h2 em { color: var(--green); font-style: normal; }.intro-copy { color: var(--ink-soft); font-size: 15px; line-height: 1.8; margin: 0; max-width: 430px; }
.product-demo { border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 278px minmax(0,1fr); min-height: 400px; overflow: hidden; }.mode-list { background: #f7f9f9; border-right: 1px solid var(--line); padding: 11px; }.mode-item { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 7px; color: var(--ink); cursor: pointer; display: grid; gap: 11px; grid-template-columns: 29px minmax(0,1fr) 16px; padding: 17px 12px; text-align: left; width: 100%; }.mode-item:hover { background: #eef3f1; }.mode-item.is-active { background: #fff; box-shadow: 0 2px 8px rgba(33,46,42,.06); color: var(--green); }.mode-index { color: #98a3a6; font-size: 10px; font-weight: 700; }.mode-item strong, .mode-item em { display: block; }.mode-item strong { font-size: 15px; }.mode-item em { color: #879398; font-size: 11px; font-style: normal; margin-top: 4px; }.mode-item svg { height: 14px; width: 14px; }.mode-enter { align-items: center; border-top: 1px solid var(--line); color: var(--green); display: inline-flex; font-size: 12px; font-weight: 720; gap: 7px; margin: 11px 4px 0; padding: 17px 8px 5px; }.mode-enter svg { height: 15px; width: 15px; }
.mode-preview { background: #fbfcfc; display: grid; grid-template-rows: 64px minmax(0,1fr) 49px 25px; min-width: 0; }.preview-heading { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 0 24px; }.preview-heading > div { display: grid; gap: 3px; }.preview-kicker { color: #8c989c; font-size: 9px; }.preview-heading strong { font-size: 15px; }.preview-heading > span { color: var(--green); font-size: 10px; }.preview-body { background: #eef3f1; min-height: 260px; overflow: hidden; padding: 20px 24px; }.demo-panel[hidden] { display: none; }.preview-date { color: #9aa6a8; font-size: 9px; margin-bottom: 16px; text-align: center; }.preview-message { align-items: flex-start; display: flex; gap: 8px; margin-bottom: 13px; }.preview-message > div { min-width: 0; }.preview-message strong { color: #586a63; display: block; font-size: 10px; margin-bottom: 4px; }.preview-message p { background: #fff; border-radius: 3px 9px 9px; box-shadow: 0 2px 7px rgba(39,54,53,.06); color: #33473d; font-size: 12px; line-height: 1.55; margin: 0; max-width: 330px; padding: 8px 10px; }.preview-message.outgoing { justify-content: flex-end; }.preview-message.outgoing p { background: #caefd8; border-radius: 9px 3px 9px 9px; }.preview-message small { color: #779186; display: block; font-size: 9px; margin-top: 3px; text-align: right; }.preview-avatar { align-items: center; border-radius: 7px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 10px; height: 28px; justify-content: center; width: 28px; }.preview-file { align-items: center; background: #fff; border: 1px solid #dbe5df; border-radius: 5px; display: flex; gap: 9px; margin: 0 0 13px 36px; max-width: 256px; padding: 8px; }.preview-file > svg:first-child { color: var(--green); height: 18px; width: 18px; }.preview-file span { display: grid; flex: 1; gap: 2px; min-width: 0; }.preview-file strong { font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.preview-file em { color: #89979a; font-size: 9px; font-style: normal; }.preview-file > svg:last-child { color: #718087; height: 14px; width: 14px; }.preview-call { align-items: center; background: #243438; border-radius: 6px; color: #effff6; display: flex; gap: 9px; margin: 0 0 16px 36px; max-width: 320px; padding: 9px; }.preview-call > span { align-items: center; background: rgba(255,255,255,.12); border-radius: 5px; display: inline-flex; height: 26px; justify-content: center; width: 26px; }.preview-call > span svg { height: 14px; width: 14px; }.preview-call div { display: grid; flex: 1; gap: 2px; }.preview-call strong { font-size: 10px; }.preview-call em { color: #bad2c6; font-size: 9px; font-style: normal; }.preview-call button { background: var(--green); border: 0; border-radius: 4px; color: #fff; cursor: pointer; font-size: 9px; font-weight: 700; padding: 6px 8px; }.preview-member-row { display: flex; flex-wrap: wrap; gap: 12px; margin-left: 36px; }.preview-member-row span { align-items: center; color: #6a7c73; display: inline-flex; font-size: 9px; gap: 4px; }.preview-member-row .preview-avatar { border-radius: 50%; font-size: 7px; height: 20px; width: 20px; }.preview-channel { align-items: center; background: var(--blue-soft); color: #365b9e; display: flex; gap: 9px; margin-bottom: 13px; padding: 10px; }.preview-channel > svg { height: 18px; width: 18px; }.preview-channel div { display: grid; gap: 3px; }.preview-channel strong { font-size: 11px; }.preview-channel span { color: #6783b3; font-size: 9px; }.preview-channel-copy { color: #6e8278; font-size: 11px; line-height: 1.6; margin: 0 0 11px 36px; }.preview-link { align-items: center; background: transparent; border: 0; color: var(--green); cursor: pointer; display: inline-flex; font-size: 10px; font-weight: 720; gap: 4px; margin-left: 36px; padding: 0; }.preview-link svg { height: 12px; width: 12px; }.preview-composer { align-items: center; background: #fff; border: 0; border-top: 1px solid var(--line); color: #8b979a; cursor: pointer; display: flex; font-size: 10px; gap: 10px; padding: 0 16px; text-align: left; width: 100%; }.preview-composer > span { flex: 1; }.preview-composer svg { height: 15px; width: 15px; }.preview-composer > b { align-items: center; background: var(--green); border-radius: 4px; color: #fff; display: inline-flex; height: 25px; justify-content: center; width: 28px; }.preview-composer > b svg { height: 13px; width: 13px; }.preview-feedback { align-items: center; color: #8e9a9c; display: flex; font-size: 9px; gap: 5px; margin: 0; padding-left: 24px; }.preview-feedback svg { color: var(--green); height: 12px; width: 12px; }

.connection-section { background: #edf1f8; border-top: 1px solid #dbe1ed; padding: 88px 0; }.connection-grid { display: grid; gap: 80px; grid-template-columns: minmax(0,.84fr) minmax(440px,1.16fr); }.section-label-light { color: var(--blue); }.connection-section h2 em { color: var(--blue); }.connection-copy > p:not(.section-label) { color: var(--ink-soft); font-size: 15px; line-height: 1.8; margin-bottom: 23px; max-width: 420px; }.text-link { align-items: center; border-bottom: 1px solid #a9bbdd; color: #345894; display: inline-flex; font-size: 12px; font-weight: 720; gap: 6px; padding-bottom: 4px; }.text-link:hover { border-color: var(--blue); color: var(--blue); }.text-link svg { height: 14px; width: 14px; }.device-list { border-top: 1px solid #cfd8e9; }.device-list a { align-items: center; border-bottom: 1px solid #cfd8e9; display: grid; gap: 13px; grid-template-columns: 27px 20px minmax(0,1fr) 15px; min-height: 75px; transition: background .16s ease, padding .16s ease; }.device-list a:hover { background: rgba(255,255,255,.4); padding-left: 8px; }.device-list > a > svg { color: var(--blue); height: 18px; width: 18px; }.device-list > a > svg:last-child { color: #7d8b9f; height: 14px; width: 14px; }.device-number { color: #7e8da1; font-size: 9px; }.device-list span:not(.device-number) { display: grid; gap: 3px; }.device-list strong { font-size: 14px; }.device-list em { color: #758395; font-size: 10px; font-style: normal; }

.capability-section { background: #fff; padding: 88px 0; }.capability-grid { display: grid; gap: 78px; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); }.capability-list { border-top: 1px solid var(--line); }.capability-list article { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 15px; grid-template-columns: 40px minmax(0,1fr) 20px; min-height: 100px; }.capability-icon { align-items: center; border-radius: 7px; display: inline-flex; height: 36px; justify-content: center; width: 36px; }.capability-icon svg { height: 17px; width: 17px; }.tone-mint { background: var(--green-soft); color: var(--green); }.tone-coral { background: var(--coral-soft); color: var(--coral); }.tone-blue { background: var(--blue-soft); color: var(--blue); }.tone-yellow { background: var(--amber-soft); color: var(--amber); }.capability-list h3 { font-size: 15px; margin-bottom: 5px; }.capability-list p { color: #718077; font-size: 11px; line-height: 1.65; margin: 0; }.capability-list article > b { color: #98a4a7; font-size: 9px; font-weight: 700; }

.final-section { background: #f4f7f5; border-top: 1px solid #dde6e0; text-align: center; }.final-inner { padding: 84px 0; }.final-mark { margin: 0 auto 18px; }.final-mark img { border-radius: 16px; display: block; height: 54px; margin: 0 auto; width: 54px; }.final-section .section-label { justify-content: center; }.final-section h2 { font-size: 35px; margin-bottom: 24px; }.final-section .button-primary { background: var(--green); }.final-section .button-primary:hover { background: #078e50; }.final-section .button-outline { background: #fff; }
.site-footer { background: #e9edef; border-top: 1px solid var(--line); }.footer-inner { align-items: center; display: flex; gap: 26px; justify-content: space-between; min-height: 82px; }.site-footer .brand { font-size: 16px; }.site-footer .brand img { height: 25px; width: 25px; }.site-footer p { color: #78848a; font-size: 10px; margin: 0; }.footer-links { display: flex; gap: 18px; }.footer-links a { color: #667177; font-size: 11px; }.footer-links a:hover { color: var(--green); }

.site-access-dialog { background: rgba(255,255,255,.96); border: 1px solid #fff; border-radius: 11px; box-shadow: 0 22px 60px rgba(20,28,32,.22); color: var(--ink); max-width: min(390px, calc(100vw - 32px)); padding: 28px; text-align: left; }.site-access-dialog::backdrop { background: rgba(29,36,40,.42); }.site-access-dialog > p { color: var(--green); font-size: 11px; font-weight: 760; margin: 14px 0 6px; }.site-access-dialog h2 { font-size: 22px; line-height: 1.2; margin: 0 0 8px; }.site-access-dialog > span { color: var(--ink-soft); display: block; font-size: 13px; line-height: 1.6; }.access-dialog-mark { align-items: center; background: var(--green-soft); border-radius: 8px; color: var(--green); display: inline-flex; height: 40px; justify-content: center; width: 40px; }.access-dialog-mark svg { height: 20px; width: 20px; }.access-dialog-close { align-items: center; background: transparent; border: 0; color: #6e7b80; cursor: pointer; display: inline-flex; height: 30px; justify-content: center; padding: 0; position: absolute; right: 12px; top: 12px; width: 30px; }.access-dialog-close:hover { background: #edf1f1; color: var(--ink); }.access-dialog-close svg { height: 17px; width: 17px; }.access-dialog-actions { display: grid; gap: 11px; margin-top: 23px; }.access-dialog-actions .button { width: 100%; }.access-register { color: var(--green); font-size: 12px; font-weight: 700; text-align: center; }.access-register:hover { text-decoration: underline; }

@media (max-width: 980px) {
  .hero-layout { gap: 30px; grid-template-columns: minmax(290px,.72fr) minmax(420px,1.28fr); }.site-nav { gap: 18px; margin-left: 35px; }.connection-grid, .capability-grid { gap: 48px; }
}

@media (max-width: 720px) {
  .home-shell { padding-left: 20px; padding-right: 20px; }.site-header { height: 62px; }.site-header-inner { padding-left: 20px; padding-right: 20px; }.brand { font-size: 17px; }.brand img { height: 26px; width: 26px; }.nav-toggle { align-items: center; background: #e2e8e8; border-radius: 6px; display: inline-flex; height: 32px; justify-content: center; margin-left: auto; width: 32px; }.nav-toggle svg { height: 17px; width: 17px; }.site-nav { background: rgba(255,255,255,.98); border: 1px solid #e1e6e7; border-radius: 8px; box-shadow: 0 12px 25px rgba(30,40,44,.12); display: none; flex-direction: column; gap: 0; left: 20px; margin: 0; padding: 6px; position: absolute; right: 20px; top: 53px; }.site-nav.is-open { display: flex; }.site-nav a { border-radius: 5px; color: #566168; padding: 11px; }.site-nav a:hover { background: #eff3f3; color: var(--ink); }.header-actions { gap: 8px; }.header-login { display: none; }.nav-cta { font-size: 0; height: 32px; padding: 0; width: 32px; }.nav-cta svg { height: 16px; width: 16px; }
  .hero-layout { display: flex; flex-direction: column; gap: 27px; min-height: 0; padding-bottom: 40px; padding-top: 42px; }.hero-copy, .hero-product { width: 100%; }.hero h1 { font-size: 35px; margin-bottom: 13px; }.hero h1 em { font-size: .72em; }.hero-lead { font-size: 13px; line-height: 1.7; margin-bottom: 18px; max-width: none; }.hero-actions { display: grid; grid-template-columns: 1fr; }.button { height: 41px; width: 100%; }.hero-facts { gap: 11px; margin-top: 22px; padding-top: 11px; }.hero-facts span { font-size: 10px; }.product-caption { margin-bottom: 7px; }.product-frame { border-radius: 8px; }.product-bar { height: 29px; }.window-dots { top: 11px; }.window-dots i { height: 6px; width: 6px; }.product-bar-status { font-size: 8px; }
  .nowchat-preview-ui { grid-template-columns: 34px 106px minmax(0,1fr); height: 280px; }.nowchat-preview-rail { gap: 10px; padding-top: 8px; }.nowchat-preview-rail > img { border-radius: 6px; height: 20px; margin-bottom: 4px; width: 20px; }.nowchat-preview-rail > svg { height: 12px; width: 12px; }.nowchat-preview-rail > svg.is-active { border-radius: 6px; height: 25px; padding: 6px; width: 25px; }.nowchat-preview-list { padding: 8px 4px; }.nowchat-preview-list header { padding: 0 4px 7px; }.nowchat-preview-list header strong { font-size: 10px; }.nowchat-preview-list header svg { height: 12px; width: 12px; }.nowchat-preview-search { font-size: 7px; height: 21px; margin-bottom: 4px; padding: 0 5px; }.nowchat-preview-search svg { height: 9px; width: 9px; }.nowchat-preview-thread { gap: 4px; grid-template-columns: 22px minmax(0,1fr); min-height: 39px; padding: 3px; }.nowchat-preview-thread small { display: none; }.nowchat-preview-thread strong { font-size: 7px; }.nowchat-preview-thread em { font-size: 6px; }.nowchat-preview-avatar { border-radius: 6px; font-size: 7px; height: 22px; width: 22px; }.nowchat-preview-chat { grid-template-rows: 39px minmax(0,1fr) 29px; }.nowchat-preview-chat > header { gap: 5px; padding: 0 7px; }.nowchat-preview-chat > header strong { font-size: 7px; }.nowchat-preview-chat > header small { font-size: 6px; }.nowchat-preview-chat > header > span { gap: 5px; }.nowchat-preview-chat > header > span svg { height: 10px; width: 10px; }.nowchat-preview-canvas { padding: 7px; }.nowchat-preview-pinned { gap: 3px; margin-bottom: 5px; padding: 5px; }.nowchat-preview-pinned strong, .nowchat-preview-pinned span { font-size: 6px; }.nowchat-preview-pinned svg { height: 8px; width: 8px; }.nowchat-preview-date { font-size: 6px; margin-bottom: 5px; }.nowchat-preview-bubble { margin-left: 15px; padding: 5px; }.nowchat-preview-bubble strong { font-size: 6px; margin-bottom: 3px; }.nowchat-preview-bubble p { font-size: 7px; }.nowchat-preview-bubble small, .nowchat-preview-bubble.is-system { font-size: 6px; }.nowchat-preview-chat > footer { font-size: 6px; }.nowchat-preview-chat > footer svg { height: 8px; width: 8px; }
  .product-intro, .connection-section, .capability-section { padding: 66px 0; }.intro-grid { display: block; margin-bottom: 31px; }.intro-grid h2, .connection-section h2, .capability-heading h2, .final-section h2 { font-size: 28px; line-height: 1.22; }.intro-copy { font-size: 14px; margin-top: 15px; }.product-demo { display: block; }.mode-list { border-bottom: 1px solid var(--line); border-right: 0; padding: 7px; }.mode-item { grid-template-columns: 26px minmax(0,1fr) 14px; padding: 12px 8px; }.mode-item strong { font-size: 13px; }.mode-item em { font-size: 10px; }.mode-enter { margin: 7px 2px 0; padding: 11px 6px 5px; }.mode-preview { grid-template-rows: 58px minmax(0,1fr) 47px 24px; min-height: 340px; }.preview-heading { padding: 0 15px; }.preview-heading strong { font-size: 13px; }.preview-heading > span { font-size: 9px; }.preview-body { min-height: 210px; padding: 15px; }.preview-message p { font-size: 11px; }.preview-file { margin-left: 35px; }.preview-call { margin-left: 35px; }.preview-member-row { margin-left: 35px; }.preview-channel-copy { margin-left: 35px; }.preview-link { margin-left: 35px; }.preview-feedback { padding-left: 15px; }
  .connection-grid, .capability-grid { display: block; }.connection-copy > p:not(.section-label) { font-size: 14px; }.device-list { margin-top: 34px; }.device-list a { gap: 10px; grid-template-columns: 22px 18px minmax(0,1fr) 14px; min-height: 70px; }.device-list strong { font-size: 13px; }.device-list em { font-size: 9px; }.capability-list { margin-top: 34px; }.capability-list article { gap: 11px; grid-template-columns: 36px minmax(0,1fr) 18px; min-height: 100px; }.capability-icon { height: 33px; width: 33px; }.capability-list h3 { font-size: 14px; }.capability-list p { font-size: 10px; }.final-inner { padding-bottom: 70px; padding-top: 70px; }.final-mark img { height: 48px; width: 48px; }.final-section h2 { margin-bottom: 22px; }.footer-inner { align-items: flex-start; flex-direction: column; gap: 13px; min-height: 0; padding-bottom: 25px; padding-top: 25px; }.footer-links { flex-wrap: wrap; gap: 11px 16px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.nav-cta, .button, .device-list a, .site-nav a { transition: none; } }