/* Screenshot composition: benefit rail and customer identity inside inbox. */
.kx-hero .kx-hero-grid{width:100%;max-width:1192px!important;margin-inline:auto;padding-inline:0!important;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:32px!important}
.kaxon-page .kx-hero{padding:44px 24px 0!important;background:#fbf8f1}
.kx-hero .kx-copy h1{font-size:clamp(48px,4.2vw,62px)!important;line-height:1.04!important}
.kx-hero .kx-copy>p{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.42;max-width:550px!important;color:#17304c}
.kx-hero .kx-copy>div:first-child span:last-child{font-size:13px;letter-spacing:.18em}.kx-copy>div:first-child>span:first-child{display:none}
.kx-hero .kx-copy .kx-button{font-size:20px;min-height:58px;padding:14px 30px}.kx-hero .kx-copy .kx-button.white{border:2px solid #14243d}
.hero-scene__art{height:calc(630px + var(--hero-fit-extra,0px))}
.hero-scene__backdrop{inset:0;border-radius:36px;background:linear-gradient(145deg,#fff5df,#fff0cf)}.hero-scene__backdrop:before{inset:0 auto 0 0;width:12px}
.kaxon-page .hero-scene #ui-mockup{inset:40px 5.3% 75px 9.6%;border-radius:24px!important;overflow:visible;box-shadow:0 14px 30px #72531814!important}
.hero-inbox__header{padding:16px 22px;min-height:76px;border-radius:24px 24px 0 0}.hero-inbox__mark{width:44px;height:44px;border-radius:13px;background:#25d366}.hero-inbox__mark svg{width:30px;height:30px}
.hero-inbox__header strong{font-size:20px}.hero-inbox__header small{font-size:15px}.hero-inbox__status{border-radius:999px;padding:10px 14px;font-size:13px}
.hero-chat{padding:14px 16px 30px;justify-content:flex-start;border-radius:0 0 24px 24px;gap:8px}
.hero-badge-rail{display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}
.hero-badge-rail .hero-benefit,.hero-badge-rail .hero-agent{position:relative;inset:auto;box-shadow:0 4px 14px #071e3b0f;align-self:stretch;min-width:0;white-space:normal;padding:12px;gap:8px;background:#fff;border:1px solid #e9ebee}
.hero-badge-rail .hero-benefit{border:1px solid #e9ebee;border-color:#e9ebee}.hero-badge-rail .hero-benefit{border-color:#e9ebee}
.hero-badge-rail strong{font-size:13px}.hero-badge-rail .hero-benefit div>span,.hero-badge-rail .hero-agent small{font-size:11px}.hero-badge-rail .hero-agent>i{display:none}.hero-badge-rail .hero-agent>span{background:transparent}
.hero-customer{position:relative;inset:auto;display:flex;flex-direction:row;gap:12px;margin-top:-12px;align-self:flex-start;z-index:3}.hero-customer__icon{width:44px;height:44px;box-shadow:none}.hero-customer__icon b{font-size:22px}.hero-customer>span{font-size:13px;font-weight:700}
.hero-message--customer{margin-left:15%;max-width:84%;padding:12px 16px;border-radius:24px}.hero-message p{font-size:16px;line-height:1.42}
.hero-response{margin-top:12px;margin-left:17%}.hero-message--ai{max-width:100%;padding:18px 20px;margin-top:0;border-radius:22px;color:#124839}
.hero-ai-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.hero-ai-footer .hero-reply-meta{display:flex;margin:0;font-size:10px;gap:7px}.hero-ai-footer .hero-chat__action{margin:0;margin-left:auto}.hero-ai-footer .hero-reply-meta strong{font-size:10px}.hero-ai-footer .hero-reply-meta>span{grid-column:auto;grid-row:auto}
.hero-benefit--lead{left:5.6%;bottom:34px;padding:16px 20px;border-radius:22px}.hero-benefit--lead strong{font-size:18px}.hero-benefit--lead div>span{font-size:15px}.hero-benefit--lead .hero-benefit__icon{width:40px}.hero-benefit--lead svg{width:36px;height:36px}
.hero-scene #ui-mockup .hero-tracks [data-track=ai]{display:block;stroke:#168675;stroke-width:2;stroke-dasharray:5 8;opacity:.7;stroke-linecap:round}
.hero-scene #ui-mockup #h-flow-ai{display:block;stroke:#168675}
.kx-hero .kx-capabilities{max-width:none;margin:44px -24px 0;padding:32px 24px;border-top:1px solid #e1e6ec;background:#fff;min-height:128px;gap:24px}.kx-hero .kx-capabilities__inner>small{max-width:180px;font-size:12px;line-height:1.6;border-right:1px solid #e1e6ec;padding-right:24px}.kx-hero .kx-capabilities__inner>span{font-size:16px;font-weight:400;gap:16px}.kx-hero .kx-capabilities i,.kx-capabilities svg{width:32px;height:32px}
@media(max-width:1099px){.kx-hero .kx-hero-grid{grid-template-columns:1fr}.kx-copy{max-width:720px;margin:auto}.hero-scene{max-width:740px;margin:auto}.kx-hero .kx-copy h1{font-size:56px!important}.kx-hero .kx-capabilities{flex-wrap:wrap}}
@container(max-width:499px){.hero-scene__art{height:calc(650px + var(--hero-fit-extra,0px))}.hero-badge-rail{flex-wrap:wrap}.hero-customer{margin-top:0}.hero-message p{font-size:13px}.hero-message--customer{margin-left:8%}.hero-response{margin-left:8%}.hero-benefit--lead{bottom:20px}.hero-badge-rail .hero-agent,.hero-badge-rail .hero-benefit{padding:8px}.hero-ai-footer .hero-reply-meta>span{display:block}}
@container(max-width:399px){.hero-scene__art{height:auto;display:block;padding:12px 12px 16px}.hero-scene__backdrop{inset:0}.kaxon-page .hero-scene #ui-mockup{inset:auto!important;margin:0!important;width:100%;position:relative}.hero-inbox__header{padding:12px;gap:8px;min-height:64px}.hero-inbox__header strong{font-size:15px}.hero-inbox__header small{font-size:11px}.hero-inbox__mark{width:32px;height:32px}.hero-inbox__mark svg{width:22px;height:22px}.hero-inbox__status{font-size:10px;padding:6px 8px}.hero-chat{padding:12px;flex:initial}.hero-badge-rail{justify-content:flex-start}.hero-customer{display:flex;margin-top:8px}.hero-benefit--lead{position:relative;inset:auto;margin:12px 0 0;padding:12px;white-space:normal}.hero-benefit--lead strong{font-size:15px}.hero-benefit--lead div>span{font-size:12px}.hero-ai-footer .hero-reply-meta{flex-wrap:wrap}.hero-ai-footer .hero-reply-meta>span{border:0;padding:0}.hero-ai-footer .hero-reply-meta>span:not(.hero-reply-delivery){display:block}.hero-message--ai{padding:14px}.hero-message--customer{margin-left:0}.hero-response{margin-left:0}}
@media(max-width:767px){.kaxon-page .kx-hero{padding:32px 24px 0!important}.kx-hero .kx-hero-grid{padding:0!important}.kx-hero .kx-copy h1{font-size:clamp(32px,8.8vw,44px)!important}.kx-hero .kx-copy>p{font-size:16px!important}.kx-hero .kx-copy .kx-button{font-size:16px;min-height:48px;padding:12px 22px}.kx-hero .kx-capabilities{margin:32px -24px 0;padding:24px 24px}.kx-hero .kx-capabilities__inner>small{max-width:none;border:0;padding:0}.kx-hero .kx-capabilities__inner>span{font-size:14px}.kx-capabilities svg,.kx-hero .kx-capabilities i{width:26px;height:26px}}


/* Connector belongs above the inbox surface and below its message content. */
.hero-scene #ui-mockup #hero-connections{z-index:1;pointer-events:none}
.hero-inbox__header,.hero-badge-rail,.hero-message,.hero-response{position:relative;z-index:2}
.hero-scene #ui-mockup .hero-tracks{opacity:1;stroke:#17304c;stroke-width:2;stroke-dasharray:5 8}

/* Shared body alignment; strip background spans the viewport. */
.kx-hero .kx-capabilities{display:block;min-width:0}
.kx-capabilities__inner{max-width:1192px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.kx-capabilities__inner>small{color:#59708f;letter-spacing:.12em;font-weight:800;flex:0 0 160px}
.kx-capabilities__inner>span{display:flex;align-items:center;white-space:nowrap;font-family:Outfit,sans-serif}
.kx-capabilities__inner>span:nth-child(even) i{color:#f5aa1c!important}
.kx-hero .kx-copy>div:last-child{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:1099px){.kx-capabilities__inner{justify-content:flex-start;row-gap:24px}.kx-capabilities__inner>small{flex-basis:100%;max-width:none;border:0;padding:0}}
@media(max-width:767px){.kx-capabilities__inner{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.kx-capabilities__inner>small{grid-column:1/-1}.kx-capabilities__inner>span{white-space:normal}}
@media(max-width:600px){.kaxon-page .kx-hero{padding-inline:16px!important}.kx-hero .kx-capabilities{margin-inline:-16px;padding-inline:16px}}