:root{--ink:#20242a;--muted:#6e746f;--paper:#f6f8f2;--cream:#f1f1eb;--lime:#b7f23d;--line:rgba(32,36,42,.13);--shell:min(1180px,calc(100% - 48px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);line-height:1.5}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin:0 auto}.site-header{height:78px;width:var(--shell);margin:0 auto;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.04em}.brand-mark{width:29px;height:29px;display:block}.brand-mark path{fill:var(--ink)}.brand-mark rect{fill:var(--lime)}.nav-links{display:flex;gap:28px;margin-left:auto;color:#656b67;font-size:14px}.nav-links a:hover,.text-link:hover{color:var(--ink)}.header-cta{font-size:14px;font-weight:700;border:1px solid var(--ink);padding:10px 15px;border-radius:100px}.header-cta span,.button span,.text-link span{margin-left:8px}.hero{min-height:650px;padding:100px 0 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#717a70;margin:0 0 20px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:8px}.hero h1,.section h2,.connect-card h2{font-size:clamp(44px,5.4vw,76px);line-height:1.03;letter-spacing:-.075em;margin:0;max-width:680px}.hero h1 em,.section h2 em,.connect-card h2 em{font-style:normal;color:#78972e}.hero-lede{font-size:18px;line-height:1.8;color:#68706a;max-width:540px;margin:28px 0}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:14px 20px;font-size:14px;font-weight:750;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(32,36,42,.13)}.button-quiet{color:#5e665f}.button-outline{border:1px solid rgba(32,36,42,.3)}.hero-note{color:#8b928c;font-size:12px;margin-top:26px}.hero-stage{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(117,151,46,.22);border-radius:50%}.orbit-one{width:450px;height:450px}.orbit-two{width:320px;height:320px}.phone-card{z-index:2;background:#fff;border:1px solid rgba(32,36,42,.11);border-radius:28px;padding:22px;width:285px;min-height:410px;box-shadow:0 26px 60px rgba(32,36,42,.16);transform:rotate(3deg)}.phone-top,.phone-row,.phone-bottom{display:flex;justify-content:space-between;align-items:center;color:#858d85;font-size:10px}.live-pill{font-size:9px;color:#6b8e1e;font-weight:800}.live-pill i,.green-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px}.phone-title{font-size:20px;font-weight:760;margin:35px 0 20px;letter-spacing:-.04em}.session-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#f5f7f1}.session-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:9px;font-weight:700}.session-card strong,.approval-card strong{display:block;font-size:11px}.session-card small,.approval-card small{display:block;font-size:9px;color:#8b928c;margin-top:3px}.session-state{font-size:8px;color:#6b8e1e;margin-left:auto}.progress{height:4px;background:#e6eae2;border-radius:5px;margin:16px 2px}.progress span{display:block;width:64%;height:100%;background:var(--lime);border-radius:5px}.phone-row{padding:0 2px 18px;border-bottom:1px solid #edf0eb}.phone-row strong{color:var(--ink);font-size:10px}.approval-card{display:flex;gap:9px;align-items:center;margin-top:17px;padding:12px;border-radius:14px;background:#f0f5df}.approval-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:12px;font-weight:800}.approval-card button{margin-left:auto;border:0;background:var(--ink);color:#fff;border-radius:20px;padding:7px 9px;font-size:9px}.phone-bottom{margin-top:40px}.desktop-card{position:absolute;z-index:1;right:12px;bottom:42px;width:255px;height:165px;background:#30363a;border-radius:17px;box-shadow:0 20px 45px rgba(32,36,42,.2);padding:16px;color:#d3ded1;transform:rotate(-7deg)}.window-bar{display:flex;gap:5px;align-items:center;font-size:9px;color:#8b9791;margin-bottom:27px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#e5796a}.window-bar i:nth-child(2){background:#e8be5a}.window-bar i:nth-child(3){background:#9bd475}.window-bar span{margin-left:7px}.terminal-line{font:12px ui-monospace,SFMono-Regular,monospace}.terminal-line b{color:var(--lime);margin-right:7px}.terminal-muted{font:10px ui-monospace,SFMono-Regular,monospace;color:#89948e;margin-top:13px}.cursor{display:inline-block;width:6px;height:13px;background:var(--lime);vertical-align:-2px;margin-left:4px}.signal{position:absolute;z-index:3;color:#78972e;font-size:24px;font-weight:700}.signal-a{top:75px;right:75px}.signal-b{bottom:112px;left:55px}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-inner{display:flex;justify-content:space-between;padding:20px 0;color:#838b82;font-size:10px;font-weight:800;letter-spacing:.12em}.section{padding:130px 0}.section-intro{max-width:680px}.section-intro h2{font-size:clamp(39px,4.5vw,62px)}.section-intro>p:last-child{max-width:540px;color:#6b736c;font-size:17px;line-height:1.8;margin-top:27px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.feature-card{min-height:330px;border-radius:23px;padding:27px;display:flex;flex-direction:column}.feature-dark{background:var(--ink);color:#fff}.feature-light{background:#e8ece3}.feature-lime{background:var(--lime)}.feature-number{font-size:11px;font-weight:800;opacity:.6}.feature-symbol{font-size:40px;margin-top:35px}.feature-card h3{font-size:23px;letter-spacing:-.05em;margin:16px 0 9px}.feature-card p{font-size:14px;line-height:1.7;color:inherit;opacity:.68;margin-top:auto;max-width:250px}.workflow-section{background:var(--ink);color:#fff}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.workflow-section .eyebrow{color:#a4b09f}.workflow-section h2 em{color:var(--lime)}.workflow-section .section-intro>p:last-child{color:#aab2aa}.workflow-steps{border-top:1px solid rgba(255,255,255,.2)}.workflow-step{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.2)}.workflow-step>span{color:var(--lime);font-size:12px;font-weight:800}.workflow-step strong{font-size:18px}.workflow-step p{color:#aab2aa;font-size:14px;margin:7px 0 0}.security-section{background:#e9eee3}.security-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.security-section h2 em{color:#78972e}.security-copy{padding-top:36px}.security-copy>p{color:#626b62;font-size:18px;line-height:1.8;max-width:500px}.security-points{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}.security-points span{background:#f8faf5;border:1px solid rgba(32,36,42,.1);padding:9px 13px;border-radius:100px;font-size:12px;font-weight:700}.text-link{font-size:14px;font-weight:800}.connect-section{padding:90px 0;background:var(--paper)}.connect-card{border-radius:28px;background:var(--lime);padding:55px 62px;display:flex;align-items:end;justify-content:space-between;gap:40px}.connect-card h2{font-size:clamp(38px,4.4vw,59px)}.connect-card h2 em{color:#4b651d}.connect-card p:last-child{max-width:470px;color:#556532;margin:22px 0 0}.connect-actions{display:flex;gap:10px;flex-shrink:0}.connect-actions .button-primary{background:var(--ink)}.connect-actions .button-outline{border-color:rgba(32,36,42,.45)}.site-footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;align-items:center;gap:24px;color:#7c847b;font-size:12px}.footer-inner .brand{color:var(--ink);margin-right:auto}.footer-meta{color:#a0a69f}@media (max-width:850px){:root{--shell:min(100% - 32px,620px)}.site-header{height:68px;gap:18px}.nav-links{display:none}.header-cta{margin-left:auto;padding:8px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding:70px 0 50px;gap:35px;min-height:auto}.hero h1{font-size:49px}.hero-stage{height:430px}.phone-card{width:250px;min-height:365px}.desktop-card{right:0;bottom:22px;width:205px;height:140px}.proof-inner{gap:18px;overflow:auto;white-space:nowrap}.feature-grid,.workflow-layout,.security-layout{grid-template-columns:1fr}.section{padding:88px 0}.feature-grid{margin-top:45px}.feature-card{min-height:255px}.workflow-layout,.security-layout{gap:30px}.security-copy{padding-top:0}.connect-card{padding:34px 27px;display:block}.connect-actions{margin-top:28px;flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.footer-inner .brand{width:100%}}@media (max-width:480px){.hero h1{font-size:42px}.hero-lede{font-size:16px}.hero-stage{height:390px}.phone-card{transform:rotate(2deg) scale(.9)}.desktop-card{transform:rotate(-6deg) scale(.8);right:-15px}.signal-a{right:30px}.signal-b{left:20px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.connect-actions .button{width:100%}}

/* A 16-second story, shared by the devices, signal and captions. */
html { overflow-x: clip; }
body { overflow-x: clip; }
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 32px; padding: 65px 0 75px; }
.hero h1 { font-size: clamp(44px, 5vw, 68px); line-height: 1.12; }
.hero-copy { animation: copy-arrive 1.8s cubic-bezier(.16,1,.3,1) both; }
.hero-stage { display: block; height: 650px; isolation: isolate; }
.demo-scene { position: absolute; inset: 0 0 75px; perspective: 1100px; }
.stage-grid { position: absolute; inset: 0 -20px; background-image: radial-gradient(#8e9e733d .9px, transparent .9px); background-size: 23px 23px; mask-image: radial-gradient(ellipse, #000, transparent 68%); }
.connection-halo { position: absolute; width: 440px; height: 440px; top: 65px; left: 50%; translate: -50% 0; border: 48px solid #b7f23d35; border-radius: 50%; box-shadow: inset 0 0 65px #b7f23d25, 0 0 70px #b7f23d18; transform: rotateX(30deg) rotateY(-20deg); transition: border-color 1.5s, transform 2s; animation: halo-arrive 3s cubic-bezier(.16,1,.3,1) both; }
.connection-path { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.link-track { stroke: #89a34c40; stroke-width: 1; }
.link-stream { stroke: #8ac61e; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 92; animation: signal-travel 5s linear infinite; filter: drop-shadow(0 0 5px #b7f23d); }
.hero-stage .desktop-card { top: 55px; left: 0; right: auto; bottom: auto; width: 335px; height: 235px; padding: 22px; border: 1px solid #ffffff30; border-radius: 18px; background: linear-gradient(130deg,#343e39,#1c2522); transform: rotateY(12deg) rotateZ(-5deg); box-shadow: 0 30px 65px #1b2b2426; animation: desktop-arrive 2.6s cubic-bezier(.16,1,.3,1) both; transition: transform 1.8s, box-shadow 1.5s; }
.window-bar { margin-bottom: 24px; }
.terminal-heading { font: 8px ui-monospace,monospace; color: #94a18e; letter-spacing: .1em; display: flex; justify-content: space-between; margin-bottom: 17px; }
.terminal-heading span { color: var(--lime); font-size: 16px; }
.terminal-line { font-size: 12px; white-space: nowrap; }
.cursor { animation: cursor-blink 1.1s steps(1) infinite; }
.code-preview { display: grid; gap: 7px; margin: 17px 0 15px; }
.code-preview span { height: 4px; width: 72%; background: #758c7850; border-radius: 2px; transform-origin: left; transition: background 1.2s; }
.code-preview span:nth-child(2) { width: 53%; margin-left: 12px; }
.code-preview span:nth-child(3) { width: 61%; margin-left: 12px; }
.code-preview span:nth-child(4) { width: 35%; }
.hero-stage .phone-card { position: absolute; top: 178px; right: 4px; width: 258px; min-height: 348px; padding: 22px; border-radius: 28px; transform: rotateY(-12deg) rotateZ(6deg); box-shadow: 0 30px 60px #1b2b2426, inset 0 0 0 4px #f4f6f1; animation: phone-arrive 3s cubic-bezier(.16,1,.3,1) both; transition: transform 1.8s, box-shadow 1.5s; }
.phone-title { font-size: 23px; line-height: 1.4; margin: 22px 0 18px; }
.session-card { padding: 10px; }
.session-icon { flex: 0 0 27px; width: 27px; height: 27px; }
.session-card strong { font-size: 10px; }
.session-card small { font-size: 9px; }
.phone-bottom { margin-top: 20px; font-size: 9px; }
.progress { overflow: hidden; }
.progress span { width: 5%; transition: width 4.5s linear; }
.approval-card { min-height: 60px; margin-top: 15px; background: #f2f5ed; transition: background .8s, transform .8s, box-shadow .8s; }
.approval-mark { flex-shrink: 0; }
.message-packet { position: absolute; z-index: 4; top: 330px; left: 6px; padding: 17px 22px; background: var(--ink); color: #fff; border: 1px solid #ffffff22; box-shadow: 0 16px 35px #20242a20; border-radius: 16px 16px 4px 16px; font-size: 13px; font-weight: 650; transform: rotate(-5deg); animation: packet-arrive 3.2s cubic-bezier(.16,1,.3,1) both; transition: transform 1.6s, background .8s, color .8s; }
.scene-label { position: absolute; bottom: 8px; left: 20px; font: 9px ui-monospace,monospace; letter-spacing: .15em; color: #7e8b72; }
.demo-controls { position: absolute; bottom: 0; left: 20px; right: 8px; padding: 20px 0 0; border-top: 1px solid var(--line); display: grid; gap: 14px 20px; }
.demo-caption { display: flex; align-items: center; gap: 15px; }
.demo-caption span { font: 10px ui-monospace,monospace; color: #7e8b72; }
.demo-caption strong { font-size: 14px; font-weight: 600; }
.demo-steps { display: flex; gap: 5px; grid-column: 1; }
.demo-steps i { width: 30px; height: 3px; border-radius: 4px; background: #dce2d3; transition: background .6s, width .6s; }
[data-phase="send"] .demo-steps i:nth-child(1), [data-phase="work"] .demo-steps i:nth-child(2), [data-phase="approve"] .demo-steps i:nth-child(3), [data-phase="done"] .demo-steps i:nth-child(4) { background: #78972e; width: 60px; }
[data-phase="work"] .desktop-card { transform: translateY(-16px) rotateY(0) rotateZ(-2deg); box-shadow: 0 35px 70px #1b2b2433; }
[data-phase="work"] .code-preview span { background: #b7f23d8c; animation: code-write 2s ease-in-out infinite alternate; }
[data-phase="work"] .code-preview span:nth-child(2) { animation-delay: .3s; }
[data-phase="work"] .code-preview span:nth-child(3) { animation-delay: .6s; }
[data-phase="work"] .progress span { width: 58%; }
[data-phase="work"] .message-packet { transform: translate(15px,-20px) rotate(-2deg); }
[data-phase="approve"] .connection-halo { transform: rotateX(0) rotateY(0); border-color: #b7f23d60; }
[data-phase="approve"] .phone-card { transform: translate(-8px,-18px) rotateY(0) rotateZ(0); box-shadow: 0 30px 80px #78972e35; }
[data-phase="approve"] .approval-card { background: var(--lime); transform: scale(1.06); box-shadow: 0 10px 28px #b7f23d60; }
[data-phase="approve"] .progress span { width: 65%; transition-duration: .5s; }
[data-phase="approve"] .message-packet { background: var(--lime); color: var(--ink); transform: translateY(10px) rotate(-3deg); }
[data-phase="done"] .progress span { width: 100%; transition-duration: 2s; }
[data-phase="done"] .phone-card { transform: translateY(-8px) rotateY(-5deg) rotateZ(2deg); }
[data-phase="done"] .message-packet { background: var(--lime); color: var(--ink); transform: translate(10px,-12px) rotate(0); }
[data-phase="done"] .connection-halo { transform: rotateX(20deg) rotateY(20deg) scale(1.08); border-color: #b7f23d45; }
[data-paused] *, [data-paused] *::before, [data-paused] *::after { animation-play-state: paused !important; }
@keyframes copy-arrive { from { opacity: 0; transform: translateY(35px); } to { opacity: 1; transform: none; } }
@keyframes halo-arrive { from { opacity: 0; scale: .3; rotate: -45deg; } to { opacity: 1; scale: 1; rotate: 0deg; } }
@keyframes desktop-arrive { from { opacity: 0; translate: -90px -30px; rotate: -12deg; } to { opacity: 1; translate: 0; rotate: 0deg; } }
@keyframes phone-arrive { from { opacity: 0; translate: 90px 65px; rotate: 15deg; } to { opacity: 1; translate: 0; rotate: 0deg; } }
@keyframes packet-arrive { 0%,25% { opacity: 0; translate: 0 35px; } 100% { opacity: 1; translate: 0; } }
@keyframes signal-travel { to { stroke-dashoffset: -100; } }
@keyframes code-write { from { scale: .4 1; opacity: .5; } to { scale: 1 1; opacity: 1; } }
@keyframes cursor-blink { 50% { opacity: 0; } }
@supports (animation-timeline:view()) {
  .section-intro,.feature-card,.workflow-step,.security-copy,.connect-card { animation: reveal-up linear both; animation-timeline: view(); animation-range: entry 5% cover 25%; }
}
@keyframes reveal-up { from { opacity: 0; translate: 0 35px; } to { opacity: 1; translate: 0; } }
@media (max-width:1100px) and (min-width:851px) {
  .hero { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 18px; }
  .hero-stage .desktop-card { width: 290px; }
  .hero-stage .phone-card { width: 235px; }
  .hero h1 { font-size: 49px; }
}
@media (max-width:850px) {
  .hero { grid-template-columns: minmax(0,1fr); gap: 35px; padding: 55px 0; }
  .hero-stage { width: min(100%,560px); justify-self: center; height: 650px; }
}
@media (max-width:480px) {
  .hero-stage { height: 620px; }
  .hero-stage .desktop-card { top: 25px; width: 270px; height: 222px; padding: 18px; }
  .hero-stage .phone-card { top: 165px; right: 12px; width: 223px; padding: 18px; min-height: 330px; }
  .phone-title { font-size: 21px; margin: 16px 0; }
  .message-packet { top: 140px; left: 0; max-width: 185px; padding: 12px; font-size: 11px; }
  .connection-halo { width: 315px; height: 360px; border-width: 32px; }
  .demo-controls { left: 0; right: 0; }
  .scene-label { left: 0; bottom: 0; font-size: 8px; }
  .demo-caption { gap: 10px; }
  .demo-caption strong { font-size: 12px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Searchable product answers remain visible without animation or JavaScript. */
.faq-section .section-intro > p[lang="en"] { font-size: 14px; }
.faq-list { margin: 45px 0 30px; }
.faq-item { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 48px; padding: 28px 0; border-top: 1px solid var(--line); }
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-item h3 { margin: 0; font-size: 19px; line-height: 1.6; letter-spacing: -.03em; }
.faq-item p { margin: 0; font-size: 15px; line-height: 1.9; color: #626b62; }
.docs-help { margin-top: 48px; border-top: 1px solid var(--line); padding-top: 28px; }
.docs-help h2 { font-size: 24px; }
.docs-help h3 { font-size: 18px; margin: 28px 0 10px; }
.docs-help p { color: #626b62; line-height: 1.9; }
@media (max-width:700px) { .faq-item { grid-template-columns: minmax(0,1fr); gap: 12px; } }

/* Product scope, connection map and contact paths. */
.site-header { gap: 22px; }
.nav-links { gap: 18px; font-size: 13px; }
.header-business { color: #596451; font-size: 13px; font-weight: 700; white-space: nowrap; }
.header-cta { white-space: nowrap; }
.mobile-menu { display: none; }
.support-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: end; }
.support-heading h2,.enterprise-section h2 { font-size: clamp(39px,4.5vw,62px); }
.support-heading > p { color: #626b62; font-size: 17px; line-height: 1.9; margin: 0 0 8px; }
.support-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 50px; }
.support-card { min-height: 275px; border: 1px solid var(--line); border-radius: 22px; padding: 25px; background: #e9eee3; display: flex; flex-direction: column; }
.support-label,.enterprise-kicker { color: #596f28; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.support-card h3 { margin: 32px 0 10px; font-size: 23px; letter-spacing: -.04em; }
.support-card p { margin: 0; color: #626b62; font-size: 14px; line-height: 1.8; }
.support-status { margin-top: auto; padding-top: 22px; color: #63705a; font-size: 11px; }
.support-footnote,.flow-footer { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); margin-top: 28px; padding-top: 18px; font-size: 12px; }
.support-footnote p { margin: 0; color: #626b62; }
.support-footnote a,.flow-footer a { flex-shrink: 0; }
.connection-flow { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; list-style: none; padding: 0; margin: 65px 0 35px; }
.connection-flow::before { content: ""; position: absolute; left: 34px; right: 15%; top: 34px; height: 1px; background: #b7f23d70; }
.connection-flow li { position: relative; }
.flow-symbol { position: relative; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: var(--ink); color: var(--lime); font-size: 28px; border: 1px solid #b7f23d80; box-shadow: 0 0 0 7px #b7f23d12; }
.flow-label { display: block; color: #aab2aa; font-size: 11px; letter-spacing: .08em; margin-top: 27px; }
.connection-flow h3 { margin: 10px 0 7px; font-size: 19px; letter-spacing: -.03em; }
.connection-flow p { margin: 0; color: #aab2aa; font-size: 13px; line-height: 1.8; }
.flow-footer { border-color: #ffffff30; }
.flow-footer p { margin: 0; color: #aab2aa; }
.enterprise-section { background: var(--lime); }
.enterprise-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: start; }
.enterprise-section h2 em { color: #4b651d; }
.enterprise-lede { max-width: 480px; color: #465627; font-size: 17px; line-height: 1.8; margin: 28px 0; }
.enterprise-topics { border-top: 1px solid #20242a38; }
.enterprise-kicker { margin: 0; padding: 16px 0; color: #4b651d; }
.enterprise-topics article { display: grid; grid-template-columns: 38px 1fr; gap: 12px; border-top: 1px solid #20242a38; padding: 20px 0; }
.enterprise-topics article > span { color: #4b651d; font: 700 12px ui-monospace,monospace; }
.enterprise-topics h3 { margin: 0 0 5px; font-size: 17px; }
.enterprise-topics p { margin: 0; color: #465627; font-size: 13px; line-height: 1.7; }
.enterprise-note { border-top: 1px solid #20242a38; padding-top: 16px; }
.community-section { display: grid; grid-template-columns: 1fr .8fr; gap: 70px; align-items: end; }
.community-links { display: grid; border-top: 1px solid var(--line); }
.community-links a { display: flex; justify-content: space-between; padding: 19px 0; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 700; }
.community-links a span { color: #78972e; font-size: 20px; }
.faq-entry { border-top: 1px solid var(--line); }
.faq-entry:last-child { border-bottom: 1px solid var(--line); }
.faq-entry summary { cursor: pointer; list-style: none; padding: 23px 38px 23px 0; font-size: 18px; font-weight: 650; position: relative; }
.faq-entry summary::-webkit-details-marker { display: none; }
.faq-entry summary::after { content: "+"; position: absolute; right: 4px; color: #78972e; font-size: 23px; font-weight: 400; }
.faq-entry[open] summary::after { content: "−"; }
.faq-entry p { margin: -5px 48px 25px 0; max-width: 780px; color: #626b62; font-size: 15px; line-height: 1.9; }
summary:focus-visible,a:focus-visible { outline: 2px solid #78972e; outline-offset: 5px; }
section[id] { scroll-margin-top: 24px; }
@media (max-width:1100px) {
  .site-header { position: relative; gap: 14px; }
  .nav-links,.header-business { display: none; }
  .site-header .header-cta { margin-left: auto; }
  .mobile-menu { display: block; }
  .mobile-menu summary { cursor: pointer; list-style: none; border: 1px solid var(--line); border-radius: 100px; padding: 8px 12px; font-size: 12px; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu nav { position: absolute; z-index: 8; top: 65px; right: 0; min-width: 220px; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); box-shadow: 0 15px 30px #20242a26; }
  .mobile-menu nav a { display: block; padding: 10px 12px; font-size: 14px; }
}
@media (max-width:850px) {
  .support-heading,.enterprise-layout,.community-section { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .support-grid { grid-template-columns: minmax(0,1fr); margin-top: 40px; }
  .support-card { min-height: 220px; }
  .support-footnote,.flow-footer { display: block; }
  .support-footnote .text-link,.flow-footer .text-link { display: inline-block; margin-top: 14px; }
  .connection-flow { grid-template-columns: minmax(0,1fr); gap: 28px; margin-top: 42px; }
  .connection-flow::before { left: 34px; right: auto; top: 34px; bottom: 34px; width: 1px; height: auto; }
  .connection-flow li { display: grid; grid-template-columns: 68px 1fr; column-gap: 22px; }
  .flow-symbol { grid-row: span 3; }
  .flow-label { margin-top: 0; align-self: end; }
  .connection-flow h3 { margin-top: 5px; }
  .connection-flow p { grid-column: 2; }
}

/* Keep the original contact QR intact and comfortably scannable. */
.community-contact { min-width: 0; }
.wechat-card { display: grid; grid-template-columns: 200px minmax(0,1fr); align-items: center; gap: 22px; padding: 22px; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 22px; background: #e9eee3; scroll-margin-top: 32px; }
.wechat-image { display: block; padding: 12px; border-radius: 14px; background: #fff; }
.wechat-image img { display: block; width: 100%; height: auto; }
.wechat-copy .eyebrow { font-size: 10px; margin: 0 0 10px; }
.wechat-copy h3 { font-size: 23px; letter-spacing: -.03em; margin: 0 0 12px; }
.wechat-copy > p:not(.eyebrow) { color: #626b62; font-size: 14px; line-height: 1.8; margin: 0 0 18px; }
.wechat-copy small { display: block; margin-top: 12px; color: #626b62; font-size: 11px; line-height: 1.7; }
@media (min-width:851px) and (max-width:1100px), (max-width:520px) {
  .wechat-card { grid-template-columns: minmax(0,1fr); text-align: center; }
  .wechat-image { width: 224px; max-width: 100%; justify-self: center; }
}

.wechat-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: -3px 0 13px; }
.wechat-tags span { padding: 5px 8px; border-radius: 999px; background: #dce7d2; color: #596f28; font-size: 10px; font-weight: 750; }
@media (min-width:851px) and (max-width:1100px), (max-width:520px) { .wechat-tags { justify-content: center; } }

.community-section .section-intro > p:not(.eyebrow) { max-width: 540px; color: #6b736c; font-size: 17px; line-height: 1.8; margin-top: 27px; }