/* model: openai; role: delegated_static_preview_editor. Film styles preserved. */
.workflow-story{padding-top:42px}
.film-heading{max-width:790px;margin:0 0 28px}
.film-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px}
.film-heading>p:last-child{font-size:17px;line-height:1.7;color:#687879}
.workflow-film video{display:block;width:100%;aspect-ratio:16/9;background:#102c35;border-radius:12px;box-shadow:0 12px 40px #14333a15}
.film-caption{display:flex;justify-content:space-between;gap:12px;color:#6c8082;font-size:10px;letter-spacing:.09em;margin-top:16px}
.film-formats{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;font-size:12px;color:#236b64}
.film-formats a{padding:5px 0;border-bottom:1px solid #a8c9bf;text-decoration:none}
.film-formats a:hover{color:#103e39;border-color:#236b64}
.workflow-chapters{padding-top:74px}
.workflow-chapters>.toolkit-heading{margin-bottom:25px}
.workflow-chapters .toolkit-heading h3{font-size:clamp(27px,3vw,40px)}
.workflow-story .work-chapter{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:64px;align-items:center;padding:68px 0;border-bottom:1px solid #d6e2df;margin:0;background:none;border-radius:0}
.workflow-story .work-chapter.chapter-reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
.workflow-story .work-chapter.chapter-reverse>.demo-copy{grid-column:2;grid-row:1}
.workflow-story .work-chapter.chapter-reverse>.demo-visual{grid-column:1;grid-row:1}
.workflow-story .work-chapter .demo-copy{min-width:0;max-width:490px}
.workflow-story .work-chapter .demo-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.035em}
.workflow-story .work-chapter .demo-copy>p:not(.demo-eyebrow):not(.demo-boundary){font-size:15px;line-height:1.85;margin-top:22px;color:#657b80;max-width:440px}
.workflow-story .work-chapter .demo-eyebrow{font-size:10px;letter-spacing:.09em;line-height:1.65;margin-bottom:18px;color:#488377}
.workflow-story .work-chapter .demo-tags{gap:10px 18px;margin:22px 0 15px}
.workflow-story .work-chapter .demo-tags span{padding:0;background:transparent;color:#7c9290;font-size:10px;line-height:1.6}
.workflow-story .work-chapter .text-link{font-size:13px;color:#197668;border-bottom:1px solid #a8c9bf;padding-block:8px;gap:20px}
.workflow-story .work-chapter .text-link:hover{color:#0c5147;border-color:#197668}
.workflow-story .work-chapter .tk-report-links{gap:8px 18px;margin:12px 0 0}
.workflow-story .work-chapter .tk-report-links a{font-size:10px;line-height:1.6;color:#688880;border-bottom-color:#cadcd6}
.workflow-story .work-chapter .demo-boundary{margin-top:20px!important;max-width:445px;font-size:10px;line-height:1.75;color:#829590}
/* Kovelta frame around an uncropped screenshot of the actual engineering UI. */
.workflow-story .work-chapter .demo-visual.story-workspace{display:block;width:100%;max-width:none;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid #244253;background:#101d2a;border-radius:10px;box-shadow:0 18px 46px -25px #163e5655}
.workflow-story .story-workspace .preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:12px 15px;background:#111e2d;color:#eff7f8;flex-wrap:nowrap}
.workflow-story .story-workspace .preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.5}
.workflow-story .story-workspace .preview-toolbar img{display:block;flex:none;width:18px;height:18px;max-width:18px;aspect-ratio:auto;object-fit:contain}
.workflow-story .story-workspace .preview-status{font:8px var(--font-mono);letter-spacing:.025em;color:#9cbbc5;white-space:nowrap}
.workflow-story .story-workspace .story-preview-link{display:block;position:relative;width:100%;padding:0;border:0;overflow:hidden;background:#edf3f5;text-decoration:none;line-height:0}
.workflow-story .story-workspace .story-workspace-image{display:block;width:100%;height:auto;aspect-ratio:1440/900;object-fit:contain;object-position:center;background:#edf3f5}
.workflow-story .story-workspace .story-workspace-image.system-preview{aspect-ratio:16/9}
.workflow-story .story-workspace .image-enlarge{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:22px;padding:9px 12px;border:1px solid #4eaa99;border-radius:3px;background:#1a695eea;color:#f0fffb;font-size:11px;font-weight:500;line-height:1.25;box-shadow:0 3px 12px #143a3433;transition:background .15s,border-color .15s}
.workflow-story .story-workspace .story-preview-link:hover .image-enlarge{background:#135348;border-color:#79c8b9}
.workflow-story .story-workspace .story-preview-link:focus-visible{outline:3px solid #70ddc6;outline-offset:-3px}
.workflow-story .story-workspace .preview-footnote{display:flex;align-items:center;min-height:49px;margin:0;padding:12px 15px;background:#101d2a;color:#a9c0ca;border-top:1px solid #29414d;font-size:10px;line-height:1.65}
.workflow-story .review-invitation{margin-top:30px}
.workflow-story .future-scope{margin-top:22px}
#industries{margin-top:70px}
@media(max-width:1150px){
.workflow-story .work-chapter{gap:38px;padding:55px 0}
.workflow-story .work-chapter .demo-copy h3{font-size:34px}
.workflow-story .story-workspace .preview-toolbar{gap:8px;padding-inline:12px}
.workflow-story .story-workspace .preview-toolbar>span:first-child{font-size:10px}
.workflow-story .story-workspace .preview-status{font-size:7px}
}
@media(max-width:900px){
.workflow-story .work-chapter,.workflow-story .work-chapter.chapter-reverse{grid-template-columns:minmax(0,1fr);gap:28px;padding:42px 0}
.workflow-story .work-chapter.chapter-reverse>.demo-copy,.workflow-story .work-chapter.chapter-reverse>.demo-visual{grid-column:auto;grid-row:auto}
.workflow-story .work-chapter .demo-copy{max-width:620px}
.workflow-story .work-chapter .demo-copy>p:not(.demo-eyebrow):not(.demo-boundary){max-width:590px}
.workflow-story .work-chapter .demo-visual.story-workspace{width:100%;max-width:760px;justify-self:start}
.workflow-story .story-workspace .preview-toolbar>span:first-child{font-size:12px}
.workflow-story .story-workspace .preview-status{font-size:8px}
.workflow-chapters{padding-top:48px}
.film-caption{flex-direction:column}
.workflow-story .toolkit-heading{grid-template-columns:1fr;gap:16px}
.film-heading>p:last-child{font-size:15px}
}
@media(max-width:560px){
.workflow-story .work-chapter{padding:36px 0;gap:25px}
.workflow-story .work-chapter .demo-copy h3{font-size:32px}
.workflow-story .work-chapter .demo-copy>p:not(.demo-eyebrow):not(.demo-boundary){font-size:14px;margin-top:18px}
.workflow-story .work-chapter .demo-eyebrow{font-size:9px}
.workflow-story .story-workspace .preview-toolbar{padding:10px;min-height:42px;gap:8px;flex-wrap:wrap}
.workflow-story .story-workspace .preview-toolbar>span:first-child{font-size:10px;gap:6px}
.workflow-story .story-workspace .preview-status{font-size:7px}
.workflow-story .story-workspace .preview-footnote{font-size:9px;min-height:46px;padding:10px 12px}
.workflow-story .story-workspace .image-enlarge{right:8px;bottom:8px;font-size:9px;padding:7px 9px;gap:14px}
}