#automation-gallery{width:min(1400px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffff29;border-radius:18px;background:#141719;color:#eff0ed;overflow:auto;box-shadow:0 35px 150px #000b}
#automation-gallery::backdrop{background:#080b10db;backdrop-filter:blur(15px)}
#automation-gallery .gallery-top{padding:9px 24px 7px}#automation-gallery h2{font-size:18px;letter-spacing:-.04em;margin:0}#automation-gallery .close-dialog{position:static;width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border:1px solid #fff3;border-radius:50%;background:transparent;color:#fff;font-size:24px;padding:0}#automation-gallery .gallery-tabs{padding:0 24px 10px}#automation-gallery .gallery-tabs button{padding:9px 14px}#automation-gallery .gallery-bottom{padding:9px 24px}#automation-gallery>.gallery-status{top:0;left:0}
.ai-scene{--ai-bg:#222522;--ai-panel:#2b302b;--ai-ink:#f1ebde;--ai-dim:#a2ad9f;--ai-accent:#e4bc77;--ai-line:#ffffff20;background:var(--ai-bg);color:var(--ai-ink);position:relative;isolation:isolate;padding:18px 28px;animation:concept-arrive .45s ease both}
.ai-scene[hidden]{display:none!important}.ai-scene *{box-sizing:border-box}.ai-scene button:focus-visible{outline-color:var(--ai-accent)}
.ai-brandbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.ai-brandbar>b{font-size:30px;letter-spacing:-.06em}.ai-brandbar>span{font:8px monospace;color:var(--ai-dim)}.ai-brandbar i{font-style:normal;padding:5px 8px;margin-left:15px;border:1px solid var(--ai-line);border-radius:3px}
.ai-layout{display:grid;grid-template-columns:.78fr 1.5fr;align-items:center;gap:30px}.ai-copy{min-width:0}.ai-copy>small{font:8px monospace;letter-spacing:.08em;color:var(--ai-dim);line-height:1.6;display:block;max-width:280px}.ai-copy h3{font-size:clamp(32px,3.4vw,47px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:20px 0}.ai-copy h3 em{font-style:normal;color:var(--ai-accent)}.ai-copy>p{font-size:12px;line-height:1.8;color:var(--ai-dim);max-width:310px;margin:0 0 23px}.ai-brief{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 19px;font-size:12px;font-weight:650;border:0;border-radius:5px;background:var(--ai-accent);color:var(--ai-bg)}.ai-brief span{font-size:20px}.ai-brief:hover{filter:brightness(1.1)}
.ai-workspace{min-width:0;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-panel);box-shadow:0 25px 50px #0002;overflow:hidden}.ai-workspace-top{display:flex;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--ai-line);font:8px monospace;letter-spacing:.02em;color:var(--ai-dim)}.ai-demo-label{color:var(--ai-accent)}
.ai-pipeline{display:grid;grid-template-columns:1fr 76px 1.2fr;gap:12px;padding:20px 18px 16px;align-items:center}.ai-column-title{font:8px monospace;letter-spacing:.07em;color:var(--ai-dim);margin-bottom:14px}.ai-inputs,.ai-output{min-width:0}.ai-source{position:relative;background:var(--ai-bg);border:1px solid var(--ai-line);border-radius:6px;padding:13px;margin-bottom:10px;transition:border-color .3s,transform .3s}.ai-source:last-child{margin-bottom:0}.ai-source small{font:7px monospace;color:var(--ai-accent);display:block;margin-bottom:8px}.ai-source b{display:block;font-weight:500;font-size:11px;line-height:1.4}.ai-source>span{display:block;font-size:9px;line-height:1.5;color:var(--ai-dim);margin-top:5px}
.ai-engine{text-align:center;position:relative;color:var(--ai-accent)}.ai-orbit{position:relative;width:66px;height:66px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid var(--ai-accent);border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--ai-accent) 12%,transparent)}.ai-orbit:before,.ai-orbit:after{content:'';position:absolute;inset:8px -7px;border:1px solid var(--ai-accent);border-radius:50%;opacity:.35;transform:rotate(55deg)}.ai-orbit:after{transform:rotate(-55deg)}.ai-orbit strong{font-size:21px;font-weight:500;letter-spacing:-.05em}.ai-orbit i{position:absolute;inset:-8px;border-radius:50%;border:1px dashed var(--ai-line)}.ai-engine small{font:7px monospace;letter-spacing:.05em}.ai-engine>span{display:block;font-size:27px;margin-top:8px}
.ai-result{position:relative;border:1px solid var(--ai-line);border-radius:9px;background:var(--ai-bg);padding:16px;transition:border-color .35s,box-shadow .35s}.ai-result>small{font:7px monospace;line-height:1.5;display:block;color:var(--ai-accent)}.ai-result h4{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:14px 0 19px}.ai-result-rows>div{padding:10px 0;border-top:1px solid var(--ai-line)}.ai-result-rows span{display:block;font-size:8px;color:var(--ai-dim);margin-bottom:5px}.ai-result-rows b{font-size:10px;font-weight:500;line-height:1.5;display:block}.ai-result>p{font-size:9px!important;line-height:1.6!important;color:var(--ai-dim);margin:12px 0}.ai-ready{font:7px monospace;letter-spacing:.04em;display:block;color:var(--ai-accent);opacity:0}.ai-scene:not(.is-complete) .ai-result-rows,.ai-scene:not(.is-complete) .ai-result>p{opacity:.18;filter:blur(2px);user-select:none}.ai-scene.is-complete .ai-result{border-color:var(--ai-accent);box-shadow:0 0 25px color-mix(in srgb,var(--ai-accent) 9%,transparent)}.is-complete .ai-ready{opacity:1}.is-complete .ai-result-rows{animation:concept-arrive .45s ease}.ai-runbar{display:flex;align-items:center;gap:15px;padding:13px 18px;border-top:1px solid var(--ai-line)}.ai-runbar button{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;border:1px solid var(--ai-accent);border-radius:5px;color:var(--ai-accent);background:transparent;padding:11px 14px;font-size:10px}.ai-runbar button:hover{background:var(--ai-bg)}.ai-runbar button:disabled{cursor:wait;opacity:.7}.ai-run-status{font-size:9px;line-height:1.6;color:var(--ai-dim);max-width:260px}.ai-scene-foot{display:flex;justify-content:space-between;gap:15px;font:7px monospace;color:var(--ai-dim);letter-spacing:.08em;margin-top:24px}
.is-running .ai-orbit i{animation:ai-orbit-spin 1.6s linear infinite}.is-running .ai-source{animation:ai-source-pass .8s ease-in-out both;animation-delay:calc(var(--order)*.2s)}.is-running .ai-orbit{box-shadow:0 0 35px color-mix(in srgb,var(--ai-accent) 35%,transparent)}
@keyframes ai-orbit-spin{to{transform:rotate(360deg)}}@keyframes ai-source-pass{50%{transform:translateX(5px);border-color:var(--ai-accent)}}
.ai-docs{--ai-bg:#f0f1eb;--ai-panel:#fbfcf8;--ai-ink:#283e4c;--ai-dim:#677a83;--ai-accent:#315f92;--ai-line:#ccd6d9}.ai-docs .ai-brandbar>b{font-family:Georgia,serif;font-weight:400;font-size:35px}.ai-docs .ai-result{border-radius:2px;box-shadow:5px 5px 0 #dbe1dd}.ai-docs .ai-source{border-radius:2px;border-left:3px solid var(--ai-accent)}.ai-docs .ai-orbit{border-radius:14px}.ai-content{--ai-bg:#eee7f1;--ai-panel:#f9f4fa;--ai-ink:#4a3458;--ai-dim:#87718d;--ai-accent:#825299;--ai-line:#dccdde}.ai-content .ai-copy h3 em{font-family:Georgia,serif;font-style:italic}.ai-content .ai-brief{border-radius:30px}.ai-content .ai-source:nth-child(3){transform:rotate(-2deg)}.ai-content .ai-result{background:#e6d9ec;border-radius:24px 24px 6px 6px}.ai-content .ai-result h4{font-family:Georgia,serif;font-size:25px}.ai-reports{--ai-bg:#142f2c;--ai-panel:#1b3c36;--ai-ink:#e4f0e5;--ai-dim:#99b6a9;--ai-accent:#b6d6a3;--ai-line:#35564c}.ai-reports .ai-result-rows>div:first-child b{font-size:20px;color:var(--ai-accent);letter-spacing:-.03em}.ai-reports .ai-workspace{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:22px 22px}.ai-meetings{--ai-bg:#232630;--ai-panel:#2d313e;--ai-ink:#f0e8e2;--ai-dim:#b3abb1;--ai-accent:#e5a393;--ai-line:#474650}.ai-meetings .ai-source{border-radius:0 13px 13px 13px}.ai-meetings .ai-result-rows>div{padding-left:14px;border-left:2px solid var(--ai-accent);border-top:0;margin:12px 0}.ai-meetings .ai-orbit{border-radius:24px}
@media(min-width:1000px) and (max-height:800px){.ai-scene{padding:12px 24px}.ai-brandbar{margin-bottom:14px}.ai-brandbar>b{font-size:25px}.ai-layout{gap:24px}.ai-copy h3{font-size:clamp(31px,3.1vw,43px);margin:16px 0}.ai-copy>p{font-size:11px;margin-bottom:17px}.ai-pipeline{padding:14px;gap:9px;grid-template-columns:1fr 65px 1.2fr}.ai-workspace-top{padding:11px 14px}.ai-source{padding:10px;margin-bottom:8px}.ai-source small{margin-bottom:6px}.ai-source>span{font-size:8px}.ai-result{padding:12px}.ai-result h4{font-size:18px;margin:10px 0 12px}.ai-result-rows>div{padding:8px 0}.ai-result>p{margin:9px 0}.ai-orbit{width:53px;height:53px}.ai-runbar{padding:10px 14px}.ai-scene-foot{margin-top:14px}.ai-content .ai-result h4{font-size:21px}.ai-meetings .ai-result-rows>div{margin:8px 0}.ai-reports .ai-result-rows>div:first-child b{font-size:17px}}
@media(max-width:999px){.ai-layout{grid-template-columns:1fr;gap:20px}.ai-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 22px}.ai-copy>small{grid-column:1/-1}.ai-copy h3{margin:0;grid-row:2/4;font-size:35px}.ai-copy>p{margin:0;font-size:11px}.ai-brief{justify-self:start}.ai-brandbar{margin-bottom:18px}.ai-scene-foot{margin-top:15px}.ai-workspace{max-width:850px;width:100%;justify-self:center}.ai-pipeline{padding:15px}.ai-source{padding:10px}.ai-result h4{font-size:18px}}
@media(max-width:600px){#automation-gallery{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}#automation-gallery .gallery-top{padding:10px 14px 7px}#automation-gallery h2{font-size:15px}#automation-gallery .gallery-tabs{padding:0 14px 10px;gap:5px}#automation-gallery .gallery-tabs button{padding:8px 9px;font-size:9px}#automation-gallery .gallery-bottom{padding:12px 14px 18px}.ai-scene{padding:13px}.ai-brandbar{margin-bottom:13px}.ai-brandbar>b,.ai-docs .ai-brandbar>b{font-size:23px}.ai-brandbar>span{font-size:6px}.ai-brandbar i{margin-left:6px;padding:4px}.ai-copy{display:block}.ai-copy>small{font-size:7px}.ai-copy h3{font-size:30px;margin:12px 0}.ai-copy>p{font-size:11px;line-height:1.6;max-width:none}.ai-copy .ai-brief{display:none}.ai-layout{gap:16px}.ai-workspace-top{font-size:6px;padding:10px}.ai-pipeline{grid-template-columns:1fr 1.1fr;gap:11px;padding:11px;position:relative}.ai-engine{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:5px}.ai-orbit{width:29px;height:29px;margin:0}.ai-orbit strong{font-size:12px}.ai-orbit i{inset:-4px}.ai-orbit:before,.ai-orbit:after{inset:5px -4px}.ai-engine>span{font-size:20px;margin:0}.ai-engine small{font-size:7px}.ai-column-title{font-size:6px;margin-bottom:9px}.ai-source{padding:8px;margin-bottom:7px}.ai-source small{font-size:6px;margin-bottom:5px}.ai-source b{font-size:9px}.ai-source>span{font-size:7px;line-height:1.4}.ai-result{padding:9px;border-radius:6px}.ai-result>small{font-size:6px}.ai-result h4,.ai-content .ai-result h4{font-size:15px;margin:9px 0 12px}.ai-result-rows>div{padding:7px 0}.ai-result-rows span{font-size:7px;margin-bottom:4px}.ai-result-rows b{font-size:8px;line-height:1.4}.ai-result>p{font-size:7px!important;margin:8px 0}.ai-ready{font-size:6px;line-height:1.5}.ai-runbar{display:block;padding:10px}.ai-runbar button{width:100%;padding:10px;font-size:10px}.ai-run-status{display:block;margin-top:6px;font-size:7px;max-width:none}.ai-scene-foot{font-size:6px;line-height:1.5;margin-top:12px}.ai-scene-foot>span{display:none}.ai-meetings .ai-result-rows>div{padding-left:7px;margin:8px 0}.ai-reports .ai-result-rows>div:first-child b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ai-scene,.is-running .ai-orbit i,.is-running .ai-source,.is-complete .ai-result-rows{animation:none}.ai-source,.ai-result{transition:none}}
@media(min-width:1000px) and (max-height:800px){.ai-scene-foot{display:none}.ai-brandbar{margin-bottom:10px}.ai-scene{padding-block:10px}.ai-result-rows>div{padding-block:7px}}
/* On phones, keep the scenario and its controls together; omit secondary captions. */
@media(max-width:600px){
 #automation-gallery .gallery-tabs{flex-wrap:nowrap;gap:4px}
 #automation-gallery .gallery-tabs button{padding:8px 6px;font-size:8px;flex:1}
 #automation-gallery .gallery-tabs button span{display:none}
 #automation-gallery .gallery-bottom{display:grid;grid-template-columns:1fr auto;gap:12px}
 #automation-gallery .gallery-bottom>p{display:none}
 #automation-gallery .gallery-discuss{order:0;font-size:11px;min-height:48px;padding:8px 11px;gap:8px}
 #automation-gallery .gallery-discuss>span{width:27px;height:27px;font-size:20px}
 #automation-gallery .gallery-counter{display:none}
 #automation-gallery .gallery-controls{gap:7px}
 #automation-gallery .gallery-controls button{width:36px;height:36px}
 .ai-copy>p,.ai-source>span,.ai-result>p,.ai-scene-foot{display:none}
 .ai-copy h3{font-size:28px;margin-bottom:0}
 .ai-layout{gap:13px}.ai-brandbar{margin-bottom:10px}
 .ai-result h4,.ai-content .ai-result h4{font-size:14px}
 .ai-pipeline{padding:10px;gap:9px}
 .ai-source{padding:9px 8px}.ai-source b{font-size:9px}
 .ai-result-rows>div{padding:6px 0}
 .ai-run-status{min-height:22px;line-height:1.4}
}
@media(max-width:360px){.ai-copy>small{display:none}.ai-copy h3{font-size:25px;margin-top:0}.ai-brandbar{margin-bottom:8px}.ai-scene{padding:10px}.ai-result{padding:7px}.ai-result h4,.ai-content .ai-result h4{font-size:13px;margin:7px 0 9px}.ai-runbar{padding:8px}.ai-engine{padding-bottom:2px}.ai-result-rows>div{padding-block:5px}}
@media(max-width:360px){.ai-meetings .ai-result-rows>div{margin-block:4px}}
/* The in-hero action is also the sole discussion CTA on compact screens. */
@media(max-width:600px){
 .ai-copy .ai-brief{display:inline-flex;margin-top:13px;padding:9px 13px;font-size:10px;gap:20px}
 .ai-copy .ai-brief span{font-size:17px}
 #automation-gallery .gallery-bottom{display:flex;justify-content:space-between;gap:12px;padding-block:9px}
 #automation-gallery .gallery-bottom>p{display:block;max-width:190px;font-size:8px;line-height:1.5}
 .ai-layout{gap:13px}
}
@media(max-width:360px){#automation-gallery .gallery-bottom>p{max-width:155px;font-size:7px}.ai-copy .ai-brief{margin-top:10px;padding-block:7px}}
@media(max-width:360px){.ai-workspace-top{display:none}}