.cs-story-section{border-top:1px solid var(--color-border);padding:88px 0}.cs-story{grid-template-columns:280px 1fr;align-items:start;gap:64px;display:grid}.cs-story-nav{flex-direction:column;gap:12px;display:flex;position:sticky;top:100px}.cs-story-tab{text-align:left;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;width:100%;padding:24px;transition:background .2s,border-color .2s,transform .2s;display:block}.cs-story-tab:hover{border-color:var(--color-border-strong)}.cs-story-tab .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.cs-story-tab-title{color:var(--color-ink);font-size:1rem;font-weight:650;line-height:1.35}.cs-story-tab-desc{color:var(--color-muted);opacity:0;max-height:0;margin-top:12px;font-size:.86rem;line-height:1.5;transition:max-height .35s,opacity .3s,margin-top .35s;display:block;overflow:hidden}.cs-story-tab.active{background:var(--color-dark);border-color:var(--color-dark);box-shadow:0 12px 28px #0a0a0c29}.cs-story-tab.active .eyebrow{color:#7c9cff}.cs-story-tab.active .cs-story-tab-title{color:var(--color-white)}.cs-story-tab.active .cs-story-tab-desc{color:#ffffffb8;opacity:1;max-height:160px;margin-top:12px}.cs-story-stage{border-radius:var(--radius-xl);border:1px solid var(--color-border);min-height:460px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0a0a0c1a}.cs-story-visual{opacity:0;visibility:hidden;background-position:50%;background-size:cover;justify-content:center;align-items:center;padding:64px;transition:opacity .5s,transform .6s,visibility 0s linear .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.02)}.cs-story-visual.active{opacity:1;visibility:visible;transition:opacity .5s,transform .6s,visibility;transform:scale(1)}.cs-story-visual:before{content:"";z-index:0;background:linear-gradient(165deg,#0a0a0e66 0%,#0a0a0eb3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cs-story-visual>*{z-index:1;position:relative}.cs-story-visual .cs-panel{width:min(380px,100%)}.cs-panel{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(140%);background:#10101280;border:1px solid #ffffff29;border-radius:12px;width:min(320px,100%);padding:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 24px 48px #00000059}.cs-panel-title{color:#fff9;margin-bottom:20px;font-size:.82rem;font-weight:600}.cs-panel-divider{background:#ffffff24;height:1px;margin-bottom:20px}.cs-pb-step{color:#ffffffe6;margin-bottom:8px;font-size:.82rem;font-weight:600}.cs-pb-line{color:#fff9;flex-wrap:wrap;align-items:center;gap:6px 5px;margin-bottom:20px;font-size:.82rem;line-height:1.5;display:flex}.cs-pb-line:last-child{margin-bottom:0}.cs-tag{border-radius:var(--radius-pill);align-items:center;padding:3px 10px;font-size:.76rem;font-weight:600;line-height:1.3;display:inline-flex}.cs-tag-fill{background:var(--color-accent);color:var(--color-white)}.cs-tag-outline{color:#ffffffe0;background:#ffffff1a;border:1px solid #fff3}.cs-queue-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cs-queue-row:last-child{border-bottom:none}.cs-queue-info strong{color:#ffffffe6;font-size:.84rem;font-weight:600;display:block}.cs-queue-info span{color:#fff6;font-size:.74rem}.cs-queue-status{border-radius:var(--radius-pill);color:#fff9;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff24;padding:3px 10px;font-size:.72rem;font-weight:600}@media (max-width:900px){.cs-story{grid-template-columns:1fr}.cs-story-nav{flex-direction:row;position:static;overflow-x:auto}.cs-story-tab{flex:0 0 240px}.cs-story-stage{min-height:380px}}