.landing-showcase{--showcase-paper:#f6f7f3;--showcase-ink:#10231c;--showcase-forest:#102e25;--showcase-mint:#c8f4ac;--showcase-emerald:#128652;width:100%;max-width:1100px;margin:0 auto;color:var(--showcase-ink);background:#fff;border:1px solid #d9e0d3;border-radius:24px;overflow:hidden;text-align:left;isolation:isolate}.landing-showcase,.landing-showcase *{box-sizing:border-box}.landing-showcase p{margin:0}.showcase-toolbar{display:flex;align-items:center;gap:24px;min-height:70px;padding:20px 26px;border-bottom:1px solid #e0e5dc;background:var(--showcase-paper)}.showcase-toolbar img{display:block;width:82px;height:auto;flex-shrink:0}.showcase-toolbar-title{font-size:13px;font-weight:500;color:#59675d}.showcase-demo-label{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:.025em;color:#4c6253}.showcase-app{display:grid;grid-template-columns:166px minmax(0,1fr)}.showcase-sidebar{display:flex;flex-direction:column;gap:5px;padding:28px 14px 18px;background:var(--showcase-paper);border-right:1px solid #e0e5dc}.showcase-sidebar-caption{font-size:10px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;color:#6a756b;margin:0 8px 16px}.showcase-sidebar>span:not(.showcase-sidebar-caption){display:flex;align-items:center;gap:10px;min-height:41px;padding:10px;font-size:12px;font-weight:500;color:#637164;border-radius:7px}.showcase-sidebar>span.showcase-sidebar-current{color:var(--showcase-forest);background:#dcebcf}.showcase-sidebar-bottom{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:48px;font-size:10px;line-height:1.5;font-weight:600}.showcase-sidebar-bottom>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;background:#dce6d6;border-radius:50%;font-size:12px}.showcase-sidebar-bottom small{display:block;color:#6d776f;font-size:8px;font-weight:400}.showcase-main{padding:27px 28px 0;min-width:0}.showcase-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.showcase-section-title>span:first-child{font-size:17px;font-weight:650;letter-spacing:-.035em}.showcase-section-title>span:last-child{font-size:11px;color:#657266}.showcase-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.showcase-request{min-width:0}.showcase-order{display:flex;gap:13px;align-items:center;min-height:78px;padding:4px 0}.showcase-order-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;color:var(--showcase-emerald);background:#edf3e7;border-radius:12px}.showcase-eyebrow{display:block;font-size:10px;font-weight:500;line-height:1.5;color:#5c6e5f;letter-spacing:.035em;margin-bottom:8px}.showcase-order strong{display:block;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.025em}.showcase-flow-connector{display:flex;flex-direction:column;align-items:center;width:47px;height:37px;color:#738b70}.showcase-flow-connector>span{display:block;flex:1;width:1px;background:#a0b399}.showcase-api{background:var(--showcase-forest);color:#f2f8ed;padding:24px;border-radius:14px;min-width:0}.showcase-api-title{display:flex;gap:11px;align-items:center;color:var(--showcase-mint)}.showcase-api-title svg{flex-shrink:0}.showcase-api-title strong{font-size:13px;line-height:1.5;font-weight:550}.showcase-api-endpoint{display:flex;gap:10px;align-items:center;margin:24px 0 22px;font-size:12px;min-width:0}.showcase-api-endpoint>span{font-size:10px;letter-spacing:.05em;color:var(--showcase-mint)}.showcase-api-endpoint code{font-size:13px;color:#fff;overflow-wrap:anywhere}.showcase-request-fields{margin:0;padding:0;display:grid;gap:10px}.showcase-request-fields>div{display:flex;justify-content:space-between;gap:12px;line-height:1.5;font-size:11px}.showcase-request-fields dt{color:#a0b8a7}.showcase-request-fields dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}.showcase-api>p{margin-top:21px;padding-top:17px;border-top:1px solid #345245;font-size:11px;line-height:1.75;color:#b9cbbb}.showcase-message-preview{min-width:0;border-radius:14px;background:var(--showcase-mint);padding:23px;display:flex;flex-direction:column}.showcase-preview-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:24px}.showcase-preview-heading .showcase-eyebrow{margin:0;color:#355333}.showcase-preview-heading svg{color:var(--showcase-emerald);flex-shrink:0}.showcase-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:22px}.showcase-company-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:var(--showcase-forest);color:var(--showcase-mint);border-radius:50%;font-size:15px;font-weight:600}.showcase-chat-header strong{font-size:14px;font-weight:650;line-height:1.5;display:block}.showcase-chat-header>div>span{font-size:10px;line-height:1.5;color:#4f6746;display:block}.showcase-bubble{position:relative;padding:21px 22px 14px;background:#fbfcf7;border-radius:13px 13px 3px}.showcase-bubble p{font-size:14px;line-height:1.6;letter-spacing:-.015em}.showcase-bubble p+p{margin-top:14px}.showcase-bubble>span{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:13px;color:#66815c;font-size:9px;line-height:1.5}.showcase-preview-note{font-size:11px;line-height:1.7;color:#3e5c35;padding-top:20px;margin-top:auto!important}.showcase-reply{display:grid;grid-template-columns:minmax(0,.84fr) 22px minmax(0,1.16fr);gap:20px;align-items:center;padding:25px 0 26px}.showcase-reply-example .showcase-eyebrow{margin:0 0 5px}.showcase-reply-example p{font-size:13px;font-weight:500;line-height:1.5}.showcase-reply-arrow{color:var(--showcase-emerald)}.showcase-webhook{display:flex;gap:11px;align-items:center;min-width:0}.showcase-webhook>svg{flex-shrink:0;color:var(--showcase-emerald)}.showcase-webhook strong{display:block;font-size:13px;line-height:1.5;font-weight:650}.showcase-webhook p{font-size:10px;line-height:1.7;color:#667264;margin-top:3px}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 27px;border-top:1px solid #e0e5dc;background:var(--showcase-paper)}.showcase-footer p{font-size:10px;line-height:1.6;color:#667264;max-width:335px}.showcase-footer a{display:inline-flex;align-items:center;gap:10px;color:var(--showcase-forest);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.5}.showcase-footer a>svg{flex-shrink:0}.showcase-footer a:hover{color:#087442}.showcase-footer a:focus-visible{outline:3px solid var(--showcase-emerald);outline-offset:5px;border-radius:2px}@media(max-width:1050px){.showcase-app{grid-template-columns:140px minmax(0,1fr)}.showcase-sidebar{padding-inline:8px}.showcase-main{padding:22px 22px 0}.showcase-flow{gap:18px}.showcase-api,.showcase-message-preview{padding:20px}.showcase-api-title strong{font-size:12px}.showcase-request-fields>div{font-size:10px}.showcase-bubble{padding:18px 16px 12px}.showcase-bubble p{font-size:13px}}@media(max-width:780px){.showcase-app{display:block}.showcase-sidebar{display:none}.showcase-toolbar{padding:18px 22px;min-height:62px}.showcase-main{padding:23px 22px 0}.showcase-footer{padding:18px 22px}.showcase-toolbar-title{font-size:12px}}@media(max-width:560px){.landing-showcase{border-radius:18px}.showcase-toolbar{gap:12px;padding:17px 19px}.showcase-toolbar img{width:68px}.showcase-toolbar-title{display:none}.showcase-demo-label{font-size:10px}.showcase-main{padding:22px 19px 0}.showcase-section-title{margin-bottom:18px}.showcase-section-title>span:first-child{font-size:16px}.showcase-section-title>span:last-child{display:none}.showcase-flow{grid-template-columns:minmax(0,1fr);gap:18px}.showcase-order{min-height:70px}.showcase-order strong{font-size:16px}.showcase-api{padding:22px}.showcase-api-title strong{font-size:13px}.showcase-api-endpoint code{font-size:14px}.showcase-request-fields>div{font-size:12px}.showcase-api>p{font-size:12px}.showcase-message-preview{padding:22px}.showcase-preview-heading{margin-bottom:21px}.showcase-bubble{padding:21px 19px 14px}.showcase-bubble p{font-size:15px}.showcase-chat-header>div>span{font-size:11px}.showcase-preview-note{font-size:12px}.showcase-reply{grid-template-columns:minmax(0,1fr);gap:15px;padding:23px 0}.showcase-reply-arrow{transform:rotate(90deg);margin-left:2px}.showcase-webhook{gap:13px}.showcase-webhook strong{font-size:14px}.showcase-webhook p{font-size:12px}.showcase-footer{flex-direction:column;align-items:flex-start;gap:13px;padding:20px 19px}.showcase-footer p{font-size:11px}.showcase-footer a{font-size:13px;min-height:36px}}@media(prefers-reduced-motion:reduce){.landing-showcase *{scroll-behavior:auto}}.waix-landing .product-demo{--demo-green:#128652;--demo-muted:#536252;color:#10231c;padding-block:85px;max-width:1100px}.waix-landing .product-demo .demo-heading{margin-bottom:34px;gap:36px}.waix-landing .product-demo .demo-kicker{color:#128652;font-size:12px;letter-spacing:.06em;font-weight:650}.waix-landing .product-demo .demo-kicker>span{background:#128652}.waix-landing .product-demo .demo-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.055em;line-height:1.05;max-width:650px}.waix-landing .product-demo .demo-heading>p{font-size:14px;color:#596756;line-height:1.7}.waix-landing .product-demo .demo-scenarios{padding:0;gap:0;border:0;border-radius:14px 14px 0 0;background:#e7ecdf}.waix-landing .product-demo .demo-scenarios>button{min-height:65px;border:0;border-radius:0;padding:19px 24px;font-size:14px;color:#51604c;box-shadow:none}.waix-landing .product-demo .demo-scenarios>button:first-child{border-top-left-radius:14px}.waix-landing .product-demo .demo-scenarios>button:last-child{border-top-right-radius:14px}.waix-landing .product-demo .demo-scenarios>button[aria-pressed=true]{background:#102e25;color:#c8f4ac;box-shadow:none}.waix-landing .product-demo .demo-scenarios>button[aria-pressed=true]>span,.waix-landing .product-demo .demo-scenarios>button[aria-pressed=true]>svg{color:#c8f4ac}.waix-landing .product-demo .demo-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:0;background:#eef1e8;border-radius:0 0 18px 18px}.waix-landing .product-demo .demo-editor{border:0;padding:36px}.waix-landing .product-demo .demo-editor-heading{gap:14px;margin-bottom:28px}.waix-landing .product-demo .demo-step{border-radius:50%;width:34px;height:34px;background:#d7e6cc;color:#25412c}.waix-landing .product-demo .demo-editor-heading h3{font-size:21px;letter-spacing:-.035em}.waix-landing .product-demo .demo-editor-heading p,.waix-landing .product-demo .demo-field{font-size:13px}.waix-landing .product-demo .demo-input{border-color:#aebbab;border-radius:6px;min-height:51px;background:#fff}.waix-landing .product-demo .demo-field-note{font-size:12px!important;color:#586954!important}.waix-landing .product-demo .demo-reply-toggle{padding-block:19px;border-color:#d1d9c8}.waix-landing .product-demo .demo-reply-toggle>span:not(.demo-toggle-track){font-size:14px}.waix-landing .product-demo .demo-reply-toggle small{font-size:12px;color:#5c6a56}.waix-landing .product-demo .demo-rule{margin:22px 0}.waix-landing .product-demo .demo-rule strong{font-size:15px}.waix-landing .product-demo .demo-rule p{font-size:13px;line-height:1.75}.waix-landing .product-demo .demo-rule>a{font-size:12px}.waix-landing .product-demo .demo-play{background:#102e25;color:#c8f4ac;border-color:#102e25;border-radius:7px;box-shadow:none;font-size:14px;min-height:51px}.waix-landing .product-demo .demo-result{padding:36px;background:#102e25;color:#f6f7f3}.waix-landing .product-demo .demo-phone{background:#c8f4ac;border:0;border-radius:13px;box-shadow:none}.waix-landing .product-demo .demo-phone-bar{padding:23px;background:#c8f4ac;border:0}.waix-landing .product-demo .demo-avatar{background:#102e25;color:#c8f4ac;width:42px;height:42px}.waix-landing .product-demo .demo-phone-bar strong{color:#10231c;font-size:15px}.waix-landing .product-demo .demo-phone-bar small{color:#435c36;font-size:11px}.waix-landing .product-demo .demo-preview-label{border:0;padding:0;font-size:10px;color:#46613b}.waix-landing .product-demo .demo-conversation{padding:2px 23px 28px;min-height:260px;background:#c8f4ac;gap:17px}.waix-landing .product-demo .demo-category{background:none;padding:0;color:#456239;font-size:11px}.waix-landing .product-demo .demo-message{background:#f6f7f3;box-shadow:none;border:0;border-radius:12px 12px 3px;padding:19px 20px 12px;max-width:100%}.waix-landing .product-demo .demo-message p{font-size:15px;line-height:1.65;color:#10231c}.waix-landing .product-demo .demo-message.incoming{background:#e2efda;border-radius:12px 12px 12px 3px}.waix-landing .product-demo .demo-message small{font-size:10px;color:#627358}.waix-landing .product-demo .demo-delivery{margin-top:24px;gap:11px}.waix-landing .product-demo .demo-delivery strong{font-size:14px;color:#eaf3e2}.waix-landing .product-demo .demo-delivery p{font-size:12px;color:#b5cbb7;line-height:1.75}.waix-landing .product-demo .demo-delivery-dot{background:#c8f4ac;margin-top:8px}.waix-landing .product-demo .demo-delivery-dot.accepted{background:#ecd88f}.waix-landing .product-demo .demo-delivery-dot.delivered{background:#8bd79c}.waix-landing .product-demo .demo-audience{background:#dee9d5;border-radius:7px;padding:14px 17px}.waix-landing .product-demo .demo-audience>span,.waix-landing .product-demo .demo-audience p{color:#526649}.waix-landing .product-demo .demo-audience strong{font-size:13px}.waix-landing .product-demo .demo-code{margin-top:18px;background:transparent;border:1px solid #cbd5c1;border-radius:9px}.waix-landing .product-demo .demo-code>summary{padding:21px 24px;font-size:14px;color:#274231}.waix-landing .product-demo .demo-code-path{font-size:12px;color:#596f53}.waix-landing .product-demo .demo-code pre{background:#102e25;color:#d8edd0;font-size:13px}.waix-landing .product-demo .demo-code-heading>p,.waix-landing .product-demo .demo-code-footnote{color:#526649!important;font-size:12px!important}@media(max-width:900px){.waix-landing .product-demo{padding-block:64px}.waix-landing .product-demo .demo-heading{gap:18px}.waix-landing .product-demo .demo-scenarios>button{font-size:13px;padding:17px 16px}.waix-landing .product-demo .demo-editor,.waix-landing .product-demo .demo-result{padding:27px}.waix-landing .product-demo .demo-heading>p{flex-shrink:1}}@media(max-width:650px){.waix-landing .product-demo{padding-block:52px}.waix-landing .product-demo .demo-heading{margin-bottom:25px}.waix-landing .product-demo .demo-heading h2{font-size:34px;max-width:none}.waix-landing .product-demo .demo-heading>p{font-size:13px}.waix-landing .product-demo .demo-scenarios{border-radius:12px 12px 0 0}.waix-landing .product-demo .demo-scenarios>button{min-height:51px;padding:15px 20px;font-size:13px}.waix-landing .product-demo .demo-scenarios>button:first-child{border-radius:12px 12px 0 0}.waix-landing .product-demo .demo-scenarios>button:last-child{border-radius:0}.waix-landing .product-demo .demo-workspace{grid-template-columns:minmax(0,1fr)}.waix-landing .product-demo .demo-editor,.waix-landing .product-demo .demo-result{padding:24px 20px}.waix-landing .product-demo .demo-editor-heading h3{font-size:20px}.waix-landing .product-demo .demo-phone-bar{padding:20px 17px}.waix-landing .product-demo .demo-phone-bar strong{font-size:14px}.waix-landing .product-demo .demo-conversation{padding:0 17px 22px;min-height:220px}.waix-landing .product-demo .demo-message{padding:16px 17px 11px}.waix-landing .product-demo .demo-message p{font-size:14px}.waix-landing .product-demo .demo-code>summary{padding:18px;font-size:13px}.waix-landing .product-demo .demo-code pre{font-size:11px}}
