.showcase-elevated { background:#fbfcf9; }
.showcase-elevated .workspace-top { min-height:47px; padding-right:22px; background:#fbfcf9; }
.showcase-stage { display:grid; height:365px; overflow:hidden; }
.showcase-slide { --scene-accent:#426b39; --scene-tint:#e9f0e2; grid-area:1/1; display:grid; grid-template-columns:43% minmax(0,1fr); min-width:0; min-height:0; }
.showcase-slide[data-slide=insight] { --scene-accent:#416892; --scene-tint:#e8f0f7; }
.showcase-slide[data-slide=performance] { --scene-accent:#7d5c65; --scene-tint:#f1eeea; }
.slide-copy { display:flex; flex-direction:column; align-items:start; justify-content:center; padding:30px 38px; min-width:0; }
.showcase .slide-copy .eyebrow { display:flex; align-items:center; gap:10px; color:var(--scene-accent); font-size:10px; margin-bottom:18px; }
.slide-copy .eyebrow > span { display:grid; place-items:center; border:1px solid #c5d2bb; width:29px; height:29px; border-radius:4px; }
.slide-copy .eyebrow svg { width:16px; height:16px; }
.slide-copy h2 { font-size:40px; line-height:1.16; }
.slide-copy h2 > span { color:var(--scene-accent); }
.slide-description { color:#65715e; font-size:14px; line-height:1.75; margin-top:17px; max-width:350px; }
.slide-link { display:inline-flex; align-items:center; gap:12px; margin-top:25px; color:var(--scene-accent); font-size:11px; font-weight:500; line-height:1.5; }
.slide-link svg { width:15px; height:15px; transition:transform 180ms; }
.slide-link:hover svg { transform:translate(2px,-2px); }
.slide-visual { background:var(--scene-tint); display:grid; align-items:center; padding:25px 29px; min-width:0; min-height:0; border-left:1px solid #dfe5d8; }
.scene-label { font-size:9px; text-transform:uppercase; font-weight:500; color:#74836a; line-height:1.5; }
.workflow-scene { display:grid; grid-template-columns:36% minmax(0,1fr); gap:24px; align-items:center; max-width:650px; width:100%; margin:auto; }
.source-notes { position:relative; min-width:0; }
.source-notes > .scene-label { margin:0 0 17px 2px; }
.note-fragment { border-block:1px solid #d3ddc9; padding:16px 0; }
.note-fragment > span { display:flex; align-items:center; gap:7px; font-size:11px; color:#3d5833; font-weight:500; }
.note-fragment svg { width:15px; height:15px; }
.note-fragment p { font-size:11px; color:#6b7a60; line-height:1.7; margin-top:10px; }
.request-fragment { border-top:0; }
.handoff-connector { display:flex; align-items:center; gap:0; position:absolute; right:-32px; top:52%; width:33px; z-index:2; color:#7a9568; transform-origin:left; }
.handoff-connector::before { content:''; height:1px; background:#7a9568; flex:1; }
.handoff-connector svg { width:14px; height:14px; margin-left:-5px; }
.handoff-sheet { background:#fff; border:1px solid #cdd9c2; border-radius:5px; padding:18px 20px 0; box-shadow:0 6px 10px #40543607,0 15px 38px #35482b0a; min-width:0; }
.sheet-heading { display:flex; align-items:center; gap:8px; color:#607054; font-size:9px; }
.sheet-heading .joinery-mark { width:17px; height:17px; flex-basis:17px; color:#597549; }
.sheet-state { margin-left:auto; color:#8c977f; font-size:8px; }
.handoff-sheet h3 { font-size:25px; line-height:1.2; margin:15px 0 16px; }
.handoff-line { display:flex; gap:10px; align-items:start; margin-top:13px; }
.handoff-line > span { width:18px; height:18px; flex:0 0 18px; display:grid; place-items:center; color:#778e60; }
.handoff-line .handoff-check { color:#6b8852; background:#edf4e6; border-radius:50%; }
.handoff-line svg { width:12px; height:12px; }
.handoff-line strong { font-size:10px; font-weight:500; display:block; line-height:1.35; }
.handoff-line p { font-size:9px; color:#7a8571; line-height:1.6; margin-top:3px; }
.question-line > span { color:#ab8a4d; }
.sheet-foot { display:flex; align-items:center; gap:7px; margin-top:18px; padding:12px 0; border-top:1px solid #e5eadf; color:#6d7f5e; font-size:8px; }
.sheet-foot svg { width:12px; height:12px; }
.insight-scene { width:100%; max-width:540px; margin:auto; }
.insight-heading { display:flex; justify-content:space-between; align-items:center; gap:25px; }
.insight-heading .scene-label { color:#6783a0; margin-bottom:10px; }
.insight-heading h3 { font-size:23px; line-height:1.3; color:#243f5a; }
.insight-total { display:flex; flex-direction:column; text-align:right; font-size:9px; color:#6e8498; }
.insight-total strong { font:500 42px/1.2 Manrope,sans-serif; color:#587c9f; }
.insight-chart { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:22px; padding:0; border:0; }
.chart-column { --bar-color:#809f69; --bar-label:#607a4d; min-width:0; }
.chart-column.active { --bar-color:#6e91b7; --bar-label:#5b7a9c; }
.chart-column.waiting { --bar-color:#d1b778; --bar-label:#9b7d39; }
.chart-plot { height:98px; display:flex; align-items:end; border-bottom:1px solid #c8d7e4; }
.chart-fill { width:100%; height:var(--fill); background:var(--bar-color); transform-origin:bottom; border-radius:3px 3px 0 0; display:flex; align-items:start; padding:7px 12px; }
.chart-fill > span { font:500 22px/1.2 Manrope,sans-serif; color:#fff; }
.chart-column.waiting .chart-fill > span { color:#564821; }
.chart-column > p { display:flex; align-items:center; gap:6px; color:#5f7589; font-size:10px; margin-top:8px; }
.chart-column > p > span { width:5px; height:5px; background:var(--bar-color); border-radius:50%; }
.insight-attention { display:flex; gap:11px; align-items:center; margin-top:18px; padding:12px 14px; border:1px solid #c7d6e2; border-left:3px solid #9c8251; background:#f7fafc; }
.attention-icon { color:#a18958; }
.insight-attention svg { width:16px; height:16px; }
.insight-attention strong { display:block; font-size:11px; font-weight:500; color:#334e67; }
.insight-attention p { font-size:9px; color:#6e8292; margin-top:3px; }
.insight-attention > svg { margin-left:auto; width:14px; height:14px; color:#7791a7; }
.scene-footnote { margin-top:12px; font-size:9px; color:#758da1; }
.performance-scene { width:100%; max-width:650px; margin:auto; }
.knowledge-source { display:flex; align-items:center; justify-content:center; gap:10px; }
.knowledge-source .joinery-mark { width:25px; height:25px; flex-basis:25px; color:#82786a; }
.knowledge-source strong { font-size:11px; font-weight:500; display:block; }
.knowledge-source div > span { color:#8b8275; font-size:9px; display:block; margin-top:3px; }
.output-connection { display:flex; position:relative; width:67%; margin:14px auto 0; height:16px; border-top:1px solid #c8c4bb; transform-origin:center; justify-content:space-between; }
.output-connection::before { content:''; height:14px; width:1px; background:#c8c4bb; position:absolute; left:50%; top:-15px; }
.output-connection span { height:16px; width:1px; background:#c8c4bb; }
.document-spread { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 8px; align-items:start; }
.output-page { min-width:0; background:#fff; height:210px; border:1px solid #d8d4cc; border-radius:3px; padding:15px 13px; box-shadow:0 12px 22px #4d453a0b; display:flex; flex-direction:column; position:relative; }
.proposal-page { transform:translateY(8px) rotate(-3deg); }
.content-page { z-index:1; background:#fffdfd; border-color:#d6cbce; }
.plan-page { transform:translateY(8px) rotate(3deg); background:#fbfcf6; }
.page-top { display:flex; align-items:center; justify-content:space-between; color:#8d777d; }
.page-top svg { width:20px; height:20px; }
.page-top > span { color:#9a9290; font-size:7px; text-transform:uppercase; }
.proposal-page .page-top { color:#96845e; }
.plan-page .page-top { color:#7e8b62; }
.output-page h3 { font-size:15px; font-weight:500; margin:15px 0 8px; line-height:1.3; }
.page-deck { font-size:10px; color:#7e7973; line-height:1.65; }
.page-rule { height:1px; background:#e4ded8; margin:13px 0 10px; }
.page-detail { font-size:8px; line-height:1.8; color:#9b938a; }
.page-bottom { font-size:7px; color:#a29a90; margin-top:auto; padding-top:9px; }
.plan-tasks { display:grid; gap:7px; margin-top:15px; }
.plan-tasks > span { display:flex; align-items:center; gap:5px; font-size:8px; color:#909980; }
.plan-tasks svg { width:9px; height:9px; }
.performance-caption { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:25px; color:#8a8174; font-size:9px; }
.performance-caption svg { width:14px; height:14px; }
.showcase-footer { position:relative; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:50px; padding:3px 20px; border-top:1px solid #dce3d6; }
.showcase-note { font-size:10px; color:#74816a; grid-column:1; }
.showcase-dots { display:flex; align-items:center; gap:2px; grid-column:2; }
.showcase-dot { border:0; background:none; padding:0; width:30px; height:36px; display:grid; place-items:center; border-radius:3px; }
.showcase-dot > span { display:block; width:7px; height:7px; border-radius:50%; background:#bac6b0; transition:background 180ms,box-shadow 180ms; }
.showcase-dot[aria-pressed=true] > span { background:#4e6d37; box-shadow:0 0 0 4px #e9efdf; }
.showcase-dot:hover > span { background:#759458; }
.showcase-pause { grid-column:3; justify-self:end; width:32px; height:32px; color:#6b7d5b; }
.showcase-pause svg { width:15px; height:15px; }
@media(min-width:1600px) {
  .showcase-stage { height:382px; }
  .slide-copy { padding-inline:44px; }
  .slide-copy h2 { font-size:44px; }
  .slide-description { font-size:15px; }
}
@media(max-width:1100px) {
  .showcase-slide { grid-template-columns:41% minmax(0,1fr); }
  .slide-copy { padding:24px; }
  .slide-copy h2 { font-size:34px; }
  .slide-description { font-size:13px; }
  .slide-link { font-size:10px; gap:8px; margin-top:19px; }
  .slide-visual { padding:24px 20px; }
  .workflow-scene { grid-template-columns:34% minmax(0,1fr); gap:19px; }
  .note-fragment > span { font-size:9px; gap:5px; }
  .note-fragment svg { width:13px; height:13px; }
  .note-fragment p { font-size:10px; }
  .source-notes > .scene-label { font-size:8px; }
  .handoff-connector { right:-26px; width:27px; }
  .handoff-sheet { padding:16px 15px 0; }
  .handoff-sheet h3 { font-size:22px; }
  .handoff-line { gap:7px; }
  .handoff-line p { font-size:8px; }
  .sheet-foot { font-size:7px; gap:5px; }
  .insight-heading h3 { font-size:21px; }
  .insight-attention { padding-inline:10px; }
  .insight-attention strong { font-size:10px; }
  .insight-attention p { font-size:8px; }
  .document-spread { gap:9px; padding-inline:3px; }
  .output-page { padding:14px 10px; }
  .output-page h3 { font-size:13px; }
  .page-deck { font-size:9px; }
  .page-detail,.plan-tasks > span { font-size:7px; }
  .page-bottom { font-size:6px; }
}
@media(min-width:801px) and (max-height:800px) {
  .showcase-stage { height:284px; }
  .slide-copy { padding-block:20px; }
  .showcase .slide-copy .eyebrow { margin-bottom:10px; }
  .slide-copy .eyebrow > span { width:25px; height:25px; }
  .slide-copy h2 { font-size:33px; }
  .slide-description { font-size:12px; margin-top:12px; }
  .slide-link { margin-top:14px; font-size:10px; }
  .slide-visual { padding-block:16px; }
  .handoff-sheet { padding-top:12px; }
  .handoff-sheet h3 { font-size:20px; margin-block:10px; }
  .handoff-line { margin-top:9px; }
  .handoff-line p { font-size:8px; }
  .sheet-foot { margin-top:11px; padding-block:9px; }
  .note-fragment { padding-block:12px; }
  .insight-heading h3 { font-size:20px; }
  .insight-heading h3 br { display:none; }
  .insight-heading .scene-label { margin-bottom:6px; }
  .insight-total strong { font-size:30px; }
  .insight-chart { margin-top:13px; }
  .chart-plot { height:75px; }
  .chart-fill > span { font-size:18px; }
  .chart-fill { padding-block:4px; }
  .insight-attention { margin-top:12px; padding-block:9px; }
  .scene-footnote { margin-top:8px; font-size:8px; }
  .knowledge-source .joinery-mark { width:21px; height:21px; flex-basis:21px; }
  .knowledge-source strong { font-size:10px; }
  .knowledge-source div > span { font-size:8px; }
  .output-connection { height:12px; margin-top:10px; }
  .output-connection::before { height:10px; top:-11px; }
  .output-connection span { height:12px; }
  .output-page { height:169px; padding:11px; }
  .output-page h3 { margin-top:10px; font-size:13px; }
  .page-top svg { width:16px; height:16px; }
  .page-deck { font-size:8px; }
  .page-rule { margin-block:9px 6px; }
  .page-detail { font-size:7px; }
  .page-bottom { display:none; }
  .plan-tasks { margin-top:10px; gap:6px; }
  .performance-caption { margin-top:19px; font-size:8px; }
}
@media(max-width:800px) and (min-width:641px) {
  .showcase-stage { height:333px; }
  .showcase-slide { grid-template-columns:42% minmax(0,1fr); }
  .slide-copy { padding:20px; }
  .slide-copy h2 { font-size:29px; }
  .showcase .slide-copy .eyebrow { margin-bottom:14px; font-size:9px; }
  .slide-description { font-size:12px; line-height:1.7; margin-top:13px; }
  .slide-link { font-size:9px; }
  .slide-visual { padding:19px 16px; }
  .source-notes { display:none; }
  .workflow-scene { display:block; max-width:270px; }
  .handoff-sheet { padding:17px 20px 0; }
  .handoff-sheet h3 { font-size:23px; }
  .handoff-line p { font-size:9px; }
  .sheet-foot { font-size:8px; }
  .insight-heading h3 { font-size:18px; }
  .insight-total { display:none; }
  .insight-chart { gap:15px; }
  .chart-plot { height:88px; }
  .insight-attention { gap:7px; padding-inline:9px; }
  .insight-attention > svg { display:none; }
  .scene-footnote { font-size:8px; }
  .document-spread { gap:7px; padding-inline:0; }
  .output-page { height:200px; padding:11px 8px; }
  .output-page h3 { font-size:12px; }
  .page-top svg { width:17px; height:17px; }
  .page-top > span,.page-bottom { display:none; }
  .page-detail,.plan-tasks > span { font-size:6px; }
  .plan-tasks { gap:9px; }
  .plan-tasks svg { display:none; }
  .performance-caption { font-size:8px; text-align:center; gap:5px; }
  .knowledge-source strong { font-size:10px; }
  .knowledge-source div > span { font-size:8px; }
}
@media(max-width:640px) {
  .showcase-elevated .workspace-top { min-height:39px; padding-inline:12px; }
  .showcase-stage { height:306px; }
  .showcase-slide { grid-template-columns:minmax(0,1fr); grid-template-rows:149px minmax(0,1fr); }
  .slide-copy { padding:14px 20px; justify-content:start; }
  .showcase .slide-copy .eyebrow { font-size:8px; margin-bottom:8px; gap:7px; }
  .slide-copy .eyebrow > span { width:auto; height:auto; border:0; }
  .slide-copy .eyebrow svg { width:12px; height:12px; }
  .slide-copy h2 { font-size:24px; line-height:1.18; }
  .slide-copy h2 br { display:none; }
  .slide-copy h2 span::before { content:' '; }
  .slide-description { font-size:11px; line-height:1.6; margin-top:9px; }
  .slide-link { display:none; }
  .slide-visual { padding:12px 18px; border-left:0; border-top:1px solid #dfe5d8; }
  .workflow-scene { grid-template-columns:34% minmax(0,1fr); gap:19px; max-width:440px; }
  .source-notes > .scene-label { display:none; }
  .note-fragment { padding-block:10px; }
  .note-fragment > span { font-size:9px; gap:4px; }
  .note-fragment svg { width:11px; height:11px; }
  .note-fragment p { font-size:8px; line-height:1.5; margin-top:6px; }
  .handoff-sheet { padding:11px 12px 0; }
  .sheet-heading { font-size:9px; gap:6px; }
  .sheet-heading .joinery-mark { width:13px; height:13px; flex-basis:13px; }
  .sheet-state { display:none; }
  .handoff-sheet h3 { display:none; }
  .handoff-sheet h3 br { display:none; }
  .handoff-line { margin-top:8px; gap:6px; }
  .handoff-line > span { width:13px; height:13px; flex-basis:13px; }
  .handoff-line svg { width:9px; height:9px; }
  .handoff-line strong { font-size:9px; }
  .handoff-line p { font-size:8px; margin-top:2px; }
  .question-line { display:none; }
  .sheet-foot { display:none; }
  .handoff-line:nth-of-type(3) { margin-bottom:11px; }
  .sheet-foot svg { width:9px; height:9px; }
  .insight-scene { max-width:430px; position:relative; display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
  .insight-heading { grid-column:1; }
  .insight-heading .scene-label { font-size:7px; margin-bottom:5px; }
  .insight-heading h3 { font-size:17px; }
  .insight-total { display:none; }
  .insight-chart { grid-column:2; grid-row:1; gap:10px; margin:0; }
  .chart-plot { height:60px; }
  .chart-fill { padding:5px; }
  .chart-fill > span { font-size:14px; }
  .chart-column > p { font-size:7px; gap:3px; margin-top:5px; }
  .chart-column > p > span { width:3px; height:3px; }
  .insight-attention { grid-column:1/-1; margin:0; padding:9px 10px; gap:9px; }
  .insight-attention strong { font-size:9px; }
  .insight-attention p { display:none; }
  .insight-attention svg { width:13px; height:13px; }
  .scene-footnote { display:none; }
  .performance-scene { max-width:430px; }
  .knowledge-source { gap:7px; }
  .knowledge-source .joinery-mark { width:17px; height:17px; flex-basis:17px; }
  .knowledge-source strong { font-size:8px; }
  .knowledge-source div > span { display:none; }
  .output-connection { margin-top:9px; height:10px; }
  .output-connection::before { height:9px; top:-10px; }
  .output-connection span { height:10px; }
  .document-spread { gap:8px; padding-inline:3px; }
  .proposal-page { transform:rotate(-3deg); }
  .plan-page { transform:rotate(3deg); }
  .output-page { height:92px; padding:9px; }
  .page-top svg { width:15px; height:15px; }
  .page-top > span { font-size:5px; }
  .output-page h3 { font-size:11px; margin:8px 0 5px; }
  .page-deck { font-size:8px; }
  .page-rule,.page-detail,.page-bottom,.plan-tasks { display:none; }
  .performance-caption { display:none; }
  .performance-caption svg { width:11px; height:11px; }
  .showcase-footer { min-height:42px; padding:2px 10px; }
  .showcase-note { display:none; }
  .showcase-dot { height:36px; width:30px; }
  .business-direction .under-workspace { display:none; }
  .business-direction .hero { padding-bottom:24px; }
}
@media(max-width:640px) and (min-height:741px) {
  .slide-copy h2 br { display:initial; }
  .slide-copy h2 span::before { content:none; }
}
@media(max-width:640px) and (max-height:740px) {
  .showcase-stage { height:245px; }
  .showcase-slide { grid-template-rows:118px minmax(0,1fr); }
  .slide-copy { padding:12px 17px; }
  .showcase .slide-copy .eyebrow { margin-bottom:6px; font-size:7px; }
  .slide-copy h2 { font-size:21px; }
  .slide-description { font-size:10px; line-height:1.5; margin-top:7px; }
  .slide-visual { padding:10px 15px; }
  .source-notes > .scene-label { display:none; }
  .note-fragment { padding-block:7px; }
  .note-fragment p { display:none; }
  .handoff-sheet { padding:8px 10px 0; }
  .handoff-line { margin-top:6px; }
  .handoff-line p,.sheet-state,.sheet-foot { display:none; }
  .handoff-line:last-of-type { margin-bottom:10px; }
  .insight-scene { gap:9px 16px; }
  .insight-heading h3 { font-size:15px; }
  .chart-plot { height:43px; }
  .chart-fill { padding:3px 4px; }
  .chart-fill > span { font-size:12px; }
  .insight-attention { padding:7px 9px; }
  .insight-attention p { display:none; }
  .output-page { height:76px; padding:8px; }
  .output-page h3 { font-size:10px; margin-top:8px; margin-bottom:0; }
  .page-deck { display:none; }
  .page-top svg { width:12px; height:12px; }
  .performance-caption { display:none; }
  .showcase-footer { min-height:36px; }
  .showcase-dot { height:32px; }
  .business-direction .hero { padding-bottom:18px; }
}
@media(max-width:380px) {
  .showcase-stage { height:218px; }
  .showcase-slide { grid-template-rows:104px minmax(0,1fr); }
  .slide-copy { padding-inline:14px; }
  .slide-copy h2 { font-size:19px; }
  .slide-description { font-size:9px; }
  .slide-visual { padding-inline:12px; }
  .note-fragment > span { font-size:8px; }
  .handoff-line strong { font-size:8px; }
  .handoff-sheet { padding-inline:9px; }
  .sheet-heading { font-size:8px; }
  .insight-heading h3 { font-size:14px; }
  .insight-attention strong { font-size:8px; }
  .chart-column > p { font-size:6px; }
  .chart-fill { padding-block:2px; }
  .chart-fill > span { font-size:10px; }
  .knowledge-source .joinery-mark { width:12px; height:12px; flex-basis:12px; }
  .output-connection { margin-top:6px; height:6px; }
  .output-connection::before { height:6px; top:-7px; }
  .output-connection span { height:6px; }
  .output-page { height:60px; padding:7px; }
  .output-page h3 { font-size:9px; }
  .business-direction .hero { padding-bottom:12px; }
}
@media(max-width:360px) {
  .showcase-slide[data-slide=workflow] { grid-template-rows:120px minmax(0,1fr); }
  [data-slide=workflow] .slide-visual { padding-block:8px; }
}
@media(prefers-reduced-motion:reduce) { .slide-link svg,.showcase-dot > span { transition:none; } }