.action-showcase{max-width:1280px;margin:20px auto 90px;padding:0 28px;scroll-margin-top:100px}.action-heading{max-width:790px;margin:0 auto 36px;text-align:center}.action-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;color:#061b49;margin:14px 0}.action-heading>p:last-child{color:#52617a;line-height:1.7;font-size:18px}.action-console{border:1px solid #d6e1ee;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #173d7110}.console-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#061b49;color:white;gap:14px}.console-top>div{display:flex;align-items:center;gap:12px}.console-mark{background:#ffc928;color:#061b49;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:900}.console-demo{font-size:10px;letter-spacing:1.5px;color:#e8eff9;border:1px solid #75839e;border-radius:20px;padding:7px 10px}.console-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e9f2;padding:14px 20px 0}.console-tabs button{font:inherit;font-size:14px;border:0;border-bottom:3px solid transparent;background:none;padding:13px 18px;color:#52617a;cursor:pointer;font-weight:700}.console-tabs button[aria-selected=true]{border-color:#0866d8;color:#0757b6}.status-dot{display:inline-block;width:7px;height:7px;background:#087a57;border-radius:100%;margin-right:8px}.console-disclosure{font-size:12px;color:#52617a;padding:12px 24px;background:#f7f9fc;margin:0;border-bottom:1px solid #e2e9f2}.case-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 285px;min-height:480px}.case-inbox{border-right:1px solid #e2e9f2;background:#fbfcfe;padding:22px 12px}.case-inbox h3{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#52617a;margin:0 12px 18px}.case-row{width:100%;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid transparent;border-radius:12px;padding:16px 10px;background:none;cursor:pointer;color:#061b49;margin-bottom:6px}.case-row.selected{background:#eaf2ff;border-color:#c6dbf9}.case-row>span:nth-child(2){flex:1}.case-row strong,.case-row small,.case-row em{display:block}.case-row strong{font-size:14px}.case-row small{color:#596980;font-size:12px;margin-top:5px}.case-row em{font-size:11px;font-style:normal;color:#0757b6;margin-top:7px}.case-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e0e9f4;font-weight:700;flex-shrink:0}.selected .case-avatar{background:#0866d8;color:white}.case-detail{padding:24px}.case-detail-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#52617a}.case-complete{color:#086147}.case-detail h3{font-size:22px;margin:24px 0}.case-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#52617a;display:block;margin-bottom:12px}.chat-bubble{font-size:14px;line-height:1.65;padding:16px;border-radius:14px;margin:14px 0;max-width:95%}.chat-bubble.caller{background:#eef2f7;border-bottom-right-radius:3px;margin-left:auto}.chat-bubble.ana{background:#eaf2ff;border-bottom-left-radius:3px}.chat-bubble strong{display:block;font-size:10px;color:#0757b6;margin-bottom:6px}.case-steps{padding:8px 0 0;list-style:none;color:#52617a;font-size:12px;line-height:1.6}.case-steps li{display:flex;gap:10px;margin:10px 0}.case-steps span{color:#087a57}.case-result{padding:24px 20px;background:#f7f9fc;border-left:1px solid #e2e9f2}.mini-calendar{border:1px solid #dae4ef;border-radius:12px;padding:15px;background:white;font-size:12px}.mini-icon{color:#0866d8;margin-right:7px}.mini-calendar p{color:#086147;font-size:11px}.mini-calendar>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding-top:12px}.mini-calendar b{font-size:25px}.mini-calendar small{font-size:10px;color:#52617a}.mini-record{display:flex;gap:10px;align-items:center;margin:18px 0;font-size:12px}.mini-record>div{flex:1}.mini-record small{display:block;color:#52617a;font-size:10px;margin-top:4px}.mini-record>span:last-child{color:#087a57}.wa-preview{padding:15px;border-radius:13px;border:1px solid #cde4db;background:#eff8f2;font-size:12px}.wa-preview>div:first-child{display:flex;justify-content:space-between;gap:8px}.wa-preview>div:first-child span{font-size:9px;color:#486453}.wa-preview>p{line-height:1.6}.wa-preview>small{display:block;color:#486453;font-size:10px;line-height:1.4;margin-top:10px}.map-preview{height:70px;position:relative;overflow:hidden;background:repeating-linear-gradient(25deg,transparent 0 23px,#fff 24px 30px,transparent 31px 50px),repeating-linear-gradient(115deg,#dce7d7 0 27px,#fff 28px 34px,#dce7d7 35px 60px);border-radius:8px;display:grid;place-items:center;color:#0757b6}.map-preview span{font-size:30px}.map-preview b{position:absolute;bottom:4px;right:6px;font-size:9px;background:white;padding:2px 5px}.console-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:19px 24px;background:#f2f6fc;border-top:1px solid #dce5ef;color:#445875;font-size:10px;font-weight:700}.connections{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px 4px}.connections>div:first-child{max-width:600px}.connections h3{font-size:22px;margin:0 0 10px}.connections p{color:#52617a;font-size:14px;line-height:1.65;margin:0}.connection-chips{display:flex;gap:8px;flex-wrap:wrap;max-width:330px}.connection-chips span{padding:10px 14px;border:1px solid #d6e1ee;border-radius:8px;background:#fff;font-size:12px;font-weight:700;white-space:nowrap}.receptionist-sales{background:#eaf2ff;border-radius:18px;border:1px solid #d2e2f9;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.receptionist-sales>div{max-width:650px}.sales-live{font-size:11px;color:#0757b6;font-weight:700}.receptionist-sales h3{font-size:27px;margin:10px 0}.receptionist-sales p{font-size:14px;line-height:1.65;color:#52617a;margin:0}.action-primary{background:#ffc928!important;border:1px solid #eebc20!important;color:#061b49!important;font-weight:800!important;border-radius:10px!important;padding:14px 20px!important;display:inline-block;text-decoration:none;font-size:13px;line-height:1.4;cursor:pointer}.receptionist-sales>.action-primary{flex-shrink:0}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;padding:30px}.live-layout h3{font-size:20px;margin:0 0 12px}.live-layout>div>p{font-size:13px;line-height:1.6;color:#52617a}.live-empty{border:1px dashed #c4d6eb;border-radius:14px;padding:24px;background:#f9fbff;margin:24px 0}.live-empty>span{font-size:26px;color:#0866d8}.live-empty h4{font-size:18px;margin:10px 0}.live-empty p{font-size:13px;color:#52617a;line-height:1.6}.live-controls{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 0}.live-controls button,.live-controls a,.ics-button{font:inherit;font-size:12px;border:1px solid #c8d8ea;background:#fff;border-radius:8px;color:#0757b6;padding:11px 14px;cursor:pointer;text-decoration:none;line-height:1.4}.live-controls button:disabled{opacity:.55;cursor:wait}.live-connect{border:1px solid #d4e6da;border-radius:16px;background:#f2f9f4;padding:24px;height:fit-content}.wa-icon{width:40px;height:40px;display:grid;place-items:center;font-size:25px;background:#14784b;color:#fff;border-radius:12px;margin-bottom:18px}.live-connect p{font-size:12px;color:#496254;line-height:1.65}.action-whatsapp{display:block;width:100%;box-sizing:border-box;text-align:center;font:inherit;font-size:12px;font-weight:700;background:#126b43;color:#fff;border:0;border-radius:9px;padding:13px;text-decoration:none;cursor:pointer}.connect-small{font-size:10px!important}.event-list{list-style:none;padding:0;margin:20px 0 0}.event-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf0f5;font-size:12px;color:#52617a}.event-dot{width:6px;height:6px;border-radius:50%;background:#0866d8}.event-list time{margin-left:auto;white-space:nowrap;font-size:10px}.live-booking{display:flex;gap:24px;justify-content:space-between;padding:20px;border-radius:12px;background:#f2f6fc;border:1px solid #d6e1ee;margin:20px 0 12px}.live-booking h4{font-size:21px;margin:8px 0}.live-booking h4 b{color:#0757b6}.live-booking>div>span:last-child{font-size:11px}.live-booking>div:last-child>*{display:block}.live-booking small{font-size:10px;color:#52617a;margin-bottom:5px}.live-booking strong{font-size:14px;margin-bottom:10px}.live-booking code{font-size:10px;overflow-wrap:anywhere}.action-showcase [hidden]{display:none!important}.action-showcase :focus-visible{outline:3px solid #0866d8;outline-offset:4px}#action-status{font-size:12px;color:#984117}.hero-showcase-link{display:inline-block;font-size:13px;color:#0757b6;font-weight:700;margin-top:14px;text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.case-layout{grid-template-columns:210px minmax(0,1fr)}.case-result{grid-column:1/-1;border-left:0;border-top:1px solid #e2e9f2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.case-result>.case-label{display:none}.mini-record{margin:0;align-self:start}.connections{align-items:flex-start}.receptionist-sales{align-items:flex-start;flex-direction:column}.live-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding:22px}}@media(max-width:700px){.action-showcase{padding:0 14px;margin-bottom:50px}.action-heading{text-align:left;padding:0 8px}.action-heading h2{letter-spacing:-1px}.action-heading>p:last-child{font-size:15px}.console-top{padding:16px;font-size:13px}.console-demo{font-size:8px;letter-spacing:.7px;padding:5px 7px}.console-tabs{padding:7px 10px 0;gap:0}.console-tabs button{font-size:12px;padding:13px 10px;flex:1}.console-disclosure{font-size:10px;padding:12px 15px}.case-layout{display:block}.case-inbox{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border:0;border-bottom:1px solid #e2e9f2}.case-inbox h3{display:none}.case-row{padding:10px 7px;margin:0;gap:6px}.case-avatar{width:25px;height:25px;font-size:11px}.case-row strong{font-size:11px}.case-row small{font-size:9px}.case-row em{font-size:9px;line-height:1.4}.case-row>span:last-child{display:none}.case-detail{padding:20px}.case-detail h3{margin:18px 0;font-size:20px}.case-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.wa-preview{grid-column:1/-1}.map-preview{height:60px}.console-bottom{grid-template-columns:1fr 1fr;padding:16px;gap:12px;font-size:9px}.connections{flex-direction:column;gap:20px;padding:26px 8px}.connections h3{font-size:21px}.receptionist-sales{padding:24px}.receptionist-sales h3{font-size:23px}.receptionist-sales>.action-primary{width:100%;box-sizing:border-box;text-align:center}.live-layout{display:block;padding:20px}.live-connect{margin-top:24px}.live-booking{flex-direction:column;gap:14px}.live-controls button,.live-controls a{width:100%;box-sizing:border-box;text-align:center}.event-list li{font-size:11px}.action-console{border-radius:16px}}


