.sbdc-ai-case{--project-blue:#6d91ff;--project-navy:#0b1222}.sbdc-title{padding:6px var(--gutter) 42px}.sbdc-title h1{font:900 clamp(60px,8vw,128px)/1.05 GTExtendedBlack,sans-serif;letter-spacing:-.055em}.sbdc-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;font:400 15px/1.6 GTMono,monospace}.sbdc-intro .eye-link{font-size:14px}.sbdc-workbench{margin:0}.workbench-stage{padding:clamp(24px,4vw,64px) var(--gutter);background:#080908}.workbench-stage img{display:block;width:100%;height:auto}.sbdc-workbench figcaption{padding:18px var(--gutter) 0;grid-template-columns:1fr auto}.sbdc-ai-case .case-support{margin-top:24px;color:var(--muted)}.sbdc-ai-case .case-summary dl{grid-template-columns:1fr 1fr}.sbdc-ai-case .case-section-head .case-description{max-width:40ch}
.demo-section,.identity-chapter,.platform-story{padding:0 var(--gutter) 110px;scroll-margin-top:110px}.demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:28px}.demo-tab{font:400 14px/1.4 GTMono,monospace;text-align:left;padding:16px 0;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted)!important;min-height:52px}.demo-tab[aria-selected=true]{color:var(--paper)!important;border-color:var(--project-blue)}.demo-tab:hover{color:var(--paper)!important}.demo-screen{position:relative;aspect-ratio:16/9;background:var(--project-navy);isolation:isolate}.demo-poster{width:100%;height:100%;object-fit:contain;display:block}.demo-play{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;background:#080908ed;border:0;font:400 14px/1.3 GTMono,monospace;min-height:48px}.play-symbol{display:flex}.play-symbol svg{width:28px;height:28px;fill:currentColor}.demo-play:hover{background:var(--paper);color:var(--ink)}.demo-frame{position:absolute;inset:0;width:100%;height:100%;--media-font-family:GTMono,monospace}.demo-section [hidden]{display:none!important}.demo-caption{display:flex;align-items:start;gap:28px;padding-top:22px;color:var(--muted);font:400 13px/1.7 GTMono,monospace}.demo-caption p{max-width:60ch;margin-right:auto}.demo-caption a,.demo-close{flex:none;color:var(--paper);min-height:44px;display:inline-flex;align-items:center}.demo-close{font:inherit;background:none;border:0;padding:0}.demo-fallback a{text-decoration:underline}.identity-art{position:relative;background:var(--project-navy);overflow:hidden;outline-offset:6px}.identity-art>.sbdc-identity{display:block;width:100%;height:auto;aspect-ratio:1.85;max-height:680px}.identity-caption{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;font:400 13px/1.5 GTMono,monospace;color:var(--muted)}.motion-toggle,.workflow-motion{font:inherit;min-height:44px;padding:0;border:0;background:none;white-space:nowrap}.workflow{--flow:var(--project-blue)}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}.workflow-steps li{position:relative;min-width:0}.workflow-steps li:not(:last-child)::after,.workflow-steps li:not(:last-child)::before{content:'';position:absolute;top:40px;left:calc(50% + 38px);width:calc(100% - 44px);height:3px;background:#282b30}.workflow-steps li:not(:last-child)::before{background:var(--flow);transform:scaleX(0);transform-origin:left;z-index:1}.workflow-steps li.is-complete::before{transform:scaleX(1)}.workflow-step{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0 0;background:transparent;border:0;color:var(--muted)!important;font-family:GTMono,monospace}.workflow-icon{width:56px;height:56px;display:block;flex:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:25px}.workflow-title{font-size:17px;line-height:1.3;color:var(--paper)}.workflow-description{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px;max-width:20ch}.workflow-step.is-active,.workflow-step:hover{color:var(--flow)!important}.workflow-step.is-active .workflow-title{color:var(--flow)}.workflow-step:focus-visible{outline:3px solid var(--flow);outline-offset:8px}.workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;font:400 12px/1.6 GTMono,monospace;color:var(--muted)}.workflow[data-running=true] li.is-current:not(:last-child)::before{animation:flow-connect 3.6s ease-in-out forwards}@keyframes flow-connect{0%,30%{transform:scaleX(0)}75%,100%{transform:scaleX(1)}}
@media(max-width:760px){.sbdc-title{padding:4px 24px 28px}.sbdc-title h1{font-size:clamp(50px,14vw,80px)}.sbdc-intro{display:block;margin-top:22px;font-size:13px}.sbdc-intro p{max-width:29ch}.sbdc-intro .eye-link{margin-top:16px;font-size:12px}.workbench-stage{padding:22px 14px}.sbdc-workbench figcaption{padding:12px 24px 0}.sbdc-ai-case .case-support{display:none}.sbdc-ai-case .case-summary dl{gap:24px}.demo-section,.identity-chapter,.platform-story{padding:0 0 65px;scroll-margin-top:90px}.demo-tabs{gap:16px;margin:0 24px 22px}.demo-tab{font-size:11px;min-height:58px;padding:12px 0}.demo-play{left:14px;bottom:14px;padding:8px 12px 8px 8px;font-size:12px;min-height:44px}.play-symbol svg{width:24px;height:24px}.demo-caption{padding:12px 24px 0;justify-content:space-between;gap:20px;font-size:12px}.demo-caption p{display:none}.identity-art>.sbdc-identity{aspect-ratio:1.3;width:100%;height:auto}.identity-caption{padding:10px 24px;font-size:11px;gap:18px}.workflow{padding:0 24px}.workflow-steps{grid-template-columns:1fr;gap:30px}.workflow-step{display:grid;grid-template-columns:44px 1fr;column-gap:24px;text-align:left;padding:0;align-items:center}.workflow-icon{grid-column:1;grid-row:1/span 2;width:44px;height:44px;margin:0}.workflow-title{grid-column:2;font-size:16px}.workflow-description{grid-column:2;margin-top:6px;font-size:12px;max-width:none}.workflow-steps li:not(:last-child)::after,.workflow-steps li:not(:last-child)::before{left:21px;top:calc(50% + 28px);width:3px;height:calc(100% - 26px);transform-origin:top}.workflow-steps li:not(:last-child)::before{transform:scaleY(0)}.workflow-steps li.is-complete::before{transform:scaleY(1)}.workflow[data-running=true] li.is-current:not(:last-child)::before{animation-name:flow-connect-mobile}.workflow-footer{align-items:start;font-size:11px;gap:20px;margin-top:28px}.workflow-footer p{max-width:25ch}}
@keyframes flow-connect-mobile{0%,30%{transform:scaleY(0)}75%,100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.workflow *,.workflow *::before{animation:none!important;transition:none!important}}
.sbdc-ai-case .image-viewer[open]{grid-template-rows:auto minmax(0,1fr)}.sbdc-ai-case .viewer-controls{display:none}

/* Soft studio light over the product screenshot. */
.workbench-stage{position:relative;isolation:isolate;--light-x:50%;--light-y:40%}
.workbench-stage::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 380px 300px at var(--light-x) var(--light-y),rgba(210,220,255,.17),rgba(164,184,242,.055) 45%,transparent 75%);opacity:0;transition:opacity .24s ease}
.workbench-stage img{transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.workbench-stage:hover::after{opacity:1}.workbench-stage:hover img{transform:translateY(-4px);box-shadow:0 18px 65px rgba(114,139,212,.12)}}
.sbdc-workbench:focus-within .workbench-stage::after{opacity:1}
@media(prefers-reduced-motion:reduce){.workbench-stage::after,.workbench-stage img{transition:none}.workbench-stage:hover img{transform:none}}