:root {
  --ink: #0c2027;
  --night: #071d24;
  --paper: #f7f8f3;
  --mint: #30d98b;
  --mint-soft: #daf9e9;
  --sky: #d8f1fa;
  --coral: #ff765f;
  --yellow: #f3c44e;
  --line: #d9e1dd;
  color: var(--ink);
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--paper); margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
svg { stroke-width: 2; }
.shell { margin: 0 auto; max-width: 1200px; padding-left: 28px; padding-right: 28px; }

.site-header { background: var(--night); color: #effff7; height: 76px; position: relative; z-index: 10; }
.nav-wrap { align-items: center; display: flex; height: 100%; margin: 0 auto; max-width: 1200px; padding: 0 28px; }
.brand { align-items: center; display: inline-flex; flex: 0 0 auto; font-size: 20px; font-weight: 840; gap: 10px; line-height: 1; }
.brand img { border-radius: 9px; display: block; height: 30px; width: 30px; }
.site-nav { display: flex; gap: 30px; margin-left: auto; }
.site-nav a { color: #b6c9c4; font-size: 14px; font-weight: 650; transition: color .18s ease; }
.site-nav a:hover { color: #fff; }
.nav-cta { align-items: center; background: var(--mint); border-radius: 7px; color: #062319; display: inline-flex; font-size: 13px; font-weight: 820; gap: 7px; height: 38px; justify-content: center; margin-left: 28px; padding: 0 15px; transition: background .18s ease, transform .18s ease; }
.nav-cta:hover { background: #69e9af; transform: translateY(-1px); }
.nav-cta svg { height: 15px; width: 15px; }
.nav-toggle { display: none; }

.hero { background: var(--night); color: #f2fff9; height: calc(100svh - 108px); min-height: 0; overflow: hidden; position: relative; }
.hero-grid { background-image: linear-gradient(rgba(156, 211, 192, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(156, 211, 192, .1) 1px, transparent 1px); background-size: 46px 46px; inset: 0; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent 80%); opacity: .4; pointer-events: none; position: absolute; }
.hero::before { border: 1px solid rgba(48, 217, 139, .45); border-radius: 50%; content: ""; height: 680px; position: absolute; right: -260px; top: -390px; width: 680px; }
.hero::after { border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; content: ""; height: 440px; left: -250px; position: absolute; top: 210px; width: 440px; }
.hero-inner { display: grid; gap: 42px; grid-template-columns: minmax(340px, .92fr) minmax(0, 1.3fr); height: 100%; margin: 0 auto; max-width: 1200px; min-height: 0; padding: 84px 28px 54px; position: relative; }
.hero-copy { align-self: center; padding-bottom: 50px; position: relative; z-index: 2; }
.eyebrow { align-items: center; color: var(--mint); display: flex; font-size: 11px; font-weight: 850; gap: 8px; line-height: 1.2; margin: 0 0 18px; }
.eyebrow span { background: currentColor; border-radius: 50%; height: 7px; width: 7px; }
.eyebrow.dark { color: #069c60; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: 58px; font-weight: 880; letter-spacing: 0; line-height: 1.12; margin-bottom: 22px; }
h1 em, .scenes h2 em { color: var(--mint); font-style: normal; }
.hero-lead { color: #bfd2ca; font-size: 17px; line-height: 1.75; margin-bottom: 30px; max-width: 470px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button { align-items: center; border: 1px solid transparent; border-radius: 7px; display: inline-flex; font-size: 14px; font-weight: 800; gap: 8px; height: 46px; justify-content: center; padding: 0 17px; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.button svg { height: 18px; width: 18px; }
.button:hover { transform: translateY(-2px); }
.button-light { background: var(--mint); color: #05271a; }.button-light:hover { background: #70ebb5; }
.button-ghost { border-color: rgba(224, 255, 243, .35); color: #edfff6; }.button-ghost:hover { background: rgba(255, 255, 255, .09); border-color: rgba(224, 255, 243, .75); }
.hero-proof { align-items: center; display: flex; gap: 12px; margin-top: 42px; }.hero-proof p { display: grid; gap: 4px; margin: 0; }.hero-proof strong { font-size: 13px; }.hero-proof span { color: #93aaa2; font-size: 12px; }
.face-stack { display: flex; padding-left: 7px; }.face { align-items: center; border: 2px solid var(--night); border-radius: 50%; color: #fff; display: inline-flex; font-size: 10px; height: 28px; justify-content: center; margin-left: -7px; width: 28px; }.face-coral { background: var(--coral); }.face-blue { background: #4a9ad1; }.face-yellow { background: var(--yellow); color: #4d3c0f; }

.hero-product { align-self: end; min-width: 0; padding-top: 76px; position: relative; z-index: 2; }
.product-window { background: #f7faf8; border: 1px solid rgba(255,255,255,.55); border-radius: 13px; box-shadow: 0 34px 74px rgba(0, 0, 0, .35); color: var(--ink); display: grid; grid-template-columns: 54px 210px minmax(330px, 1fr); min-height: 450px; overflow: hidden; transform: rotate(-1.5deg); transform-origin: center bottom; }
.product-rail { align-items: center; background: #e8f0ed; display: flex; flex-direction: column; gap: 18px; padding: 14px 0; }.product-rail > img { border-radius: 8px; height: 28px; margin-bottom: 11px; width: 28px; }.rail-item, .rail-bottom { align-items: center; border-radius: 8px; color: #667873; display: inline-flex; height: 32px; justify-content: center; width: 32px; }.rail-item.active { background: #c9f3dc; color: #047548; }.rail-item svg, .rail-bottom svg { height: 17px; width: 17px; }.rail-bottom { margin-top: auto; }
.conversation-list { background: #f9fbfa; border-right: 1px solid #e1e8e4; padding: 14px 9px; }.window-label { align-items: center; display: flex; justify-content: space-between; padding: 1px 7px 14px; }.window-label strong { font-size: 15px; }.window-label button, .chat-heading button, .chat-input button { align-items: center; background: transparent; border: 0; color: #51645e; display: inline-flex; justify-content: center; padding: 0; }.window-label svg, .chat-heading svg { height: 18px; width: 18px; }.window-search { align-items: center; background: #edf2ef; border-radius: 6px; color: #8a9b94; display: flex; font-size: 11px; gap: 6px; height: 30px; margin: 0 2px 8px; padding: 0 9px; }.window-search svg { height: 13px; width: 13px; }
.conversation { align-items: center; border-radius: 7px; display: grid; gap: 7px; grid-template-columns: 32px minmax(0, 1fr) auto; margin: 2px 0; min-height: 52px; padding: 6px; position: relative; }.conversation.active { background: #e0f6e9; }.conversation > span { display: grid; gap: 3px; min-width: 0; }.conversation strong { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.conversation em { color: #85958f; font-size: 10px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.conversation time { align-self: start; color: #91a099; font-size: 9px; }.unread { align-items: center; background: var(--coral); border: 2px solid #e0f6e9; border-radius: 50%; color: #fff; display: inline-flex; font-size: 8px; height: 15px; justify-content: center; position: absolute; right: 4px; top: 23px; width: 15px; }
.avatar { align-items: center; border-radius: 10px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 10px; font-style: normal; height: 32px; justify-content: center; width: 32px; }.avatar-coral { background: #ef806d; }.avatar-blue { background: #4997c7; }.avatar-teal { background: #27b88c; }.avatar-purple { background: #8879d5; }.avatar-yellow { background: #f1bf48; color: #614e16; }
.chat-panel { background: #edf4f1; display: grid; grid-template-rows: 57px minmax(0, 1fr) 48px; min-width: 0; }.chat-heading { align-items: center; background: #f9fcfa; border-bottom: 1px solid #dce6e1; display: flex; justify-content: space-between; padding: 0 16px; }.chat-heading > div:first-child { display: grid; gap: 3px; }.chat-heading strong { font-size: 13px; }.chat-heading span { color: #899b93; font-size: 10px; }.chat-heading > div:last-child { display: flex; gap: 12px; }
.chat-canvas { overflow: hidden; padding: 13px 17px; }.date-label { color: #9aa9a2; font-size: 9px; margin: 0 0 13px; text-align: center; }.message-row { align-items: flex-start; display: flex; gap: 7px; margin-bottom: 12px; }.message-row > div { display: grid; gap: 4px; }.message-row strong { color: #6d7f76; font-size: 9px; }.message-row p { background: #fff; border-radius: 4px 11px 11px; box-shadow: 0 2px 5px rgba(29, 63, 50, .06); font-size: 11px; line-height: 1.45; margin: 0; padding: 8px 10px; }.message-row.mine { justify-content: flex-end; }.message-row.mine p { background: #c9f4d9; border-radius: 11px 4px 11px 11px; }.message-row.mine small { color: #6a9580; font-size: 9px; text-align: right; }
.call-card { align-items: center; background: #0a674d; border-radius: 8px; color: #effff7; display: flex; gap: 8px; margin: 1px 0 11px 40px; padding: 8px; }.call-card > span { align-items: center; background: rgba(255,255,255,.14); border-radius: 7px; display: inline-flex; height: 25px; justify-content: center; width: 25px; }.call-card svg { height: 14px; width: 14px; }.call-card div { display: grid; flex: 1; gap: 2px; }.call-card strong { font-size: 10px; }.call-card em { color: #b6e9d1; font-size: 9px; font-style: normal; }.call-card button { background: var(--mint); border: 0; border-radius: 5px; color: #063621; font-size: 10px; font-weight: 800; height: 24px; padding: 0 9px; }
.chat-input { align-items: center; background: #fcfffd; border-top: 1px solid #dce6e1; color: #a1aea9; display: flex; font-size: 10px; gap: 10px; padding: 0 13px; }.chat-input span { flex: 1; }.chat-input svg { height: 16px; width: 16px; }.chat-input .send-mini { color: #08a964; }
.floating-note { align-items: center; background: #f7fffb; border: 1px solid #d7eee3; border-radius: 7px; box-shadow: 0 12px 24px rgba(0, 0, 0, .17); color: #173b2f; display: inline-flex; font-size: 11px; font-weight: 750; gap: 6px; padding: 8px 10px; position: absolute; }.floating-note svg { color: #0ca365; height: 15px; width: 15px; }.note-left { left: -22px; top: 35%; transform: rotate(-5deg); }.note-right { bottom: 31px; right: -18px; transform: rotate(4deg); }

.signal-strip { align-items: center; background: var(--mint); color: #06261a; display: flex; gap: 34px; justify-content: center; min-height: 72px; padding: 12px 28px; }.signal-strip > div { align-items: center; display: inline-flex; font-size: 13px; font-weight: 770; gap: 9px; }.signal-strip svg { height: 18px; width: 18px; }.signal-strip > a { align-items: center; border-bottom: 1px solid rgba(6,38,26,.4); display: inline-flex; font-size: 13px; font-weight: 850; gap: 7px; margin-left: 18px; padding-bottom: 2px; }.signal-strip > a svg { height: 15px; width: 15px; }

.experience { padding-bottom: 124px; padding-top: 124px; }.section-head { display: grid; gap: 28px 74px; grid-template-columns: 1.18fr .82fr; margin-bottom: 52px; }.section-head .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }.section-head h2, .scenes h2, .security h2, .final-cta h2 { font-size: 42px; font-weight: 870; letter-spacing: 0; line-height: 1.16; margin: 0; }.section-head > p:last-child { align-self: end; color: #5b7069; font-size: 16px; line-height: 1.78; margin: 0; max-width: 420px; }
.experience-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }.feature-card { border-radius: 10px; min-height: 448px; overflow: hidden; padding: 24px; position: relative; }.feature-card > p:not(.card-kicker) { color: #536b62; font-size: 14px; line-height: 1.7; margin: 13px 0 0; max-width: 250px; position: relative; z-index: 1; }.feature-card h3 { font-size: 29px; font-weight: 850; line-height: 1.18; margin: 0; position: relative; z-index: 1; }.card-chat { background: #e5f8ed; }.card-call { background: #ffe7e1; }.card-channel { background: #e0f4fa; }.card-icon { align-items: center; border-radius: 8px; display: inline-flex; height: 38px; justify-content: center; margin-bottom: 35px; width: 38px; }.card-icon svg { height: 20px; width: 20px; }.icon-mint { background: #bcefd1; color: #08744a; }.icon-coral { background: #ffd0c7; color: #d54d38; }.icon-sky { background: #bce9f5; color: #1581a1; }.card-kicker { font-size: 11px; font-weight: 830; letter-spacing: .5px; margin: 0 0 10px; }.mini-bubbles { bottom: 23px; display: flex; flex-direction: column; gap: 7px; left: 24px; position: absolute; right: 24px; }.mini-bubbles span, .mini-bubbles b { border-radius: 8px; box-shadow: 0 6px 13px rgba(12, 74, 43, .08); font-size: 11px; font-weight: 680; max-width: 190px; padding: 9px 10px; }.mini-bubbles span { background: #fff; color: #28453a; }.mini-bubbles b { align-self: end; background: #aee8c3; color: #174a30; }.mini-bubbles .sticker { align-self: start; background: #f7e6a1; font-size: 18px; line-height: 1; max-width: none; transform: rotate(-8deg); }
.call-pulse { bottom: 24px; left: 24px; position: absolute; right: 24px; }.call-pulse > div { align-items: center; background: rgba(255,255,255,.77); border: 1px solid rgba(216,111,91,.16); border-radius: 9px; display: flex; height: 70px; padding-left: 15px; }.call-pulse .avatar { border: 3px solid #fff5f3; height: 42px; margin-left: -8px; width: 42px; }.call-pulse .avatar:first-child { margin-left: 0; }.call-pulse > span { background: #c9503d; border-radius: 99px; color: #fff; display: block; font-size: 10px; font-weight: 800; margin: -10px auto 0; padding: 6px 10px; text-align: center; width: max-content; }
.channel-meter { bottom: 24px; display: grid; gap: 7px; left: 24px; position: absolute; right: 24px; }.channel-meter span { color: #1987a6; font-size: 10px; font-weight: 880; }.channel-meter i { background: repeating-linear-gradient(90deg, #4daeca 0 4px, transparent 4px 8px); display: block; height: 28px; opacity: .72; }.channel-meter b { font-size: 13px; }.channel-meter em { color: #557b87; font-size: 11px; font-style: normal; }

.scenes { background: var(--night); color: #f3fff9; overflow: hidden; }.scenes-wrap { align-items: center; display: grid; gap: 62px; grid-template-columns: .85fr 1.15fr; min-height: 590px; padding-bottom: 90px; padding-top: 90px; }.scenes-copy p:not(.eyebrow) { color: #aec7bd; font-size: 16px; line-height: 1.78; margin: 22px 0 26px; max-width: 420px; }.text-link { align-items: center; border-bottom: 1px solid rgba(242,255,249,.4); display: inline-flex; font-size: 14px; font-weight: 800; gap: 7px; padding-bottom: 4px; }.text-link svg { height: 16px; width: 16px; }.scene-board { display: grid; gap: 13px; grid-template-columns: .85fr 1.15fr; grid-template-rows: 175px 175px; }.scene-tile { border-radius: 10px; display: flex; flex-direction: column; overflow: hidden; padding: 18px; position: relative; }.scene-tile > div:first-child { align-items: center; display: flex; font-size: 11px; font-weight: 800; gap: 7px; }.scene-tile > div:first-child svg { height: 16px; width: 16px; }.scene-tile strong { font-size: 20px; line-height: 1.28; margin-top: auto; position: relative; z-index: 1; }.scene-tile em { font-size: 10px; font-style: normal; margin-top: 5px; opacity: .7; }.tile-private { background: var(--coral); color: #fff8f4; grid-row: 1 / 3; }.tile-private::after { border: 1px solid rgba(255,255,255,.4); border-radius: 50%; content: ""; height: 180px; position: absolute; right: -50px; top: -56px; width: 180px; }.tile-group { background: #bdecd1; color: #103d2a; }.member-dots { display: flex; margin-top: 12px; }.member-dots b { align-items: center; background: #fffdf4; border: 2px solid #bdecd1; border-radius: 50%; color: #486d5d; display: inline-flex; font-size: 9px; height: 27px; justify-content: center; margin-left: -5px; width: 27px; }.member-dots b:first-child { margin-left: 0; }.tile-channel { background: #d5eef7; color: #173f52; }.live-dot { align-items: center; color: #c74b3a; display: inline-flex; font-size: 10px; font-weight: 900; gap: 5px; margin-top: 8px; }.live-dot::before { background: currentColor; border-radius: 50%; content: ""; height: 6px; width: 6px; }

.security { align-items: center; display: grid; gap: 72px; grid-template-columns: 1fr 1fr; padding-bottom: 128px; padding-top: 128px; }.security-visual { background: #e7f5ee; border-radius: 12px; height: 410px; overflow: hidden; position: relative; }.shield-mark { align-items: center; background: var(--night); border: 10px solid #c8efda; border-radius: 50%; color: var(--mint); display: flex; height: 152px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 152px; z-index: 2; }.shield-mark svg { height: 66px; width: 66px; }.security-line { border: 1px solid #8fdab5; border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }.line-one { height: 224px; width: 224px; }.line-two { height: 336px; width: 336px; }.line-three { border-color: #c1ead3; height: 475px; width: 475px; }.security-chip { align-items: center; background: #fff; border: 1px solid #d8ebe0; border-radius: 7px; box-shadow: 0 12px 20px rgba(31, 92, 60, .1); color: #255341; display: inline-flex; font-size: 11px; font-weight: 760; gap: 7px; padding: 8px 10px; position: absolute; z-index: 3; }.security-chip svg { color: #0d9d60; height: 15px; width: 15px; }.chip-one { left: 24px; top: 76px; }.chip-two { bottom: 56px; left: 60px; }.chip-three { right: 24px; top: 137px; }.security-copy > p:not(.eyebrow) { color: #5e756c; font-size: 16px; line-height: 1.78; margin: 22px 0; }.security ul { display: grid; gap: 13px; list-style: none; margin: 0; padding: 0; }.security li { align-items: center; display: flex; gap: 10px; }.security li > i { align-items: center; background: var(--mint-soft); border-radius: 50%; color: #059158; display: inline-flex; height: 24px; justify-content: center; width: 24px; }.security li svg { height: 14px; width: 14px; }.security li span { color: #62776e; font-size: 13px; }.security li strong { color: #173d2e; margin-right: 4px; }

.final-cta { background: #0d6f50; color: #f1fff7; overflow: hidden; position: relative; text-align: center; }.final-cta::before { border: 1px solid rgba(255,255,255,.23); border-radius: 50%; content: ""; height: 540px; left: 50%; position: absolute; top: -390px; transform: translateX(-50%); width: 540px; }.final-inner { padding-bottom: 90px; padding-top: 80px; position: relative; }.final-inner > img { border: 7px solid rgba(255,255,255,.16); border-radius: 22px; display: block; height: 68px; margin: 0 auto 20px; width: 68px; }.final-inner .eyebrow { justify-content: center; }.final-cta h2 { font-size: 43px; margin-bottom: 28px; }.final-cta .hero-actions { justify-content: center; }.final-cta .button-light { background: #edfff6; color: #07432e; }.final-cta .button-light:hover { background: #fff; }
.site-footer { background: #071d24; color: #effbf5; }.footer-wrap { align-items: center; display: flex; gap: 28px; justify-content: space-between; min-height: 92px; }.site-footer p { color: #96ada4; font-size: 13px; margin: 0; }.footer-links { display: flex; gap: 20px; }.footer-links a { color: #c5d6d0; font-size: 13px; }.footer-links a:hover { color: var(--mint); }

@media (max-width: 980px) {
  .hero-inner { gap: 20px; grid-template-columns: .8fr 1.2fr; }.product-window { grid-template-columns: 47px 176px minmax(260px, 1fr); }.conversation-list { padding-left: 6px; padding-right: 6px; }.hero-copy { padding-bottom: 24px; }.scene-board { gap: 10px; }.security { gap: 42px; }.site-nav { gap: 20px; }
}

@media (min-width: 761px) and (max-height: 850px) {
  .hero-inner { padding-bottom: 0; padding-top: 42px; }
  .hero-copy { padding-bottom: 0; }
  h1 { font-size: 50px; margin-bottom: 17px; }
  .hero-lead { font-size: 15px; line-height: 1.65; margin-bottom: 23px; }
  .hero-proof { margin-top: 24px; }
  .hero-product { padding-top: 0; }
  .product-window { min-height: 386px; }
  .conversation { min-height: 46px; }
  .chat-canvas { padding-bottom: 9px; padding-top: 9px; }
  .message-row { margin-bottom: 8px; }
}

@media (max-width: 760px) {
  .shell { padding-left: 20px; padding-right: 20px; }.site-header { height: 64px; }.nav-wrap { padding: 0 20px; }.brand { font-size: 18px; }.brand img { height: 27px; width: 27px; }.nav-toggle { align-items: center; background: rgba(255,255,255,.1); border: 0; border-radius: 6px; color: #effff7; display: inline-flex; height: 34px; justify-content: center; margin-left: auto; width: 34px; }.nav-toggle svg { height: 18px; width: 18px; }.site-nav { background: #0d2a31; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; display: none; flex-direction: column; gap: 0; left: 20px; margin: 0; padding: 7px; position: absolute; right: 20px; top: 57px; }.site-nav.is-open { display: flex; }.site-nav a { border-radius: 5px; padding: 12px; }.site-nav a:hover { background: rgba(255,255,255,.08); }.nav-cta { font-size: 0; height: 34px; margin-left: 8px; padding: 0; width: 34px; }.nav-cta svg { height: 17px; width: 17px; }
  .hero { height: auto; }.hero-grid { background-size: 32px 32px; }.hero-inner { display: block; height: auto; min-height: 0; padding: 58px 20px 44px; }.hero-copy { padding: 0; }.hero::before { height: 360px; right: -190px; top: -220px; width: 360px; }.hero::after { display: none; } h1 { font-size: 43px; line-height: 1.14; }.hero-lead { font-size: 15px; margin-bottom: 25px; }.button { flex: 1; font-size: 13px; padding: 0 12px; }.hero-proof { margin-top: 30px; }.hero-proof span { font-size: 11px; }.hero-product { padding-top: 46px; }.product-window { grid-template-columns: 42px 146px minmax(192px, 1fr); min-height: 341px; transform: rotate(-1deg); }.product-rail { gap: 12px; padding-top: 10px; }.product-rail > img { height: 23px; margin-bottom: 5px; width: 23px; }.rail-item, .rail-bottom { height: 27px; width: 27px; }.rail-item svg, .rail-bottom svg { height: 14px; width: 14px; }.conversation-list { padding: 9px 4px; }.window-label { padding: 0 5px 8px; }.window-label strong { font-size: 12px; }.window-search { font-size: 9px; height: 23px; margin-bottom: 5px; padding: 0 6px; }.window-search svg { height: 11px; width: 11px; }.conversation { gap: 5px; grid-template-columns: 25px minmax(0,1fr); min-height: 42px; padding: 4px; }.conversation time, .unread { display: none; }.conversation strong { font-size: 9px; }.conversation em { font-size: 8px; }.conversation .avatar { border-radius: 7px; font-size: 8px; height: 25px; width: 25px; }.chat-panel { grid-template-rows: 43px minmax(0,1fr) 38px; }.chat-heading { padding: 0 9px; }.chat-heading strong { font-size: 10px; }.chat-heading span { font-size: 8px; }.chat-heading > div:last-child { gap: 7px; }.chat-heading svg { height: 14px; width: 14px; }.chat-canvas { padding: 9px; }.date-label { font-size: 7px; margin-bottom: 8px; }.message-row { gap: 5px; margin-bottom: 8px; }.message-row .avatar { border-radius: 7px; font-size: 8px; height: 23px; width: 23px; }.message-row strong { font-size: 7px; }.message-row p { font-size: 8px; padding: 5px 6px; }.message-row.mine small { font-size: 7px; }.call-card { gap: 5px; margin: 1px 0 7px 29px; padding: 5px; }.call-card > span { border-radius: 5px; height: 18px; width: 18px; }.call-card svg { height: 10px; width: 10px; }.call-card strong { font-size: 8px; }.call-card em { font-size: 7px; }.call-card button { font-size: 8px; height: 18px; padding: 0 6px; }.chat-input { font-size: 8px; gap: 6px; padding: 0 7px; }.chat-input svg { height: 13px; width: 13px; }.floating-note { font-size: 9px; padding: 6px 7px; }.floating-note svg { height: 12px; width: 12px; }.note-left { left: -7px; top: 43%; }.note-right { bottom: 12px; right: -8px; }
  .signal-strip { align-items: flex-start; flex-direction: column; gap: 9px; min-height: 0; padding: 20px; }.signal-strip > div { font-size: 12px; }.signal-strip > a { margin: 6px 0 0; }
  .experience { padding-bottom: 76px; padding-top: 76px; }.section-head { display: block; margin-bottom: 30px; }.section-head .eyebrow { margin-bottom: 17px; }.section-head h2, .scenes h2, .security h2, .final-cta h2 { font-size: 31px; }.section-head > p:last-child { font-size: 15px; margin-top: 18px; }.experience-grid { grid-template-columns: 1fr; }.feature-card { min-height: 365px; }.feature-card h3 { font-size: 26px; }.card-icon { margin-bottom: 28px; }
  .scenes-wrap { display: block; min-height: 0; padding-bottom: 72px; padding-top: 72px; }.scenes-copy p:not(.eyebrow) { font-size: 15px; margin-bottom: 22px; }.scene-board { margin-top: 36px; }.scene-tile { min-height: 145px; }.scene-tile strong { font-size: 17px; }
  .security { display: flex; flex-direction: column; gap: 42px; padding-bottom: 76px; padding-top: 76px; }.security-visual { height: 310px; width: 100%; }.shield-mark { border-width: 8px; height: 120px; width: 120px; }.shield-mark svg { height: 52px; width: 52px; }.line-one { height: 175px; width: 175px; }.line-two { height: 260px; width: 260px; }.line-three { height: 365px; width: 365px; }.security-chip { font-size: 9px; padding: 7px; }.chip-one { left: 12px; top: 47px; }.chip-two { bottom: 31px; left: 22px; }.chip-three { right: 8px; top: 114px; }.security-copy > p:not(.eyebrow) { font-size: 15px; }.security li { align-items: flex-start; }.security li span { font-size: 12px; line-height: 1.5; }
  .final-inner { padding-bottom: 70px; padding-top: 64px; }.final-inner > img { height: 58px; width: 58px; }.final-cta h2 { margin-bottom: 25px; }.footer-wrap { align-items: flex-start; flex-direction: column; gap: 16px; min-height: 0; padding-bottom: 28px; padding-top: 28px; }.footer-links { flex-wrap: wrap; gap: 13px 18px; }
}