.booking-dialog{width:min(960px,calc(100vw - 40px));max-width:none;height:min(740px,calc(100dvh - 64px));max-height:none;padding:0;border:1px solid #dce7f4;border-radius:24px;background:#fff;color:#061b49;box-shadow:0 32px 100px #061b4945;overflow:hidden}.booking-dialog[open]{display:flex;flex-direction:column}.booking-dialog::backdrop{background:#061b4980;backdrop-filter:blur(5px)}.booking-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;border-bottom:1px solid #e4ebf4;background:#f7faff;flex-shrink:0}.booking-dialog-head span{font-size:11px;font-weight:700;color:#126b43}.booking-dialog-head h2{margin:6px 0 0;font-size:22px;line-height:1.25}.booking-close{border:1px solid #dce7f4;background:white;color:#061b49;border-radius:50%;width:42px;height:42px;font-size:28px;cursor:pointer;flex-shrink:0}.booking-dialog iframe{width:100%;flex:1;min-height:0;border:0}.booking-dialog footer{padding:12px 18px;text-align:center;border-top:1px solid #e4ebf4;flex-shrink:0}.booking-dialog footer a{font-size:12px;color:#0757b6}html.booking-open{overflow:hidden}@media(max-width:600px){.booking-dialog{width:calc(100vw - 24px);height:calc(100dvh - 64px);border-radius:18px}.booking-dialog-head{padding:16px}.booking-dialog-head h2{font-size:18px}}

.live-layout{grid-template-columns:minmax(0,1fr)}