/* Agent demonstrations: neutral canvas, saturated accents, app-native structure. */
:root,:root[data-variant="blue"]{--accent:#3568d4;--primary-hover:#2358c4;--dark:#232528;--ink:#282a2e;--muted:#70747a}
.pilot-badge,.workspace-rules span{background:#f0f0f0;color:#55585d;border-color:#e1e1e1}.data-pulses{stroke:#ff6500!important}.preview-bar>span i{background:#ff6500}
.agent-tabs>button[aria-selected=true],.agent-tabs>button:first-child[aria-selected=true],.agent-tabs>button:nth-child(2)[aria-selected=true],.agent-tabs>button:nth-child(3)[aria-selected=true]{background:#f0f0f1;color:#25272b}
.agent-tabs>button .agent-icon,.agent-tabs>button:first-child .agent-icon,.agent-tabs>button:nth-child(2) .agent-icon,.agent-tabs>button:nth-child(3) .agent-icon{background:#ececed}
.agent-tabs>button:first-child[aria-selected=true] .agent-icon{background:#3568d4}.agent-tabs>button:nth-child(2)[aria-selected=true] .agent-icon{background:#ff6500}.agent-tabs>button:nth-child(3)[aria-selected=true] .agent-icon{background:#282a2e}
#auto-demo.agent-film{--agent-color:#3568d4;max-width:1200px;padding:16px;background:#f4f4f4;border:1px solid #e5e5e5;border-radius:24px;color:#292b2f}
#auto-demo[data-flow="uitvoering"]{--agent-color:#ff6500}#auto-demo[data-flow="facturatie"]{--agent-color:#282a2e}
.film-steps{display:flex;align-items:center;justify-content:center;gap:20px;min-height:50px;margin-bottom:12px;font-size:13px;color:#77797e}.film-steps>span{padding:10px 18px;border:1px solid transparent;border-radius:30px;white-space:nowrap}.film-steps>span.active{background:#fff;color:#26282c;border-color:#e2e2e2;box-shadow:0 2px 3px #00000009}.film-steps b{font-weight:500;margin-right:5px}
.film-viewport{height:560px;position:relative;overflow:hidden;border:1px solid #dedfe1;border-radius:14px;background:#fff;isolation:isolate;container-type:inline-size;pointer-events:none;user-select:none}.film-scene,.film-shot{width:100%;height:100%}.film-shot{font-family:Arial,sans-serif;animation:agent-camera var(--scene-duration) cubic-bezier(.4,0,.2,1) both;transform-origin:61% 46%;--zoom:1.23;--pan-x:-2%;--pan-y:0%}.shot-agent{--zoom:1.12;transform-origin:70% 49%;--pan-x:-1%}.shot-result{animation:result-camera 1.3s ease both}.shot-whatsapp{transform-origin:75% 45%;--zoom:1.3;--pan-x:-3%}.shot-sheets{transform-origin:66% 34%;--zoom:1.3;--pan-y:6%}.shot-calendar{transform-origin:38% 40%;--zoom:1.35;--pan-x:8%;--pan-y:2%}.shot-exact{transform-origin:65% 55%;--zoom:1.22;--pan-x:-3%}.shot-work{transform-origin:64% 46%;--zoom:1.2;--pan-x:-2%}
@keyframes agent-camera{0%,12%{transform:scale(1) translate(0,0)}35%,75%{transform:scale(var(--zoom)) translate(var(--pan-x),var(--pan-y))}96%,100%{transform:scale(1) translate(0,0)}}
@keyframes result-camera{from{transform:scale(1.12)}to{transform:scale(1)}}
.film-paused *{animation-play-state:paused!important}.film-example{position:absolute;right:13px;bottom:12px;font-size:9px;color:#71757a;background:#ffffffed;padding:4px 7px;border-radius:4px;z-index:5}
.film-zap{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--agent-color);border-radius:8px;flex-shrink:0}.film-zap img{width:19px!important;height:21px!important;filter:brightness(0) invert(1)!important;object-fit:contain}.film-agent{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;min-width:280px;max-width:90%;background:#fff;border:1px solid #dedfe1;border-radius:50px;padding:11px 18px 11px 12px;box-shadow:0 8px 30px #00000012;z-index:3}.film-agent>div{display:flex;flex-direction:column;gap:3px}.film-agent b{font-size:12px;font-weight:600;color:#25272a}.film-agent span:not(.film-zap){font-size:10px;white-space:nowrap;color:#73777e}.film-agent>i{height:6px;width:6px;border-radius:50%;background:var(--agent-color);margin-left:12px;animation:agent-pulse 1s infinite}.film-agent>i.complete{font-style:normal;width:18px;height:18px;display:grid;place-items:center;background:none;color:var(--agent-color);animation:none;font-size:17px}@keyframes agent-pulse{50%{opacity:.35}}
/* WerkZap: the agent is the protagonist, apps are its tools. */
.agent-shell{display:grid;grid-template-columns:205px 1fr;height:100%;background:#fff}.agent-sidebar{background:#fafafa;border-right:1px solid #e3e3e3;padding:23px 15px;display:flex;flex-direction:column;gap:19px;font-size:12px;color:#62656a}.agent-brand{display:flex;align-items:center;gap:9px;font-size:16px;color:#22252a;margin-bottom:14px}.agent-brand .film-zap{background:#292b2f}.agent-sidebar>span{padding-left:9px}.agent-sidebar>small{font-size:10px;margin:9px 8px 0;letter-spacing:.7px;color:#86898e}.agent-nav{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:7px;font-size:11px;margin-top:-13px}.agent-nav.active{background:#eeeeef;color:#23252a}.agent-nav .film-zap{width:24px;height:24px}.agent-nav[data-kind="planning"] .film-zap{background:#3568d4}.agent-nav[data-kind="uitvoering"] .film-zap{background:#ff6500}.agent-nav[data-kind="facturatie"] .film-zap{background:#292b2f}.agent-user{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:11px}.agent-user i,.gcal-layout header>i{font-style:normal;display:grid;place-items:center;background:#e9e9eb;border-radius:50%;width:28px;height:28px;font-size:10px}.agent-main{min-width:0}.agent-main>header{height:68px;border-bottom:1px solid #e7e7e7;display:flex;align-items:center;gap:11px;padding:0 26px}.agent-main>header strong{font-size:14px}.agent-main>header>span:last-child{font-size:11px;color:#929498;margin-left:3px}.agent-conversation{padding:42px 7% 80px;font-size:13px;line-height:1.6}.agent-prompt{margin-left:auto;width:80%;padding:15px 20px;background:#f3f3f3;border-radius:13px 13px 3px 13px}.agent-reply{display:flex;align-items:center;gap:13px;margin:24px 0 17px}.agent-reply p{margin:0}.agent-tools{margin-left:42px;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}.agent-tools>div{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #eeeeef;font-size:11px}.agent-tools>div:last-child{border-bottom:0}.agent-tools img{width:18px;height:18px;object-fit:contain}.agent-tools small{font-size:10px;margin-left:auto;white-space:nowrap;color:#777c82}.agent-composer{display:flex;justify-content:space-between;align-items:center;margin:24px 0 0 42px;padding:13px 15px;border:1px solid #e5e5e5;border-radius:12px;color:#93969b;font-size:11px}.agent-composer span{font-size:20px;color:#777}.agent-result{text-align:left}.result-check{display:grid;place-items:center;width:36px;height:36px;background:var(--agent-color);border-radius:11px;color:white;font-size:22px;margin-bottom:12px}.agent-result h3{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:0 0 7px}.agent-result p{font-size:12px;color:#7c8085;margin:0}.agent-outcomes{margin:22px 0;border:1px solid #e5e5e5;border-radius:10px}.agent-outcomes>div{padding:12px 15px;border-bottom:1px solid #ededed;font-size:12px}.agent-outcomes>div:last-child{border-bottom:none}.agent-outcomes b{color:var(--agent-color);margin-right:13px}.agent-handoff{display:flex;align-items:center;gap:12px;font-size:12px;color:#72767b}.agent-handoff p{margin:0}
/* WhatsApp Web: rail, chat list, conversation header, bubbles, composer. */
.wa-layout{display:grid;grid-template-columns:48px 265px 1fr;height:100%;color:#202b30;font-size:12px}.wa-rail{background:#f0f2f5;display:flex;align-items:center;flex-direction:column;padding:20px 0;gap:27px;color:#66747b;font-size:19px}.wa-rail img{width:24px;height:24px}.wa-rail>span:last-child{margin-top:auto}.wa-sidebar{border-right:1px solid #e3e6e8;padding:18px 10px;background:#fff}.wa-sidebar header{display:flex;justify-content:space-between;padding:0 8px 18px;font-size:20px}.wa-search{font-size:10px;border-radius:7px;padding:12px 8px;background:#f0f2f5;color:#758087}.wa-filters{display:flex;gap:8px;padding:14px 3px;color:#69757c;font-size:10px}.wa-filters>*{background:#f0f2f5;border-radius:15px;padding:6px 9px}.wa-filters b{background:#e7fce3;color:#087c69}.wa-contact{display:flex;align-items:center;gap:9px;padding:16px 7px;border-bottom:1px solid #f1f2f4}.wa-contact.active{background:#f0f2f5;border-radius:7px}.wa-contact i,.wa-chat header>i{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#dfe5e8;font-style:normal;font-size:10px;flex-shrink:0}.wa-contact b{font-size:12px;font-weight:500}.wa-contact small{display:block;font-size:9px;color:#7e878b;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.wa-contact time{font-size:8px;color:#8a9195;margin-left:auto;align-self:flex-start}.wa-chat{background:#efeae2;display:flex;flex-direction:column;min-width:0;background-image:radial-gradient(#c6c0b650 1px,transparent 1px);background-size:19px 19px}.wa-chat header{display:flex;align-items:center;gap:10px;background:#f0f2f5;padding:12px 18px;min-height:63px}.wa-chat header b{font-size:13px}.wa-chat header small{display:block;font-size:9px;color:#718087;margin-top:4px}.wa-chat header>span{margin-left:auto;font-size:19px;color:#6e787d}.wa-messages{display:flex;flex-direction:column;gap:20px;padding:20px 7%;flex:1}.wa-day{background:white;align-self:center;font-size:8px;padding:6px 10px;color:#69797f;border-radius:5px}.wa-bubble{padding:15px 15px 8px;background:#fff;border-radius:0 8px 8px 8px;max-width:87%;font-size:13px;line-height:1.65;box-shadow:0 1px 1px #00000012;animation:message-enter .5s .4s both}.wa-bubble time{display:block;text-align:right;font-size:8px;color:#8b9395;line-height:1.3;margin-top:4px}.wa-bubble time em{font-style:normal;color:#34b7f1;margin-left:3px}.wa-sent{align-self:flex-end;background:#d9fdd3;animation-delay:1s}.wa-sent b{display:block;font-size:10px;color:#08796a;margin-bottom:7px}.wa-chat footer{background:#f0f2f5;display:flex;align-items:center;padding:12px 15px;gap:12px;font-size:18px;color:#6d777c;margin-top:auto}.wa-chat footer span{background:#fff;border-radius:7px;padding:10px 15px;font-size:11px;color:#8d969b;flex:1}.wa-attachments{background:#f4f5f5;padding:10px;margin-top:10px;font-size:10px;border-radius:4px}@keyframes message-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Google Sheets: menu, toolbar, formula bar, column and row headers, selection. */
.sheets-layout{height:100%;background:#fff;display:flex;flex-direction:column;color:#3c4043;font-size:12px}.sheets-layout>header{display:flex;align-items:center;padding:15px 18px 12px;gap:12px}.sheets-layout header img{width:27px;height:34px;object-fit:contain}.sheets-layout header b{font-weight:400;font-size:17px}.sheets-layout nav{font-size:10px;margin-top:8px}.sheets-share{margin-left:auto;border-radius:25px;background:#c2e7ff;padding:10px 20px;font-size:11px}.sheets-toolbar{background:#edf2fa;margin:0 12px;border-radius:20px;padding:12px 18px;white-space:nowrap;font-size:12px}.sheets-formula{border-bottom:1px solid #dce0e3;display:flex;align-items:center;gap:15px;height:33px;font-size:11px}.sheets-formula span{border-right:1px solid #ddd;padding:4px 15px;min-width:93px}.sheets-formula i{color:#8d9399}.sheet-grid{flex:1;overflow:hidden}.sheet-grid table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.sheet-grid th{background:#f8f9fa;color:#7b8188;font-weight:400;height:29px;border:1px solid #dfe3e7}.sheet-grid th:first-child{width:35px}.sheet-grid td{height:31px;padding:0 12px;border:1px solid #e1e4e7;white-space:nowrap;position:relative}.sheet-grid tr.column-titles td{font-weight:600;background:#f2f4f5}.sheet-grid .agent-cell-row td{animation:sheet-fill 1s .9s both}.sheet-grid .selected-cell{outline:2px solid var(--agent-color);outline-offset:-2px}.selected-cell:after{content:'';position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;background:var(--agent-color)}.cell-agent{position:absolute;right:0;top:-19px;color:#fff;background:var(--agent-color);border-radius:3px 3px 0 0;padding:4px 6px;font-size:8px;z-index:1}.sheets-layout footer{border-top:1px solid #ddd;height:39px;background:#f8f9fa;display:flex;gap:20px;align-items:center;padding:0 22px;font-size:11px}.sheets-layout footer b{padding:12px 20px;background:#e5eee7;color:#188038}.sheets-layout footer>span{margin-left:auto;font-size:9px;color:#8b9095}@keyframes sheet-fill{from{color:transparent;background:#fff}to{color:#30343a;background:#f1f5ff}}
/* Google Calendar: native week geometry and navigation. */
.gcal-layout{height:100%;font-size:12px;color:#3c4043}.gcal-layout>header{height:69px;display:flex;align-items:center;gap:19px;padding:0 20px;border-bottom:1px solid #dadce0}.gcal-layout header img{width:29px;height:29px}.gcal-layout header strong{font-size:21px;font-weight:400;margin-left:-10px}.gcal-layout header b{font-size:16px;font-weight:400}.gcal-today,.gcal-view{border:1px solid #dadce0;border-radius:5px;padding:8px 11px;font-size:11px}.gcal-view{margin-left:auto}.gcal-body{display:grid;grid-template-columns:196px 1fr;height:calc(100% - 69px)}.gcal-body>aside{padding:17px 18px}.gcal-create{box-shadow:0 2px 8px #00000022;border-radius:25px;display:inline-block;padding:14px 19px;margin-bottom:24px;font-size:13px}.gcal-body>aside>b{font-size:10px;display:block;font-weight:600}.mini-month{display:grid;grid-template-columns:repeat(7,1fr);gap:4px 0;margin:15px 0 22px;font-size:9px;text-align:center}.mini-month span{width:19px;height:19px;display:grid;place-items:center}.today{background:#1a73e8;color:white;border-radius:50%}.gcal-body aside p{font-size:11px;margin:20px 0 15px}.gcal-body aside>span{display:block;font-size:10px;margin:14px 0;color:#62676c}.gcal-body>main{min-width:0}.week-head{display:grid;grid-template-columns:45px repeat(5,1fr);height:85px;border-bottom:1px solid #dadce0}.week-head>div{text-align:center;border-left:1px solid #dadce0;font-size:9px;padding:12px 0;color:#777e85}.week-head b{display:grid;place-items:center;width:34px;height:34px;margin:7px auto 0;font-size:23px;font-weight:400;color:#3c4043}.week-head b.today{color:#fff}.week-head small{font-size:7px;align-self:end;margin:0 0 7px}.week-grid{display:grid;grid-template-columns:45px repeat(5,1fr);height:calc(100% - 85px)}.week-times{display:flex;flex-direction:column;justify-content:space-between;padding:0 5px 35px 0;color:#7b8085;font-size:8px}.week-day{position:relative;border-left:1px solid #dadce0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(16.666% - 1px),#e9eaec calc(16.666% - 1px),#e9eaec 16.666%)}.gcal-event{position:absolute;top:4px;left:3px;right:7px;border-radius:5px;padding:10px 8px;background:#1a73e8;color:#fff;font-size:10px;display:flex;flex-direction:column;gap:7px;height:48%;overflow:hidden}.gcal-event b{font-weight:500;line-height:1.4}.gcal-event span{font-size:9px}.gcal-event small{font-size:8px;margin-top:auto;line-height:1.4}.gcal-event.scheduled{animation:event-booked .7s .8s both}.gcal-event.other{top:17%;height:16%;background:#e9edf3;color:#546070}.gcal-event.late{top:50%}@keyframes event-booked{from{opacity:0;transform:scaleY(.2);transform-origin:top}to{opacity:1;transform:scaleY(1)}}
/* WerkZap work record and Exact Online sales invoice. */
.work-layout{height:100%;display:grid;grid-template-columns:185px 1fr;font-size:12px}.work-layout>aside{background:#fafafa;border-right:1px solid #e5e5e5;padding:25px 16px;display:flex;flex-direction:column;gap:12px}.work-layout aside>span{padding:10px;color:#74787d}.work-layout aside>span.active{background:#ececee;border-radius:6px;color:#292b2e}.work-layout>main{min-width:0}.work-layout main>header{padding:22px 25px;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;font-size:11px;color:#81858a}.work-document{padding:30px}.work-title{display:flex;justify-content:space-between;align-items:flex-start}.work-title small{font-size:9px;color:#83868a;letter-spacing:1px}.work-title h3{font-size:23px;font-weight:500;margin:9px 0}.work-title p{font-size:11px;color:#81858b}.work-title>b{font-size:10px;background:#f0f1f2;padding:7px 9px;border-radius:5px}.work-facts{display:flex;gap:45px;margin:24px 0}.work-facts>span{font-size:10px;color:#7c8085}.work-facts b{display:block;color:#303338;font-size:15px;margin-top:8px;font-weight:500}.work-fields{border:1px solid #e4e5e7;border-radius:8px;overflow:hidden}.work-fields>div{padding:14px;border-bottom:1px solid #e6e6e6;display:flex;gap:20px;font-size:10px}.work-fields>div:last-child{border:0}.work-fields span{min-width:95px;color:#85898e}.work-fields b{font-weight:400}.work-approved{animation:sheet-fill 1s .8s both}.work-audit{display:flex;align-items:center;gap:10px;color:#81858b;font-size:10px;margin-top:20px}
.exact-layout{height:100%;background:#f4f5f7;color:#39444c;font-family:Arial,sans-serif;font-size:11px}.exact-layout>header{height:54px;display:flex;align-items:center;gap:20px;padding:0 20px;background:#fff;border-bottom:3px solid #e4322c}.exact-layout header img{width:52px;height:28px;object-fit:contain}.exact-layout nav{font-size:11px}.exact-layout header>span{margin-left:auto}.exact-content{padding:19px 30px}.exact-content>small{font-size:9px;color:#89929a}.exact-content h3{font-size:21px;font-weight:400;display:flex;align-items:center;gap:18px;margin:12px 0}.exact-content h3>span{font-size:10px;background:#fff;border:1px solid #d7dde2;border-radius:3px;padding:5px 9px}.exact-actions{display:flex;gap:7px;margin-bottom:17px}.exact-actions span{font-size:10px;background:#fff;border:1px solid #cdd3d8;padding:7px 12px;border-radius:3px}.exact-actions span:first-child{background:#176da5;border-color:#176da5;color:#fff}.exact-fields{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px;background:#fff;border:1px solid #e0e4e7;padding:16px}.exact-fields>div{display:grid;grid-template-columns:95px 1fr;gap:12px;font-size:10px;align-items:center}.exact-fields label{color:#7b8790}.exact-fields b{font-weight:400;border:1px solid #d9dfe4;padding:7px;background:#fbfcfd}.exact-content table{border-collapse:collapse;width:100%;background:white;font-size:10px}.exact-content td,.exact-content th{padding:13px;border:1px solid #dfe4e8;text-align:left}.exact-content th{background:#edf0f4;font-weight:400;color:#72808c}.exact-content tbody td{animation:sheet-fill .8s .8s both}.exact-bottom{display:flex;justify-content:space-between;margin-top:19px;font-size:10px}.exact-bottom>div:first-child{line-height:2;color:#89929b}.exact-bottom>div:first-child b{font-weight:400;color:#477b9f}.exact-totals{width:240px;display:flex;flex-direction:column;gap:8px}.exact-totals>span,.exact-totals>strong{display:flex;justify-content:space-between}.exact-totals b{font-weight:500}.exact-totals>strong{font-size:12px;border-top:1px solid #ccd2d7;padding-top:9px;color:#252b30}
@media(min-width:1450px){.film-viewport{height:600px}.agent-conversation{padding-top:55px}.wa-messages{padding-top:35px}.sheet-grid td{height:34px}}
@media(max-width:900px){.film-viewport{height:500px}.film-steps{gap:2px;font-size:11px}.film-steps>span{padding:9px 12px}.agent-shell{grid-template-columns:165px 1fr}.agent-sidebar{padding:20px 9px}.agent-nav{font-size:9px}.agent-main>header{padding:0 18px}.agent-main>header>span:last-child{display:none}.agent-conversation{padding:30px 5% 80px}.agent-prompt{width:90%}.agent-tools{margin-left:0}.agent-tools>div{font-size:10px;padding:12px}.wa-layout{grid-template-columns:40px 190px 1fr}.wa-contact time{display:none}.wa-contact small{max-width:110px}.wa-search{font-size:9px}.wa-filters{gap:4px}.wa-filters>*{padding:5px}.wa-messages{padding:20px 5%}.gcal-layout>header{gap:12px;padding:0 14px}.gcal-layout header b{font-size:13px}.gcal-layout header strong{font-size:17px}.gcal-body{grid-template-columns:150px 1fr}.gcal-body>aside{padding:17px 10px}.gcal-view{display:none}.work-layout{grid-template-columns:145px 1fr}.work-document{padding:24px}.work-facts{gap:30px}.exact-layout nav{font-size:9px}.exact-fields{gap:15px;padding:12px}.exact-fields>div{grid-template-columns:70px 1fr}.exact-content{padding:18px}.sheets-layout header b{font-size:14px}.sheets-layout nav{font-size:8px}.sheet-grid table{font-size:9px}.sheet-grid td{padding:0 6px}}
@media(max-width:600px){#auto-demo.agent-film{padding:7px;border-radius:15px}.film-steps{min-height:43px;margin-bottom:5px;gap:0;font-size:9px}.film-steps>span{padding:7px 6px;text-align:center;white-space:normal;line-height:1.4;flex:1}.film-steps b{display:block;font-size:10px;margin:0 0 2px}.film-viewport{height:480px;border-radius:10px}.film-shot{--zoom:1.05!important;--pan-x:0%!important;--pan-y:0%!important;transform-origin:50% 40%}.agent-shell{display:block}.agent-sidebar{display:none}.agent-main>header{height:61px;padding:0 16px}.agent-main>header strong{font-size:13px}.agent-conversation{padding:25px 16px 100px;font-size:12px}.agent-prompt{width:96%;padding:12px 15px;font-size:12px}.agent-reply{margin:22px 0 18px;gap:10px}.agent-reply p{font-size:11px}.agent-tools>div{padding:12px 9px;gap:7px;font-size:9px}.agent-tools small{font-size:8px}.agent-tools img{width:15px;height:15px}.agent-composer{margin:20px 0 0;font-size:10px}.film-agent{bottom:19px;min-width:0;width:max-content;padding:9px 12px;gap:8px;max-width:94%}.film-agent b{font-size:10px}.film-agent span:not(.film-zap){font-size:8px}.film-agent>.film-zap{width:26px;height:26px}.film-agent>i{margin-left:3px}.film-example{bottom:3px;font-size:7px;right:5px;padding:2px 4px}.agent-result h3{font-size:24px;line-height:1.2}.agent-result p{font-size:10px}.agent-outcomes{margin:23px 0}.agent-outcomes>div{font-size:11px;padding:12px}.agent-handoff{font-size:10px}.wa-layout{display:block}.wa-sidebar,.wa-rail{display:none}.wa-chat{height:100%}.wa-chat header{height:61px}.wa-messages{padding:19px 16px;gap:22px;flex:1}.wa-bubble{font-size:12px;max-width:91%;padding:12px}.wa-chat footer{margin-bottom:0}.wa-sent b{font-size:9px}.wa-chat footer span{font-size:10px}.sheets-layout>header{padding:15px 10px;gap:8px;align-items:flex-start}.sheets-layout header img{width:19px;height:25px}.sheets-layout header b{font-size:12px}.sheets-layout nav{font-size:8px;line-height:1.6;max-width:245px}.sheets-share{display:none}.sheets-toolbar{font-size:10px;padding:9px 11px;overflow:hidden;margin:0 5px}.sheets-formula{font-size:9px}.sheet-grid{overflow:hidden}.sheet-grid table{font-size:8px;min-width:380px;table-layout:fixed}.sheet-grid th:first-child{width:22px}.sheet-grid td{padding:0 4px;height:30px;white-space:normal}.sheet-grid th{height:27px}.cell-agent{font-size:6px;padding:3px 4px;white-space:nowrap}.sheets-layout footer{padding:0 10px;font-size:9px;gap:10px}.sheets-layout footer>span{display:none}.gcal-layout>header{height:61px;gap:9px;padding:0 10px}.gcal-layout header img{width:23px;height:23px}.gcal-layout header strong{font-size:16px;margin-left:0}.gcal-layout header b{font-size:10px;margin-left:auto}.gcal-layout header .gcal-today,.gcal-layout header>i,.gcal-layout header>span:nth-of-type(3){display:none}.gcal-body{display:block;height:calc(100% - 61px)}.gcal-body>aside{display:none}.gcal-body>main{height:100%}.week-head{grid-template-columns:30px repeat(5,1fr);height:72px}.week-head>div{font-size:8px;padding-top:10px}.week-head b{font-size:18px;width:29px;height:29px}.week-head small{font-size:5px}.week-grid{grid-template-columns:30px repeat(5,1fr);height:calc(100% - 72px)}.week-times{font-size:7px}.gcal-event{padding:6px 4px;left:2px;right:3px;font-size:8px;gap:7px}.gcal-event span{font-size:7px}.gcal-event small{font-size:6px}.gcal-event.scheduled{right:-28px;z-index:1;box-shadow:1px 2px 5px #00000014}.gcal-event.other{font-size:7px}.work-layout{display:block}.work-layout>aside{display:none}.work-layout main>header{padding:19px 15px;font-size:9px}.work-document{padding:22px 15px}.work-title h3{font-size:19px}.work-title>b{font-size:8px;padding:6px}.work-title p{font-size:10px}.work-title small{font-size:8px}.work-facts{gap:27px;margin:24px 0}.work-facts b{font-size:13px}.work-fields>div{font-size:9px;padding:12px 9px;gap:8px;line-height:1.5}.work-fields span{min-width:72px}.work-audit{font-size:9px;margin-top:15px}.exact-layout>header{height:53px;padding:0 12px;gap:12px}.exact-layout header img{width:43px}.exact-layout header b{font-size:9px}.exact-layout nav{display:none}.exact-layout header>span{font-size:9px}.exact-content{padding:17px 12px}.exact-content h3{font-size:19px}.exact-fields{gap:12px;padding:9px;margin-bottom:17px}.exact-fields>div{display:flex;flex-direction:column;gap:5px;align-items:stretch;font-size:8px;flex:1}.exact-fields b{padding:5px}.exact-content td,.exact-content th{padding:9px 5px;font-size:8px}.exact-content th:nth-child(2),.exact-content td:nth-child(2),.exact-content th:nth-child(3),.exact-content td:nth-child(3){display:none}.exact-bottom{font-size:8px;gap:12px}.exact-totals{width:170px;gap:7px}.exact-totals>strong{font-size:10px}.exact-bottom>div:first-child{max-width:90px}}
@media(prefers-reduced-motion:reduce){.film-shot,.film-shot *,.film-agent>i{animation:none!important;transition:none!important}}
/* Keep app chrome independent from the marketing page's generic header rules. */
.agent-main>header,.wa-chat>header,.sheets-layout>header,.gcal-layout>header,.exact-layout>header{justify-content:flex-start}.agent-main>header>span:last-child{margin-left:auto}
.pilot-includes span:before{color:#ff6500}.shot-sheets{--zoom:1.2;transform-origin:55% 34%;--pan-x:0%;--pan-y:4%}
.shot-exact{--zoom:1.12;transform-origin:70% 85%;--pan-x:0%;--pan-y:-3%}.exact-content h3{line-height:1.2;margin:10px 0}.exact-actions{margin-bottom:12px}.exact-fields{margin-bottom:16px;padding:12px}.exact-content td,.exact-content th{padding:10px}.exact-totals{gap:6px}
@media(max-width:600px){.exact-fields{padding:9px}.exact-content td,.exact-content th{padding:9px 5px}}
.agent-film .agent-result{margin:0;padding:0;border:0;background:none}.film-shot nav{display:block}
/* Persistent conversation with floating application windows. No camera zoom. */
.agent-film .film-viewport{height:680px}.agent-film .film-shot{animation:none;transform:none}.conversation-background{height:100%;background:#fff}.conversation-background .agent-conversation{height:calc(100% - 68px);min-height:0;display:flex;flex-direction:column;padding:23px 35px 89px;gap:20px}.conversation-background .agent-main{height:100%}.conversation-connections{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.conversation-connections>span{display:flex;align-items:center;gap:6px;border:1px solid #e4e5e7;border-radius:7px;background:#fff;padding:8px 9px;animation:chat-arrive .35s ease both}.conversation-connections>span:nth-child(2){animation-delay:.12s}.conversation-connections>span:nth-child(3){animation-delay:.24s}.conversation-connections>span:nth-child(4){animation-delay:.36s}.conversation-connections img{width:15px;height:15px;object-fit:contain}.conversation-connections b{font-weight:500;font-size:10px}.conversation-connections small{font-size:8px;color:#777d84;white-space:nowrap}.conversation-thread{margin-top:auto;display:flex;flex-direction:column;gap:17px}.conversation-thread [hidden]{display:none!important}.conversation-thread .agent-prompt{animation:chat-arrive .45s ease both;font-size:13px;max-width:85%;width:auto;margin-bottom:0}.conversation-thread .agent-reply{animation:chat-arrive .45s ease both;margin:0}.conversation-thread .agent-tools{animation:chat-arrive .4s ease both;margin-left:42px}.conversation-thread .agent-tools>div{padding:11px 13px}.conversation-background .agent-composer{margin:0 0 0 42px;flex-shrink:0}.conversation-finish{margin-left:42px;padding:13px 16px;border-left:3px solid var(--agent-color);background:#f7f7f8;animation:chat-arrive .4s ease both}.conversation-finish>b{font-size:15px;font-weight:500}.conversation-finish p{font-size:11px;margin:5px 0;color:#74797f}.conversation-finish>span{font-size:10px;color:#74797f}
.conversation-overlay{position:absolute;inset:0;pointer-events:none}.conversation-popup{position:absolute;left:23%;right:22px;top:140px;border:1px solid #cfd2d8;border-radius:13px;background:#fff;box-shadow:0 20px 55px #121b3333,0 3px 10px #00000015;overflow:hidden;animation:app-window-open .45s cubic-bezier(.2,.7,.2,1) both}.conversation-popup-bar{height:34px;display:flex;align-items:center;gap:13px;background:#fafafa;border-bottom:1px solid #e2e4e8;padding:0 13px;color:#646970}.popup-dots{display:flex;gap:4px}.popup-dots i{height:5px;width:5px;border-radius:50%;background:#c9cbd0}.conversation-popup-bar>b{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500}.conversation-popup-bar img{width:13px;height:13px;object-fit:contain}.conversation-popup-bar>span:last-child{margin-left:auto;font-size:8px;color:#8b9098}.conversation-popup-body{position:relative;aspect-ratio:1000 / 560;overflow:hidden;background:#fff}.popup-app{position:absolute;top:0;left:0;width:1000px;height:560px;transform:scale(var(--app-scale, .85));transform-origin:top left}.agent-film .film-agent{bottom:16px}.conversation-background .agent-main>header{background:#fff}.conversation-background .agent-user{padding-bottom:12px}.conversation-popup .work-layout>aside .agent-brand{font-size:14px}
@keyframes chat-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes app-window-open{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.agent-film .film-viewport{height:710px}.conversation-popup{top:145px}}
@media(max-width:900px){.agent-film .film-viewport{height:630px}.conversation-background .agent-conversation{padding:20px 20px 85px;gap:16px}.conversation-popup{left:20%;right:16px;top:170px}.conversation-connections>span{padding:6px 7px}.conversation-connections b{font-size:9px}.conversation-thread .agent-tools{margin-left:0}.conversation-background .agent-composer{margin-left:0}}
@media(max-width:600px){.agent-film .film-viewport{height:710px}.conversation-background .agent-conversation{height:calc(100% - 61px);padding:17px 14px 88px;gap:16px}.conversation-connections{gap:6px}.conversation-connections>span{padding:7px 6px;gap:5px}.conversation-connections b{font-size:9px}.conversation-connections small{font-size:7px}.conversation-connections img{width:13px;height:13px}.conversation-thread .agent-prompt{font-size:12px;max-width:94%;padding:13px 15px}.conversation-thread .agent-reply{font-size:11px;gap:9px}.conversation-thread .agent-tools>div{padding:11px 8px;font-size:8px}.conversation-thread .agent-tools small{font-size:7px}.conversation-finish{margin-left:0;padding:12px}.conversation-finish>b{font-size:14px}.conversation-finish p{font-size:10px}.conversation-finish>span{font-size:9px}.conversation-popup{left:10px;right:10px;top:175px;border-radius:9px}.conversation-popup-bar{height:29px;padding:0 9px;gap:7px}.conversation-popup-bar>span:last-child{font-size:6px}.conversation-popup-bar>b{font-size:9px}.popup-dots{gap:3px}.popup-dots i{height:4px;width:4px}.conversation-popup-body{height:430px;aspect-ratio:auto}.popup-app{position:static;width:100%;height:100%;transform:none}.conversation-popup .exact-content{padding:12px 9px}.conversation-popup .exact-fields{margin-bottom:12px}.conversation-popup .work-document{padding:17px 12px}.conversation-popup .work-facts{margin:17px 0}.conversation-popup .work-audit{margin-top:12px}.conversation-popup .wa-messages{gap:15px}.conversation-popup .wa-bubble{font-size:11px}}
@media(prefers-reduced-motion:reduce){.conversation-popup,.conversation-background *{animation:none!important}}