proc-demo{display:block;width:100%;min-height:650px}
.pd-desktop-app{background:radial-gradient(circle at 80% 25%,#ffffff13,transparent 60%),var(--office-surface)}.desktop-wallpaper{position:relative;height:100%;padding:28px}.desktop-wordmark{position:absolute;right:25px;bottom:35px;text-align:right;font-size:26px;letter-spacing:-.8px;color:var(--office-accent);font-weight:600;max-width:75%}.desktop-wordmark small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:10px;color:#bbcbd8}.desktop-shortcut{display:flex;flex-direction:column;align-items:center;width:145px;text-align:center;padding:17px 9px;gap:11px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff09}.desktop-shortcut img{width:62px;height:62px;padding:10px;background:#f8fafc;border-radius:14px;object-fit:contain}.desktop-shortcut b{font-size:11px;line-height:1.6;font-weight:500}.desktop-shortcut small{font-size:8px;color:#adbdcd}.pd-file-area{overflow:auto;scrollbar-width:thin}.pd-file{padding-block:9px;min-height:49px}.pd-file-icon.sheet{background:#277652}.pd-page-strip{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#f6f8fb;border-bottom:1px solid #d5deec;flex:none}.pd-page-strip span{border:1px solid #d5deec;border-radius:3px;font-size:8px;padding:5px 7px;color:#62758b}.pd-page-strip .current{border-color:#315fa5;background:#e0eafb;color:#254d89}.pd-page-strip b{margin-left:auto;font-size:9px;font-weight:500;color:#536780}.pd-document .sample-page{width:min(100%,245px)}.pd-document .sample-content{font-size:clamp(6px,2.15cqw,12px)}.pd-transcript{gap:15px}.pd-composer{min-height:88px}.pd-cli .pd-transcript{font-size:11px;line-height:1.65}.pd-bar .pd-app-icon{font-size:10px}.pd-document .sample-sheet{width:min(100%,440px);aspect-ratio:4/3}.pd-document .sample-sheet .sample-content{font-size:clamp(7px,2.1cqw,12px)}@media(max-width:500px){.desktop-wordmark{font-size:22px}.pd-cli .pd-transcript{font-size:10px;line-height:1.7;gap:14px}.pd-composer{min-height:102px}.pd-draft{font-size:10px}.pd-document .sample-page{width:min(100%,235px)}.pd-page-strip{gap:4px;padding:7px}.pd-page-strip span{padding:4px 6px}.pd-page-strip b{font-size:8px}}@media(max-width:350px){.pd-cli .pd-transcript{font-size:10px}.pd-composer{min-height:125px}.pd-document .sample-page{width:min(100%,220px)}}
.proc-demo{position:relative;height:650px;border:1px solid var(--line);border-radius:14px;background:var(--office-surface);box-shadow:0 28px 65px #0003;overflow:hidden;color:#eef4fb;font-size:12px}
.proc-demo *{box-sizing:border-box}.proc-demo [hidden]{display:none!important}
.pd-visual{height:100%;display:flex;flex-direction:column;padding:0 13px}
.pd-desktop{display:flex;align-items:center;gap:8px;padding:15px 1px 12px;font-size:10px;color:#dce7f4}.pd-desktop-icon{color:var(--office-accent);font-size:16px}.pd-desktop small{margin-left:auto;color:var(--office-accent);font-size:9px}
.pd-step{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;padding:0 1px 13px}.pd-step-tag{font-size:8px;letter-spacing:1.2px;color:var(--office-accent);font-weight:650}.pd-step-text{color:#c4d1df}
.pd-windows{position:relative;flex:1;min-height:0;border:1px solid #ffffff20;border-radius:8px;overflow:hidden;background:#ffffff07}
.pd-window{position:absolute;inset:0;display:flex;flex-direction:column;background:#17212e;opacity:0;transform:translateY(15px) scale(.97);pointer-events:none;transition:transform .4s,opacity .4s}.pd-window.active{opacity:1;transform:none}
.pd-cli{background:var(--office-surface)}.pd-bar{height:40px;flex:none;display:flex;gap:8px;align-items:center;padding:0 12px;border-bottom:1px solid #ffffff15;background:#ffffff09;font-size:10px}.pd-bar>img{width:22px;height:20px;object-fit:cover;object-position:left;filter:brightness(0) invert(1)}.pd-bar>span:not(.pd-app-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-bar small{font-size:8px;color:#aebccc}.pd-controls{margin-left:auto;display:flex;gap:12px;color:#adbacd;font-size:12px;flex:none}.pd-office{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 14px;border-bottom:1px solid #ffffff14}.pd-office strong{font-size:11px;font-weight:550}.pd-powered{font-size:8px;color:#afbecd;white-space:nowrap}.pd-powered img{width:13px;height:13px;vertical-align:middle;margin-right:4px}
.pd-context{font-size:9px;margin:12px 14px 0;padding:8px 10px;background:#ffffff09;border-radius:4px;color:#bfcddd}
.pd-transcript{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:18px 17px;font-size:12px;line-height:1.7}.pd-message{padding-left:12px;border-left:2px solid #ffffff1b}.pd-message.user{border-color:var(--office-accent)}.pd-label{display:flex;align-items:center;gap:6px;color:#b8c7d8;font-size:9px;margin-bottom:5px}.pd-label img{width:13px;height:13px}.pd-body{margin:0;overflow-wrap:anywhere}.pd-transcript.followup [data-message="0"],.pd-transcript.followup [data-message="1"]{display:none}
.pd-support{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;font-size:8px;margin-top:11px;color:#bccadb}.pd-support small{width:100%;font-size:8px;color:#99a9bc}.pd-support>span{display:flex;align-items:center;gap:4px}.pd-support img{width:15px;height:15px}.pd-folder-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;padding:9px 11px;border:1px solid #ffffff24;background:#ffffff0b;border-radius:4px;color:var(--office-accent);margin-top:12px}
.pd-composer{position:relative;display:flex;align-items:center;gap:10px;margin:0 13px 12px;padding:12px;border:1px solid #ffffff25;border-radius:7px;min-height:70px;background:#0002}.pd-draft{flex:1;font-size:11px;line-height:1.6;color:#95a6bb;overflow-wrap:anywhere}.typing .pd-draft{color:#eef4fb}.typing .pd-draft:after{content:'▏';color:var(--office-accent);animation:draft-blink 1s steps(2) infinite}.pd-send{width:27px;height:27px;border-radius:5px;display:grid;place-items:center;background:var(--office-accent);color:#142130;font-size:17px;flex:none}.pd-send.sending{box-shadow:0 0 0 5px #ffffff18}
.pd-thinking{font-size:10px;color:#adbdcf}.pd-dots{color:var(--office-accent);letter-spacing:4px;font-weight:700}
.pd-status{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #ffffff16;font-size:8px;color:#b8c7da}
.pd-taskbar{display:flex;justify-content:center;gap:9px;padding:10px 0}.pd-task-icon{display:flex;align-items:center;gap:5px;font-size:14px;padding:5px 9px;border-radius:5px;color:#a9b9ca}.pd-task-icon small{font-size:8px}.pd-task-icon.active{background:#ffffff13;color:var(--office-accent)}
.pd-cursor{position:absolute;width:19px;height:26px;z-index:5;opacity:0;pointer-events:none;transition:left .6s,top .6s,opacity .2s;filter:drop-shadow(0 2px 2px #0008)}.pd-cursor path{fill:white;stroke:#172331;stroke-width:1.2}.pd-cursor.visible{opacity:1}.pd-cursor.click{transform:scale(.85);filter:drop-shadow(0 0 5px var(--office-accent))}
.pd-explorer{background:#f6f8fb;color:#263345}.pd-explorer .pd-bar{background:#e8edf4;border-color:#d1d9e3}.pd-explorer .pd-controls,.pd-doc .pd-controls{color:#718094}.pd-app-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:4px;flex:none;font-size:13px}.folder{background:#e8c777;color:#745211}.document{background:#315fa5;color:white}.pd-app-icon.slides{background:#b35c38;color:white}.pd-explorer-tools{display:flex;align-items:center;gap:13px;padding:12px;background:white;border-bottom:1px solid #dce3ec;color:#73839a;font-size:12px}.pd-explorer-tools>span:first-child{font-size:9px;border:1px solid #d5deea;padding:7px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-path{padding:10px 12px;font-size:9px;color:#52647b;border-bottom:1px solid #dce3ec;overflow-wrap:anywhere}.pd-explorer-body{display:flex;flex:1;min-height:0}.pd-sidebar{width:105px;padding:18px 9px;display:flex;flex-direction:column;gap:18px;border-right:1px solid #dce3ec;background:#edf1f7;font-size:9px;flex:none;color:#68798d}.pd-sidebar .current{color:#254d89;font-weight:600}.pd-file-area{padding:15px 9px;flex:1;min-width:0}.pd-file-head{display:flex;justify-content:space-between;font-size:9px;color:#728399;padding:0 8px 10px;border-bottom:1px solid #dce3ec}.pd-file{display:flex;align-items:center;gap:9px;padding:13px 7px;border-bottom:1px solid #e0e6ee;font-size:10px;min-width:0}.pd-file.selected{background:#dce8f8;outline:1px solid #acc6e9;border-radius:3px}.pd-file-icon{display:grid;place-items:center;width:25px;height:30px;font-size:11px;background:#315fa5;color:white;border-radius:3px;flex:none}.pd-file-icon.slides{background:#b35c38}.pd-file-icon.pdf{background:#b55052;font-size:7px}.pd-filename{flex:1;min-width:0;overflow-wrap:anywhere}.pd-file small{display:block;font-size:8px;color:#75869b;margin-top:4px}.pd-file-kind{font-size:8px;color:#7a899b;flex:none}.pd-notice{padding:14px;font-size:10px;line-height:1.65;border-top:1px solid #dce3ec;background:white;color:#536983}.pd-explorer .pd-status,.pd-doc .pd-status{background:#e9eef6;color:#657790;border-color:#d8e0ea}
.pd-doc{background:#e3e8ef;color:#253348}.pd-doc .pd-bar{background:#f6f8fb;border-color:#d8e1ea;font-size:10px}.pd-editor-tabs{display:flex;gap:20px;background:#fff;padding:11px 13px;font-size:9px;border-bottom:1px solid #dce3ec}.pd-editor-tabs b{font-weight:550;color:#315fa5}.pd-editor-ribbon{display:flex;align-items:center;gap:14px;background:#f8fafc;padding:10px 13px;font-size:10px;border-bottom:1px solid #dce3ec}.pd-editor-ribbon span{font-size:9px}.pd-document{flex:1;min-height:0;overflow:hidden;padding:13px 22px;display:flex;justify-content:center;align-items:flex-start}.pd-document .sample-page{width:min(100%,250px);flex:none;box-shadow:0 3px 12px #0002}.pd-document .sample-slide{width:min(100%,450px);margin-top:8px}
@keyframes draft-blink{50%{opacity:0}}
@media(max-width:1100px) and (min-width:801px){.pd-transcript{font-size:11px;padding:16px 13px;gap:14px}.pd-desktop small{font-size:8px}.pd-sidebar{width:79px;font-size:8px}.pd-file-kind{display:none}.pd-bar small{display:none}.pd-office{padding:12px}.pd-step-text{font-size:9px}.pd-draft{font-size:10px}.pd-document{padding:15px}.pd-file{font-size:9px}.pd-powered{font-size:7px}}
@media(max-width:500px){proc-demo{min-height:650px}.pd-visual{padding:0 8px}.pd-desktop{font-size:9px}.pd-desktop small{font-size:8px;max-width:110px;text-align:right}.pd-step-text{font-size:9px}.pd-step-tag{font-size:7px}.pd-transcript{font-size:11px;line-height:1.65;padding:15px 12px;gap:16px}.pd-bar{font-size:9px;padding-inline:9px}.pd-bar small{display:none}.pd-controls{gap:8px;font-size:10px}.pd-office{padding:12px}.pd-office strong{font-size:10px}.pd-powered{font-size:7px}.pd-sidebar{width:64px;padding:15px 6px;font-size:8px}.pd-file-area{padding:12px 5px}.pd-file-kind{display:none}.pd-file{font-size:9px;gap:6px;padding:12px 5px}.pd-notice{font-size:9px}.pd-document{padding:12px 14px}.pd-editor-tabs{gap:15px;font-size:8px}.pd-editor-ribbon{gap:13px}.pd-composer{margin-inline:9px;padding:10px}.pd-draft{font-size:10px}.pd-context{font-size:8px}.pd-path{font-size:8px}.pd-task-icon small{font-size:7px}.pd-status{font-size:7px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .pd-window,html:not([data-motion=full]) .pd-cursor{transition:none}html:not([data-motion=full]) .pd-cursor{display:none}html:not([data-motion=full]) .typing .pd-draft:after{display:none}}
@media(max-width:350px){proc-demo{min-height:730px}.proc-demo{height:730px}.pd-powered{font-size:6px}.pd-office strong{font-size:9px}.pd-document .sample-slide .sample-content h3{font-size:1.35em;line-height:1.25;margin-bottom:.55em}.pd-document .sample-slide .sample-section{margin-bottom:.45em}.pd-document .sample-slide .sample-section p{line-height:1.4}.pd-document .sample-slide .sample-kicker{font-size:.7em;margin-bottom:.5em}}
@media(max-width:350px){.pd-document .sample-slide .sample-content{top:3%;bottom:3%;left:7%;right:7%}.pd-document .sample-slide .sample-footnote{margin-top:0}}
.pd-document{align-items:center;padding:10px 14px}.pd-document>.sample-page{height:100%;width:auto;max-width:100%;max-height:100%;margin-top:0}.pd-document>.sample-slide,.pd-document>.sample-sheet{height:auto;width:min(100%,430px);max-height:100%}.pd-document .sample-sheet .sample-content{font-size:clamp(6px,1.9cqw,10px);line-height:1.35}.pd-document .sample-sheet .sample-section p{line-height:1.4}.pd-document .sample-sheet .sample-section{margin-bottom:.45em}.pd-document .sample-sheet .sample-kicker{margin-bottom:.5em}.pd-document .sample-sheet .sample-content h3{margin-bottom:.5em;font-size:1.25em}.pd-document .sample-sheet .sample-table td,.pd-document .sample-sheet .sample-table th{padding:.4em .35em}.pd-document .sample-sheet .sample-footnote{margin-top:.5em}
.pd-visual .ui-icon{width:15px;height:15px;flex:none;vertical-align:middle}.pd-desktop-icon .ui-icon{width:19px;height:19px}.pd-controls .ui-icon{width:11px;height:11px}.pd-controls>span{display:flex;align-items:center}.pd-folder-link{display:flex;align-items:center;gap:7px}.pd-folder-link>span{margin-left:auto}.pd-folder-link .ui-icon{width:12px;height:12px}.pd-send{display:flex;align-items:center;justify-content:center}.pd-send .ui-icon{width:18px;height:18px}.pd-navigation{display:inline-flex;gap:12px;align-items:center}.pd-path{display:flex;align-items:center;gap:5px}.pd-path .ui-icon{width:10px;height:10px}.pd-sidebar>span{display:flex;align-items:center;gap:6px}.pd-sidebar .ui-icon{width:13px;height:13px}.pd-file-icon{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:34px}.pd-file-icon .ui-icon{width:16px;height:16px}.pd-file-icon small{font-size:6px;line-height:1.1}.pd-app-icon.document{width:28px;display:flex;align-items:center;gap:3px;background:transparent;color:#315fa5}.pd-app-icon.document small{font-size:6px}.pd-task-icon{display:flex;align-items:center;gap:5px}.pd-context .ui-icon{width:11px;height:11px}.pd-editor-tabs{min-height:34px}
@media(max-width:500px){.pd-sidebar>span{gap:3px}.pd-sidebar .ui-icon{width:10px;height:10px}.pd-navigation{gap:5px}.pd-navigation .ui-icon{width:11px;height:11px}.pd-path{gap:3px}.pd-file-icon{min-height:30px}.pd-file-icon .ui-icon{width:14px;height:14px}}

/* Escala integral da simulação: sem cortar conteúdo ou alterar a sequência. */
.hero-demo proc-demo{position:relative;min-height:0;height:calc(650px * var(--demo-scale,1))}
.hero-demo .proc-demo{position:absolute;top:0;left:0;width:calc(100% / var(--demo-scale,1));height:650px;transform:scale(var(--demo-scale,1));transform-origin:top left}

proc-demo[data-playing="false"] *{animation-play-state:paused!important}