/* APEXLINE BOT — quiet slate-blue surfaces, restrained teal accents. */
:root{--bg:#d7e0e5;--panel:#e1e8eb;--ink:#273e4b;--muted:#4e636f;--lime:#356b6c;--line:#a9bbc4;--red:#a14f59;--yellow:#806139;--cyan:#346c78;--purple:#656282}
body{background:linear-gradient(180deg,#d0dde2 0,#d7e0e5 850px);color:var(--ink)}
::selection{color:#f2f6f6;background:#356b6c}
.prototype{background:#3d5663;color:#e2ecef;border-color:#526d79}
.brand{font-size:21px;letter-spacing:-.055em;white-space:nowrap}.brand svg{fill:#356b6c}
header{border-color:var(--line)}header nav{gap:24px}header nav a{color:#425d6a}header nav a:hover{color:#28595c}
.button.lime{background:#356b6c;color:#f2f6f6;box-shadow:0 5px 14px #274a5717}.button.lime:hover{background:#2b595c;box-shadow:0 7px 18px #274a5723}
.button.outline{background:#d9e4e7;border:1px solid #91a8b2;color:#304e5a}.button.outline:hover{background:#c9dadd}.text-link:hover{color:#28595c}
.hero{padding-top:55px;gap:38px}.hero h1{font-size:clamp(47px,5vw,74px);color:#273e4b}
.hero h1 em{background:none;color:#356b6c;-webkit-text-fill-color:currentColor}
.hero .intro{color:#344f5c}.hero-detail{color:#4e636f}.hero-copy>.eyebrow,.eyebrow{color:#3d606d}
.hero .hero-actions{gap:23px;flex-wrap:wrap}.hero-actions .button{font-size:15px;padding-inline:20px}
.hero-proof{border-color:var(--line)}.hero-proof b{color:#3d5965}.offer-note{color:#4e636f}
.bot-stage{min-height:620px;background:radial-gradient(ellipse at 50% 32%,#d5e2e3 0,#bacbd0 65%,#afc1c9 100%);border:1px solid #9bb2bc;box-shadow:0 18px 45px #304d5912}
.bot-stage:before{background:none;filter:none}.bot-wordmark{color:#2b4855;font-size:23px}.bot-wordmark span{font-size:12px;color:#3b5663}
.bot-tag{color:#344e5b;border-color:#819da9;background:#cedcdf99;font-size:12px}
.bot-stage-top{inset:25px 24px auto}.bot-stage-bottom{inset:auto 23px 20px;align-items:center}
.bot-stage-bottom p,.bot-stage-bottom p span{color:#344e5b}
#robot-motion{background:#dce6e8;color:#304e5b;border-color:#8fa7b2;font-size:12px}#robot-motion:hover{background:#cbdcde}
#robot-view{inset:62px -15px 108px;overflow:hidden}.robot-loading{color:#344e5b;max-width:320px;z-index:2}
#robot-view canvas{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%)}
.bot-float{background:#dbe5e8ed;border-color:#9cb2bc;padding:9px 12px;box-shadow:0 5px 15px #304d5910}
.bot-float span{color:#435c69;font-size:12px;letter-spacing:0}.bot-float strong{color:#304e5b;font-size:14px}
.bot-float-top{top:auto;bottom:88px;left:21px}.bot-float-bottom{bottom:88px;right:21px;border-left-color:#859e9a}.bot-float-bottom strong{color:#35615f}
.intelligence{padding-top:30px}.intelligence-heading>p:last-child{color:#4e636f}.intelligence h2 em{color:#356b6c}
.workflow-grid{gap:18px}.workflow-grid article{border:1px solid #afc0c7;border-top:3px solid #658b91;border-radius:20px;background:#dce5e8;padding:25px}
.workflow-grid article:nth-child(2){border-color:#afc0c7;border-top-color:#78899e;background:#dce5e8}
.workflow-grid article:nth-child(3){border-color:#afc0c7;border-top-color:#a38b77;background:#dce5e8}
.workflow-grid h3{color:#304b59;font-size:23px}.workflow-grid p,.workflow-num{color:#4e636f}
.ai-note{border-color:var(--line)}.ai-note>span{color:#356168}.ai-note p{color:#4e636f}
.signal-overview{background:#415c6a;border:1px solid #526f7d;border-radius:30px;padding:50px 40px;margin-bottom:60px;gap:50px;box-shadow:0 15px 35px #304d5912}
.signal-overview .section-heading h2,.signal-overview .section-heading .text-link{color:#e2ecef}
.signal-overview .section-heading h2 em{color:#b1d1cb}.signal-overview .section-heading>p:not(.eyebrow){color:#d1dfe5}.signal-overview .eyebrow{color:#c6dcdf}
.signal-terminal,.message{--ink:#e2ecef;--muted:#bccdd5;--line:#667f8b;--lime:#a9c7ca;--cyan:#a9d5d7;--purple:#c9c5df;--yellow:#deccaa;--red:#e2b4b8;background:#304957;border-color:#617c89;box-shadow:0 15px 35px #304d591a}
.terminal-top{background:#3b5563;border-color:#647e8b}.demo-label{border-color:#819aa5;color:#d0dfe5}
.direction{border-color:#74969b;background:#9dbaba12;color:#c0d7d5}.plan-levels>div{background:#3a5462;border-color:#6b828d}
.chart svg>rect:first-of-type{fill:#304957}.chart [stroke="#c4f564"]{stroke:#aacccd}.chart [fill="#c4f564"]{fill:#aacccd}.chart [stroke="#4fe4d0"]{stroke:#b1d3d2}.chart [fill="#4fe4d0"]{fill:#b1d3d2}
.message-prices>div{background:#3b5563;border-top-color:#a9c7ca}.message-prices>div:nth-child(4){border-top-color:#a9c7ca}
.message .avatar{background:#a9c7ca;color:#304957}.message-id{border-color:#839eaa}
.trustline{background:#c2d1d7;border-color:#a7bbc5}.trustline .shell{color:#3b5663}.trustline span+span{border-color:#9fb3bd}
.lifecycle .section-heading>p:not(.eyebrow){color:#4e636f}.thread-number{background:#c7d9dc;border-color:#93b0b8;color:#356b6c}
.view-tabs{background:#c5d5dc;border-color:#9bb4bf}.view-tabs button{color:#3b5663}.view-tabs button[aria-selected=true]{background:#356b6c;color:#f2f6f6}.under-message{color:#4e636f}
.membership{background:#c1d0d6;border-top:1px solid #a5bbc5;border-bottom:1px solid #a5bbc5}
.membership h2{color:#273e4b}.membership h2 em{color:#356b6c}.membership .eyebrow{color:#3b5967}.membership .intro,.membership .check-list{color:#304b59}.membership .check-list li:before{color:#356b6c}.membership .fine{color:#405c68}
.pricing-card{--ink:#273e4b;--muted:#4e636f;--line:#a9bbc4;background:#e1e8eb;color:#273e4b;border-color:#a3b9c3;box-shadow:0 18px 40px #304d5915}
.pricing-card .tag{background:#526c78;color:#eef3f4}.pricing-card .button{background:#356b6c;color:#f2f6f6}.pricing-card .button:hover{background:#2b595c}
.pricing-card .price small,.pricing-card .renewal,.pricing-card>p:not(.renewal),.pricing-card .fine{color:#4e636f}.pricing-card .renewal b{color:#273e4b}.price-rule,.accepted{border-color:#a9bbc4}
.free-section{background:#c3d5d7;border:1px solid #a0b8be;border-radius:30px;margin-block:65px;padding:48px 40px;gap:55px;box-shadow:0 15px 35px #304d5910}
.free-section .eyebrow{color:#3b6067}.free-section h2{color:#273e4b}.free-section h2 em{color:#356b6c}.free-section .intro{color:#34525d!important}.free-section p{color:#405c68}.free-section .button{margin-top:10px}.free-note{padding-top:21px;border-top:1px solid #a0b8be;font-size:14px}
.faq{border-top:1px solid #a9bbc4}.faq h2 em{color:#356b6c}.faq summary{color:#304b59}
.faq details{border-color:#adc0c9;background:#d3dfe4;border-radius:12px;padding-inline:15px;margin-bottom:8px}.faq details[open]{background:#c7d7dc}.faq details p{color:#405c68}.faq summary:after{color:#356b6c}
footer{border-color:#a9bbc4;color:#4e636f}.bot-credit{color:#4e636f;max-width:none;padding-bottom:25px}.bot-credit a{color:#345c68}
dialog{background:#dce6e8;border-color:#9ab1bd;color:#273e4b}dialog h2 em{color:#356b6c}dialog::backdrop{background:#273e4bad}.dialog-close{color:#405c68}.demo-notice{color:#805239!important}
#toast,.skip-link{background:#356b6c;color:#f2f6f6}:focus-visible{outline:3px solid #426979;outline-offset:4px}
@media(max-width:1150px){.hero{gap:24px}.bot-stage{min-height:615px}.bot-wordmark{font-size:20px}.bot-float{padding:8px 10px}.bot-float-top{left:14px}.bot-float-bottom{right:14px}.signal-overview{gap:30px;padding:38px 28px}.workflow-grid article{padding:20px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.bot-stage{max-width:670px;min-height:620px}.bot-wordmark{font-size:23px}.bot-float strong{font-size:15px}.bot-float-top{left:24px}.bot-float-bottom{right:24px}.bot-float{padding:10px 13px}.signal-overview{grid-template-columns:1fr}.free-section{gap:20px}.hero h1{font-size:clamp(49px,8vw,72px)}}
@media(max-width:600px){.brand{font-size:18px}.brand svg{width:26px}.button.small{padding:10px;font-size:12px}.hero{padding-top:36px}.hero h1{font-size:clamp(43px,9.4vw,56px)}.hero-actions .button{font-size:14px;padding:15px}.hero .hero-actions{gap:16px}.bot-stage{min-height:555px}.bot-stage-top{inset:22px 16px auto}.bot-wordmark{font-size:19px}.bot-wordmark span,.bot-tag{display:none}.bot-float{padding:8px;max-width:44%}.bot-float span{font-size:12px;line-height:1.3}.bot-float strong{font-size:12px}.bot-float-top{left:14px}.bot-float-bottom{right:14px}.bot-stage-bottom{inset:auto 15px 20px}.bot-stage-bottom p,.bot-stage-bottom p span{font-size:12px}.workflow-grid article{padding:24px}.signal-overview,.free-section{padding:35px 18px;border-radius:23px}.free-section{margin-block:44px}.pricing-card{padding:25px}.signal-overview{margin-bottom:40px}.bot-credit{font-size:12px}}
