/* Audited hero refinement: established Kaxon grid and native product UI. */
.kaxon-page .kx-hero{padding:64px 24px 48px!important;background:radial-gradient(ellipse at 85% 30%,#fff0cf66,transparent 55%),#fbf7ef;background-size:auto}
.kx-hero .kx-copy{gap:24px!important}.kx-hero .kx-copy h1{line-height:1.04!important}
.kx-hero .kx-copy>p{max-width:520px!important;line-height:1.65}
.kx-hero .kx-copy>div:first-child{border:0;background:none;box-shadow:none;padding:0;color:#59708f}
.kx-hero .kx-copy>div:first-child .animate-ping{display:none}
.kx-hero .kx-copy .kx-button{min-height:48px;padding:13px 24px}.kx-hero .kx-copy .kx-button.white{border-color:#14243d40;box-shadow:none;background:transparent}
.hero-scene__art{height:560px}.hero-scene__backdrop{inset:24px -12px 0 20px;border-radius:32px;background:linear-gradient(145deg,#fff4dc,#fff0cf);box-shadow:none;overflow:hidden}
.hero-scene__backdrop:before{content:'';position:absolute;inset:20px auto 20px 0;width:5px;border-radius:5px;background:#f5aa1c}
.kaxon-page .hero-scene #ui-mockup{inset:88px 0 56px 14%;border-radius:22px!important;box-shadow:0 20px 45px #14243d14!important}
.hero-benefit--context{top:0;left:12px}.hero-agent{top:0;right:0;border-color:#c2dfd5}.hero-benefit--lead{bottom:-24px;right:12px}
.hero-benefit{border-radius:14px;box-shadow:0 8px 24px #14243d0c}.hero-benefit strong{font-weight:700;font-size:15px}.hero-benefit div>span{font-size:12px;line-height:1.4}
.hero-customer{top:215px}.hero-customer>span{font-size:11px;border:0;background:transparent;padding:0;font-weight:600}
.hero-scene__note{display:none}.hero-chat{padding:16px;gap:10px}.hero-chat__date{font-size:10px}
.hero-message{flex-shrink:0;padding:10px 12px;box-shadow:none}.hero-message p{font-size:14px;line-height:1.5}.hero-message>small{font-size:11px}
.hero-response{flex-shrink:0}.hero-message--ai small>span{font-size:10px}.hero-message__sent span{font-size:10px}
.hero-inbox__header small,.hero-agent small{font-size:11px}.hero-inbox__status{font-size:11px}.hero-inbox__footer{font-size:10px}.hero-chat__action{flex-shrink:0;font-size:12px}
.kx-hero .kx-capabilities{margin:64px auto 0;border:0;border-top:1px solid #14243d16;border-radius:0;background:none;box-shadow:none;padding:24px 0 0;gap:16px}
.kx-hero .kx-capabilities>small{color:#59708f}.kx-hero .kx-capabilities>span{font-weight:600}
.kx-hero .kx-capabilities i{background:transparent!important;color:#168675!important;width:24px;height:24px;border-radius:0;font-size:19px}
.kx-hero .kx-capabilities>span:nth-child(even) i{color:#b77706!important}
@container(max-width:499px){.hero-scene__art{height:600px}.hero-agent{top:72px;right:0}.kaxon-page .hero-scene #ui-mockup{inset:145px 0 40px 14%}.hero-customer{top:240px}.hero-benefit--lead{bottom:-38px}.hero-message--ai small>span{display:none}}
@container(max-width:399px){.hero-scene__art{height:auto;padding:0 0 18px;gap:14px}.hero-scene__backdrop{inset:30px -4px 0 4px;border-radius:26px}.hero-scene__backdrop:before{width:3px}.hero-agent,.hero-benefit--context,.hero-benefit--lead{inset:auto}.hero-benefit{padding:10px 12px}.hero-benefit--context{align-self:flex-start}.hero-benefit--lead{align-self:flex-end}.kaxon-page .hero-scene #ui-mockup{inset:auto!important;min-height:0}.hero-chat{flex:initial;padding:14px 12px}.hero-message--ai small>span{display:block;font-size:9px}}
@media(max-width:1023px){.kaxon-page .kx-hero{padding-top:48px!important}.kx-hero .kx-hero-grid{gap:48px!important}.kx-hero .kx-capabilities{justify-content:space-between;row-gap:20px}}
@media(max-width:639px){.kaxon-page .kx-hero{padding:32px 0 36px!important}.kx-hero .kx-copy{gap:20px!important}.kx-hero .kx-copy h1{font-size:36px!important;line-height:1.1!important}.kx-hero .kx-copy>p{font-size:15px!important}.kx-hero .kx-copy>div:last-child{gap:12px;margin-top:2px}.kx-hero .kx-copy .kx-button{padding:12px 20px;min-height:46px}.kx-hero .kx-capabilities{margin:32px 16px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:20px}.kx-hero .kx-capabilities>small{grid-column:1/-1}.kx-hero .kx-capabilities>span{width:auto;font-size:12px}}
.hero-chat{background:#fff;padding:18px 20px;gap:12px;justify-content:center}
.hero-message--customer{background:#f1f3f7;border:0;border-radius:15px;padding:11px 14px}
.hero-message--ai{background:#e8faf3;border:0;border-radius:18px;padding:18px;max-width:96%;margin-top:4px}
.hero-reply-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#59708f}
.hero-reply-meta strong{display:flex;gap:5px;align-items:center;color:#168675;font-size:11px}
.hero-reply-meta svg{width:15px;height:15px}
.hero-reply-meta>span{border-left:1px solid #c7e1d6;padding-left:8px}.hero-reply-meta .hero-reply-delivery{color:#168675}
.hero-chat__action{display:flex;justify-content:flex-end;margin-top:14px}
.hero-chat__action>span{border:1px solid #168675;background:#fff;border-radius:999px;padding:7px 11px}
.hero-inbox__footer{display:none}
.hero-benefit__icon{background:none;color:#f5aa1c;width:32px;height:32px}.hero-benefit__icon svg{width:28px;height:28px}
.hero-benefit--lead{left:16%;right:auto;bottom:-24px}
.hero-customer__icon{color:#fff;border:0;width:48px;height:48px}.hero-customer__icon svg{width:25px;height:25px}
.hero-tracks{stroke-dasharray:3 5;stroke-linecap:round;opacity:.45}
.hero-inbox__mark{background:#25a76c;color:#fff;border-radius:50%}
.hero-reply-meta{font-size:11px}
@container(max-width:499px){.hero-benefit--lead{bottom:-38px}.hero-chat{padding:16px}.hero-message--ai{padding:15px}.hero-reply-meta{gap:6px;font-size:11px}}
@container(max-width:399px){.hero-benefit--lead{inset:auto;align-self:flex-start;margin-left:12px}.hero-chat{justify-content:flex-start;padding:18px 12px}.hero-message--ai{padding:15px;max-width:97%}.hero-reply-meta{margin-top:14px}.hero-benefit__icon{width:27px}.hero-benefit__icon svg{width:24px;height:24px}}

.hero-scene__art{height:calc(560px + var(--hero-fit-extra,0px))}
.hero-inbox__header strong{font-size:15px}.hero-agent strong{font-size:14px}
.kx-hero .kx-capabilities i{width:22px;height:22px}.kx-capabilities svg{width:22px;height:22px;display:block}.kx-hero .kx-capabilities>span:nth-child(even) i{color:#f5aa1c!important}
@container(min-width:400px) and (max-width:499px){.hero-scene__art{height:calc(600px + var(--hero-fit-extra,0px))}.hero-reply-meta>span:not(.hero-reply-delivery){display:none}}
@container(max-width:399px){.hero-scene__art{height:auto;gap:12px}.hero-message p{font-size:13px}.hero-benefit strong{font-size:13px}.hero-reply-meta{display:grid;grid-template-columns:auto 1fr;font-size:10px}.hero-reply-meta>span{border:0;padding:0}.hero-reply-meta>span:not(.hero-reply-delivery){grid-column:1/-1;grid-row:2}.hero-reply-delivery{justify-self:end}.hero-benefit__icon{width:32px}}
@media(max-width:359px){.kx-hero .kx-copy h1{font-size:32px!important}}