/* AppliedAgents: editorial structure, purpose-built product motion. */
:root { --motion-out: cubic-bezier(.23,1,.32,1); --film-ink: #20291e; }
.button:active,.film-control:active,.headline-controls button:active { transform:scale(.97); }
.site-header nav>a:after { width:100%; transform:scaleX(0); transform-origin:left; transition:transform 200ms var(--motion-out); }
.site-header nav>a:hover:after { transform:scaleX(1); }
[data-reveal] { opacity:1; transform:none; }
.reveal-pending { opacity:0; transform:translateY(20px); }
.reveal-arrived { transition:opacity 650ms var(--motion-out),transform 650ms var(--motion-out); }
body[data-motion=paused] [data-reveal] { opacity:1; transform:none; transition:none; }
.work-section { padding-top:94px; padding-bottom:62px; background:#151814; }
.work-section .section-heading { grid-template-columns:1fr 1.6fr 1fr; }
.workflow-showcase { grid-template-columns:1fr; background:#1d211b; }
.workflow-nav { display:flex; padding:0; border-right:0; border-bottom:1px solid #3e4438; }
.workflow-nav button { flex:1; width:auto; padding:24px 25px; border-bottom:0; border-right:1px solid #3e4438; position:relative; }
.workflow-nav button:last-child { border-right:0; }
.workflow-nav button[aria-selected=true] { background:#292f22; }
.workflow-nav button:after { content:''; position:absolute; height:2px; background:var(--acid); bottom:0; left:0; right:0; transform:scaleX(0); transform-origin:left; transition:transform 220ms var(--motion-out); }
.workflow-nav button[aria-selected=true]:after { transform:scaleX(1); }
.workflow-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.9fr); column-gap:36px; padding:24px 30px 18px; background:#e9ece3; min-height:585px; }
.panel-top { grid-column:1/-1; margin-bottom:26px; padding-bottom:20px; }
.window-dots { color:#9da68f; font-size:8px; margin-right:17px; letter-spacing:4px; }
.flow-stage { grid-column:1; grid-row:2; padding:4px 0 20px; min-height:330px; }
.stage-icon { position:static; display:grid; width:37px; height:37px; margin-bottom:21px; font-size:23px; }
.flow-stage h3 { font-size:clamp(26px,2.6vw,40px); max-width:300px; margin:15px 0; }
.flow-stage>p { font-size:14px; line-height:1.65; min-height:92px; max-width:340px; }
.source-snippet { display:none; }
.workflow-canvas { grid-column:2; grid-row:2; min-height:338px; position:relative; display:grid; align-items:center; overflow:hidden; background:#dce2d3; border:1px solid #cbd2bf; isolation:isolate; }
.workflow-canvas:before { content:''; position:absolute; inset:0; z-index:-1; background-image:radial-gradient(#9fa89190 .75px,transparent .75px); background-size:15px 15px; opacity:.42; }
.workflow-panel .step-track { grid-column:1/-1; margin-top:26px; }
.flow-controls { grid-column:1/-1; margin-top:20px; }
.simulation-note { grid-column:1/-1; margin-top:14px; }
.walkthrough-buttons { display:flex; align-items:center; gap:10px; }
.film-control { display:grid; place-items:center; width:32px; height:32px; border:1px solid currentColor; background:transparent; color:inherit; line-height:1; font-size:12px; border-radius:50%; opacity:.75; transition:opacity 150ms,transform 150ms; flex-shrink:0; }
.film-control:hover { opacity:1; }
.film-control[hidden] { display:none; }
.walkthrough-buttons .film-control { width:43px; height:43px; color:#57634b; }
.scene { width:100%; display:grid; grid-template-columns:minmax(0,.95fr) 42px minmax(0,1fr); align-items:center; padding:32px 28px 40px; position:relative; min-height:338px; }
.scene-screen,.scene-sheet { background:#fbfcf8; border:1px solid #bdc6b1; box-shadow:0 12px 30px #3e4f2820; min-width:0; }
.scene-screen { transform:rotate(-3deg); }
.scene-sheet { transform:translateY(14px) rotate(2deg); }
.scene-window { padding:11px 12px; border-bottom:1px solid #dfe3d8; display:flex; gap:7px; align-items:center; font:8px PlexMono,monospace; text-transform:uppercase; letter-spacing:.06em; }
.scene-window i { width:5px; height:5px; background:#a0b189; border-radius:50%; }
.scene-window b { margin-left:auto; font-weight:400; color:#77826c; }
.scene-body { padding:20px 16px; }
.scene-body .eyebrow { font-size:8px; color:#68735b; letter-spacing:.03em; }
.scene-body h4 { font-size:18px; line-height:1.15; letter-spacing:-.04em; margin:12px 0; font-weight:550; }
.scene-body p { font-size:11px; color:#636e57; line-height:1.6; }
.scene-speech { margin-top:16px; padding:12px; font-size:11px; background:#ebeedf; line-height:1.5; border:1px solid #d3dcc3; }
.scene-wave { height:30px; display:flex; gap:4px; align-items:center; justify-content:center; margin:18px 0; }
.scene-wave i { display:block; width:3px; height:23px; background:#72865b; transform:scaleY(.5); }
.scene-wave i:nth-child(3n) { height:11px; }
.scene-wave i:nth-child(3n+1) { height:30px; }
.workflow-panel[data-playing=true][data-flow=enquiry] .scene-wave i { animation:voice-wave 1100ms ease-in-out infinite alternate; }
.scene-wave i:nth-child(even) { animation-delay:-700ms!important; }
.scene-arrow { display:grid; place-items:center; font-size:23px; color:#748560; }
.scene-sheet .scene-body { padding:17px 15px; }
.scene-sheet h4 { margin:5px 0 18px; }
.scene-field { padding:9px 0; border-top:1px solid #e0e5d7; font-size:10px; display:flex; flex-direction:column; gap:3px; }
.scene-field span { color:#808774; font-size:9px; }
.scene-field b { font-weight:500; }
.scene-field[data-pending=true] b { color:#87907c; font-family:PlexMono,monospace; font-size:8px; }
.scene-review { padding:10px; background:#e1ebcc; color:#465933; font-size:9px; line-height:1.45; margin-top:12px; }
.scene-review.is-question { background:#f1e7c8; color:#716038; }
.scene-caption { position:absolute; bottom:11px; left:19px; right:19px; display:flex; justify-content:space-between; color:#667459; font:7px PlexMono,monospace; text-transform:uppercase; letter-spacing:.06em; }
.scene-source-row { padding:9px 0; border-bottom:1px solid #dce1d3; font-size:10px; display:flex; gap:9px; align-items:center; }
.scene-source-row i { font-style:normal; color:#668143; font-size:14px; }
.scene-document { height:48px; width:38px; border:1px solid #aaba93; margin-bottom:15px; padding:12px 7px; background:linear-gradient(135deg,#f6f9ef 80%,#d6e0c5 80%); }
.scene-document i { display:block; height:2px; background:#b0bd9e; margin-bottom:5px; }
.scene-sheet.is-new { animation:sheet-arrive 480ms var(--motion-out) both; }
@keyframes sheet-arrive { from { opacity:.5; transform:translateY(22px) rotate(2deg); } to { opacity:1; transform:translateY(14px) rotate(2deg); } }
.work-foot { padding-top:24px; }
.services { padding-top:100px; padding-bottom:90px; }
.service-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.service { display:flex; flex-direction:column; padding:28px 28px 20px; gap:0; min-width:0; }
.service-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:30px; }
.service-heading h3 { margin:0; font-size:33px; text-align:right; }
.service>p { padding-top:23px; font-size:16px; line-height:1.6; max-width:480px; min-height:106px; }
.service details { margin-top:18px; }
.service summary { min-height:45px; }
.service-film { min-width:0; color:var(--film-ink); position:relative; }
.film-top,.film-foot { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.film-top { padding:15px 16px; height:60px; }
.film-top .eyebrow { font-size:8px; max-width:75%; }
.film-foot { border-top:1px solid #61734825; padding:12px 16px; font:8px PlexMono,monospace; line-height:1.5; }
.film-foot span:last-child { opacity:.6; text-align:right; }
.film-art { position:relative; height:270px; overflow:hidden; }
.film-knowledge { background:#e4e7df; }
.knowledge-sources { display:flex; justify-content:center; gap:6px; padding:12px 8px 0; }
.knowledge-sources>span { border:1px solid #c4ceba; padding:8px; font-size:9px; background:#f2f5ed; white-space:nowrap; }
.knowledge-sources i { font-style:normal; margin-right:3px; color:#6f805c; }
.knowledge-thread { margin:21px auto; width:88%; max-width:420px; background:#f8faf4; border:1px solid #cbd3c1; box-shadow:0 12px 30px #36471e0d; }
.prompt-line { padding:14px 16px; font-size:11px; border-bottom:1px solid #dce2d3; display:flex; justify-content:space-between; gap:9px; }
.prompt-line>span { color:#839176; }
.knowledge-answer { display:flex; gap:12px; padding:19px 16px 17px; transition:opacity 400ms,transform 550ms var(--motion-out); }
.agent-stamp { flex-shrink:0; background:#293b1e; color:#e5efcf; width:29px; height:29px; display:grid; place-items:center; font-size:15px; letter-spacing:-.12em; }
.knowledge-answer strong { font-size:13px; font-weight:550; }
.knowledge-answer p { font-size:11px; line-height:1.5; color:#6b765f; margin-top:7px; }
.source-chip { font-size:8px; color:#668343; display:inline-block; margin-top:12px; border-bottom:1px solid #bacba9; }
.film-result { font-size:9px; display:flex; gap:7px; align-items:center; justify-content:center; transition:opacity 350ms,transform 550ms var(--motion-out); }
.result-check { display:inline-grid; place-items:center; width:19px; height:19px; border-radius:50%; background:#dce8c6; color:#47682f; font-size:11px; flex-shrink:0; }
.film-voice { background:#202a21; color:#dfeacb; }
.film-voice .film-foot { border-color:#81946f35; }
.film-voice .film-art { display:grid; grid-template-columns:1fr 1.05fr; gap:20px; padding:10px 23px 20px; align-items:center; }
.call-interface { display:flex; align-items:center; flex-direction:column; padding:12px 5px; }
.call-orbit { width:75px; height:75px; display:grid; place-items:center; margin-bottom:13px; border:1px solid #708b55; border-radius:50%; position:relative; }
.call-orbit:before,.call-orbit:after { content:''; position:absolute; inset:8px; border:1px solid #527742; border-radius:50%; }
.call-orbit:after { inset:17px; border-color:#a8c58a; background:#344b2c; }
.call-orbit>span { font-size:23px; z-index:1; }
.call-name { font-size:10px; }
.voice-bars { display:flex; gap:3px; height:33px; align-items:center; justify-content:center; margin:13px 0; }
.voice-bars i { display:block; width:3px; height:14px; background:#bfdc8c; border-radius:2px; transform:scaleY(.5); }
.voice-bars i:nth-child(3n) { height:29px; }
.voice-bars i:nth-child(2n) { height:23px; }
.voice-bars i:nth-child(4n) { height:8px; }
.service-film[data-playing=true] .voice-bars i { animation:voice-wave 1000ms ease-in-out infinite alternate; }
.voice-bars i:nth-child(2n) { animation-delay:-600ms!important; }
.voice-bars i:nth-child(3n) { animation-delay:-250ms!important; }
@keyframes voice-wave { 0%,100% { transform:scaleY(.35); opacity:.55; } 50% { transform:scaleY(1); opacity:1; } }
.call-caption { font-size:10px; color:#a6b799; text-align:center; line-height:1.6; max-width:160px; }
.call-summary { background:#edf1e4; border:1px solid #71875d; color:#314126; padding:17px 14px; transform:rotate(3deg); box-shadow:0 18px 25px #07160345; transition:opacity 400ms,transform 550ms var(--motion-out); }
.call-summary .eyebrow { font-size:7px; }
.call-summary>strong { display:block; font-weight:550; font-size:17px; letter-spacing:-.04em; line-height:1.2; margin:12px 0 15px; }
.call-summary>div { display:flex; flex-direction:column; gap:4px; padding:8px 0; border-top:1px solid #cbd3bd; font-size:10px; }
.call-summary>div span { font-size:8px; color:#7a876d; }
.call-summary b { font-weight:500; }
.handoff-label { display:block; padding:8px; background:#d5e5b7; font-size:8px; margin-top:10px; transition:opacity 350ms; }
.film-automation { background:#dee5d3; }
.film-automation .film-art { display:grid; grid-template-columns:1fr 36px 1.15fr; padding:30px 22px; align-items:center; }
.automation-source { background:#f5f7f0; border:1px solid #c3cdb3; padding:16px 12px; box-shadow:0 12px 24px #4b5e3612; transform:rotate(-4deg); }
.paper-icon { display:block; font-size:25px; color:#7a8c68; margin-bottom:15px; }
.automation-source strong { font-size:12px; font-weight:550; }
.automation-source p { font-size:10px; margin-top:9px; line-height:1.6; color:#738164; }
.attachment { display:block; margin-top:18px; font:8px PlexMono,monospace; padding:7px; background:#e8eedc; }
.automation-bridge { display:flex; align-items:center; position:relative; }
.automation-bridge>span { height:1px; flex:1; background:#99ad81; }
.automation-bridge b { font-size:11px; background:#304925; color:#edf5df; padding:5px 4px; font-weight:500; }
.automation-table { background:#f7f9f2; border:1px solid #bbc9a6; transform:translateY(13px) rotate(2deg); box-shadow:0 12px 24px #4b5e3612; transition:opacity 350ms,transform 550ms var(--motion-out); }
.automation-table>div { padding:12px 13px; border-bottom:1px solid #dce3d1; display:flex; flex-direction:column; gap:6px; }
.automation-table .table-heading { background:#edf2e3; flex-direction:row; justify-content:space-between; align-items:center; gap:10px; font-size:9px; }
.table-heading span:last-child { font:6px PlexMono,monospace; border:1px solid #c3cfb1; padding:2px 4px; }
.automation-table>div>span { font-size:8px; color:#6e7f5d; }
.automation-table strong { font-weight:500; font-size:10px; }
.automation-table .review-row { background:#f2e9c9; border-bottom:0; }
.review-row i { font-style:normal; margin-left:8px; }
.film-web { background:#dce2e9; color:#283b50; }
.site-mini { width:80%; max-width:330px; margin:7px auto 0; transform:rotate(-3deg); background:#f6f6f0; border:1px solid #b7c2cd; box-shadow:0 20px 30px #344f6920; }
.site-mini-nav { display:flex; justify-content:space-between; align-items:center; padding:12px 15px; border-bottom:1px solid #d5dfdf; font-size:7px; }
.site-mini-nav>strong { font-weight:650; letter-spacing:-.03em; }
.site-mini-main { height:139px; position:relative; padding:19px 18px; overflow:hidden; }
.site-mini-main>.eyebrow { display:block; font-size:6px; }
.site-mini-main>strong { display:block; font-size:25px; line-height:1; letter-spacing:-.055em; margin-top:9px; }
.mini-cta { display:inline-block; font-size:6px; background:#244440; color:#e5f0df; padding:7px; margin-top:12px; }
.air-unit { width:42%; aspect-ratio:1.6; position:absolute; right:16px; top:44px; border:1px solid #cbd4ca; border-radius:5px; background:linear-gradient(145deg,#fcfcf8,#e0e7de); padding:20px 9px 4px; box-shadow:0 9px 12px #16333120; transform:rotate(-10deg); }
.air-unit i { display:block; height:2px; background:#b0bcb0; margin-top:4px; }
.mini-form { display:flex; justify-content:space-between; align-items:center; padding:12px 15px; border-top:1px solid #d5dfdf; font-size:7px; }
.mini-form b { font-weight:500; background:#e3ece0; padding:5px; }
.mini-form i { font-style:normal; }
.web-notification { display:flex; gap:9px; align-items:center; padding:14px 15px; background:#f8faf4; border:1px solid #bac6b3; width:83%; max-width:345px; position:absolute; right:15px; bottom:16px; box-shadow:0 10px 25px #1a2e3017; transition:opacity 350ms,transform 550ms var(--motion-out); }
.web-notification strong { display:block; font-size:11px; font-weight:550; }
.web-notification div>span { display:block; font-size:8px; margin-top:5px; color:#7a8673; }
/* The final, informative frame is the default, including without JavaScript. */
.service-film[data-phase="0"] .knowledge-answer,.service-film[data-phase="0"] .film-result { opacity:.12; transform:translateY(7px); }
.service-film[data-phase="1"] .knowledge-answer { opacity:.45; transform:translateY(4px); }
.service-film[data-phase="1"] .film-result,.service-film[data-phase="2"] .film-result { opacity:.15; transform:translateY(5px); }
.service-film[data-phase="0"] .call-summary { transform:translateY(14px) rotate(3deg); }
.service-film[data-phase="1"] .call-summary { transform:translateY(7px) rotate(3deg); }
.call-summary>div { transition:opacity 350ms; }
.service-film[data-phase="0"] .call-summary>div { opacity:.12; }
.service-film[data-phase="1"] .call-summary>div:nth-of-type(n+2) { opacity:.12; }
.service-film[data-phase="2"] .call-summary>div:nth-of-type(3) { opacity:.12; }
.service-film:not([data-phase="3"]) .handoff-label { opacity:.2; }
.service-film[data-phase="0"] .automation-table { opacity:.2; transform:translateY(24px) rotate(2deg); }
.service-film[data-phase="1"] .automation-table { opacity:.55; transform:translateY(17px) rotate(2deg); }
.service-film[data-phase="0"] .web-notification,.service-film[data-phase="1"] .web-notification { opacity:0; transform:translateY(12px); }
.service-film[data-phase="2"] .web-notification { opacity:.5; transform:translateY(5px); }
.service-film[data-playing=false] *,.service-film[data-playing=false] *:before,.service-film[data-playing=false] *:after { animation-play-state:paused!important; }
.process-blueprint { border-top:1px solid var(--line); padding:25px 0 38px; }
.process-blueprint>.eyebrow { color:#a4b293; font-size:9px; }
.blueprint-path { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:35px; }
.blueprint-path span { font-size:clamp(16px,2.3vw,30px); letter-spacing:-.045em; }
.blueprint-path i { font-style:normal; font-size:27px; color:var(--acid); }
.blueprint-rule { height:1px; background:linear-gradient(90deg,#667951,#3d4634 70%,#22281c); margin-top:32px; position:relative; }
.blueprint-rule:after { content:''; position:absolute; right:0; top:-3px; width:7px; height:7px; background:var(--acid); }
.project { grid-template-columns:1fr 2fr 1.1fr 36px; }
.project-thumb { display:flex; align-items:center; justify-content:center; gap:12px; width:180px; height:78px; justify-self:end; overflow:hidden; }
.project-thumb-quote { background:#dfe5d3; }
.project-thumb-quote i { font:8px PlexMono,monospace; font-style:normal; background:#f6f8ef; padding:13px 8px; border:1px solid #bdc8ac; transform:rotate(-7deg); }
.project-thumb-quote i:last-child { transform:rotate(5deg); }
.project-thumb b { font-weight:400; font-size:19px; color:#72885a; }
.project-thumb-call { background:#263329; }
.project-thumb-call i { font-style:normal; border:1px solid #739255; border-radius:50%; width:30px; height:30px; color:#dbebbf; display:grid; place-items:center; }
.project-thumb-call b { color:#bdd393; font-size:15px; }
.project .project-arrow { transition:transform 250ms var(--motion-out); }
@media(hover:hover) and (pointer:fine) { .project:hover .project-arrow { transform:translate(3px,-3px); } .project:hover .project-thumb-quote i { transform:rotate(0); transition:transform 250ms var(--motion-out); } }
.preview-bar { opacity:.88; transition:opacity 180ms; }
.preview-bar:hover,.preview-bar:focus-within { opacity:1; }
@media(min-width:1450px) { .film-art { height:300px; } .scene { padding:38px 42px 45px; } .scene-body { padding:24px; } .scene-body h4 { font-size:23px; } .scene-body p,.scene-speech { font-size:13px; } .scene-field { font-size:12px; } .scene-field span { font-size:10px; } }
@media(max-width:1050px) and (min-width:761px) { .workflow-panel { grid-template-columns:1fr 1.65fr; gap:20px; padding:23px; } .scene { padding:26px 16px 35px; grid-template-columns:1fr 23px 1fr; } .scene-body { padding:15px 11px; } .scene-body h4 { font-size:16px; } .scene-sheet .scene-body { padding:15px 11px; } .scene-speech { padding:8px; font-size:10px; } .scene-field { padding:7px 0; } .service { padding:23px 19px 18px; } .service-heading h3 { font-size:29px; } .film-voice .film-art { padding:8px 14px 20px; gap:10px; } .film-automation .film-art { padding:20px 13px; grid-template-columns:1fr 27px 1fr; } .film-top { padding:12px; } .film-top .eyebrow { font-size:7px; } .film-foot { padding:12px; font-size:7px; } .knowledge-sources { gap:4px; } .knowledge-sources>span { padding:6px; font-size:7px; } .call-summary { padding:15px 10px; } .call-summary>strong { font-size:15px; } .project-thumb { width:140px; } }
@media(max-width:760px) {
  .work-section { padding-top:60px; padding-bottom:35px; }
  .work-section .section-heading { grid-template-columns:1fr; }
  .workflow-nav button { padding:15px 12px; min-height:84px; font-size:8px; }
  .workflow-nav button>span:first-child { font-size:12px; max-width:110px; }
  .workflow-panel { display:flex; flex-direction:column; padding:17px; min-height:0; gap:0; }
  .panel-top { order:0; margin-bottom:20px; padding-bottom:17px; gap:8px; }
  .panel-top .eyebrow { font-size:7px; }
  .window-dots { display:none; }
  .example-badge { font-size:8px; padding:3px 5px; white-space:nowrap; }
  .flow-stage { order:1; min-height:185px; padding:0 0 20px; }
  .stage-icon { display:none; }
  .flow-stage h3 { max-width:none; font-size:28px; margin:11px 0; }
  .flow-stage>p { font-size:13px; min-height:62px; max-width:none; line-height:1.6; }
  .workflow-canvas { order:2; min-height:285px; margin:0 -1px; }
  .scene { min-height:285px; padding:25px 14px 35px; grid-template-columns:1fr 22px 1fr; }
  .scene-window { padding:9px; font-size:6px; }
  .scene-window b { display:none; }
  .scene-body,.scene-sheet .scene-body { padding:13px 10px; }
  .scene-body .eyebrow { font-size:6px; }
  .scene-body h4 { font-size:15px; margin:9px 0; }
  .scene-body p { font-size:9px; }
  .scene-speech { padding:8px; font-size:9px; margin-top:12px; }
  .scene-wave { margin:11px 0; gap:3px; height:22px; }
  .scene-wave i { width:2px; height:17px; }
  .scene-wave i:nth-child(3n+1) { height:22px; }
  .scene-field { font-size:9px; padding:7px 0; }
  .scene-field span { font-size:7px; }
  .scene-field[data-pending=true] b { font-size:7px; }
  .scene-review { font-size:8px; padding:8px; margin-top:8px; }
  .scene-caption { font-size:6px; left:10px; right:10px; }
  .scene-source-row { font-size:8px; padding:7px 0; }
  .scene-document { margin-bottom:10px; height:36px; width:29px; padding:8px 5px; }
  .workflow-panel .step-track { order:3; margin-top:22px; }
  .flow-controls { order:4; margin-top:20px; gap:7px; }
  .walkthrough-buttons { gap:7px; }
  .walkthrough-buttons .film-control { width:34px; height:34px; }
  .flow-controls .button { min-height:38px; padding:9px 12px; gap:14px; font-size:10px; }
  .flow-controls p { max-width:42%; font-size:9px; }
  .simulation-note { order:5; font-size:9px; margin-top:16px; }
  .services { padding-top:60px; padding-bottom:55px; }
  .service-grid { grid-template-columns:1fr; }
  .service { padding:24px 17px 18px; }
  .service-heading { margin-bottom:25px; }
  .service-heading h3 { font-size:30px; }
  .service>p { font-size:14px; min-height:0; padding-top:21px; }
  .film-art { height:275px; }
  .film-top { padding:12px; height:54px; }
  .film-top .eyebrow { font-size:7px; }
  .film-foot { padding:11px 12px; font-size:7px; }
  .knowledge-sources { gap:4px; padding:14px 8px 0; }
  .knowledge-sources>span { font-size:7px; padding:6px; }
  .knowledge-thread { margin:22px auto 18px; width:90%; }
  .prompt-line { padding:12px; font-size:10px; }
  .knowledge-answer { padding:15px 12px; gap:9px; }
  .knowledge-answer strong { font-size:12px; }
  .knowledge-answer p { font-size:10px; }
  .film-result { font-size:8px; padding:0 10px; }
  .film-voice .film-art { padding:9px 16px 22px; gap:14px; }
  .call-summary { padding:15px 10px; }
  .call-summary>strong { font-size:16px; }
  .call-summary>div { font-size:9px; }
  .call-caption { font-size:9px; }
  .voice-bars { gap:2px; }
  .voice-bars i { width:2px; }
  .film-automation .film-art { padding:22px 14px; grid-template-columns:1fr 25px 1.1fr; }
  .automation-source { padding:15px 11px; }
  .automation-source strong { font-size:11px; }
  .automation-source p { font-size:9px; }
  .automation-table>div { padding:11px 9px; }
  .automation-table strong { font-size:9px; }
  .automation-table .table-heading { font-size:8px; gap:5px; }
  .table-heading span:last-child { font-size:5px; padding:2px; }
  .site-mini { width:86%; margin-top:10px; }
  .web-notification { right:9px; width:86%; bottom:20px; padding:13px 11px; }
  .web-notification strong { font-size:10px; }
  .web-notification div>span { font-size:7px; }
  .blueprint-path { gap:12px; margin-top:28px; }
  .blueprint-path span { font-size:17px; max-width:95px; }
  .blueprint-path i { font-size:21px; }
  .process-blueprint>.eyebrow { font-size:8px; }
  .process-blueprint { padding-bottom:25px; }
  .project { grid-template-columns:1fr 30px; }
  .project-thumb { display:none; }
}
@media(max-width:359px) {
  .workflow-panel { padding:14px; }
  .workflow-nav button { padding:13px 9px; }
  .workflow-nav button>span:first-child { font-size:11px; }
  .scene { padding:23px 8px 33px; grid-template-columns:1fr 15px 1fr; }
  .scene-body,.scene-sheet .scene-body { padding:12px 8px; }
  .scene-body h4 { font-size:13px; }
  .scene-body p,.scene-speech { font-size:8px; }
  .scene-field { font-size:8px; }
  .scene-arrow { font-size:16px; }
  .flow-stage { min-height:205px; }
  .flow-controls .button { font-size:9px; gap:7px; padding:9px; }
  .walkthrough-buttons { gap:5px; }
  .film-voice .film-art { padding:8px 10px 20px; gap:10px; }
  .call-orbit { width:61px; height:61px; }
  .call-summary>strong { font-size:14px; }
  .call-summary>div { font-size:8px; }
  .handoff-label { font-size:7px; padding:6px; }
  .film-top .eyebrow { font-size:6px; }
  .knowledge-sources>span { font-size:6px; padding:5px; }
  .film-automation .film-art { padding:20px 8px; grid-template-columns:1fr 19px 1.1fr; }
  .automation-source { padding:13px 8px; }
  .automation-table .table-heading { flex-direction:column; align-items:start; }
  .film-foot { font-size:6px; }
  .site-mini-main>strong { font-size:21px; }
  .air-unit { width:34%; right:9px; top:53px; padding-top:12px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-reveal] { opacity:1!important; transform:none!important; }
  .scene-sheet.is-new { animation:none; }
}