/* Product storytelling, live demos and motion. */
.section{padding-block:92px}
.hero{padding-top:48px}
.hero h1{margin-top:24px;font-size:clamp(60px,5.8vw,82px)}
.hero h1 span{display:inline-block;background:linear-gradient(105deg,#49382f 0%,#bc6c48 20%,#a04d76 38%,#6555a0 55%,#447f83 72%,#b8793f 88%,#49382f 100%);background-size:320% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-spectrum 12s ease-in-out infinite alternate}
.hero h1 .title-first{animation-delay:-6s;background-size:360% 100%}
.hero h1 .title-second{animation-delay:-1s}
@keyframes title-spectrum{0%{background-position:0% 50%}50%{background-position:65% 50%}100%{background-position:100% 50%}}
.hero-light{animation:ambient-shift 15s ease-in-out infinite alternate;will-change:transform}
@keyframes ambient-shift{from{transform:translateX(-52%) scale(.97);opacity:.65}to{transform:translateX(-47%) scale(1.08);opacity:1}}
.hero-tag .live-dot{animation:breathe 2s ease-in-out infinite}
.hero-copy>*{animation:hero-arrival .9s var(--ease) both}
.hero-copy>h1{animation-delay:.1s}.hero-copy>.hero-description{animation-delay:.2s}.hero-copy>.hero-actions{animation-delay:.3s}.hero-copy>.hero-platforms{animation-delay:.4s}
@keyframes hero-arrival{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.product-stage{margin-top:40px}
.desktop-window{transform:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
/* A zero-minimum grid row prevents chat content growing past the fixed shell. */
.desktop-body{height:520px;grid-template-rows:minmax(0,1fr)}
.demo-main,.demo-sidebar,.demo-files{min-height:0;min-width:0}
.demo-main{overflow:hidden;padding-bottom:18px}
.demo-pane{flex:1 1 0;overscroll-behavior:contain}
.demo-sidebar{overflow:auto;scrollbar-width:thin}
.sidebar-bottom{padding-top:16px;flex-shrink:0}
.demo-composer{position:relative;z-index:1}
.demo-heading>div:first-child{min-width:0}
.demo-heading b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-view-switch{display:flex;gap:2px;background:#f0f1eb;border-radius:6px;padding:3px;flex-shrink:0;margin-left:9px}
.demo-view-switch button{padding:5px 9px;font-size:8px;border-radius:4px;background:transparent;color:#8a8f7f;transition:background .25s,color .25s}
.demo-view-switch button[aria-pressed=true]{background:white;color:#434b35;box-shadow:0 1px 4px #313d1f0b}
.desktop-status{position:relative;display:flex;justify-content:space-between;gap:12px;padding:9px 15px;background:#f4f5ef;border:1px solid #e3e5dc;border-radius:0 0 12px 12px;font-size:8px;color:#8d9381}
.desktop-status>span{display:flex;align-items:center;gap:6px}.desktop-status .icon{width:11px;height:11px}.desktop-status .live-dot{width:4px;height:4px}.status-separator{height:8px;width:1px;background:#d8decd;margin:0 3px}
.demo-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px}
.scene-buttons{display:flex;gap:5px;padding:5px;background:#eaeae4;border:1px solid #e4e4db;border-radius:30px}
.scene-buttons button{position:relative;overflow:hidden;background:transparent;padding:12px 21px;border-radius:24px;color:#999c8d;font-size:11px;transition:background .4s,color .4s,box-shadow .4s}
.scene-buttons button>span{font-size:8px;color:#a5a791;margin-right:7px}
.scene-buttons button.active{background:#fffffb;color:#585d49;box-shadow:0 2px 7px #393d2310}
.scene-buttons button i{position:absolute;bottom:0;left:18%;height:2px;width:64%;background:#cc976c;transform:scaleX(0);transform-origin:left}
.scene-buttons button.active i{animation:scene-progress 8s linear forwards}
@keyframes scene-progress{to{transform:scaleX(1)}}
.demo-play{display:flex;align-items:center;gap:7px;background:none;color:#969b85;font-size:9px;padding:8px}
.play-glyph{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d7dace;border-radius:50%;font-size:10px;color:#727c60}
.demo-paused .scene-buttons button i{animation-play-state:paused}
.scene-description{font-size:11px;line-height:1.8;text-align:center;color:#91977f;margin-top:14px;min-height:20px}
.demo-pane.demo-enter>*{animation:demo-message .6s var(--ease) both}
.demo-pane.demo-enter>*:nth-child(2){animation-delay:.12s}.demo-pane.demo-enter>*:nth-child(3){animation-delay:.25s}.demo-pane.demo-enter>*:nth-child(4){animation-delay:.4s}.demo-pane.demo-enter>*:nth-child(5){animation-delay:.55s}.demo-pane.demo-enter>*:nth-child(6){animation-delay:.7s}.demo-pane.demo-enter>*:nth-child(7){animation-delay:.85s}
@keyframes demo-message{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.demo-running{display:flex;align-items:center;gap:6px;font-size:8px;color:#929b7f;margin-top:11px}
.demo-running .wave{margin-left:0;width:23px;height:12px}.demo-running .wave i{background:#9da984}
.trace-summary{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px;background:#f0f2e9;margin-bottom:14px;color:#657353;font-size:10px}.trace-summary small{font-size:8px;color:#96a084}
.trace-event{position:relative;padding:0 0 20px 20px;margin-left:4px;border-left:1px solid #e0e6d5}
.trace-event::before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;border-radius:50%;background:#a6b58f;box-shadow:0 0 0 4px #f9faf5}
.trace-event b{font-size:9px;font-weight:500;color:#77826a}.trace-event time{float:right;font-size:8px;color:#a6ad99}.trace-event p{font-size:9px;color:#9ca38f;margin-top:3px}.trace-event:last-child{padding-bottom:0;border-left-color:transparent}.trace-event:last-child::before{background:#daa56d;animation:breathe 2s infinite}
.cli-strip{padding-block:48px}.cli-logos img{transition:filter .35s,transform .35s}.cli-logos>span:hover img{filter:saturate(1);transform:translateY(-4px)}
.workspace-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:35px 5px 0}
.workspace-details>div{display:grid;grid-template-columns:24px 1fr;column-gap:11px;align-items:center}
.workspace-details .icon{color:#a4987d;width:19px;height:19px}.workspace-details b{font-size:12px;font-weight:550;color:#747965}.workspace-details p{grid-column:2;font-size:11px;line-height:1.9;margin-top:9px;color:#939b83}
.workflow{padding-top:0}.workflow-intro{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;margin-bottom:35px}.workflow-intro>.eyebrow{width:100%;color:#91967f;margin-bottom:20px}.workflow-intro h2{font-size:45px;line-height:1.3}.workflow-intro p{font-size:12px;line-height:2;color:#929b7f;margin:0 0 5px 30px}
.workflow-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}
.workflow-steps{display:flex;flex-direction:column;gap:7px}
.workflow-steps button{display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:20px 18px;border-radius:14px;background:transparent;transition:background .4s,transform .4s var(--ease)}
.workflow-steps button.active{background:#eceee5;transform:translateX(5px)}
.workflow-steps button>span{font-size:10px;font-variant-numeric:tabular-nums;color:#b0b59f}.workflow-steps b{font-size:14px;font-weight:550;color:#7d876b}.workflow-steps .active b{color:#434f35}.workflow-steps small{font-size:10px;display:block;color:#9ba38b;margin-top:8px;line-height:1.8}.workflow-steps .icon{width:17px;height:17px;color:#a9b19a;margin-left:auto;opacity:0;transform:translateX(-8px);transition:.35s}.workflow-steps .active .icon{opacity:1;transform:none}
.workflow-preview{background:linear-gradient(130deg,#eeeae2,#f2f0e9 55%,#f1e3d1);border-radius:22px;padding:24px 28px;border:1px solid #eae6dd;min-height:380px;display:flex;flex-direction:column;overflow:hidden}
.workflow-preview-top{display:flex;align-items:center;gap:7px;color:#a59e8a;font-size:8px;letter-spacing:.1em}.workflow-preview-top>span:last-child{margin-left:auto;letter-spacing:.15em}.workflow-preview-top>.live-dot{width:4px;height:4px}
#workflow-content{flex:1;padding:26px 0 20px;min-width:0}#workflow-content.swap{animation:pane-in .55s var(--ease)}
.workflow-message{font-size:12px;color:#8a7d65;background:#fffaf0aa;border:1px solid #fff9;padding:12px 15px;border-radius:10px;margin-bottom:19px;line-height:1.7}
.workflow-item{display:flex;align-items:center;gap:11px;background:#fdfcf7;margin-top:9px;border-radius:10px;padding:13px;box-shadow:0 4px 12px #5f51390a}.workflow-item>.icon{width:19px;height:19px;color:#b39e7c}.workflow-item img{width:20px;height:20px}.workflow-item b{font-size:10px;font-weight:550;color:#7a7c68;display:block}.workflow-item small{display:block;font-size:9px;line-height:1.7;color:#a5a28e;margin-top:4px}.workflow-item>span:last-child{margin-left:auto;font-size:8px;color:#9ba17f;white-space:nowrap}.workflow-item .live-dot{width:4px;height:4px}
.workflow-preview-foot{display:flex;justify-content:space-between;font-size:8px;color:#b2a58b;padding-top:14px;border-top:1px solid #ded8c880}
.orbit::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#e9c595;box-shadow:0 0 14px #f2c278;top:0;left:0;offset-path:ellipse(50% 50% at 50% 50%);animation:orbit-travel 9s linear infinite}
.orbit-two::after{animation-duration:14s;animation-delay:-5s;width:4px;height:4px;opacity:.7}.orbit-three::after{animation-duration:19s;animation-delay:-8s;opacity:.4}
@keyframes orbit-travel{to{offset-distance:100%}}
.core-mark{animation:core-pulse 5s ease-in-out infinite}@keyframes core-pulse{50%{box-shadow:0 0 75px #efd09230,inset 0 1px #fff3}}
.team-usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-top:37px;margin-top:39px;border-top:1px solid #c4c6b21a}
.team-usecases article>span{font-size:8px;letter-spacing:.18em;color:#b2a382}.team-usecases h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin-top:13px;color:#d5d5c5}.team-usecases p{font-size:11px;line-height:1.95;color:#8f9880;margin-top:10px}
.memory-chip::after{content:"";position:absolute;top:50%;right:100%;width:8px;height:3px;border-radius:50%;background:#c29b6a;box-shadow:0 0 8px #c29b6a88;animation:memory-delivery 3s ease-in-out infinite}.memory-chip:nth-of-type(3)::after{animation-delay:1s}.memory-chip:nth-of-type(4)::after{animation-delay:2s}
@keyframes memory-delivery{0%{transform:translateX(-130px);opacity:0}20%{opacity:.8}80%{opacity:.8}100%{transform:translateX(0);opacity:0}}
.approval-preview{animation:approval-float 7s ease-in-out infinite}.split-handle{animation:handle-glow 3s ease-in-out infinite}@keyframes approval-float{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes handle-glow{50%{box-shadow:0 0 0 5px #a7b48b20}}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}
@media(min-width:1500px){.desktop-body{height:530px}.hero{padding-top:60px}.hero h1{font-size:88px}}
@media(max-width:1050px){.desktop-body{height:510px}.workspace-details{gap:22px}.workflow-layout{gap:28px}.workflow-intro h2{font-size:40px}.workflow-intro p{max-width:320px}.workflow-preview{padding:23px}.team-usecases{gap:25px}}
@media(max-width:760px){.section{padding-block:65px}.hero{padding-top:38px}.hero h1{font-size:59px}.desktop-body{height:450px}.desktop-window{transform:none}.demo-main{padding-bottom:13px}.demo-heading{height:52px}.demo-view-switch button{font-size:7px;padding:4px 6px}.demo-view-switch{margin-left:5px}.desktop-status{font-size:6px;padding:8px 10px}.desktop-status .icon{width:9px;height:9px}.desktop-status .status-separator{display:none}.desktop-status>span:last-child{gap:4px}.demo-heading b{max-width:150px}.demo-controls{gap:8px;margin-top:20px}.scene-buttons{gap:2px;padding:4px;flex:1;max-width:300px}.scene-buttons button{padding:10px 7px;font-size:8px;flex:1;white-space:nowrap}.scene-buttons button>span{font-size:6px;margin-right:4px}.demo-play{padding:4px}.play-label{display:none}.play-glyph{width:25px;height:25px;font-size:9px}.scene-description{font-size:9px;margin-top:11px;padding:0 5px}.trace-event{padding-left:12px;padding-bottom:14px}.trace-event p,.trace-event b{font-size:8px}.trace-event time{font-size:6px}.trace-summary{font-size:8px;padding:9px}.trace-summary small{font-size:6px}.demo-running{font-size:7px}.workspace-details{grid-template-columns:1fr;gap:22px;padding-top:27px}.workspace-details b{font-size:12px}.workspace-details p{font-size:11px;margin-top:6px}.workflow{padding-top:0}.workflow-intro{display:block;margin-bottom:25px}.workflow-intro h2{font-size:35px}.workflow-intro .eyebrow{font-size:10px;margin-bottom:17px}.workflow-intro p{font-size:11px;margin:17px 0 0;max-width:none}.workflow-layout{grid-template-columns:1fr;gap:22px}.workflow-steps{gap:3px}.workflow-steps button{padding:14px 12px;gap:13px}.workflow-steps b{font-size:12px}.workflow-steps small{font-size:9px;margin-top:5px}.workflow-steps button.active{transform:none}.workflow-preview{min-height:350px;padding:21px}.workflow-message{font-size:11px}.workflow-item{padding:12px;gap:9px}.workflow-item b{font-size:10px}.workflow-item small{font-size:8px}.workflow-item>span:last-child{font-size:7px}.team-usecases{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:28px}.team-usecases h3{font-size:17px;margin-top:9px}.team-usecases p{font-size:11px;margin-top:8px}.memory-chip::after{display:none}.cli-strip{padding-block:40px}.mobile-section{padding-block:65px}.faq{padding-top:0}.scene-buttons button i{left:12%;width:76%}}
@media(max-width:380px){.hero h1{font-size:53px}.demo-heading b{max-width:125px}.desktop-body{height:440px}.demo-heading{height:65px;align-items:start;flex-direction:column;justify-content:center;gap:5px}.demo-heading small{display:none}.demo-view-switch{padding:2px;margin-left:0}.demo-view-switch button{padding:3px 8px}.scene-buttons button{font-size:7px;padding:10px 5px}.desktop-status>span:last-child{font-size:5px}}
@media(prefers-reduced-motion:reduce){.hero h1 span{background-position:45% 50%}.hero-copy>*{opacity:1;transform:none}.demo-pane.demo-enter>*{opacity:1;transform:none}.scene-buttons button.active i{transform:scaleX(1)}.orbit::after,.memory-chip::after{display:none}}