.cap-tablet.product-demo{display:block;height:auto;min-height:540px;padding:0;border-radius:26px 26px 0 0;background:#151b13;isolation:isolate;color:#e5e9de}
.demo-top{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ffffff14;gap:15px;font:10px monospace;letter-spacing:1px}.demo-top strong{font:500 13px Inter,Arial,sans-serif;letter-spacing:.4px}.demo-top>span{color:#a4b497}
.demo-layout{display:grid;grid-template-columns:145px 1fr;min-height:400px}.demo-rail{padding:32px 18px;display:flex;flex-direction:column;gap:13px;border-right:1px solid #ffffff10}.demo-rail span{font-size:11px;padding:10px;color:#809076;border-radius:5px}.demo-rail .active{background:#cbdcbc;color:#253d19}
.demo-stage{position:relative;padding:30px 35px;background:#ece9e1;color:#2c3c23;overflow:hidden}.demo-caption{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#728467;gap:10px}.demo-stage h3{font-size:30px;letter-spacing:-1px;font-weight:400;margin:22px 0 12px;line-height:1.15}.demo-stage>p{font-size:12px;color:#6c7b61;line-height:1.7;margin:0 0 24px;max-width:550px;min-height:40px}
.demo-workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;background:#f6f4ed;border:1px solid #d2dac7;border-radius:9px;padding:22px;min-height:190px}.demo-summary{border-right:1px solid #d7dfce;padding-right:15px}.demo-summary small{font:8px monospace;letter-spacing:1px;color:#7c8d6d;display:block}.demo-summary strong{font-size:35px;font-weight:400;letter-spacing:-1.4px;display:block;margin:20px 0 12px}.demo-summary>span{display:block;font-size:10px;line-height:1.6;color:#849475}.demo-action-area{display:flex;flex-direction:column;justify-content:space-between;gap:18px}#demo-detail{display:grid;gap:8px;font-size:11px}#demo-detail>span{font-size:9px;color:#849474}#demo-detail b{font-weight:450}#demo-detail small{font-size:9px;color:#778b65}.demo-action{padding:11px 12px;background:#344b26;color:#eff3e7;font-size:10px;border-radius:4px;text-align:center}.demo-mini-track{background:#dce5d1;height:5px;border-radius:5px;overflow:hidden}.demo-mini-track i{display:block;height:100%;background:#89a771}
.demo-cursor{position:absolute;width:25px;height:31px;fill:#fff;stroke:#25321e;stroke-width:1.5;z-index:2;filter:drop-shadow(0 3px 3px #0003);pointer-events:none}.demo-click{position:absolute;left:80%;top:79%;width:30px;height:30px;border:2px solid #7d9b65;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-30%,-30%) scale(.5)}.is-clicking .demo-click{opacity:.8;transform:translate(-30%,-30%) scale(1.4);transition:transform .35s,opacity .35s}.is-clicking .demo-action{background:#709350}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 25px}.demo-controls>div{display:flex;gap:8px}.demo-controls button{background:#ffffff08;border:1px solid #ffffff25;color:#d6e0cd;border-radius:4px;font-size:10px;padding:8px 10px;white-space:nowrap}.demo-controls p{font-size:9px;line-height:1.6;color:#93a885;margin:0}.demo-controls a{font-size:10px;white-space:nowrap;color:#baccae}.demo-progress{height:3px;background:#ffffff10}.demo-progress span{height:100%;display:block;background:#bdd7a7}
@media(max-width:650px){.cap-tablet.product-demo{min-height:0;border-radius:17px 17px 0 0}.demo-top{padding:17px 14px;font-size:7px;letter-spacing:.3px}.demo-top strong{font-size:10px}.demo-layout{grid-template-columns:1fr;min-height:0}.demo-rail{flex-direction:row;gap:3px;justify-content:space-between;padding:10px;border-right:0}.demo-rail span{padding:6px 4px;font-size:8px}.demo-stage{padding:20px 16px}.demo-caption{font-size:7px;letter-spacing:.3px}.demo-stage h3{font-size:25px;min-height:58px;margin:18px 0 6px}.demo-stage>p{font-size:11px;min-height:56px;margin-bottom:16px}.demo-workspace{padding:15px;gap:12px;min-height:195px;grid-template-columns:1fr 1fr}.demo-summary strong{font-size:26px;letter-spacing:-1px}.demo-summary small{font-size:7px;line-height:1.6}.demo-summary>span{font-size:9px}.demo-action{font-size:8px;padding:10px 6px}#demo-detail{font-size:10px}.demo-controls{flex-wrap:wrap;padding:14px;gap:12px}.demo-controls p{order:3;flex-basis:100%;font-size:9px}.demo-cursor{width:21px;height:27px}}
@media(prefers-reduced-motion:reduce){.demo-cursor,.demo-click{display:none}.is-clicking .demo-action{background:#344b26}}
.demo-film{min-height:0!important}.film-chapters{display:flex;gap:3px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid #ffffff17}.film-chapters button{flex:1;min-width:75px;border:0;background:none;color:#9cac8f;padding:10px;border-radius:6px;font-size:11px}.film-chapters small{display:block;font:8px monospace;margin-bottom:5px}.film-chapters button[aria-pressed=true]{background:#dbe7ce;color:#354b26}.film-screen{position:relative;background:#ece9e1;padding:30px 45px;color:#304227;overflow:hidden}.film-scene-heading small{font:9px monospace;letter-spacing:1px;color:#758668}.film-scene-heading h3{font-size:30px;letter-spacing:-1px;font-weight:400;margin:14px 0 25px;line-height:1.2}.film-canvas{height:255px;display:flex;flex-direction:column;justify-content:center;gap:20px}.film-canvas small{font:9px monospace;letter-spacing:.6px;color:#7d8f6c}.film-canvas strong{font-weight:400}.film-balance strong{font-size:52px;display:block;margin:15px 0}.film-balance>span{font-size:10px;color:#6d805d}.film-track{height:7px;background:#d5dfca;border-radius:5px;overflow:hidden;margin:12px 0}.film-track i{height:100%;display:block;background:#719554}.film-log{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px}.film-log b{font-weight:400;color:#64804e}.film-action{background:#344e26;color:#f2f5ea;padding:12px 22px;border-radius:6px;font-size:11px;width:max-content;margin:23px 0 0 auto}.film-click .film-action{background:#709653;box-shadow:0 0 0 5px #78995425}.film-cursor{position:absolute;width:26px;height:32px;fill:white;stroke:#2d4422;filter:drop-shadow(0 3px 3px #0003);pointer-events:none}.film-caption{margin:0;padding:18px 35px;font-size:12px;line-height:1.8;color:#b2c2a3;min-height:78px;border-bottom:1px solid #ffffff13}.film-player{display:flex;align-items:center;gap:13px;padding:16px 25px}.film-player button{border:1px solid #ffffff25;border-radius:5px;background:none;color:#dce6d1;font-size:10px;padding:9px 12px;white-space:nowrap}.film-player input{flex:1;min-width:40px;accent-color:#c2dcae;padding:0}.film-player>span{font:10px monospace;color:#aebf9c;white-space:nowrap}.film-disclaimer{font-size:9px;line-height:1.7;color:#90a27e;padding:0 25px 18px}.film-disclaimer a{color:#d0dfc0;margin-left:12px}.film-company{display:flex;gap:20px;align-items:center}.film-company-mark{width:65px;height:65px;display:grid;place-items:center;border-radius:13px;background:#3d572e;color:#e8efdf;font:35px Georgia}.film-company h4,.film-holding h4{font-size:24px;font-weight:400;margin:9px 0}.film-company p{font-size:12px;margin:0;color:#798c68}.film-research,.film-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.film-research>div,.film-docs>div{border:1px solid #cbd8bd;background:#f6f6ed;border-radius:8px;padding:18px}.film-research b{display:block;font-size:13px;font-weight:450;margin:10px 0}.film-research p{font-size:11px;line-height:1.6;color:#788d67;margin:0}.film-snapshot{display:flex;align-items:center;gap:20px}.film-snapshot>div{flex:1;padding:20px;border:1px solid #cbd8bd;border-radius:8px}.film-snapshot strong{display:block;font-size:31px;margin:20px 0 13px}.film-snapshot span{font-size:10px;color:#7a8d68}.film-highlight{background:#dbe6cc}.film-confirm{font-size:12px;color:#577c3f;padding:14px;border:1px solid #c4d7b3;border-radius:7px;background:#e2ecd8}.film-ballots{display:grid;gap:14px}.film-ballots>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:24px;border:1px solid #c7d6b9;border-radius:8px}.film-ballots b{font-size:11px;font-weight:400;color:#7d936b;grid-column:1}.film-ballots i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal}.film-selected{background:#dce9d0;border-color:#88a96d!important}.film-vote-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.film-vote-footer b{display:block;margin-top:8px;font-weight:450}.film-results>div{margin:20px 0}.film-results span{font-size:15px}.film-results b{float:right;font-weight:400}.film-results .film-track{height:16px}.film-track.secondary i{background:#aebba1}.film-result-bottom{display:flex;justify-content:space-between;align-items:center;font:10px monospace}.film-result-bottom strong{font-size:16px}.film-execution{display:grid;gap:12px}.film-execution>div{display:flex;gap:18px;align-items:center;padding:17px;border:1px solid #cad9bc;border-radius:7px;font-size:13px}.film-execution span{font:10px monospace;color:#8a9e76}.film-execution b{font-weight:400}.film-execution i{margin-left:auto;font-size:10px;color:#8b977f;font-style:normal}.film-execution i.complete{color:#456d2c}.film-transfer{display:flex;gap:25px;justify-content:center;align-items:center;font-size:12px;text-align:center}.film-transfer strong{display:block;margin-top:8px;color:#6b8d51}.film-holding{display:flex;justify-content:space-between;align-items:center;gap:20px}.film-holding>strong{font-size:28px}.film-holding small{display:block;margin-top:7px}.film-holding span{font-size:11px;color:#80946e}.film-docs b{display:block;font-size:27px;font-weight:400;color:#88a274;margin-bottom:12px}.film-docs span{display:block;font-size:12px}.film-docs small{display:block;margin-top:10px;font-size:8px}.demo-film:fullscreen{overflow:auto;max-width:none;width:100%;height:100%;border:0;border-radius:0;padding:0 max(5%,calc((100vw - 1150px)/2));display:flex;flex-direction:column;justify-content:center}.film-expanded{position:fixed!important;inset:20px!important;z-index:50!important;overflow:auto!important;max-width:none!important}.film-expanded .film-screen{flex:1}
@media(max-width:650px){.film-chapters{padding:8px}.film-chapters button{min-width:65px;font-size:9px}.film-screen{padding:23px 18px}.film-scene-heading h3{font-size:24px;min-height:58px}.film-canvas{height:335px;gap:14px}.film-caption{padding:16px 18px;min-height:110px;font-size:11px}.film-player{flex-wrap:wrap;padding:13px;gap:8px}.film-player input{order:5;flex-basis:100%}.film-player>span{margin-left:auto}.film-disclaimer{padding:0 14px 15px}.film-research{gap:8px}.film-research>div{padding:12px 8px}.film-research p{font-size:10px}.film-research b{font-size:11px}.film-snapshot{flex-direction:column;gap:7px}.film-snapshot>div{width:100%;display:flex;gap:10px;align-items:center;padding:12px}.film-snapshot strong{font-size:21px;margin:0}.film-snapshot small{font-size:7px}.film-snapshot span{font-size:8px;margin-left:auto}.film-snapshot>b{font-size:12px}.film-confirm{font-size:10px;padding:10px}.film-vote-footer{align-items:start}.film-holding h4{font-size:20px}.film-holding>strong{font-size:21px}.film-docs{gap:8px}.film-docs>div{padding:12px 9px}.film-docs span{font-size:10px}.film-docs small{font-size:7px}.film-execution>div{font-size:11px;padding:14px;gap:10px}.film-result-bottom{gap:15px;font-size:8px}.film-result-bottom strong{font-size:12px}.film-action{max-width:100%;font-size:10px}.film-expanded{inset:8px!important}}
@media(prefers-reduced-motion:reduce){.film-cursor{display:none}}