.retention-experience{background:var(--background);padding:80px 0}.retention-experience-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.retention-experience-copy{max-width:530px}.retention-spark{width:58px;height:58px;color:var(--primary);stroke-width:1.3px;margin-bottom:24px}.retention-experience-copy .attract-kicker{margin-bottom:18px;display:block}.retention-experience-copy h2{font-size:36px;font-weight:800;line-height:1.35}.retention-experience-copy h2 span{color:var(--turquoise);margin-top:12px;font-size:26px;display:block}.retention-phone-area{justify-self:center;width:360px;min-width:0;max-width:100%}.retention-stage{border:7px solid var(--navy);background:var(--ag-chat-paper);width:100%;height:620px;color:var(--ag-chat-text);border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.retention-status{background:var(--ag-chat-header);height:42px;color:var(--ag-chat-header-text);flex:none;justify-content:space-between;align-items:center;padding:8px 23px;font-size:11px;font-weight:700;display:flex}.retention-status:after{content:"";background:var(--navy);border-radius:20px;width:88px;height:22px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.retention-wa-header{background:var(--ag-chat-header);color:var(--ag-chat-header-text);flex:none;align-items:center;gap:8px;padding:10px 9px 13px;display:flex}.retention-wa-header>svg{flex:none;width:18px;height:18px}.retention-wa-avatar{background:var(--ag-chat-received);border-radius:50%;flex:none;place-items:center;width:37px;height:37px;display:grid}.retention-wa-avatar svg{width:28px;height:28px}.retention-wa-account{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.retention-wa-account strong{font-size:14px}.retention-wa-account small{font-size:10px}.retention-feed{scrollbar-width:thin;background-image:url(/assets/aiworkspace-chat-wallpaper-C4Ysygwl.jpg);background-size:cover;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.retention-day{background:var(--ag-chat-received);color:var(--ag-chat-meta);box-shadow:var(--ag-chat-shadow);border-radius:6px;align-self:center;padding:4px 12px;font-size:11px}.retention-event{width:fit-content;max-width:88%;box-shadow:var(--ag-chat-shadow);border-radius:7px;flex:none;padding:9px 10px 5px;position:relative}.retention-event.is-agent{background:var(--ag-chat-received);border-start-start-radius:0;align-self:flex-start}.retention-event.is-customer{background:var(--ag-chat-sent);border-start-end-radius:0;align-self:flex-end}.retention-event p{color:var(--ag-chat-text);text-align:start;font-size:14px;line-height:1.65}.retention-message-meta{color:var(--ag-chat-meta);justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.retention-message-meta svg{width:15px;height:15px;color:var(--primary)}.retention-compose{background:var(--ag-chat-paper);flex:none;align-items:center;gap:7px;padding:8px 7px 24px;display:flex;position:relative}.retention-compose:after{content:"";background:var(--navy);border-radius:4px;width:105px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.retention-compose>div{background:var(--ag-chat-received);color:var(--ag-chat-meta);border-radius:24px;flex:1;align-items:center;gap:9px;padding:10px;display:flex}.retention-compose>div span{flex:1;font-size:13px}.retention-compose svg{width:20px;height:20px}.retention-mic{background:var(--ag-chat-header);width:41px;height:41px;color:var(--ag-chat-header-text);border-radius:50%;place-items:center;display:grid}.retention-controls{justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.retention-next{border-color:var(--primary);color:var(--turquoise);min-height:40px;font-weight:700}.retention-demo-label{text-align:center;color:var(--muted-foreground);margin-top:10px;font-size:11px;line-height:1.6;display:block}.retention-story-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:34px;display:grid}.retention-story-tab{border-top:3px solid var(--border);white-space:normal;text-align:center;height:auto;min-height:82px;color:var(--muted-foreground);border-radius:0;flex-direction:column;gap:4px;padding:16px 10px 8px;line-height:1.5;position:relative}.retention-story-tab span{font-size:14px;font-weight:800}.retention-story-tab small{font-size:12px}.retention-story-tab.is-selected{border-color:var(--primary);color:var(--foreground);background:var(--soft-mint)}.retention-story-tab.is-selected:before{content:"";background:var(--primary);width:9px;height:9px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@media (width<=900px){.retention-experience-layout{gap:30px}.retention-experience-copy h2{font-size:28px}.retention-experience-copy h2 span{font-size:22px}}@media (width<=700px){.retention-experience{padding:55px 0}.retention-experience-layout{grid-template-columns:minmax(0,1fr);gap:26px}.retention-experience-copy{text-align:center}.retention-spark{width:40px;height:40px;margin-bottom:14px}.retention-stage{height:600px}.retention-story-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;margin-top:24px}}