.km-hero-visual{max-width:880px;margin:40px auto 0}.km-product-frame{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #16343e1a}.km-chrome{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:8px;padding:10px 14px;display:flex}.km-dot{background:#e3ded4;border-radius:50%;width:8px;height:8px}.km-url{color:var(--muted);background:#f4f1ea;border-radius:100px;flex:1;margin-left:8px;padding:4px 12px;font-size:11px;font-weight:600}.km-chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:22px 20px 8px;display:flex}.km-chip{color:var(--accent);background:#e9f3f0;border-radius:100px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.km-chip-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-flex}.km-screen-body{padding:8px 22px 26px}.km-before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;display:grid}.km-tool-cloud{grid-template-columns:1fr 1fr;gap:10px;display:grid}.km-tool{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:700;display:flex}.km-center-circle{color:#fff;text-align:center;background:linear-gradient(160deg,#0f7b6c 0%,#0b6355 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:168px;height:168px;padding:16px;display:flex;box-shadow:0 18px 40px #0f7b6c47}.km-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.km-pipe{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.km-pipe-col{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:168px;padding:10px}.km-phone{background:#16343e;border-radius:28px;width:230px;margin:0 auto;padding:12px 10px 16px;box-shadow:0 18px 40px #16343e38}.km-phone-screen{background:#fff;border-radius:20px;padding:18px 16px 16px}.km-flow-col{flex-direction:column;align-items:center;gap:0;display:flex}.km-flow-box{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fff;border-radius:12px;min-width:180px;padding:12px 16px;font-size:13.5px;font-weight:700;box-shadow:0 8px 20px #16343e0d}.km-flow-box.accent{border-color:var(--accent);color:var(--accent2);background:#e9f3f0}.km-flow-arrow{color:#c9cdd4;padding:4px 0;font-size:16px;line-height:1}.km-flow-split{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:360px;display:grid}.km-chat{flex-direction:column;gap:10px;display:flex}.km-bubble{border-radius:14px;max-width:88%;padding:12px 14px;font-size:13.5px;line-height:1.5}.km-bubble.in{color:var(--ink);background:#f4f1ea;align-self:flex-start}.km-bubble.out{color:var(--ink);background:#e9f3f0;align-self:flex-end}.km-roles{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.km-templates{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.km-journey{flex-direction:column;gap:0;display:flex}.km-features{grid-template-columns:1fr 1fr;gap:10px 28px;display:grid}@media (max-width:900px){.km-before-after,.km-pair,.km-pipe,.km-roles,.km-templates,.km-features,.km-flow-split{grid-template-columns:1fr}.km-center-circle{width:148px;height:148px;margin:8px auto}.km-pipe-col{min-height:0}}