.hb-scene{width:min(1200px,100%);margin:38px auto 0;display:flex;flex-direction:column;text-align:left;position:relative}.hb-stage{height:500px;position:relative;isolation:isolate}.hb-stage:before{content:'';position:absolute;width:240px;height:100px;left:24%;top:180px;border-top:1px dashed #86c8d6;border-right:1px dashed #86c8d6;border-radius:0 60px 0 0;z-index:0}.hb-rfp,.hb-response,.hb-pricing{position:absolute;background:#fff;border:1px solid #e1e5e6;border-radius:3px;padding:30px;box-sizing:border-box}.hb-rfp{left:7%;top:50px;width:275px;height:350px;transform:rotate(-9deg);z-index:1;background:#fafaf8;box-shadow:3px 4px 0 #fafaf8,4px 5px 0 #d8ddde,7px 8px 0 #fff,8px 9px 0 #dde0e1,11px 12px 0 #f5f5f2,12px 13px 0 #d8ddde,18px 26px 36px #011f2e13}.hb-response{left:35%;top:40px;width:410px;height:355px;transform:rotate(3deg);z-index:3;border-top:3px solid #80c9d9;box-shadow:0 2px 2px #011f2e05,0 14px 25px #011f2e0b,0 35px 60px #011f2e17}.hb-rfp-title{font:400 30px/1.1 Georgia,serif!important;letter-spacing:-.035em!important;color:#283335}.hb-rfp-subject{font:14px/1.4 var(--font);color:#758082;margin-top:13px}.hb-response-title{font:500 30px/1.15 var(--font)!important;color:#011f2e;letter-spacing:-.04em!important}.hb-fields{margin:24px 0 0}.hb-field+.hb-field{margin-top:20px}.hb-label{font:500 11px/1.3 var(--font);letter-spacing:.065em;text-transform:uppercase;color:#74838a}.hb-rule{margin:8px 0 0;padding:11px 0;min-height:39px;border-bottom:1px solid #d4dadd;font:17px/1.45 var(--font);color:#244b5c}.hb-rfp .hb-field:last-child .hb-rule{height:74px;background:repeating-linear-gradient(transparent 0,transparent 23px,#d8dfe1 24px,transparent 25px);border:0}.hb-response .hb-rule{padding:10px 12px;background:#f0f8fa;border-left:2px solid #94d6e2;border-bottom:0}.hb-fill{display:block}.hb-pricing{right:2%;top:200px;width:350px;height:215px;padding:20px;transform:rotate(-5deg);z-index:2;box-shadow:0 16px 35px #011f2e12}.hb-pricing:before{content:'Pricing schedule';display:block;font:500 19px/1.2 var(--font);letter-spacing:-.03em;margin-bottom:17px;color:#40574d}.hb-pricing-table{border-collapse:collapse;table-layout:fixed;width:100%;font:11px/1.4 var(--font);color:#61736a}.hb-pricing-table th,.hb-pricing-table td{border:1px solid #dee7e1;padding:8px 7px;text-align:left}.hb-pricing-table th:first-child{width:48%}.hb-pricing-table thead{background:#eef4ef}.hb-pricing-caption{caption-side:bottom;text-align:left;padding-top:10px;font-size:10px;color:#819088}.hb-agent{position:absolute;z-index:5}.hb-agent-mark{display:block}.hb-source{position:absolute;bottom:22px;left:5%;width:90%;text-align:center;font:14px/1.45 var(--font);color:#74818a}.hb-caption{order:1;display:flex;justify-content:center;align-items:center;font:12px/1.4 var(--font);color:#9aa3a7;margin:0}.hb-caption:before{content:'Illustrative example'}.hb-caption>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hb-replay{font:12px var(--font)}.hb-running .hb-fill{animation:hb-reveal 1s .7s both cubic-bezier(.2,.6,.2,1)}.hb-running .hb-field:nth-child(2) .hb-fill{animation-delay:1.8s}.hb-running .hb-response{box-shadow:0 2px 2px #011f2e05,0 14px 25px #011f2e0b,0 35px 60px #011f2e17}.hb-running .hb-response .hb-rule{animation:hb-field 3.5s both}@keyframes hb-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hb-field{0%,80%{border-left-color:#00aace;background:#e9f8fb}100%{border-left-color:#94d6e2;background:#f0f8fa}}
@media(min-width:701px) and (max-width:1000px){.hb-rfp{left:2%;width:230px;padding:24px}.hb-response{left:30%;width:370px}.hb-pricing{right:-45px;width:285px;top:245px}.hb-agent{left:26%!important}.hb-scene{overflow:hidden}.hb-stage{height:520px}}
@media(max-width:700px){.hb-scene{margin-top:25px;overflow:hidden;width:calc(100% + 32px);max-width:none;margin-left:-16px}.hb-stage{height:570px}.hb-stage:before{left:23%;top:102px;width:140px;height:160px}.hb-rfp{left:5%;top:15px;width:155px;height:190px;padding:17px;transform:rotate(-10deg)}.hb-rfp-title{font-size:21px!important}.hb-rfp-subject{font-size:9px;margin-top:7px}.hb-rfp .hb-fields{margin-top:14px}.hb-rfp .hb-label{font-size:7px}.hb-rfp .hb-rule{min-height:18px;padding:3px 0;margin-top:3px}.hb-rfp .hb-field+.hb-field{margin-top:8px}.hb-rfp .hb-field:last-child .hb-rule{height:25px}.hb-response{width:min(300px,82%);height:300px;left:12%;top:150px;padding:24px 20px;transform:rotate(2deg)}.hb-response-title{font-size:26px!important}.hb-response .hb-fields{margin-top:20px}.hb-response .hb-rule{font-size:16px;padding:10px}.hb-response .hb-label{font-size:10px}.hb-pricing{right:-14px;top:385px;width:225px;height:162px;padding:15px;transform:rotate(-6deg)}.hb-pricing:before{font-size:14px;margin-bottom:9px}.hb-pricing-table{font-size:9px}.hb-pricing-table th,.hb-pricing-table td{padding:5px}.hb-pricing-caption{font-size:9px;padding-top:7px}.hb-source{font-size:12px;bottom:8px;left:9%;width:82%}.hb-caption{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hb-scene *{animation:none!important;transition:none!important}.hb-fill{clip-path:none!important}}

/* Focused art-direction refinements, applied after generated component CSS. */
.hb-agent{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;align-items:center;padding:14px 19px;border-radius:14px;background:#011f2e;color:white;box-shadow:0 14px 30px #011f2e22;min-width:252px;left:31%;top:0}
.hb-agent-mark{width:32px;height:32px;grid-row:1/3;color:white}.hb-agent-wordmark{font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
.hb-agent .hb-status{position:static;inset:auto;width:auto;text-align:left;margin:0;padding:0;background:none;color:#a1e8f2;font-size:12px;line-height:1.4;white-space:nowrap}
.hb-response{top:72px}.hb-rfp{top:54px}.hb-pricing{top:230px}.hb-response-title{font-weight:500!important}.hb-rfp-title{font-weight:400!important}
.hb-response:after{content:'PREPARED RESPONSE';position:absolute;bottom:18px;left:30px;font-size:9px;letter-spacing:.15em;color:#9ca8ad}
.hb-rfp:after{content:'RFP / FACILITIES SERVICES';position:absolute;bottom:22px;left:28px;font:9px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#939b9f}
.hb-pricing-table th,.hb-pricing-table td{font-weight:400}.hb-pricing-table thead th{font-weight:500}
.hb-scene .hb-caption{gap:14px}.hb-replay{min-height:32px;min-width:55px;border:0;background:none;color:#536b77;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hb-replay:hover{color:#015579}
@media(max-width:700px){.hb-agent{left:13%;top:112px;min-width:230px;padding:11px 15px;grid-template-columns:28px 1fr}.hb-agent-mark{width:26px;height:26px}.hb-agent-wordmark{font-size:16px}.hb-agent .hb-status{font-size:11px}.hb-response{top:183px;height:290px}.hb-pricing{top:402px}.hb-stage{height:625px}.hb-source{bottom:12px!important}.hb-rfp{top:12px}.hb-response:after{font-size:8px;left:20px;bottom:13px}.hb-rfp:after{display:none}}
.hb-running .hb-pricing{animation:hb-deliver .65s 2.5s both ease-out}@keyframes hb-deliver{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.hb-response:after{display:none}}