.cs-showcase{position:relative;padding:clamp(72px,10vw,110px) 0;overflow:hidden}.cs-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(59,130,246,.06),transparent 65%);pointer-events:none}.cs-showcase-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,64px);align-items:center;max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.cs-showcase-row--flip .cs-showcase-copy{order:2}.cs-showcase-row--flip .cs-showcase-visual{order:1}.cs-showcase-copy{position:relative;z-index:2}.cs-showcase-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(59,130,246,.3);background:rgba(59,130,246,.08);font-family:"JetBrains Mono",monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;margin-bottom:18px}.cs-showcase-copy h2{margin:0 0 16px;font-size:clamp(1.75rem, 3.5vw, 2.45rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--text-primary,#f1f5f9)}.cs-showcase-lead{margin:0 0 24px;font-size:1.05rem;line-height:1.7;color:var(--text-muted,#94a3b8);max-width:480px}.cs-showcase-row--flip .cs-showcase-lead{margin-left:auto}.cs-showcase-list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}.cs-showcase-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.55;color:var(--text-muted,#94a3b8)}.cs-showcase-list li::before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.5)}.cs-showcase-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.92rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0891b2,#06b6d4);border:1px solid rgba(6,182,212,.4);box-shadow:0 8px 28px rgba(6,182,212,.25);transition:transform .25s,box-shadow .25s}.cs-showcase-btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(6,182,212,.35)}.cs-showcase-visual{position:relative;perspective:1400px;transform-style:preserve-3d}.cs-dash-stage{position:relative;transform:rotateY(calc(var(--cs-hx,0) * -6deg)) rotateX(calc(var(--cs-hy,0) * 5deg));transition:transform .2s cubic-bezier(.22, 1, .36, 1);transform-style:preserve-3d}.cs-showcase.is-visible .cs-dash-stage{animation:6s ease-in-out infinite csStageFloat}@keyframes csStageFloat{0%,100%{transform:rotateY(calc(var(--cs-hx,0) * -6deg)) rotateX(calc(var(--cs-hy,0) * 5deg)) translateY(0)}50%{transform:rotateY(calc(var(--cs-hx,0) * -6deg)) rotateX(calc(var(--cs-hy,0) * 5deg)) translateY(-8px)}}.cs-dash-window{border-radius:16px;border:1px solid rgba(59,130,246,.25);background:linear-gradient(165deg,rgba(10,16,32,.95),rgba(4,8,18,.98));box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 60px rgba(59,130,246,.08),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.cs-dash-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.06)}.cs-dash-bar-left{display:flex;align-items:center;gap:8px}.cs-dash-dot{width:9px;height:9px;border-radius:50%}.cs-dash-dot-r{background:#ef4444}.cs-dash-dot-y{background:#eab308}.cs-dash-dot-g{background:#22c55e}.cs-dash-title{margin-left:8px;font-family:"JetBrains Mono",monospace;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.cs-dash-tabs{display:flex;gap:4px;padding:12px 16px 0}.cs-dash-tab{padding:8px 14px;border-radius:8px 8px 0 0;font-size:.72rem;font-weight:600;color:#64748b;background:0 0;border:none;cursor:default;font-family:inherit}.cs-dash-tab.is-active{color:#93c5fd;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);border-bottom-color:transparent}.cs-dash-body{padding:16px}.cs-dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.cs-dash-metric{padding:12px 10px;border-radius:10px;border:1px solid rgba(51,65,85,.6);background:rgba(8,14,28,.7);transition:border-color .3s,transform .3s}.cs-dash-metric:hover{border-color:rgba(59,130,246,.35);transform:translateY(-2px) translateZ(8px)}.cs-dash-metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cs-dash-metric-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cs-dash-metric-icon{font-size:16px!important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.cs-dash-metric-icon--red{color:#f87171}.cs-dash-metric-icon--green{color:#4ade80}.cs-dash-metric-icon--blue{color:#60a5fa}.cs-dash-metric-icon--purple{color:#c084fc}.cs-dash-metric-val{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f1f5f9;line-height:1}.cs-dash-metric-trend{font-size:.62rem;margin-top:4px;font-family:"JetBrains Mono",monospace}.cs-dash-metric-trend.up{color:#4ade80}.cs-dash-metric-trend.down{color:#f87171}.cs-dash-panels{display:grid;grid-template-columns:1.2fr 0.8fr;gap:12px}.cs-dash-panel{padding:14px;border-radius:12px;border:1px solid rgba(51,65,85,.55);background:rgba(6,12,24,.65)}.cs-dash-panel h4{margin:0 0 12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.cs-dash-chart{width:100%;height:120px;display:block}.cs-dash-donut-wrap{position:relative;display:grid;place-items:center;height:120px}.cs-dash-donut{width:100px;height:100px;transform:rotate(-90deg)}.cs-dash-donut-bg{fill:none;stroke:rgba(51,65,85,0.5);stroke-width:10}.cs-dash-donut-seg{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:0 251;transition:stroke-dasharray 1.2s cubic-bezier(.22, 1, .36, 1)}.cs-showcase.is-visible .cs-dash-donut-seg--1{stroke-dasharray:88 251}.cs-showcase.is-visible .cs-dash-donut-seg--2{stroke-dasharray:63 251;stroke-dashoffset:-88}.cs-showcase.is-visible .cs-dash-donut-seg--3{stroke-dasharray:50 251;stroke-dashoffset:-151}.cs-showcase.is-visible .cs-dash-donut-seg--4{stroke-dasharray:50 251;stroke-dashoffset:-201}.cs-dash-donut-center{position:absolute;text-align:center;font-size:.65rem;color:#64748b}.cs-dash-donut-center strong{display:block;font-size:1rem;color:#f1f5f9}.cs-dash-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cs-dash-legend span{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;color:#64748b}.cs-dash-legend i{width:6px;height:6px;border-radius:50%}.cs-dash-workflow-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25)}.cs-dash-workflow-header span{font-family:"JetBrains Mono",monospace;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.cs-dash-ai-badge{padding:4px 10px;border-radius:6px;font-size:.58rem;font-weight:700;letter-spacing:.06em;color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}.cs-dash-auto-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.cs-dash-auto-metric{padding:12px;border-radius:10px;border:1px solid rgba(51,65,85,.55);background:rgba(8,14,28,.7)}.cs-dash-auto-metric strong{display:block;font-size:1.2rem;color:#60a5fa;font-variant-numeric:tabular-nums}.cs-dash-auto-metric span{font-size:.58rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.cs-dash-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-pipeline{display:flex;flex-direction:column;gap:0;position:relative}.cs-pipeline-step{display:flex;align-items:center;gap:10px;padding:10px 0;position:relative;opacity:.45;transition:opacity .4s,transform .4s}.cs-pipeline-step.is-active{opacity:1;transform:translateX(4px)}.cs-pipeline-step::before{content:"";position:absolute;left:11px;top:28px;width:2px;height:calc(100% - 8px);background:linear-gradient(180deg,rgba(59,130,246,.4),transparent)}.cs-pipeline-step:last-child::before{display:none}.cs-pipeline-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(59,130,246,.4);background:rgba(8,14,28,.9);flex-shrink:0;position:relative;z-index:1;transition:border-color .3s,box-shadow .3s}.cs-pipeline-step.is-active .cs-pipeline-dot{border-color:var(--dot-color,#60a5fa);box-shadow:0 0 16px var(--dot-glow,rgba(96,165,250,.5))}.cs-pipeline-step.is-active .cs-pipeline-dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--dot-color,#60a5fa);animation:1.5s ease-in-out infinite csPipelinePulse}@keyframes csPipelinePulse{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.cs-pipeline-text strong{display:block;font-size:.78rem;color:#e2e8f0}.cs-pipeline-text span{font-size:.62rem;color:#64748b}.cs-radar-wrap{display:grid;place-items:center;height:100%;min-height:200px}.cs-radar{width:100%;max-width:200px;height:auto}.cs-radar-poly{fill:rgba(59,130,246,0.15);stroke:#60a5fa;stroke-width:1.5;opacity:0;transition:opacity .8s}.cs-showcase.is-visible .cs-radar-poly{opacity:1;animation:1.2s forwards csRadarDraw}@keyframes csRadarDraw{from{transform:scale(.6);transform-origin:center;opacity:0}to{transform:scale(1);opacity:1}}.cs-showcase+.cs-showcase{padding-top:0}@media (max-width:900px){.cs-showcase-row,.cs-showcase-row--flip{grid-template-columns:1fr}.cs-showcase-row--flip .cs-showcase-copy,.cs-showcase-row--flip .cs-showcase-visual{order:unset}.cs-showcase-row--flip .cs-showcase-lead{margin-left:0}.cs-showcase-copy{text-align:center}.cs-showcase-lead{margin-left:auto;margin-right:auto}.cs-showcase-list{align-items:center}.cs-dash-auto-metrics,.cs-dash-metrics{grid-template-columns:repeat(2,1fr)}.cs-dash-panels,.cs-dash-split{grid-template-columns:1fr}}@media (max-width:480px){.cs-dash-auto-metrics,.cs-dash-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cs-pipeline-step.is-active .cs-pipeline-dot::after,.cs-showcase.is-visible .cs-dash-stage{animation:none!important}}