.kx-header{position:sticky;top:0;z-index:1000;background:#ffffffF5;backdrop-filter:blur(14px);border-bottom:1px solid #e8edf4}.kx-header-inner{max-width:1240px;margin:auto;padding:0 24px;height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.kx-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.kx-brand-icon{width:36px;height:36px;background:#14243d;color:#f9be22;display:grid;place-items:center;border-radius:11px}.kx-brand strong{font:800 24px 'Outfit';letter-spacing:-.04em}.kx-brand small{display:block;font:600 9px 'Plus Jakarta Sans';color:#65748b;letter-spacing:.03em}.kx-brand small span{color:#168675}.kx-nav{display:flex;gap:2px;padding:5px;background:#edf3fa;border:1px solid #dce6f2;border-radius:999px}.kx-nav a{font-size:12px;font-weight:600;padding:8px 12px;border-radius:999px}.kx-nav a:hover,.kx-nav a.active{background:#fff;box-shadow:0 2px 8px #14243d10}.kx-actions{display:flex;align-items:center;gap:10px}.kx-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:999px;padding:12px 24px;font:700 15px 'Outfit';min-height:44px;background:linear-gradient(#ffc93a,#f5aa1c);color:#102039!important;border:1px solid #dc910a66;box-shadow:0 5px 16px #f5aa1c35;transition:transform .18s,box-shadow .18s}.kx-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5aa1c45}.kx-button:active{transform:scale(.98)}.kx-button.navy{background:#14243d;color:#fff!important;border-color:#14243d;box-shadow:none}.kx-button.white{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #14243d09}.kx-actions .kx-button{font-size:13px;padding:9px 18px;min-height:38px}.kx-menu-toggle{display:none;width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0}.kx-mobile-menu{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0}.kx-mobile-menu a{display:block;padding:12px;border-radius:10px}.kx-mobile-menu a:hover{background:#edf3fa}.kx-note{font:700 23px/1.1 'Caveat',cursive;color:#b77706}.kx-proof{display:flex;gap:20px;margin-top:12px;padding-top:20px;border-top:1px solid #e4dfd4;flex-wrap:wrap}.kx-proof span{font-size:11px;font-weight:600;color:#59708f}.kx-proof b{color:#168675;margin-right:5px}.kx-capabilities{max-width:1192px;margin:45px auto 0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;box-shadow:0 10px 30px #14243d09;gap:18px}.kx-capabilities>small{font-size:10px;letter-spacing:.12em;color:#78879b;font-weight:800}.kx-capabilities>span{display:flex;align-items:center;gap:10px;font:700 14px 'Outfit'}.kx-capabilities i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:#2f80ed}.kx-capabilities>span:nth-child(3) i{background:#e7f8f0;color:#168675}.kx-capabilities>span:nth-child(4) i{background:#fff4d5;color:#d97706}.kx-capabilities>span:nth-child(5) i{background:#f2eefe;color:#7c5cfc}.kx-capabilities>span:nth-child(6) i{background:#ebf8f0;color:#38b764}
.kaxon-page .steps-story-card{background:#fff;border:1px solid #eaeff4;border-radius:24px;box-shadow:0 10px 32px #14243d0d}.kaxon-page .steps-story-card:before{display:none}.kaxon-page .steps-visual-stage{background:#f8fafc;border-color:#e2e8f0}.kaxon-page .steps-node{background:#fff;border-color:#dce6f2;box-shadow:0 8px 18px #14243d09}.kaxon-page .steps-story-path{opacity:.2}.kaxon-page .wk-final-cta{background:linear-gradient(145deg,#14243d,#1c3254);border:1px solid #263d5a;box-shadow:0 18px 45px #14243d18;border-radius:28px}.kaxon-page .wk-final-cta h2{color:white}.kaxon-page .wk-final-cta__subtext{color:#c2cddd}.kaxon-page .wk-final-cta__button{background:linear-gradient(#ffc93a,#f5aa1c);color:#102039;box-shadow:0 8px 24px #f5aa1c30}.kaxon-page .wk-final-cta__signal{background:#ffffff09;border-color:#ffffff20}.kaxon-page .wk-final-cta__signal strong{color:#fff}.kaxon-page .wk-final-cta__ambient{display:none}.kaxon-page .kaxon-footer{background:#14243d!important;border-radius:0!important;border:0!important;color:#c2cddd;max-width:none!important;width:100%!important;margin-bottom:0!important}.kaxon-page .kaxon-footer h3{color:#fff}.kaxon-page .kaxon-footer a{color:#c2cddd}.kaxon-page .kaxon-footer__brand-name{color:#fff}.kaxon-page .kaxon-footer__inner{max-width:1240px;margin:auto}.kaxon-page .kaxon-footer__newsletter{background:#ffffff08;border-color:#ffffff18}
@media(max-width:1023px){.kx-nav{display:none}.kx-menu-toggle{display:block}.kx-header-inner{height:70px}.kx-capabilities{border-radius:24px;flex-wrap:wrap;justify-content:flex-start}.kx-capabilities>small{width:100%}}@media(max-width:600px){.kx-header-inner{padding:0 16px;gap:8px}.kx-actions{gap:7px}.kx-actions .navy{display:none}.kx-actions .kx-button{padding:9px 13px;font-size:12px}.kx-brand strong{font-size:22px}.kx-brand small{font-size:8px}.kx-brand-icon{display:none}.kx-capabilities{margin:32px 16px 0;padding:18px;gap:18px}.kx-capabilities>span{width:calc(50% - 9px);font-size:12px}.kx-proof{gap:12px}.kx-note{font-size:20px}}
.kaxon-page .ai-core-ball{background:linear-gradient(150deg,#ffc93a,#f5aa1c);box-shadow:inset 0 2px 6px #ffffff70,0 12px 30px #f5aa1c40}.kaxon-page .ai-core-glow{background:radial-gradient(circle,#f5aa1c20,transparent 65%)}.kaxon-page .ai-core-caption{background:#14243d;color:#fff}.kaxon-page .ai-message,.kaxon-page .ai-knowledge-item{background:#fff;color:#14243d;border-color:#e2e8f0}.kaxon-page .ai-message p,.kaxon-page .ai-message span{color:#14243d}.kaxon-page .ai-core-ring,.kaxon-page .ai-core-ring-2{border-color:#f5aa1c40}.kaxon-page .steps-story-card:hover{transform:none;box-shadow:0 10px 32px #14243d0d}.kaxon-page .wk-final-cta__badge{background:#ffffff0c;color:#f9be22;border-color:#ffffff18}
.kaxon-page :is(.glass-card,.ai-language-message,.ai-handoff,.ai-knowledge){background:#fff;border:1px solid #e2e8f0;color:#14243d;box-shadow:0 8px 24px #14243d09}.kaxon-page :is(.ai-language-message,.ai-handoff,.ai-knowledge) *{color:#14243d}.kaxon-page .ai-story-canvas{background:#f1f5f9}.kaxon-page #ecosystem [class*='bg-brand-gray-800']{background:#edf3fa}.kaxon-page #ecosystem [class*='bg-gradient-to']{background:#fff!important}.kaxon-page #ecosystem .text-gray-500{color:#65748b}.kaxon-page #automations svg [fill='#181826']{fill:#fff}.kaxon-page #automations svg{filter:none}.kaxon-page .ai-core-ball svg{display:none}.kaxon-page .ai-core-ball:after{content:'AI';font:800 34px 'Outfit';color:#14243d}

/* Step 03: a readable example rather than skeleton bars. */
.kaxon-page .reply-demo{height:224px;padding:16px;background:#fbf7ef;border-color:#eee5d6;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.reply-demo__header{display:flex;align-items:center;gap:6px;color:#14243d;font:600 11px 'Plus Jakarta Sans',sans-serif}
.reply-demo__dot{width:6px;height:6px;background:#168675;border-radius:50%}
.reply-demo__mode{margin-left:auto;color:#168675;font-size:9px;background:#e0f2ed;border-radius:5px;padding:4px 6px;white-space:nowrap}
.reply-demo__question{align-self:flex-start;background:white;border:1px solid #e2e8f0;border-radius:12px 12px 12px 3px;padding:10px 12px;max-width:90%;box-shadow:0 3px 8px #14243d06}
.reply-demo__question>span{font-size:9px;font-weight:600;color:#59708f}
.reply-demo p{margin:3px 0 0;color:#14243d;font-size:11px;line-height:1.5}
.reply-demo__answer{align-self:flex-end;background:#e7f5ef;border:1px solid #bfdfd1;border-radius:12px 12px 3px 12px;padding:10px 12px;max-width:94%;box-shadow:0 4px 10px #1686750a}
.reply-demo__label{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#168675}
.reply-demo__sent{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:7px;font-size:9px;color:#168675}
.kaxon-page .steps-story-card.is-final h3{text-wrap:balance}.kaxon-page .steps-story-card.is-final>div>p{text-wrap:pretty}

.kaxon-page .reply-demo{height:180px;padding:12px;gap:8px}
.reply-demo__question,.reply-demo__answer{padding:7px 10px;flex-shrink:0}
.reply-demo p{font-size:10px;line-height:1.4;margin-top:2px}
.reply-demo__sent{margin-top:4px;font-size:8px}
.reply-demo__header{font-size:10px}.reply-demo__mode{font-size:8px;padding:3px 5px}

.kaxon-page #how .steps-visual-stage{height:204px}
/* Workflow illustration: light brand surfaces keep labels and icons readable. */
.kaxon-page #automations .flow-node>div{background:#fff;border-color:#c9d6e2;box-shadow:0 4px 12px #14243d0c}
.kaxon-page #automations .flow-node span{color:#14243d}
.kaxon-page #automations #node-1>div,.kaxon-page #automations #node-5>div{background:#fff5df;border-color:#e9bb60}
.kaxon-page #automations #node-2>div,.kaxon-page #automations #node-4>div{background:#e5f5ef;border-color:#8fcbbd}
.kaxon-page #automations #node-3>div{background:#edf2f7;border-color:#bdcbd9}
.kaxon-page #automations #icon-1{background:#ffe4a6;color:#935d00}
.kaxon-page #automations #icon-2{background:#c9eade;color:#106b5d}
.kaxon-page #automations #icon-wait{color:#405675}
.kaxon-page #automations #node-4 svg,.kaxon-page #automations #node-4 span{color:#106b5d}
.kaxon-page #automations #icon-ai,.kaxon-page #automations #node-5 span{color:#935d00}
.kaxon-page #automations #node-grid path{stroke:#dbe4ee}
.kaxon-page #automations #node-grid circle{fill:#c5d1df}
.kaxon-page #automations svg>g[stroke-dasharray="4 4"]{stroke:#8da0b5}

/* Live in minutes — audited revision 4, scoped to #how. */
.kaxon-page #how{width:100%;max-width:1240px;margin-inline:auto;padding:96px 24px 104px;background:#fff;overflow:visible;scroll-margin-top:90px}
.kaxon-page #how *{box-sizing:border-box}
.kaxon-page #how .how-header{margin:0 0 40px}
.kaxon-page #how .how-eyebrow{margin:0 0 16px;color:#935d00;font:700 12px/18px 'Plus Jakarta Sans',sans-serif;letter-spacing:.15em}
.kaxon-page #how h2{margin:0;max-width:1192px;color:#14243d;font:800 50px/1.08 Outfit,sans-serif;letter-spacing:-.04em;text-wrap:balance}
.kaxon-page #how .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;grid-template-rows:minmax(73px,auto) 20px minmax(272px,auto) 24px auto 12px auto;list-style:none;margin:0;padding:0}
.kaxon-page #how .how-step{grid-row:span 7;display:grid;grid-template-rows:subgrid;min-width:0;padding:24px;border:1px solid #dce5ee;border-radius:24px;background:#fff;box-shadow:0 8px 24px #14243d08}
.kaxon-page #how .how-step__header{grid-row:1;display:flex;align-items:center;justify-content:space-between;height:48px}
.kaxon-page #how .how-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #edce8c;border-radius:14px;background:#fff3d7;color:#935d00}
.kaxon-page #how .how-icon svg{width:24px;height:24px}
.kaxon-page #how .how-number{font:800 32px/1 Outfit,sans-serif;color:#935d00}
.kaxon-page #how [data-step="03"] .how-icon{background:#e5f5ef;border-color:#b7ded0;color:#106b5d}
.kaxon-page #how [data-step="03"] .how-number{color:#106b5d}
.kaxon-page #how .how-step__visual{grid-row:3;min-height:272px;padding:14px;display:grid;align-items:center;border:1px solid #eedfbe;border-radius:18px;background:#fff8eb;min-width:0}
.kaxon-page #how [data-step="02"] .how-step__visual{background:#f3f6f9;border-color:#dce5ee}
.kaxon-page #how [data-step="03"] .how-step__visual{background:#eef8f4;border-color:#c7e4d9}
.kaxon-page #how .how-step__title{grid-row:5;margin:0;color:#14243d;font:700 24px/1.2 Outfit,sans-serif;letter-spacing:-.02em}
.kaxon-page #how .how-step__description{grid-row:7;margin:0;color:#59708f;font:400 15px/1.75 'Plus Jakarta Sans',sans-serif}
.kaxon-page #how .how-diagram-stage{position:relative;aspect-ratio:300/220;width:100%}
.kaxon-page #how .how-diagram-stage>svg{display:block;width:100%;height:auto;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kaxon-page #how .how-diagram-stage :is(path,rect,circle,line){vector-effect:non-scaling-stroke}
.kaxon-page #how .how-track,.kaxon-page #how .how-glyph{stroke:#168675;fill:none}
.kaxon-page #how .how-track--amber{stroke:#935d00;fill:none}
.kaxon-page #how .how-phone{stroke:#935d00;fill:#fff}
.kaxon-page #how .how-paper{stroke:#106b5d;fill:#fff}
.kaxon-page #how .how-signal{stroke:#106b5d;stroke-width:3;fill:none;stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0}
.kaxon-page #how .how-contact,.kaxon-page #how .how-complete{transform-box:fill-box;transform-origin:center}
.kaxon-page #how .how-csv{position:absolute;left:14.5%;top:54.09%;transform:translate(-50%,-50%);font:700 12px/16px Outfit,sans-serif;color:#14243d}
.kaxon-page #how .how-chat{container-type:inline-size;min-width:0}
.kaxon-page #how .how-chat__content{display:flex;flex-direction:column;min-width:0}
.kaxon-page #how .how-chat__header{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.kaxon-page #how .how-chat__header strong{display:flex;align-items:center;gap:5px;color:#106b5d;font:700 13px/18px Outfit,sans-serif}
.kaxon-page #how .how-chat__header svg{width:16px;height:16px}
.kaxon-page #how .how-chat__status{margin-left:auto;background:#d9f0e7;color:#106b5d;padding:3px 6px;border-radius:6px;font:500 12px/16px 'Plus Jakarta Sans',sans-serif;white-space:nowrap}
.kaxon-page #how .how-chat__question,.kaxon-page #how .how-chat__answer{min-width:0;flex-shrink:0;padding:10px 12px;box-shadow:none}
.kaxon-page #how .how-chat__question{width:88%;align-self:flex-start;background:#fff;border:1px solid #dce5ee;border-radius:12px 12px 12px 4px}
.kaxon-page #how .how-chat__question>span{display:block;margin-bottom:4px;color:#59708f;font:600 12px/16px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #how .how-chat p{margin:0;color:#14243d;font:500 13px/19px 'Plus Jakarta Sans',sans-serif;overflow-wrap:normal}
.kaxon-page #how .how-chat__answer{width:94%;align-self:flex-end;margin-top:10px;background:#dff3e9;border:1px solid #b7ded0;border-radius:12px 12px 4px 12px}
.kaxon-page #how .how-chat__answer>strong{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:#106b5d;font:700 12px/16px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #how .how-chat__answer>strong svg{width:13px;height:13px}
.kaxon-page #how .how-chat__answer p{color:#124839}
.kaxon-page #how .how-chat__sent{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;color:#106b5d;font:500 12px/16px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #how .how-chat__sent svg{width:14px;height:14px}
@container(max-width:239px){.kaxon-page #how .how-chat__header strong{width:100%}.kaxon-page #how .how-chat__status{margin-left:0}}
@supports not(grid-template-rows:subgrid){.kaxon-page #how .how-steps{grid-template-rows:auto}.kaxon-page #how .how-step{display:flex;flex-direction:column;grid-row:auto}.kaxon-page #how .how-step__header{margin-bottom:20px}.kaxon-page #how .how-step__visual{min-height:var(--how-panel-height,272px);margin-bottom:24px}.kaxon-page #how .how-step__title{min-height:var(--how-title-height,2.4em);margin-bottom:12px}}
@media(max-width:1199px){
.kaxon-page #how{padding:64px 24px 72px}
.kaxon-page #how .how-header{margin-bottom:32px}
.kaxon-page #how h2{font-size:40px;line-height:1.12}
.kaxon-page #how .how-steps{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}
.kaxon-page #how .how-step{grid-row:auto;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1fr);grid-template-rows:68px minmax(0,1fr) minmax(0,1fr);column-gap:24px}
.kaxon-page #how .how-step__header{grid-column:1/-1;grid-row:1;align-self:start;margin:0}
.kaxon-page #how .how-step__visual{grid-column:1;grid-row:2/4;min-height:272px;margin:0}
.kaxon-page #how .how-step__title{grid-column:2;grid-row:2;align-self:end;margin:0 0 12px;min-height:0}
.kaxon-page #how .how-step__description{grid-column:2;grid-row:3;align-self:start}
}
@media(max-width:767px){
.kaxon-page #how{padding:56px 24px}
.kaxon-page #how h2{font-size:clamp(30px,7.5vw,38px)}
.kaxon-page #how .how-header{margin-bottom:28px}
.kaxon-page #how .how-step{display:flex;flex-direction:column;padding:20px;border-radius:22px}
.kaxon-page #how .how-step__header{margin-bottom:20px}
.kaxon-page #how .how-step__visual{padding:12px;margin-bottom:24px;min-height:272px}
.kaxon-page #how .how-step__title{font-size:22px;line-height:1.2;margin-bottom:12px;min-height:0;align-self:auto}
}
@media(max-width:600px){.kaxon-page #how{padding-inline:16px}}


.kaxon-page #how .how-step__header{width:100%}
/* AI story illustration — coherent amber/teal palette and readable contrast. */
.kaxon-page #ai-agent .ai-story-canvas{background:#f4f7fa;border-color:#dce5ee}
.kaxon-page #ai-agent .ai-language-message{background:#fff;border-color:#dce5ee;box-shadow:0 6px 20px #14243d08}
.kaxon-page #ai-agent .ai-language-badge{background:#fff3d7;border-color:#edce8c;color:#935d00}
.kaxon-page #ai-agent .ai-language-badge-hindi{background:#e5f5ef;border-color:#b7ded0;color:#106b5d}
.kaxon-page #ai-agent .ai-language-badge-english{background:#edf2f8;border-color:#cbd8e6;color:#17304c}
.kaxon-page #ai-agent .ai-language-name{color:#59708f}
.kaxon-page #ai-agent .ai-language-copy{color:#14243d}
.kaxon-page #ai-agent .ai-purple-line{stroke:#b77706;opacity:.8}
.kaxon-page #ai-agent .ai-teal-line{stroke:#168675;opacity:.85}
.kaxon-page #ai-agent .ai-core-ring,.kaxon-page #ai-agent .ai-core-ring-2{border-color:#d4a13e80}
.kaxon-page #ai-agent .ai-core-caption{background:#14243d;color:#fff}
.kaxon-page #ai-agent .ai-core-caption-dot{background:#79d5bd;box-shadow:none}
.kaxon-page #ai-agent .ai-story-out{background:#e5f5ef;border-color:#94cdbb;box-shadow:0 8px 24px #106b5d0d;color:#14243d}
.kaxon-page #ai-agent .ai-story-out .text-white{color:#14243d}
.kaxon-page #ai-agent .ai-story-out [class*='text-brand-teal']{color:#106b5d}
.kaxon-page #ai-agent .ai-story-out [class*='bg-brand-teal-500/20']{background:#bfdfd3}
.kaxon-page #ai-agent .ai-story-out [class*='bg-brand-teal-400']{background:#168675;box-shadow:none}
.kaxon-page #ai-agent .ai-confidence{background:#ccebdd;border:1px solid #9fcfbb;color:#106b5d;box-shadow:none}
.kaxon-page #ai-agent .ai-handoff{background:#fff;border-color:#cbd8e6}
.kaxon-page #ai-agent .ai-handoff [class*='text-gray-400']{color:#59708f}
.kaxon-page #ai-agent .ai-story-canvas [class*='bg-brand-purple-500/15']{background:#fff3d7;color:#935d00}
.kaxon-page #ai-agent .ai-story-canvas [class*='bg-brand-teal-500/15']{background:#d9f0e7;border-color:#a5d6c7;color:#106b5d}
.kaxon-page #ai-agent .ai-story-canvas [class*='bg-brand-purple-500/15'] svg{color:#935d00}
.kaxon-page #ai-agent .ai-story-canvas [class*='bg-brand-teal-500/15'] svg{color:#106b5d}
.kaxon-page #ai-agent .ai-story-canvas .text-gray-500{color:#59708f}
.kaxon-page #ai-agent .ai-node-marker{background:#b77706;box-shadow:none}
.kaxon-page #ai-agent .ai-node-marker.bg-brand-teal-500{background:#168675}
.kaxon-page #ai-agent .ai-story-canvas svg circle[filter]{filter:none}
/* Ecosystem reference composition: native vector illustration. */
.kaxon-page #ecosystem .eco-reference-canvas{background:#f7fafc;border-radius:24px;min-width:0}
.kaxon-page #ecosystem .eco-reference-svg{display:block;width:100%;height:auto;overflow:visible;font-family:'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-reference-svg text{font-family:'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-reference-svg text[font-weight='700']{font-family:Outfit,sans-serif}
.kaxon-page #ecosystem .eco-flow-tracks path{animation:ecoReferenceFlow 8s linear infinite}
@keyframes ecoReferenceFlow{to{stroke-dashoffset:-120}}
@media(prefers-reduced-motion:reduce){.kaxon-page #ecosystem .eco-flow-tracks path{animation:none}}

/* Ecosystem responsive overview and readable detail. */
.kaxon-page #ecosystem .eco-responsive-system{display:block;width:100%;margin:48px auto 0;max-width:920px}
.kaxon-page #ecosystem .ecosystem-desktop-view{display:none!important}
.kaxon-page #ecosystem .eco-r-figure{margin:0 auto;max-width:640px}
.kaxon-page #ecosystem .eco-r-map{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:20px 24px;background:#f7fafc;border:1px solid #dce5ee;border-radius:22px}
.kaxon-page #ecosystem .eco-r-node{position:relative;z-index:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px;min-height:80px;border:1px solid #dce5ee;border-radius:14px;background:#fff;color:#14243d;text-align:center}
.kaxon-page #ecosystem .eco-r-node strong{font:700 13px/18px Outfit,sans-serif}
.kaxon-page #ecosystem .eco-r-node>svg{width:24px;height:24px;color:#106b5d}
.kaxon-page #ecosystem .eco-r-node--inbox{grid-column:1/-1;min-height:56px;flex-direction:row}
.kaxon-page #ecosystem .eco-r-node--inbox>svg{color:#935d00}
.kaxon-page #ecosystem .eco-r-node--hub{grid-column:1/-1;min-height:76px;border:2px solid #f5aa1c}
.kaxon-page #ecosystem .eco-r-node--hub>span{font-size:12px;line-height:18px;color:#59708f}
.kaxon-page #ecosystem .eco-r-node--integration{grid-column:1/-1;min-height:64px;flex-direction:row}
.kaxon-page #ecosystem .eco-r-node--pipeline{grid-column:1/-1;align-items:stretch;border-color:#b7ded0}
.kaxon-page #ecosystem .eco-r-node--pipeline>span{font-size:13px;line-height:19px;color:#59708f}
.kaxon-page #ecosystem .eco-r-stages{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);align-items:center;gap:4px;margin-top:6px}
.kaxon-page #ecosystem .eco-r-stages>span{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:4px;border-radius:8px;background:#eaf9f6;font:700 13px/16px Outfit,sans-serif;min-width:0}
.kaxon-page #ecosystem .eco-r-stages>span:first-child{background:#fff3d7}
.kaxon-page #ecosystem .eco-r-stages i{width:10px;height:10px;background:#168675;border-radius:50%;flex-shrink:0}
.kaxon-page #ecosystem .eco-r-stages>span:first-child i{background:#b77706}
.kaxon-page #ecosystem .eco-r-stages>span:last-child i{background:#006d6a}
.kaxon-page #ecosystem .eco-r-stages b{font-size:14px;color:#106b5d}
.kaxon-page #ecosystem .eco-r-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.kaxon-page #ecosystem .eco-r-connections path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kaxon-page #ecosystem .eco-r-signals path{stroke-width:2.5;opacity:0}
.kaxon-page #ecosystem .eco-r-figure figcaption{margin:12px 4px 0;color:#59708f;font:400 12px/18px 'Plus Jakarta Sans',sans-serif;text-align:center}
.kaxon-page #ecosystem .eco-r-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.kaxon-page #ecosystem .eco-r-details{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px}
.kaxon-page #ecosystem .eco-r-panel{min-width:0;padding:16px;border:1px solid #dce5ee;border-radius:20px;background:#fff;box-shadow:0 6px 20px #14243d06}
.kaxon-page #ecosystem .eco-r-detail-hub{border:2px solid #f5aa1c}
.kaxon-page #ecosystem .eco-r-kicker{display:block;margin-bottom:6px;color:#59708f;font:700 12px/18px 'Plus Jakarta Sans',sans-serif;letter-spacing:.1em}
.kaxon-page #ecosystem .eco-r-panel h3{margin:0;color:#14243d;font:700 22px/1.2 Outfit,sans-serif;letter-spacing:-.02em}
.kaxon-page #ecosystem .eco-r-description{margin:6px 0 20px;color:#50658c;font:400 14px/21px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-row{display:grid;grid-template-columns:32px minmax(0,1fr) 48px;gap:10px;align-items:center;padding:10px;border:1px solid #e1eaf3;border-radius:12px;background:#fff}
.kaxon-page #ecosystem .eco-r-inboxrows .eco-r-row+.eco-r-row{margin-top:-3px}
.kaxon-page #ecosystem .eco-r-selected{background:#fff8eb;border-color:#ffe5b6}
.kaxon-page #ecosystem .eco-r-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#bde9e5;color:#006d6a;font:700 12px/16px Outfit,sans-serif}
.kaxon-page #ecosystem .eco-r-avatar--amber{background:#ffe8b8;color:#935d00}
.kaxon-page #ecosystem .eco-r-avatar--blue{background:#d9e7ff;color:#2355b9}
.kaxon-page #ecosystem .eco-r-rowcopy{min-width:0}
.kaxon-page #ecosystem .eco-r-rowcopy strong{display:block;color:#14243d;font:700 13px/18px Outfit,sans-serif}
.kaxon-page #ecosystem .eco-r-rowcopy p{margin:4px 0 0;color:#50658c;font:400 12px/18px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-inboxrows .eco-r-rowcopy p{font-size:13px;line-height:19px}
.kaxon-page #ecosystem .eco-r-time{align-self:start;color:#59708f;text-align:right;font:400 12px/16px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-time i{display:block;margin:6px 0 0 auto;width:8px;height:8px;border-radius:50%;background:#168675}
.kaxon-page #ecosystem .eco-r-selected .eco-r-time i{background:#b77706}
.kaxon-page #ecosystem .eco-r-avatar--blue~.eco-r-time i{background:#8795ae}
.kaxon-page #ecosystem .eco-r-workspace{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}
.kaxon-page #ecosystem .eco-r-workspace h4{margin:0 0 12px;color:#14243d;font:700 12px/18px 'Plus Jakarta Sans',sans-serif;letter-spacing:.07em}
.kaxon-page #ecosystem .eco-r-chats .eco-r-row{border-color:transparent}
.kaxon-page #ecosystem .eco-r-chats .eco-r-selected{border-color:#ffe5b6}
.kaxon-page #ecosystem .eco-r-reply{min-width:0;padding-top:20px;border-top:1px solid #e8eef5}
.kaxon-page #ecosystem .eco-r-incoming,.kaxon-page #ecosystem .eco-r-notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.kaxon-page #ecosystem .eco-r-incoming p,.kaxon-page #ecosystem .eco-r-notice p{flex:1;min-width:0;margin:0;padding:11px;border-radius:12px;background:#f2f4fa;color:#14243d;font:400 13px/19px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-notice p{background:#eaf9f6}
.kaxon-page #ecosystem .eco-r-notice>svg{width:32px;height:32px;padding:7px;border-radius:50%;background:#106b5d;color:#fff;flex-shrink:0}
.kaxon-page #ecosystem .eco-r-draft{margin:0 0 12px 42px;padding:12px;border:1px solid #e8eef5;border-radius:12px}
.kaxon-page #ecosystem .eco-r-draft p{margin:0;color:#14243d;font:400 13px/19px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-draft p+p{margin-top:8px}
.kaxon-page #ecosystem .eco-r-composer{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:48px;border:1px solid #dde7f2;border-radius:14px;color:#59708f;font:400 13px/19px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #ecosystem .eco-r-composer>svg{width:18px;height:18px;flex-shrink:0}
.kaxon-page #ecosystem .eco-r-composer i{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;background:#d9f0e7;border-radius:9px;color:#106b5d;flex-shrink:0}
.kaxon-page #ecosystem .eco-r-composer i svg{width:20px;height:20px}
.kaxon-page #ecosystem .eco-r-diagram{display:block;width:100%;height:auto;max-width:420px;margin-inline:auto}
.kaxon-page #ecosystem .eco-r-diagram :is(path,rect,circle,ellipse){vector-effect:non-scaling-stroke}
.kaxon-page #ecosystem .eco-r-workflow{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);align-items:center;gap:4px;margin-top:24px}
.kaxon-page #ecosystem .eco-r-workstep{display:flex;align-items:center;flex-direction:column;gap:8px;padding:10px 6px;border:1px solid #dde7f2;border-radius:12px;min-width:0;text-align:center}
.kaxon-page #ecosystem .eco-r-workicon{width:36px;height:36px;display:grid;place-items:center;background:#106b5d;border-radius:50%;color:#fff}
.kaxon-page #ecosystem .eco-r-workstep:first-child .eco-r-workicon{background:#935d00}
.kaxon-page #ecosystem .eco-r-workicon svg{width:20px;height:20px}
.kaxon-page #ecosystem .eco-r-workstep strong,.kaxon-page #ecosystem .eco-r-workstep div>span{display:block;font:700 12px/16px Outfit,sans-serif;color:#14243d}
.kaxon-page #ecosystem .eco-r-workstep div>span{margin-top:4px;font-weight:400;color:#59708f}
.kaxon-page #ecosystem .eco-r-workarrow{color:#106b5d;font-size:16px}
.kaxon-page #ecosystem .eco-shared-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.kaxon-page #ecosystem .eco-shared-summary .glass-card{min-width:0;padding:12px;gap:8px}
.kaxon-page #ecosystem .eco-shared-summary h3{font-size:13px;line-height:18px}
.kaxon-page #ecosystem .eco-shared-summary p{font-size:12px;line-height:18px;color:#59708f}
.kaxon-page #ecosystem .eco-shared-summary [class*='bg-brand-purple']{background:#fff3d7;color:#935d00;border-color:#edce8c}
@media(max-width:359px){
.kaxon-page #ecosystem .eco-r-panel{padding:14px}
.kaxon-page #ecosystem .eco-r-node>svg{width:22px;height:22px}
.kaxon-page #ecosystem .eco-r-stages>span{font-size:12px;min-height:36px}
.kaxon-page #ecosystem .eco-r-stages i{width:8px;height:8px}
.kaxon-page #ecosystem .eco-r-row{grid-template-columns:32px minmax(0,1fr)}
.kaxon-page #ecosystem .eco-r-time{grid-column:2;text-align:left;margin-top:-6px}
.kaxon-page #ecosystem .eco-r-time i{display:inline-block;margin:0 0 0 6px}
.kaxon-page #ecosystem .eco-r-workflow{grid-template-columns:1fr;gap:8px}
.kaxon-page #ecosystem .eco-r-workstep{flex-direction:row;text-align:left;padding:10px}
.kaxon-page #ecosystem .eco-r-workarrow{justify-self:center;transform:rotate(90deg)}
.kaxon-page #ecosystem .eco-shared-summary .glass-card{align-items:flex-start;flex-direction:column}
}
@media(min-width:768px){
.kaxon-page #ecosystem .eco-r-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.kaxon-page #ecosystem .eco-r-detail-inbox,.kaxon-page #ecosystem .eco-r-detail-hub,.kaxon-page #ecosystem .eco-r-detail-integration{grid-column:1/-1}
.kaxon-page #ecosystem .eco-shared-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:900px){
.kaxon-page #ecosystem .eco-r-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
.kaxon-page #ecosystem .eco-r-reply{padding:0 0 0 20px;border-top:0;border-left:1px solid #e8eef5}
}
@media(min-width:1200px){
.kaxon-page #ecosystem .eco-responsive-system{display:none}
.kaxon-page #ecosystem .ecosystem-desktop-view{display:flex!important}
}



/* Automations flagship story — readable HTML nodes with measured SVG ports. */
.kaxon-page #automations{max-width:none;background:#fff8ec;padding:100px 24px 108px;overflow:visible}
.kaxon-page #automations .automation-section__inner{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:68px;max-width:1192px;margin:auto;align-items:center}
.kaxon-page #automations .automation-section__copy{min-width:0;padding-bottom:28px}
.kaxon-page #automations .automation-section__eyebrow{margin:0 0 16px;color:#935d00;font:700 12px/18px 'Plus Jakarta Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.kaxon-page #automations h2{margin:0;color:#14243d;font:800 50px/.98 Outfit,sans-serif;letter-spacing:-.045em}
.kaxon-page #automations h2 span{position:relative}
.kaxon-page #automations h2 span:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:4px;background:#f5aa1c;border-radius:50%;transform:rotate(-1deg)}
.kaxon-page #automations .automation-section__description{margin:24px 0 0;max-width:485px;color:#57657b;font:400 17px/1.7 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-section__benefits{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.kaxon-page #automations .automation-section__benefits li{display:flex;align-items:flex-start;gap:12px;color:#24364f;font:600 14px/22px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-section__benefits li>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:#fff0d1;border-radius:7px;color:#935d00}
.kaxon-page #automations .automation-section__benefits svg{width:18px;height:18px}
.kaxon-page #automations .automation-section__visual{min-width:0;position:relative}
.kaxon-page #automations .automation-canvas-shell{background:#fff;border:1px solid #14243d1a;border-radius:26px;box-shadow:0 32px 80px #14243d14,0 8px 24px #14243d0a;container-type:inline-size;isolation:isolate}
.kaxon-page #automations .automation-canvas-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;min-height:48px;border-bottom:1px solid #14243d12}
.kaxon-page #automations .automation-canvas-header>span:first-child{font:800 10px/16px 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:#59708f}
.kaxon-page #automations .automation-canvas-header>span:last-child{display:flex;align-items:center;gap:6px;color:#52677d;font:600 12px/18px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-canvas-header i{width:6px;height:6px;border-radius:50%;background:#168675}
.kaxon-page #automations .automation-canvas{position:relative;height:468px;min-width:0;background:#fffefb;border-radius:0 0 26px 26px}
.kaxon-page #automations .automation-canvas:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ced9e5 1px,transparent 1px);background-size:24px 24px;opacity:.46;mask-image:radial-gradient(ellipse at center,#000,transparent 85%);pointer-events:none}
.kaxon-page #automations .automation-canvas-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:12px 20px;border-top:1px solid #14243d0b;color:#59708f;font:400 12px/18px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-workflow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.kaxon-page #automations .automation-workflow-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.kaxon-page #automations .automation-node{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;height:68px;padding:10px;border:1px solid #dfe6ee;border-radius:14px;background:#fff;box-shadow:0 4px 12px #14243d08;box-sizing:border-box;cursor:default}
.kaxon-page #automations .automation-node__icon{display:grid;place-items:center;width:28px;height:32px;flex-shrink:0;border-radius:9px;background:#e2f4ee;color:#106b5d}
.kaxon-page #automations .automation-node__icon svg{width:20px;height:20px}
.kaxon-page #automations .automation-node strong{display:block;color:#14243d;font:700 13px/18px Outfit,sans-serif;white-space:nowrap}
.kaxon-page #automations .automation-node small{display:block;color:#59708f;font:500 12px/16px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-node--trigger .automation-node__icon,.kaxon-page #automations .automation-node--ai .automation-node__icon{background:#fff1d2;color:#935d00}
.kaxon-page #automations .automation-node--wait .automation-node__icon{background:#edf2f7;color:#53677c}
.kaxon-page #automations .automation-node--trigger{left:4%;top:calc(50% - 34px);width:118px}
.kaxon-page #automations .automation-node--send{left:28%;top:calc(50% - 34px);width:124px}
.kaxon-page #automations .automation-node--wait{left:52%;top:calc(50% - 34px);width:96px}
.kaxon-page #automations .automation-node--hot{right:4%;top:21%;width:136px}
.kaxon-page #automations .automation-node--ai{right:4%;top:72%;width:136px}
.kaxon-page #automations .automation-node--wait small{display:none}
.kaxon-page #automations .automation-node--ai small{font-size:11px}
.kaxon-page #automations .automation-route-label{position:absolute;right:4%;width:136px;text-align:center;color:#59708f;font:600 12px/18px 'Plus Jakarta Sans',sans-serif}
.kaxon-page #automations .automation-route-label--hot{top:calc(21% - 25px)}
.kaxon-page #automations .automation-route-label--ai{top:calc(72% - 25px)}
.kaxon-page #automations .automation-clock-hand{transform-origin:12px 12px}
@container(max-width:559px){
.kaxon-page #automations .automation-canvas{height:520px}
.kaxon-page #automations .automation-node--trigger,.kaxon-page #automations .automation-node--send,.kaxon-page #automations .automation-node--wait{left:50%;right:auto;width:calc(100% - 48px);max-width:286px;margin-left:0;transform:translateX(-50%);height:60px}
.kaxon-page #automations .automation-node--trigger{top:24px}
.kaxon-page #automations .automation-node--send{top:108px}
.kaxon-page #automations .automation-node--wait{top:192px}
.kaxon-page #automations .automation-node--hot,.kaxon-page #automations .automation-node--ai{left:50%;right:auto;width:calc(100% - 48px);max-width:286px;transform:translateX(-50%);height:60px}
.kaxon-page #automations .automation-node--hot{top:324px}
.kaxon-page #automations .automation-node--ai{top:420px}
.kaxon-page #automations .automation-route-label{left:24px;right:auto;width:auto;text-align:left}
.kaxon-page #automations .automation-route-label--hot{top:298px}
.kaxon-page #automations .automation-route-label--ai{top:394px}
.kaxon-page #automations .automation-node__icon{width:32px;height:32px}
.kaxon-page #automations .automation-node small{display:block;font-size:12px}
.kaxon-page #automations #automation-builder-cursor{display:none}
}
@container(min-width:440px) and (max-width:559px){
.kaxon-page #automations .automation-canvas{height:460px}
.kaxon-page #automations .automation-node--hot,.kaxon-page #automations .automation-node--ai{top:350px;width:calc(50% - 36px);max-width:none;transform:none}
.kaxon-page #automations .automation-node--hot{left:24px}
.kaxon-page #automations .automation-node--ai{left:auto;right:24px}
.kaxon-page #automations .automation-route-label{top:324px;width:calc(50% - 36px);text-align:center}
.kaxon-page #automations .automation-route-label--ai{left:auto;right:24px}
}
@container(max-width:439px){.kaxon-page #automations .automation-node small{display:none}}
@media(min-width:1600px){.kaxon-page #automations{padding-top:116px;padding-bottom:124px}.kaxon-page #automations h2{font-size:56px}}
@media(max-width:1199px){
.kaxon-page #automations{padding:80px 24px 84px}
.kaxon-page #automations .automation-section__inner{grid-template-columns:1fr;gap:48px}
.kaxon-page #automations .automation-section__copy{max-width:680px;padding:0}
.kaxon-page #automations h2{font-size:44px}
.kaxon-page #automations .automation-section__visual{width:100%;max-width:760px;margin:auto}
}
@media(max-width:600px){
.kaxon-page #automations{padding:64px 16px 72px}
.kaxon-page #automations .automation-section__inner{gap:38px}
.kaxon-page #automations h2{font-size:34px}
.kaxon-page #automations .automation-section__description{font-size:16px}
.kaxon-page #automations .automation-canvas-header{padding-inline:16px;min-height:42px}
.kaxon-page #automations .automation-canvas-footer{padding-inline:16px}
}


.kaxon-page #automations .automation-node{padding:8px}.kaxon-page #automations .automation-node--ai small{font-size:12px}
/* Static connectors preserve the story before JavaScript geometry is ready. */
.kaxon-page #automations .automation-static-lines{position:absolute;inset:0;pointer-events:none}
.kaxon-page #automations .automation-static-lines i{position:absolute;display:block;box-sizing:border-box;border-color:#aab8c6;border-style:solid;border-width:0}
.kaxon-page #automations .automation-static-lines i:nth-child(1){left:calc(4% + 118px);top:50%;width:calc(24% - 118px);border-top-width:2px}
.kaxon-page #automations .automation-static-lines i:nth-child(2){left:calc(28% + 124px);top:50%;width:calc(24% - 124px);border-top-width:2px}
.kaxon-page #automations .automation-static-lines i:nth-child(3){left:calc(52% + 96px);top:calc(21% + 34px);width:calc(44% - 232px);height:calc(29% - 34px);border-right-width:2px;border-bottom-width:2px;border-bottom-right-radius:12px}
.kaxon-page #automations .automation-static-lines i:nth-child(4){left:calc(52% + 96px);top:50%;width:calc(44% - 232px);height:calc(22% + 34px);border-right-width:2px;border-top-width:2px;border-top-right-radius:12px}
.kaxon-page #automations.automations-geometry-ready .automation-static-lines{display:none}
@container(max-width:559px){
.kaxon-page #automations .automation-static-lines i:nth-child(1){left:50%;top:84px;width:0;height:24px;border-top:0;border-left-width:2px}
.kaxon-page #automations .automation-static-lines i:nth-child(2){left:50%;top:168px;width:0;height:24px;border-top:0;border-left-width:2px}
.kaxon-page #automations .automation-static-lines i:nth-child(3){left:12px;top:252px;width:calc(50% - 12px);height:102px;border-right:0;border-left-width:2px;border-top-width:2px;border-bottom-width:2px;border-radius:12px 0 0 12px}
.kaxon-page #automations .automation-static-lines i:nth-child(4){left:50%;top:252px;width:calc(50% - 12px);height:198px;border-right-width:2px;border-top-width:2px;border-bottom-width:2px;border-radius:0 12px 12px 0}
}
@container(min-width:440px) and (max-width:559px){
.kaxon-page #automations .automation-static-lines i:nth-child(3){left:calc(25% + 6px);top:252px;width:calc(25% - 6px);height:98px;border-bottom:0;border-radius:12px 0 0 0}
.kaxon-page #automations .automation-static-lines i:nth-child(4){left:50%;top:252px;width:calc(25% - 6px);height:98px;border-bottom:0;border-radius:0 12px 0 0}
}