/* Animated workflow art direction: original violet, blue and turquoise. */
:root{--grad:linear-gradient(90deg,#a24cff,#1eb7ff 55%,#10d0b0);--grad-btn:linear-gradient(135deg,#7b47ff,#11b7f5)}
.hero,.audit{background:radial-gradient(ellipse at 85% 35%,#4935ae44,transparent 55%),radial-gradient(ellipse at 10% 95%,#13b9da22,transparent 50%),#09162f}
.hero .grad-text{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn-hero,.btn-grad,.chat-fab,.chat-f button,.chat-h .av,.msg.me{background:var(--grad-btn)}
.btn-hero{box-shadow:0 10px 32px #6550ff35}.btn-hero:hover,.btn-grad:hover{box-shadow:0 14px 40px #675bff60}
.svc .ico{background:linear-gradient(135deg,#eee8ff,#dff4ff);color:#5c45c8}.svc:hover{border-color:#aa8ce9;box-shadow:0 20px 45px #633fe416}
.plan.feat{background:linear-gradient(145deg,#122449,#292056);border-color:#7266b6}.badge{background:linear-gradient(100deg,#e7ddff,#d8f7ff)!important}
.scroll-meter,.welcome-track:after{background:var(--grad)}.nav{background:#091a38ee!important}
.workflow-surface{position:relative;isolation:isolate;overflow:hidden}.workflow-surface>.wrap{position:relative;z-index:1}
.workflow-background{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.36}
.workflow-tracks path,.workflow-signals path{fill:none;stroke-width:1.2;stroke-linecap:round}.workflow-tracks path{stroke:#7188cb44}
.workflow-signals path{stroke:#43bdf3;stroke-width:2;stroke-dasharray:24 280;animation:workflow-travel 17s linear infinite;filter:drop-shadow(0 0 4px #4bbcf799)}
.workflow-signals path:nth-child(2){stroke:#ac77ff;animation-duration:21s;animation-direction:reverse}.workflow-signals path:nth-child(3){stroke:#3dddd0;animation-duration:24s}
.workflow-junctions rect{fill:#10254a;stroke:#7d92d7;stroke-width:1;animation:junction-light 5s ease-in-out infinite;animation-delay:var(--delay)}
.workflow-junctions text{fill:#aacbff;font-size:18px}.demo-lab .workflow-background{opacity:.22}.demo-lab .workflow-junctions rect{fill:#f5f7ff;stroke:#6d63da}.demo-lab .workflow-junctions text{fill:#6257bd}
.demo-lab{background:linear-gradient(115deg,#edf1fc,#f2edfc 60%,#e8f5fc)}
.welcome{background:radial-gradient(ellipse at 50% 35%,#354b9855,transparent 50%),#09162f;overflow:hidden}
.welcome:before,.welcome:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #918aff33;border-radius:50%;pointer-events:none;transform:rotateX(65deg);top:calc(50% - 200px)}
.welcome:after{width:580px;height:580px;top:calc(50% - 250px);border-style:dashed;animation:welcome-orbit 9s linear infinite}
.welcome .robot-wrap{z-index:1;animation:welcome-bounce 2.9s ease both;perspective:1000px}.welcome .robot{animation:welcome-turn 2.8s cubic-bezier(.24,.65,.35,1) both}
.welcome h2{z-index:1;animation:welcome-title .8s .15s both}.welcome p,.welcome button,.welcome-track{z-index:1}.welcome h2{background:linear-gradient(90deg,#fff,#c6b7ff,#a6eaff);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome-track:after{animation-duration:3.3s}
.stage-ring{animation:stage-breathe 7s ease-in-out infinite;border-color:#a68eff44}.robot-chip{animation:chip-hover 6s ease-in-out infinite}.chip-two{animation-delay:-2s}.chip-three{animation-delay:-4s}
.robot-eye{background:#79d4ff;box-shadow:0 0 18px #7896ff99}.robot-core{background:linear-gradient(135deg,#d8ccff,#c3efff)}
.lab-window{background:#ffffffed;backdrop-filter:blur(8px);box-shadow:0 25px 70px #35357518;border-radius:15px;border-color:#cfd5ef}.lab-bar{background:#f8f9ff}.lab-bar i:first-child{background:#ba91f3}.lab-bar i:nth-child(2){background:#74bfff}.lab-bar i:nth-child(3){background:#7bdad4}
.lab-content{min-height:435px}.conversation-status{font:10px var(--f-mono);color:#706592;min-height:30px;letter-spacing:.02em}.lab-bubble{min-height:53px;animation:message-enter .4s ease both}.lab-bubble.reply{background:linear-gradient(120deg,#ebe6ff,#e3f3fc);min-height:100px}.user-message:empty:after{content:'…';color:#7288b5}.lab-result{animation:message-enter .4s ease both;border-color:#e0e4f0}
.demo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0 18px}.demo-node{position:relative;text-align:center;color:#8490ab;transition:color .5s}.demo-node>span{display:grid;place-items:center;width:34px;height:34px;margin:auto;border-radius:10px;background:#f4f5fa;border:1px solid #dce0ed;position:relative;z-index:1;transition:background .5s,box-shadow .5s,transform .5s}.demo-node small{font-size:9px;display:block;margin-top:6px}.demo-node:not(:last-child):after{content:'';position:absolute;top:16px;left:calc(50% + 18px);width:calc(100% - 26px);height:2px;background:#dfe4f0}.demo-node.active{color:#5940b5}.demo-node.active>span{background:linear-gradient(135deg,#7853dc,#339ddd);color:#fff;border-color:transparent;box-shadow:0 4px 16px #7463d733;transform:translateY(-2px)}.demo-node.active:not(:last-child):after{background:linear-gradient(90deg,#9769e9,#6db7f1);animation:wire-light .6s ease both;transform-origin:left}
.demo-typing{display:inline-flex;gap:5px;padding:10px 0}.demo-typing i{width:6px;height:6px;background:#7d65c9;border-radius:50%;animation:typing-dot 1s infinite}.demo-typing i:nth-child(2){animation-delay:.15s}.demo-typing i:nth-child(3){animation-delay:.3s}.demo-controls{display:flex;gap:18px;padding:0 28px 17px}.demo-controls button{background:none;border:0;border-bottom:1px solid #c5ccea;color:#5947a5;padding:8px 0;cursor:pointer;font:500 11px var(--f-body)}.motion-toggle{position:relative;z-index:2;display:block;margin:20px auto -30px;border:1px solid #7d96c944;background:#11204199;color:#bac8e3;border-radius:20px;padding:7px 13px;font:10px var(--f-body);cursor:pointer}
.motion-paused .workflow-background *,.motion-paused .robot-wrap,.motion-paused .robot *,.motion-paused .robot-chip,.motion-paused .stage-ring{animation-play-state:paused!important}
@keyframes workflow-travel{to{stroke-dashoffset:-1216}}@keyframes junction-light{50%{stroke:#b187ff;filter:drop-shadow(0 0 6px #8f75ff77)}}@keyframes welcome-turn{0%{transform:rotateY(-200deg) rotateZ(-12deg) scale(.65);opacity:0}25%{opacity:1}78%{transform:rotateY(365deg) rotateZ(6deg) scale(1.04)}100%{transform:rotateY(346deg) rotateX(-6deg) scale(1)}}@keyframes welcome-bounce{0%{translate:0 35px}60%{translate:0 -16px}100%{translate:0 0}}@keyframes welcome-title{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes welcome-orbit{to{transform:rotateX(65deg) rotate(360deg)}}@keyframes stage-breathe{50%{scale:1.04;opacity:.5}}@keyframes chip-hover{50%{translate:0 -6px}}@keyframes message-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes typing-dot{50%{transform:translateY(-4px);opacity:.45}}@keyframes wire-light{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.workflow-background{opacity:.22}.lab-content{min-height:475px;padding:20px}.welcome h2{font-size:2rem;text-align:center}.welcome:before{width:320px;height:320px}.welcome:after{width:400px;height:400px}.demo-controls{padding-inline:20px}.demo-node small{font-size:8px}.motion-toggle{margin-bottom:-16px}}
@media(prefers-reduced-motion:reduce){.workflow-background *,.welcome *,.robot-chip,.stage-ring,.demo-typing i{animation:none!important}.workflow-signals path{stroke-dasharray:none;opacity:.3}.welcome .robot{opacity:1;transform:none}.welcome h2{opacity:1;translate:none}}
#plans.pricing-stage{isolation:isolate;overflow:visible}#plans.pricing-stage .plan{position:relative;transform-origin:center center}#plans.pricing-stage .plan.feat{z-index:2}
/* Shared mascot in the chat launcher and conversation header. */
#chatFab .mascot-avatar,.chat-h .mascot-avatar{position:relative;display:block;flex:none;width:48px;height:48px;padding:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 40% 30%,#48529c,#152649 75%);box-shadow:0 0 0 1px #b6c3ff77}
#chatFab .mascot-avatar .robot-wrap,.chat-h .mascot-avatar .robot-wrap{position:absolute;left:6px;top:2px;width:240px;height:310px;margin:0;scale:1;transform:scale(.145);transform-origin:top left;animation:none;translate:none}
.chat-h .mascot-avatar .robot,#chatFab .mascot-avatar .robot{--rx:-6deg;--ry:-10deg}
#chatFab .dot{left:44px;top:8px}