.case-preview{--case-preview-accent:#b84a30;--case-preview-lime:#b9d96b;background:#222d28;border-bottom:1px solid #35413b;min-height:340px;padding:20px;position:relative;overflow:hidden}.case-preview:before{content:"";opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;mask-image:radial-gradient(circle at 60% 45%,#000,#0000 72%)}.case-preview:after{content:"";background:var(--case-preview-accent);filter:blur(80px);opacity:.18;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-150px;right:-120px}.preview-topline{z-index:2;color:#839089;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;font:400 .58rem/1 DM Mono,ui-monospace,monospace;display:flex;position:relative}.preview-status{color:var(--case-preview-lime)}.case-preview--ai-vitamin-consultant{background:#24302a}.case-preview--ai-market-automation{background:#18251f}.case-preview--marketing-delivery-platform{background:#202a35}.chat-preview{color:#19201d;background:#f5f1e8;border:1px solid #d4cdc1;border-radius:14px;grid-template-columns:62px 1fr;display:grid;position:absolute;inset:70px 7% 34px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 24px 55px #00000047}.chat-sidebar{background:#17201d;flex-direction:column;align-items:center;gap:15px;padding:17px 12px;display:flex}.chat-avatar{color:#fff;background:var(--case-preview-accent);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:10px;font-weight:700;display:grid}.sidebar-item{background:#48534e;border-radius:10px;width:22px;height:4px}.sidebar-item.is-current{background:var(--case-preview-lime)}.chat-sidebar>i{border:1px solid #4b5751;border-radius:50%;width:28px;height:28px;margin-top:auto}.chat-main{min-width:0;padding:20px 22px}.chat-header{border-bottom:1px solid #d8d1c6;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.chat-header div{display:grid}.chat-header small{color:#778079;text-transform:uppercase;font:400 .55rem/1.2 DM Mono,ui-monospace,monospace}.chat-header strong{font-size:.9rem}.chat-header>span{color:#52725c;align-items:center;gap:6px;font-size:.62rem;display:flex}.chat-header>span i{background:#62a477;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #62a4771f}.chat-question{background:#e3ddd2;border-radius:10px 10px 2px;gap:6px;width:64%;margin:18px 0 14px auto;padding:12px 14px;animation:4.6s ease-in-out infinite case-question-float;display:grid}.chat-question span{background:#a9aaa3;border-radius:10px;height:6px}.chat-question span:last-child{width:72%}.chat-product-answer{background:#fffdf9;border:1px solid #ded7cc;border-radius:10px;grid-template-columns:52px 1fr;gap:14px;padding:14px;display:grid;box-shadow:0 8px 22px #1e24200f}.product-bottle{background:#f0eee8;border:1px solid #ccc6bb;border-radius:4px 4px 8px 8px;place-items:center;width:46px;height:70px;margin-top:2px;display:grid;position:relative}.product-bottle:before{content:"";background:#c8c4bb;border-radius:3px 3px 0 0;width:24px;height:7px;position:absolute;top:-6px}.product-bottle i{background:var(--case-preview-accent);opacity:.82;position:absolute;inset:25px 6px 11px}.product-bottle b{z-index:1;color:#fff;font-size:.72rem;position:relative}.chat-body{min-width:0;padding-top:3px}.chat-answer{gap:8px;display:grid}.chat-answer span{background:linear-gradient(90deg,#8e9891 0 38%,#c7cec9 50%,#8e9891 62% 100%) 0 0/240% 100%;border-radius:99px;height:7px;animation:3.8s ease-in-out infinite case-chat-scan}.chat-answer span:nth-child(2){width:84%;animation-delay:.18s}.chat-answer span:nth-child(3){width:62%;animation-delay:.36s}.chat-sources{gap:6px;margin-top:14px;display:flex}.chat-sources i{border:1px solid #c8c2b7;border-radius:99px;width:42px;height:17px}.market-preview{background:#111814;border:1px solid #3a4740;border-radius:12px;grid-template-rows:auto 1fr auto;grid-template-columns:.72fr 1.28fr;gap:12px;padding:16px;display:grid;position:absolute;inset:62px 22px 22px;box-shadow:0 18px 40px #00000038}.market-toolbar{border-bottom:1px solid #35423c;grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.market-toolbar div{align-items:center;gap:8px;display:flex}.market-toolbar div i{background:var(--case-preview-lime);border-radius:2px;width:8px;height:8px}.market-toolbar strong{color:#dce4df;font-size:.72rem;font-weight:600}.market-toolbar>span{color:#8fa098;text-transform:uppercase;font:400 .52rem/1 DM Mono,ui-monospace,monospace}.market-metrics{gap:8px;display:grid}.market-metric{background:#18211d;border:1px solid #3e4b44;border-radius:8px;flex-direction:column;justify-content:center;padding:13px;display:flex}.market-metric small{color:#89968f;text-transform:uppercase;font:400 .52rem/1 DM Mono,ui-monospace,monospace}.market-metric strong{color:var(--case-preview-lime);margin-top:7px;font-size:1.55rem;font-weight:600}.market-metric--risk strong{color:#d9e1dc;letter-spacing:.08em;font-size:1rem}.market-chart{background-image:linear-gradient(#2c3832 1px,#0000 1px);background-size:100% 25%;border:1px solid #3e4b44;border-radius:8px;justify-content:space-around;align-items:end;padding:22px 14px 0;display:flex;position:relative;overflow:hidden}.market-chart i{z-index:1;background:#65766d;border-radius:3px 3px 0 0;width:9%;height:44%}.market-chart i:nth-child(2){height:57%}.market-chart i:nth-child(3){height:49%}.market-chart i:nth-child(4){background:#839d79;height:72%}.market-chart i:nth-child(5){height:66%}.market-chart i:nth-child(6){background:var(--case-preview-lime);height:88%}.market-chart span{background:var(--case-preview-accent);height:2px;box-shadow:42px -9px 0 -.5px var(--case-preview-accent), 88px 1px 0 -.5px var(--case-preview-accent);position:absolute;top:43%;left:10%;right:8%;transform:rotate(-9deg)}.market-chart b{z-index:2;border:2px solid var(--case-preview-lime);border-radius:50%;width:8px;height:8px;animation:2.6s ease-in-out infinite case-market-point;position:absolute;top:24%;right:10%;box-shadow:0 0 0 6px #b9d96b14}.market-orders{border-top:1px solid #35423c;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.market-orders span{color:#849089;align-items:center;gap:6px;padding-top:11px;font:400 .5rem/1 DM Mono,ui-monospace,monospace;display:flex}.market-orders span i{background:#66766e;border-radius:50%;width:5px;height:5px}.market-orders span:nth-child(2) i{background:#909d79}.market-orders span:last-child i{background:var(--case-preview-lime)}.pipeline-preview{color:#1b231f;background:#f2efe8;border:1px solid #52606b;border-radius:12px;grid-template-columns:46px 1fr;display:grid;position:absolute;inset:62px 22px 22px;overflow:hidden;box-shadow:0 18px 40px #0003}.pipeline-sidebar{background:#17202a;flex-direction:column;align-items:center;gap:14px;padding:14px 10px;display:flex}.pipeline-sidebar strong{color:#fff;background:var(--case-preview-accent);border-radius:7px;place-items:center;width:26px;height:26px;margin-bottom:8px;display:grid}.pipeline-sidebar span{background:#46525e;border-radius:4px;width:20px;height:4px}.pipeline-sidebar span.is-current{background:var(--case-preview-lime)}.pipeline-sidebar i{border:1px solid #4a5661;border-radius:50%;width:26px;height:26px;margin-top:auto}.pipeline-workspace{min-width:0;padding:17px}.pipeline-header{border-bottom:1px solid #d2ccc1;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.pipeline-header div{gap:2px;display:grid}.pipeline-header small{color:#778079;text-transform:uppercase;font:400 .5rem/1 DM Mono,ui-monospace,monospace}.pipeline-header strong{font-size:.75rem}.pipeline-header>span{color:#4f795e;align-items:center;gap:6px;font-size:.58rem;display:flex}.pipeline-header>span i{background:#63a375;border-radius:50%;width:6px;height:6px}.pipeline-track{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:start;margin:28px 0 24px;display:grid}.pipeline-node{color:#737c76;justify-items:center;gap:8px;font:400 .48rem/1 DM Mono,ui-monospace,monospace;display:grid}.pipeline-node i{color:#365942;background:#e4e8e2;border:1px solid #9ca99f;border-radius:8px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.pipeline-node--active{color:#26352d}.pipeline-node--active i{color:#315b3e;background:#b9d96b3d;border-color:#7c9762;animation:2.8s ease-in-out infinite case-release-ready;box-shadow:0 0 0 6px #7c976214}.pipeline-track>b{background:#aab3ac;height:1px;margin-top:15px}.pipeline-log{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pipeline-log span{color:#66716a;background:#e4e1da;border-radius:6px;align-items:center;gap:5px;padding:8px;font-size:.48rem;animation:5s ease-in-out infinite case-log-highlight;display:flex}.pipeline-log span:nth-child(2){animation-delay:.7s}.pipeline-log span:nth-child(3){animation-delay:1.4s}.pipeline-log i{background:#5e946c;border-radius:50%;flex:none;width:5px;height:5px}@keyframes case-chat-scan{0%,18%{background-position:100% 0}62%,to{background-position:-100% 0}}@keyframes case-question-float{50%{transform:translateY(-3px);box-shadow:0 8px 18px #1f252112}}@keyframes case-market-point{50%{transform:scale(1.2);box-shadow:0 0 0 11px #b9d96b08}}@keyframes case-release-ready{50%{box-shadow:0 0 0 13px #b9d96b0a}}@keyframes case-log-highlight{35%{color:#34483b;background:#d8e2d6}70%,to{color:#66716a;background:#e4e1da}}@media (width<=650px){.case-preview{min-height:330px}.chat-preview{grid-template-columns:44px 1fr;inset:68px 12px 24px}.chat-sidebar{gap:12px;padding:12px 7px}.chat-avatar{width:29px;height:29px}.chat-main{padding:13px}.chat-header{padding-bottom:11px}.chat-question{width:78%;margin-block:13px 10px;padding:10px}.chat-product-answer{grid-template-columns:40px 1fr;gap:10px;padding:10px}.product-bottle{width:36px;height:57px}.chat-sources i{width:30px}.market-preview{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;gap:8px;padding:12px;inset:60px 12px 18px}.market-metrics{grid-template-columns:1fr 1fr}.market-metric{padding:10px}.market-metric strong{font-size:1.3rem}.market-metric--risk strong{font-size:.8rem}.market-chart{min-height:105px}.pipeline-preview{grid-template-columns:36px 1fr;inset:60px 12px 18px}.pipeline-sidebar{padding-inline:5px}.pipeline-workspace{padding:12px}.pipeline-track{margin:21px 0 16px}.pipeline-node span{display:none}.pipeline-node i{width:26px;height:26px}.pipeline-track>b{margin-top:13px}.pipeline-log{grid-template-columns:1fr;gap:4px}.pipeline-log span{padding:6px}}@media (prefers-reduced-motion:reduce){.chat-answer span,.chat-question,.market-chart b,.pipeline-node--active i,.pipeline-log span{animation:none!important}}