.sbs-cs{font-family:var(--font-sans,system-ui,sans-serif);background:var(--c-bg);color:var(--c-text);--border:var(--c-border);--surface:var(--c-surface);--surface-2:var(--c-surface-hover);--accent:var(--c-accent);--text-2:var(--c-text-secondary);--text-3:var(--c-text-tertiary);--green:#4ade80;--amber:#fbbf24;--blue:#5b9cf5;--serif:"Instrument Serif",Georgia,serif;--mono:"Space Mono",monospace}.sbs-cs .beat{flex-direction:column;justify-content:center;min-height:100vh;padding:40px 6vw;display:flex;position:relative}.sbs-cs .beat-compact{min-height:auto;padding:60px 6vw}.sbs-cs .section-number{font-family:var(--font-sans);color:#ffffff14;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin-bottom:-20px;font-size:clamp(5rem,10vw,8rem);font-weight:900;line-height:1}.sbs-cs .sbs-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);align-items:center;gap:8px;margin-bottom:28px;font-size:.85rem;display:inline-flex}.sbs-cs .sbs-label:before{content:"✳";font-size:.8rem}.sbs-cs .sbs-tags-container{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.sbs-cs .sbs-tag-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-sans);color:#fff;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;padding:6px 14px;font-size:.7rem;font-weight:500}.sbs-cs .display{font-family:var(--serif);letter-spacing:-.03em;max-width:850px;margin:0;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;line-height:1.08}.sbs-cs .display em{color:var(--accent);font-style:italic}.sbs-cs .headline{font-family:var(--font-sans);letter-spacing:-.02em;max-width:700px;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2}.sbs-cs .sbs-body{color:var(--text-2);max-width:640px;margin:0;font-size:1.05rem;font-weight:300;line-height:1.75}.sbs-cs .sbs-body strong{color:var(--c-text);font-weight:500}.sbs-cs .body-text{color:var(--c-text-secondary);margin-bottom:var(--space-6);max-width:700px;font-size:1.1rem;line-height:1.7}.sbs-cs .beat-dramatic{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:#00000005}.sbs-cs .pull-quote{font-family:var(--serif);letter-spacing:-.02em;color:var(--c-text);max-width:800px;font-size:clamp(2.4rem,4.5vw,4rem);font-style:italic;line-height:1.12}.sbs-cs .pull-quote-attr{font-family:var(--mono);color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;margin-top:20px;font-size:.65rem}.sbs-cs .divider-short{background:#ffffff1f;width:48px;height:1px;margin:32px 0}.sbs-cs .metrics{flex-wrap:wrap;gap:56px;margin-top:48px;display:flex}.sbs-cs .metric{flex-direction:column;display:flex}.sbs-cs .metric-val{font-family:var(--font-sans);color:var(--c-text);letter-spacing:-.03em;font-size:2.4rem;font-weight:900}.sbs-cs .metric-val span{color:var(--accent);margin:0 4px}.sbs-cs .metric-lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:4px;font-size:.7rem}.sbs-cs .metric-desc{color:var(--text-2);max-width:200px;margin-top:8px;font-size:.8rem;line-height:1.4}.sbs-cs .cs-hero-metadata{padding-top:var(--space-6);border-top:1px solid var(--c-border);flex-wrap:wrap;gap:40px;margin-top:40px;display:flex}.sbs-cs .cs-hero-metadata-item .label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:8px;font-size:.65rem}.sbs-cs .cs-hero-metadata-value{color:var(--c-text);margin:0;font-size:.85rem;font-weight:500}.sbs-cs .strike-card{background:var(--surface);border:1px solid #ff3b0040;border-radius:12px;width:100%;margin:28px 0;padding:36px 32px;position:relative}.sbs-cs .strike-card:after{content:"";background:var(--accent);opacity:.5;width:92%;height:2px;position:absolute;top:50%;left:4%;transform:rotate(-1.5deg)}.sbs-cs .strike-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:12px;font-size:.6rem}.sbs-cs .strike-card h4{margin-top:0;margin-bottom:6px;font-size:1rem;font-weight:700}.sbs-cs .strike-card p{color:var(--text-2);margin:0;font-size:.85rem;line-height:1.6}.sbs-cs .persona-duo{gap:var(--space-8);margin:var(--space-8)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.sbs-cs .persona-card{background:var(--c-surface);border:1px solid var(--c-border);padding:var(--space-8);border-radius:var(--radius-lg)}.sbs-cs .persona-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.sbs-cs .persona-avatar{width:56px;height:56px;font-family:var(--font-serif);color:#fff;background:#5b9cf5;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.sbs-cs .persona-avatar-1{color:#000;background:#4ade80}.sbs-cs .persona-avatar-2{background:#5b9cf5}.sbs-cs .persona-info h3{font-size:var(--text-lg);margin-bottom:4px;font-weight:600}.sbs-cs .persona-info p{font-size:var(--text-sm);color:var(--c-text-tertiary);margin:0}.sbs-cs .persona-trait-row{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.sbs-cs .persona-trait{border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-secondary);background:#ffffff08;padding:4px 12px;font-size:.75rem}.sbs-cs .persona-quote{font-family:var(--font-serif);font-size:var(--text-base);margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:2px solid var(--c-accent);color:var(--c-text);font-style:italic;line-height:1.5}.sbs-cs .persona-frustrations{gap:var(--space-2);flex-direction:column;display:flex}.sbs-cs .persona-frustrations span{font-size:var(--text-sm);color:var(--c-text-secondary);align-items:center;gap:var(--space-2);display:flex}.sbs-cs .persona-frustrations span:before{content:"×";color:#ef4444;font-size:1.2rem;font-weight:700}.sbs-cs .story-beat{gap:var(--space-6);margin:var(--space-6)0;align-items:flex-start;display:flex}.sbs-cs .story-num{background:var(--c-surface);border:1px solid var(--c-border);width:32px;height:32px;font-family:var(--font-mono);color:var(--c-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.sbs-cs .story-content{background:var(--c-surface);border:1px solid var(--c-border);padding:var(--space-6);border-radius:var(--radius-lg);flex-grow:1}.sbs-cs .story-character{font-family:var(--font-mono);text-transform:uppercase;color:var(--c-text-tertiary);margin-bottom:var(--space-2);letter-spacing:.1em;font-size:.75rem}.sbs-cs .story-content p{font-size:var(--text-base);color:var(--c-text);margin-bottom:var(--space-2);line-height:1.6}.sbs-cs .story-action{font-style:italic;font-size:var(--text-sm)!important;color:var(--c-text-secondary)!important}.sbs-cs .story-connector{background:var(--c-border);width:2px;height:32px;margin-left:15px}.sbs-cs .rule-block,.sbs-cs .rule{border-left:3px solid var(--accent);max-width:650px;margin:36px 0;padding-left:32px}.sbs-cs .rule-block p,.sbs-cs .rule p{font-family:var(--serif);margin:0;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:400;line-height:1.3}.sbs-cs .orange-card{background:var(--accent);border-radius:0;width:100vw;margin:36px -50vw;padding:56px 6vw;position:relative;left:50%;right:50%}.sbs-cs .orange-quote{font-family:var(--serif);color:#fff;margin:0;font-size:clamp(1.4rem,2.5vw,2.2rem);font-style:italic;font-weight:400;line-height:1.25}.sbs-cs .orange-card .pull-quote{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem)}.sbs-cs .orange-card .pull-quote-attr{color:#ffffffb3}.sbs-cs .ba-grid{grid-template-columns:1fr auto 1fr;align-items:center;margin:36px 0;display:grid}.sbs-cs .ba-card{background:var(--surface);border-radius:12px;padding:36px 32px}.sbs-cs .ba-card-before{border:1px solid #e8564a40}.sbs-cs .ba-card-after{border:1px solid #4ade8040}.sbs-cs .ba-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;font-size:.6rem}.sbs-cs .ba-tag-before{color:#e8564a}.sbs-cs .ba-tag-after{color:#4ade80}.sbs-cs .ba-arrow{color:var(--text-3);padding:0 24px;font-size:1.8rem}.sbs-cs .ba-card ul{margin:0;padding:0;list-style:none}.sbs-cs .ba-card li{color:var(--text-2);border-bottom:1px solid var(--border);padding:10px 0;font-size:.85rem;font-weight:300}.sbs-cs .ba-card li:last-child{border-bottom:none}.sbs-cs .principles-strip{background:var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:36px 0;display:grid;overflow:hidden}.sbs-cs .principle-item{background:var(--surface);padding:32px 20px}.sbs-cs .principle-item:hover{border-color:#ff4d0033;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(-2px)}.sbs-cs .principle-num{font-family:var(--mono);color:var(--accent);letter-spacing:.2em;margin-bottom:16px;font-size:.55rem}.sbs-cs .principle-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.82rem;font-weight:700}.sbs-cs .principle-desc{color:var(--text-3);font-size:.75rem;line-height:1.5}.sbs-cs .workflow-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0;display:grid}.sbs-cs .wf-card{background:var(--surface);border-left:2px solid var(--accent);border-radius:12px;padding:32px 24px}.sbs-cs .wf-card:hover{border-color:#ff4d0033;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(-2px)}.sbs-cs .wf-card h4{font-family:var(--font-sans);margin-top:0;margin-bottom:12px;font-size:1rem;font-weight:700}.sbs-cs .wf-card p{color:var(--text-2);margin:0;font-size:.85rem;line-height:1.6}.sbs-cs .lifecycle-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:36px 0;display:flex}.sbs-cs .lc-state{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 20px;font-size:.78rem;font-weight:600}.sbs-cs .lc-active{border-color:var(--green);color:var(--green)}.sbs-cs .lc-warning{border-color:var(--amber);color:var(--amber)}.sbs-cs .lc-arrow{color:var(--text-3);padding:0 4px;font-size:.8rem}.sbs-cs .takeaway-grid{background:var(--border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1px;margin:36px 0;display:grid;overflow:hidden}.sbs-cs .takeaway-card{background:var(--surface);padding:40px 32px}.sbs-cs .takeaway-card:hover{border-color:#ff4d0033;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(-2px)}.sbs-cs .takeaway-card h4{font-family:var(--font-sans);margin-top:0;margin-bottom:12px;font-size:1.1rem;font-weight:700}.sbs-cs .takeaway-card p{color:var(--text-2);margin:0;font-size:.9rem;line-height:1.6}.sbs-cs .closing-line{text-align:center;font-family:var(--serif);color:var(--text-2);margin-top:56px;font-size:1.2rem;font-style:italic;line-height:1.6}.sbs-cs .img-slot,.sbs-cs .image-block{background:var(--surface);width:100%;font-family:var(--mono);color:var(--text-3);letter-spacing:.05em;border-radius:12px;justify-content:center;align-items:center;margin:36px 0 16px;font-size:.65rem;display:flex;overflow:hidden}.sbs-cs .img-slot img,.sbs-cs .image-block img{object-fit:contain;width:100%;height:auto;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.sbs-cs .img-slot:hover img,.sbs-cs .image-block:hover img{transform:scale(1.03)}.sbs-cs .img-caption{color:var(--text-3);text-align:center;margin-bottom:36px;font-size:.8rem;font-style:italic}.sbs-breadcrumb-wrapper{padding-left:6vw;padding-right:6vw}.sbs-cs .surfaces{background:var(--border);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:1px;margin:36px 0;display:grid;overflow:hidden}.sbs-cs .surface-item{background:var(--surface);text-align:center;padding:32px 18px}.sbs-cs .surface-num{font-family:var(--mono);color:var(--accent);letter-spacing:.2em;margin-bottom:14px;font-size:.55rem}.sbs-cs .surface-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.78rem;font-weight:700}.sbs-cs .surface-desc{color:var(--text-3);font-size:.72rem;line-height:1.5}.sbs-cs .surface-footer{text-align:center;font-family:var(--serif);color:var(--text-2);margin-top:20px;font-size:1rem;font-style:italic}.sbs-cs .split{grid-template-columns:1fr 1px 1fr;gap:0;margin:36px 0;display:grid}.sbs-cs .split-col{padding:32px 36px}.sbs-cs .split-line{background:var(--border)}.sbs-cs .split-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;font-size:.6rem}.sbs-cs .split-tag.c-accent{color:var(--accent)}.sbs-cs .split-tag.c-green{color:var(--green)}.sbs-cs .split-col ul{margin:0;padding:0;list-style:none}.sbs-cs .split-col li{color:var(--text-2);border-bottom:1px solid var(--border);padding:10px 0;font-size:.88rem;font-weight:300}.sbs-cs .split-col li:last-child{border-bottom:none}.sbs-cs .phases{grid-template-columns:1fr 1fr 1fr;gap:20px;margin:36px 0;display:grid}.sbs-cs .phase{background:var(--surface);border-radius:12px;padding:32px 24px;position:relative;overflow:hidden}.sbs-cs .phase:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.sbs-cs .phase.p1:before{background:var(--green)}.sbs-cs .phase.p2:before{background:var(--amber)}.sbs-cs .phase.p3:before{background:var(--blue)}.sbs-cs .phase-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;margin-bottom:14px;font-size:.55rem}.sbs-cs .phase.p1 .phase-tag{color:var(--green)}.sbs-cs .phase.p2 .phase-tag{color:var(--amber)}.sbs-cs .phase.p3 .phase-tag{color:var(--blue)}.sbs-cs .phase h4{font-family:var(--serif);margin-top:0;margin-bottom:10px;font-size:1.35rem;font-weight:400}.sbs-cs .phase p{color:var(--text-2);margin:0;font-size:.8rem;line-height:1.6}.sbs-cs .lifecycle{background:var(--border);border-radius:12px;align-items:stretch;gap:1px;margin:36px 0;display:flex;overflow:hidden}.sbs-cs .lc-step{background:var(--surface);text-align:center;flex:1;padding:28px 16px;position:relative}.sbs-cs .lc-step:not(:last-child):after{content:"→";color:var(--text-3);z-index:1;font-size:.75rem;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.sbs-cs .lc-num{font-family:var(--mono);color:var(--accent);letter-spacing:.2em;margin-bottom:8px;font-size:.55rem}.sbs-cs .lc-title{margin-bottom:4px;font-size:.82rem;font-weight:700}.sbs-cs .lc-desc{color:var(--text-3);font-size:.68rem;line-height:1.4}@media (max-width:768px){.sbs-breadcrumb-wrapper{padding-left:24px;padding-right:24px}.sbs-cs .beat,.sbs-cs .beat-compact{padding:40px 24px}.sbs-cs .ba-grid{grid-template-columns:1fr;gap:16px}.sbs-cs .ba-arrow{padding:16px 0;transform:rotate(90deg)}.sbs-cs .principles-strip{grid-template-columns:repeat(2,1fr)}.sbs-cs .workflow-grid,.sbs-cs .takeaway-grid{grid-template-columns:1fr}.sbs-cs .lifecycle-flow{text-align:center;flex-direction:column;align-items:stretch}.sbs-cs .lc-arrow{display:none}.sbs-cs .orange-card{padding:36px 28px}.sbs-cs .surfaces{grid-template-columns:repeat(2,1fr)}.sbs-cs .phases{grid-template-columns:1fr}.sbs-cs .split{grid-template-columns:1fr;gap:0}.sbs-cs .split-line{width:100%;height:1px}.sbs-cs .metrics{flex-direction:column;gap:24px}.sbs-cs .lifecycle{flex-direction:column}.sbs-cs .lc-step:not(:last-child):after{display:none}}