/* Dropdowns anchor beneath the label that opened them, on all preview routes. */
@media(min-width:901px){.nav-shell{position:relative}.nav-group{position:static}.dropdown{right:auto;left:var(--menu-left,0px);top:calc(100% + 9px);width:min(560px,calc(100vw - 48px))}}
/* CTA-only hover. Interface controls keep their own selected and hover states. */
:root{--calab-hover-gradient:linear-gradient(115deg,#4b91ff 0%,#00d9dc 100%)}
html[data-theme] :is(.button,.nav-contact):hover{background:var(--calab-hover-gradient)!important;color:#121212!important;border-color:transparent!important}
.button svg,.nav-contact svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.button:hover svg,.nav-contact:hover svg{transform:translate(3px,-3px)}
.client-proof:focus-within .logo-track{animation-play-state:paused}
.neuralops-intro-scene.mini-workspace{width:min(620px,calc(100vw - 44px));height:245px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:5px auto 0;position:relative;overflow:visible;transform:none;color:#17213d}
.intro-product-shell{height:224px;background:#fffffff5;border:1px solid #ffffffa0;border-radius:12px;box-shadow:0 22px 50px #020f5a24;overflow:hidden;position:relative;text-align:left;backdrop-filter:blur(15px)}
.intro-product-toolbar{height:55px;display:flex;align-items:center;padding:0 16px 0 54px;gap:20px;border-bottom:1px solid #e0e6ef;background:#fff}
.intro-product-logo{position:absolute;left:15px;top:13px;object-fit:contain;z-index:2;transform-origin:center}
.intro-product-toolbar>strong{font-family:"Segoe UI",sans-serif;font-weight:550;font-size:14px;letter-spacing:-.025em}
.intro-product-tabs{display:flex;align-self:stretch;margin-left:auto;gap:4px}
.intro-product-tabs button{padding:0 12px;background:transparent;color:#65718b;border:0;border-bottom:2px solid transparent;font-size:11px}
.intro-product-tabs button[aria-selected=true]{color:#0059ff;border-bottom-color:#0059ff}
.intro-product-tabs button:hover{background:#f1f5ff}.intro-product-tabs button:focus-visible{outline:2px solid #0059ff;outline-offset:-3px}
.intro-product-body{display:flex;height:168px}
.intro-product-sidebar{width:134px;padding:15px 10px;background:#eef1f7;border-right:1px solid #e0e6ef;flex-shrink:0;position:relative}
.intro-product-sidebar>span{display:block;font-size:8px;color:#697894;margin:0 4px 12px;letter-spacing:.03em}
.intro-product-sidebar>div{font-size:8px;padding:6px;border-radius:4px;color:#596c8c;white-space:nowrap}
.intro-product-sidebar>.intro-sidebar-active{background:#e0e8ff;color:#23385b}
.intro-product-sidebar>img{position:absolute;bottom:8px;left:14px;object-fit:cover;width:70px;height:24px}
.intro-product-content{padding:14px 20px;flex:1;min-width:0;position:relative}
.intro-view{height:100%;position:relative}
.intro-chat-question{font-size:10px;padding:8px 13px;border-radius:8px 8px 0 8px;background:#eaf0ff;width:max-content;max-width:90%;margin-left:auto}
.intro-chat-answer{display:flex;align-items:flex-start;gap:10px;margin-top:15px}
.intro-chat-answer>img{object-fit:contain;flex-shrink:0}
.intro-chat-answer strong{font-size:10px;font-weight:550;line-height:1.4;display:block}
.intro-chat-answer p{font-size:9px;color:#536584;line-height:1.6;margin-top:3px}
.intro-chat-answer div>span{display:block;font-size:7px;color:#0059ff;margin-top:5px}
.intro-chat-composer{position:absolute;bottom:0;left:0;right:0;border:1px solid #9bb5ff;border-radius:999px;font-size:8px;padding:7px 11px;color:#71809b;display:flex;justify-content:space-between;gap:15px}
.intro-chat-composer>span:last-child{color:#0059ff}
.intro-view-label{font-size:10px;font-weight:500;color:#536584;margin:4px 0 16px}
.intro-workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:23px}
.intro-workflow-steps>div{display:flex;align-items:center;flex-direction:column;gap:7px;flex:1;text-align:center}
.intro-workflow-steps img{object-fit:contain;height:26px;width:26px}
.intro-step-icon{height:26px;width:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#e8efff;font-size:16px;color:#0059ff}
.intro-workflow-steps strong{font-size:10px;font-weight:550}.intro-workflow-steps small{font-size:7px;color:#63789a}
.intro-workflow-steps>i{width:35px;height:1px;flex-shrink:0;background:linear-gradient(90deg,#0059ff,#00ffd4);transform:translateY(-12px)}
.intro-control-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.intro-control-chips>div{padding:13px 10px;border:1px solid #d4dff1;border-radius:7px;min-width:0;background:#f7f9fd}
.intro-control-chips span{display:block;font-size:8px;color:#0059ff;margin-bottom:13px}.intro-control-chips strong{display:block;font-size:10px;font-weight:550}.intro-control-chips small{display:block;font-size:7px;line-height:1.55;color:#63789a;margin-top:5px}
.neuralops-intro-scene>figcaption{position:absolute;bottom:0;left:0;right:0;font-size:8px;letter-spacing:.03em;text-align:center;color:var(--chapter-ink,#fff);opacity:.65}
.intro-scene-active .intro-product-logo{animation:intro-logo-dock 1.45s cubic-bezier(.16,1,.3,1) both}
.intro-scene-active .intro-product-toolbar>strong,.intro-scene-active .intro-product-tabs{animation:intro-content .65s .6s cubic-bezier(.16,1,.3,1) both}
.intro-scene-active .intro-product-sidebar{animation:intro-sidebar .9s .45s cubic-bezier(.16,1,.3,1) both}
.intro-scene-active .intro-chat-question{animation:intro-content .8s .8s cubic-bezier(.16,1,.3,1) both}
.intro-scene-active .intro-chat-answer{animation:intro-content .8s 1.1s cubic-bezier(.16,1,.3,1) both}
.intro-scene-active .intro-chat-composer{animation:intro-content .65s 1.3s cubic-bezier(.16,1,.3,1) both}
@keyframes intro-logo-dock{0%{transform:translate(275px,84px) scale(2.8);opacity:0}15%,30%{transform:translate(275px,84px) scale(2.8);opacity:1}to{transform:none;opacity:1}}
@keyframes intro-content{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes intro-sidebar{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}
html[data-theme=dark] .intro-product-shell{background:#202733;color:#f1f3f8;border-color:#8ba5ca40}
html[data-theme=dark] .intro-product-toolbar{background:#222c3c;border-color:#ffffff18}
html[data-theme=dark] .intro-product-sidebar{background:#1b2433;border-color:#ffffff18}
html[data-theme=dark] .intro-product-sidebar>.intro-sidebar-active,html[data-theme=dark] .intro-chat-question{background:#2b3b5b;color:#f1f3f8}
html[data-theme=dark] :is(.intro-product-tabs button,.intro-product-sidebar>span,.intro-product-sidebar>div,.intro-chat-answer p,.intro-view-label,.intro-workflow-steps small,.intro-control-chips small){color:#bdcce2}
html[data-theme=dark] .intro-product-tabs button[aria-selected=true]{color:#94b9ff}
html[data-theme=dark] .intro-product-tabs button:hover{background:#2b3b5b}
html[data-theme=dark] .intro-control-chips>div{background:#273349;border-color:#4a6082}
html[data-theme=dark] .intro-chat-answer div>span{color:#94b9ff}
@media(max-width:600px){.neuralops-intro-scene.mini-workspace{height:238px;width:calc(100vw - 44px);margin-top:8px}.intro-product-shell{height:217px;border-radius:10px}.intro-product-toolbar{height:50px;padding-left:44px;padding-right:8px;gap:10px}.intro-product-logo{left:11px;top:12px;width:25px;height:25px}.intro-product-toolbar>strong{font-size:12px}.intro-product-tabs{gap:0}.intro-product-tabs button{font-size:9px;padding-inline:7px}.intro-product-sidebar{display:none}.intro-product-content{padding:13px 16px}.intro-chat-question{font-size:10px}.intro-chat-answer{margin-top:15px}.intro-chat-answer p{font-size:9px}.intro-chat-composer{font-size:8px}.intro-workflow-steps{gap:6px;margin-top:20px}.intro-workflow-steps>i{width:19px}.intro-workflow-steps strong{font-size:10px}.intro-workflow-steps small{font-size:7px}.intro-control-chips>div{padding:12px 9px}.intro-control-chips strong{font-size:10px}.intro-control-chips small{font-size:7px}@keyframes intro-logo-dock{0%{transform:translate(145px,75px) scale(2.5);opacity:0}15%,30%{transform:translate(145px,75px) scale(2.5);opacity:1}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:reduce){.neuralops-intro-scene *{animation:none!important;transition:none!important}.button svg,.nav-contact svg{transition:none}}
