/* Campaign scenes · imagery stays behind the readable task demonstrations. */
.campaign-slide:after{background:linear-gradient(90deg,#f4f0fbd9 0%,#f4f0fbf5 25%,#f4f0fbde 42%,#f4f0fb55 58%,#f4f0fb00 76%)}
.campaign-copy{position:relative;z-index:2;max-width:48%;width:590px}
.campaign-scene{position:absolute;right:0;top:25px;bottom:68px;width:51%;color:var(--ink);pointer-events:none}
.scene-panel-title{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:14px}
.scene-panel-title>.icon{width:19px;height:19px;flex-shrink:0;color:var(--blue)}
.scene-panel-title>b{font-weight:650}.scene-panel-title>span{font-size:10px;color:var(--secondary-text);margin-left:auto;white-space:nowrap}
.office-activity{position:absolute;bottom:6px;left:0;right:-24px;background:#ffffffed;padding:20px 22px;border-radius:14px;box-shadow:0 12px 35px #00000024}
.office-jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.office-jobs>div{display:grid;grid-template-columns:22px 1fr;gap:7px 6px;align-items:center}.office-jobs .icon{width:20px;color:var(--blue)}.office-jobs strong{font-size:13px;white-space:nowrap}.office-jobs small{grid-column:1 / -1;font-size:10px;color:var(--secondary-text);white-space:nowrap}
.owner-scene{width:47%;top:auto;height:284px;bottom:64px;right:-24px}
.business-monitor{background:#fff;border:7px solid #30214c;border-bottom-width:14px;border-radius:14px;box-shadow:0 16px 38px #00000024;overflow:hidden}.business-monitor .scene-panel-title{padding:14px 16px;background:var(--surface)}.business-modules{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.business-modules>div{background:#fff;padding:12px 2px 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.business-modules .icon{width:19px;height:19px;color:var(--blue)}.business-modules span{font-size:10px;white-space:nowrap;color:var(--ink)}.monitor-caption{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;color:var(--secondary-text);font-size:10px}.monitor-caption small{font-size:10px}.monitor-base{width:125px;height:15px;margin:0 auto;border-radius:0 0 6px 6px;background:#bcb3ca;box-shadow:0 10px 14px #00000024}
.campaign-slide[data-slide="2"] .campaign-image{opacity:.57;filter:blur(2px)}
.dialogues-scene{top:22px;bottom:58px;width:52%;right:-16px;display:flex;flex-direction:column;justify-content:center}
.dialogue-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 13px}.dialogue-summary>div{display:flex;align-items:center;gap:14px}.dialogue-summary b{font-size:36px;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--blue)}.dialogue-summary span{font-size:11px;line-height:1.6;color:var(--ink)}.dialogue-summary>small{font-size:10px;color:var(--secondary-text)}
.dialogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-dialogue{min-width:0;background:#ffffffed;padding:12px 14px 13px;border-radius:12px;box-shadow:0 8px 24px #00000024}.dialogue-title{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:12px}.dialogue-title>.icon{width:15px;height:15px;color:var(--blue)}.dialogue-title>strong{font-weight:650}.dialogue-title>span{margin-left:auto;font-size:9px;color:var(--secondary-text)}.dialogue-title>span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--blue);margin-right:4px}.skill-dialogue p{font-size:10.5px;line-height:1.6;margin:0;overflow-wrap:anywhere}.skill-dialogue p strong{font-weight:600;color:var(--blue)}.dialogue-role{font-size:9px;color:var(--secondary-text);display:inline-block;margin-right:7px;font-weight:650}.dialogue-request{color:var(--ink);padding-bottom:7px!important}.dialogue-reply{color:var(--secondary-text);border-top:1px solid var(--line);padding-top:7px!important}.dialogue-reply .dialogue-role{color:var(--blue)}
.schedule-scene{width:49%;right:-14px;top:auto;bottom:70px}
.automation-agenda{background:#fffffff2;border-radius:14px;box-shadow:0 16px 42px #00000024;overflow:hidden}.automation-agenda>.scene-panel-title{padding:20px 24px;background:var(--surface)}.agenda-row{display:flex;align-items:center;gap:16px;margin:0 24px;padding:18px 0;border-bottom:1px solid var(--line)}.agenda-row time{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--blue)}.agenda-row>div{flex:1}.agenda-row strong{font-size:13px;display:block;color:var(--ink)}.agenda-row p{font-size:10px;line-height:1.65;color:var(--secondary-text);margin-top:4px}.agenda-status{font-size:10px;color:var(--blue);white-space:nowrap}.agenda-more{display:flex;gap:14px;margin:17px 24px 0;color:var(--secondary-text);font-size:10px}.agenda-note{font-size:10px;color:var(--secondary-text);margin:13px 24px 18px}.campaign-slide[data-slide="3"] .campaign-image{object-position:center}
@media(min-width:1800px){.campaign-scene{right:-60px}.owner-scene{right:-70px}.dialogues-scene{right:-45px}.schedule-scene{right:-60px}}
@media(max-width:1180px) and (min-width:761px){.campaign-copy{max-width:46%}.campaign-scene{width:52%;right:-10px}.office-jobs{gap:8px}.office-activity{padding:17px;right:0}.office-jobs>div{display:block}.office-jobs .icon{width:17px;margin-right:4px}.office-jobs strong{font-size:11px}.office-jobs small{display:block;font-size:9px;margin-top:7px}.owner-scene{width:49%;height:275px}.business-monitor{border-width:5px;border-bottom-width:12px}.business-monitor .scene-panel-title{font-size:12px;padding:12px 10px}.business-modules span{font-size:9px}.business-modules>div{padding-block:12px}.scene-panel-title>span{font-size:9px}.dialogue-grid{gap:8px}.skill-dialogue{padding:10px}.skill-dialogue p{font-size:9.5px}.dialogue-title{font-size:11px}.dialogue-title>span{font-size:8px}.dialogue-summary b{font-size:32px}.agenda-row{margin-inline:16px;gap:10px;padding-block:15px}.agenda-row strong{font-size:12px}.agenda-row time{font-size:19px}.agenda-status{display:none}.automation-agenda>.scene-panel-title{padding:16px}.agenda-more,.agenda-note{margin-inline:16px}}
@media(max-width:760px){.campaign{height:790px}.campaign-image{height:450px;object-position:72% center}.campaign-slide:after{background:linear-gradient(180deg,#f4effb 0%,#f4effb 37%,#f4effbf0 42%,#f4effb33 55%,#f4effb00 70%)}.campaign-inner{padding-top:29px}.campaign-copy{max-width:100%;width:100%}.campaign-copy .actions{margin-top:20px}.campaign-proof{margin-top:17px}.campaign-scene{top:343px;bottom:58px;width:100%;right:0}.office-activity{left:0;right:0;bottom:0;padding:16px;background:#fffffff2}.office-jobs{grid-template-columns:repeat(2,1fr);gap:14px 18px;margin-top:14px}.office-jobs strong{font-size:12px}.office-jobs small{font-size:10px}.office-jobs .icon{width:18px}.scene-panel-title{font-size:13px}.scene-panel-title>span{font-size:9px}.owner-scene{top:auto;height:265px;bottom:70px;width:100%;right:0}.business-monitor{border-width:5px;border-bottom-width:12px;border-radius:12px}.business-monitor .scene-panel-title{font-size:12px;padding:12px 9px;gap:6px}.business-monitor .scene-panel-title>.icon{width:16px}.business-modules>div{padding:13px 1px 11px;gap:7px}.business-modules .icon{width:18px;height:18px}.business-modules span{font-size:8px}.monitor-caption{font-size:9px;padding:10px 8px;gap:4px}.monitor-caption small{font-size:8px}.dialogues-scene{top:338px;bottom:58px;width:100%;justify-content:flex-start}.dialogue-summary{margin-bottom:12px}.dialogue-summary b{font-size:31px}.dialogue-summary span{font-size:10px}.dialogue-summary>small{font-size:9px}.dialogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skill-dialogue{padding:10px;border-radius:12px}.dialogue-title{font-size:10px;gap:5px;margin-bottom:6px}.dialogue-title>.icon{width:13px;height:13px}.dialogue-title>span{font-size:8px}.skill-dialogue p{font-size:10px;line-height:1.55}.dialogue-role{font-size:8px;margin-right:4px}.dialogue-request{padding-bottom:6px!important}.dialogue-reply{padding-top:6px!important}.skill-dialogue:nth-child(n+5){display:none}.schedule-scene{top:auto;bottom:65px;width:100%;right:0}.automation-agenda>.scene-panel-title{padding:17px 16px}.agenda-row{margin-inline:16px;gap:12px;padding:19px 0}.agenda-row time{font-size:20px}.agenda-row strong{font-size:12px}.agenda-row p{font-size:10px}.agenda-status{display:none}.agenda-more{margin:16px 16px 0;gap:10px;flex-wrap:wrap;font-size:9px}.agenda-note{margin:12px 16px 16px;font-size:9px}.campaign-bottom{bottom:13px}.art-note{max-width:180px;font-size:9px}.campaign-slide[data-slide="1"] .campaign-image{object-position:78% center;height:490px}.campaign-slide[data-slide="2"] .campaign-image{height:450px;object-position:78% center}.campaign-slide[data-slide="3"] .campaign-image{height:450px;object-position:78% center}}
@media(max-width:390px){.campaign h1,.campaign h2{font-size:29px}.campaign-copy>p{font-size:12px}.dialogue-title>span{display:none}.business-modules span{font-size:8px}.dialogue-summary>small{max-width:58px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.campaign-scene{animation:none}}

/* Final composition: preserve the person and screen, enlarge demonstration copy. */
@media(min-width:761px){.campaign{height:610px}.campaign-slide[data-slide="1"] .campaign-image,.campaign-slide[data-slide="3"] .campaign-image{object-position:center top}.skill-dialogue p{font-size:12px;line-height:1.55}.skill-dialogue{padding:11px 13px}.dialogue-title{margin-bottom:6px}.business-modules span,.scene-panel-title>span,.office-jobs small,.agenda-row p,.agenda-status,.agenda-more,.agenda-note{font-size:11px}.dialogue-summary>small,.dialogue-title>span,.dialogue-role{font-size:10px}.owner-scene{height:300px;bottom:85px}.business-monitor .scene-panel-title{padding-block:13px}.monitor-caption{padding-block:9px}.automation-agenda{background:#fffffff7}}
@media(min-width:761px) and (max-width:1180px){.skill-dialogue p{font-size:11px}.dialogue-title>span{display:none}.business-modules span{font-size:10px}.agenda-more{gap:10px}.office-jobs small{font-size:10px}}
@media(max-width:760px){.campaign{height:820px}.campaign-image{height:480px}.skill-dialogue p{font-size:11px;line-height:1.5}.dialogue-summary>small,.dialogue-role{font-size:9px}.dialogue-title>span{display:none}.dialogues-scene{top:338px}.owner-scene{height:262px;bottom:78px}.business-modules{grid-template-columns:repeat(3,minmax(0,1fr))}.business-modules>div{flex-direction:row;justify-content:center;gap:5px;padding:15px 2px}.business-modules span{font-size:10px}.business-modules .icon{width:15px;height:15px}.business-modules>div:nth-child(3),.business-modules>div:nth-child(8),.business-modules>div:nth-child(11),.business-modules>div:nth-child(12),.business-modules>div:nth-child(13),.business-modules>div:nth-child(15){display:none}.monitor-caption{font-size:9px}.scene-panel-title>span,.agenda-more,.agenda-note{font-size:10px}.campaign-slide[data-slide="1"] .campaign-image{height:530px;object-position:78% center}.campaign-slide[data-slide="2"] .campaign-image,.campaign-slide[data-slide="3"] .campaign-image{height:480px}}

/* Keep the owner and coffee clear of the foreground monitor on wide displays. */
@media(min-width:1800px){.campaign-slide[data-slide="1"] .campaign-image{width:1500px;height:625px;inset:0 0 auto auto;object-fit:contain;object-position:right top}}
