.key-features .feature-channel-visual.feature-booking-visual{aspect-ratio:3/2;pointer-events:none;-webkit-user-select:none;user-select:none;align-self:center;width:100%;min-height:0;padding:0;display:block;overflow:hidden}.feature-booking-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}
.key-features{background:var(--mist);padding:80px 0}.key-features .container{width:min(100% - 64px,1240px)}.key-features-intro{text-align:center;margin-bottom:40px}.key-features-intro h2{margin:0;font-size:2.5rem;font-weight:600;line-height:1.2}.key-features-intro p{color:var(--text-secondary);margin:20px 0 0;font-size:1.125rem;line-height:1.6}.key-features .feature-plan-note{font-size:.8125rem}.feature-channel-visual{border-radius:4px;place-items:center;min-width:0;min-height:380px;margin-top:auto;padding:28px;display:grid}.key-features .feature-channel-visual.feature-phone-visual{aspect-ratio:3/2;align-self:center;width:100%;height:auto;min-height:0;padding:0;display:block;overflow:hidden}.feature-phone-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.key-features .feature-channel-visual.feature-webchat-image-visual{aspect-ratio:3/2;width:100%;height:auto;min-height:0;margin-top:0;padding:0;display:block;overflow:hidden}.feature-webchat-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.feature-chat-panel{background:#fff;border:1px solid #e4e7f2;border-radius:8px;box-shadow:0 12px 32px #242f5a17}.feature-chat-result{align-items:center;gap:8px;font-size:.75rem;line-height:1.5;display:flex}.feature-chat-header small{color:var(--text-secondary);font-size:.625rem}.feature-booking-card .how-feature-copy strong{color:var(--charcoal);font-weight:600}.feature-channel-icon{color:#287151;background:#eef8f2;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.key-features .feature-channel-visual.feature-webchat-visual{pointer-events:none;-webkit-user-select:none;user-select:none;background:#f5f7ff;height:380px;min-height:380px;padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.feature-whatsapp-card{container-type:inline-size}.key-features .feature-channel-visual.feature-whatsapp-visual{background:#f2f6f3;align-items:start;height:380px;min-height:380px;padding:0;overflow:clip}.feature-whatsapp-screenshot{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.feature-chat-stage{display:contents}.feature-chat-demo{width:min(360px,100% - 32px);height:calc(100% - 48px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-chat-panel{opacity:0;visibility:hidden;transform-origin:50%;flex-direction:column;flex:1;min-width:0;min-height:0;transition:opacity .22s,transform .22s,visibility .22s;display:flex;overflow:hidden;transform:translateY(12px)scale(.94)}.feature-chat-panel[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.feature-chat-header{border-bottom:1px solid #eef0f8;flex-shrink:0;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.feature-webchat-visual .feature-channel-icon{width:32px;height:32px;color:var(--blue-text);background:var(--soft-blue);flex-basis:32px;overflow:hidden}.feature-webchat-visual .feature-channel-icon img{object-fit:cover;width:32px;height:32px;display:block}.feature-chat-header strong,.feature-chat-header div>span{font-size:.75rem;line-height:1.5;display:block}.feature-chat-header strong{font-weight:600}.feature-chat-header div>span{color:var(--text-secondary)}.feature-chat-header div{min-width:0}.feature-chat-header div>span{font-size:.625rem}.feature-chat-close,.feature-chat-send,.feature-chat-launcher{border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.feature-chat-close{width:28px;height:28px;color:var(--text-secondary);background:0 0;border-radius:4px;margin-left:auto}.feature-chat-launcher{background:var(--kallin-blue);color:#fff;border-radius:50%;width:52px;height:52px;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 16px #3a49dc3d}.feature-chat-messages{background:#f8f9fc;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px;display:flex}.feature-chat-messages>div{overflow-wrap:anywhere;border-radius:8px;flex-shrink:0;max-width:86%;padding:7px 10px;font-size:.75rem;line-height:1.4;animation:.22s both feature-message-enter}.feature-customer-message{background:var(--kallin-blue);color:#fff;border-radius:8px 8px 2px;align-self:flex-end}.feature-answer-message{color:var(--charcoal);background:#fff;border:1px solid #e5e8f0;border-radius:8px 8px 8px 2px;align-self:flex-start}.feature-chat-message-time{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:.5rem;line-height:1.25;display:flex}.feature-customer-message .feature-chat-message-time{color:#e4e9ff}.feature-chat-composer{background:#fff;border-top:1px solid #eef0f8;flex-shrink:0;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.feature-chat-message-field{color:#7e8596;background:#f8f9fc;border:1px solid #e5e8f0;border-radius:4px;flex:1;justify-content:space-between;align-items:center;min-width:0;height:32px;padding:6px 10px;font-size:.6875rem;display:flex}.feature-chat-message-field svg{flex-shrink:0}.feature-chat-send{background:var(--kallin-blue);color:#fff;border-radius:50%;width:30px;height:30px}.feature-chat-messages>.feature-chat-typing{background:var(--soft-blue);align-items:center;gap:4px;height:32px;padding:10px 12px;display:flex}.feature-chat-typing i{background:var(--blue-text);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite feature-typing}.feature-chat-typing i:nth-child(2){animation-delay:.15s}.feature-chat-typing i:nth-child(3){animation-delay:.3s}.feature-chat-result{color:#287151;opacity:0;visibility:hidden;background:#f8f9fc;flex-shrink:0;justify-content:center;min-height:26px;padding:0 12px 6px;font-size:.625rem;transition:opacity .22s}.feature-chat-result[data-captured=true]{opacity:1;visibility:visible}@keyframes feature-message-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes feature-typing{0%,to{opacity:.35}50%{opacity:1}}.feature-channel-visual:not(.feature-webchat-visual):hover *{animation-play-state:paused}@media (max-width:1100px){.key-features{padding:64px 0}.key-features-intro h2{text-wrap:balance;font-size:2rem}}@media (max-width:980px){.key-features .container{width:calc(100% - 48px)}}@media (max-width:640px){.key-features{padding:var(--mobile-section-space) 0}.key-features .container{width:calc(100% - 40px)}.key-features-intro{margin-bottom:var(--mobile-intro-gap);text-align:left}.key-features-intro h2{font-size:var(--mobile-section-title)}.key-features-intro p{margin-top:var(--mobile-copy-gap);text-wrap:pretty;font-size:1rem}.feature-channel-visual{padding:24px 12px}.feature-chat-messages>div{max-width:92%;font-size:.75rem}.feature-chat-message-time{display:none}}@container (max-width:520px){.feature-chat-demo{height:calc(100% - 96px);top:calc(50% - 32px)}.feature-chat-header{min-height:50px;padding:6px 12px}.feature-chat-messages{gap:6px;padding:8px 12px}.feature-chat-composer{min-height:40px;padding:4px 12px}.feature-chat-result{min-height:22px;padding-bottom:2px}}@container (max-width:220px){.feature-chat-header{gap:6px}.feature-chat-close{width:20px}.feature-chat-messages>div{padding:6px 8px;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.feature-channel-visual *{animation:none}.feature-chat-panel,.feature-chat-launcher,.feature-chat-result{transition:none}}