/* A guided visit to BOSS, distinct from the surrounding company website. */
.aqtos-home-main .aqtos-preview{background:#edf3f0;padding:44px 0 34px;color:#193d42;scroll-margin-top:20px}
.aqtos-preview>.container{max-width:1340px;padding-inline:32px}
.boss-demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:26px}
.boss-demo-brand{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.boss-demo-brand img{width:108px;height:auto;max-height:32px;object-fit:contain;object-position:left}
.boss-demo-brand>span{font-size:13px;color:#58756f;border-left:1px solid #b3c9c1;padding-left:14px}
.boss-demo-intro h2{color:#193d42;font-size:clamp(30px,3vw,42px);line-height:1.13;letter-spacing:-1.1px;font-weight:400;margin:0}
.boss-demo-intro__story>p{font-size:16px;line-height:1.65;margin:0 0 12px;color:#455e5d}
.boss-demo-intro__story .boss-demo-intro__note{font-size:12px;line-height:1.5;color:#617773;margin:0}
.boss-demo-stage{padding:8px;background:#55c5d0;border-radius:20px;box-shadow:0 15px 35px -24px #193d4240}
.boss-demo-stage .aqtos-preview__tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 8px;align-items:stretch}
.boss-demo-stage .aqtos-preview__tabs button{border:0;border-radius:12px;background:transparent;color:#193d42;padding:14px 12px;min-height:64px;display:flex;align-items:flex-start;flex-direction:column;gap:7px;white-space:normal;text-align:left;font-size:13px;font-weight:400;line-height:1.35}
.boss-demo-stage .aqtos-preview__tabs button>span{font-size:10px;line-height:1;color:#214f55;font-weight:500}
.boss-demo-stage .aqtos-preview__tabs button[aria-selected="true"]{background:#f9fbf4;color:#193d42;font-weight:500}
.boss-demo-stage .aqtos-preview__tabs button[aria-selected="true"]>span{color:#496863}
.boss-demo-stage .aqtos-preview__tabs button:enabled:hover{background:#8bd5dd;color:#193d42}
.boss-demo-stage .aqtos-preview__tabs button[aria-selected="true"]:hover{background:#fff;color:#193d42}
.boss-demo-stage .aqtos-preview__tabs button:focus-visible{outline-color:#1c7781;outline-offset:-3px}
.boss-demo-guide{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;background:#f9fbf4;border-radius:12px 12px 0 0}
.boss-demo-guide__copy{min-width:0;max-width:700px}
.boss-demo-guide__label{display:flex;align-items:center;gap:12px;margin:0 0 7px;font-size:16px;line-height:1.4;color:#193d42}
.boss-demo-guide__label>span{font-size:10px;font-weight:500;white-space:nowrap;color:#6d836b}.boss-demo-guide__label>strong{font-weight:500}
.boss-demo-guide .aqtos-preview__context{margin:0;padding:0;min-height:0;max-width:none;text-align:left;font-size:13px;line-height:1.55;color:#536b66;text-wrap:initial}
.boss-demo-guide__actions{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex-shrink:0}
.boss-demo-action{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;padding:10px 15px;background:#1c7781;color:#fff;border:0;border-radius:8px;font:500 13px/1.4 'Fira Sans',sans-serif;cursor:pointer}
.boss-demo-action:hover{background:#155f68}.boss-demo-action:focus-visible{outline:3px solid #1c7781;outline-offset:3px}
.boss-demo-guide .aqtos-preview__next{font-size:12px;min-height:30px;padding:6px 2px;border:0;background:none;color:#496863;align-self:flex-end;line-height:1.4}
.boss-demo-stage .aqtos-preview__shell{border:0;border-top:1px solid #ceded6;border-radius:0 0 12px 12px;box-shadow:none}
.boss-demo-stage .aqtos-preview__app{height:560px;background:#e7efed}
.boss-demo-stage .aqtos-preview__rail{background:#f8fbfa;border-right:1px solid #d7e3df}
.boss-demo-stage .aqtos-preview__views{background:#e9f1ee}
.boss-demo-stage .aqtos-preview__appnav{background:#fff;border-bottom:1px solid #d8e4df;color:#526c69}
.boss-demo-stage .aqtos-preview__projectstrip{background:#f4f8f6;border-bottom:1px solid #d8e4df}
.boss-demo-stage .aqtos-preview__projectstrip button:not(.is-current){opacity:.75}
.boss-demo-stage .aqtos-preview__projectstrip button.is-current{background:#d8edb9;color:#244a37;border-radius:7px;opacity:1}
.boss-demo-stage .aqtos-preview__toolbar{color:#54726a}
.boss-demo-stage .aqtos-preview__toolbar,.boss-demo-stage .aqtos-preview__projecttools,.boss-demo-stage .aqtos-preview__projectowner{display:none}
.boss-demo-stage .boss-demo-task-cover{display:block;width:100%;height:85px;object-fit:cover;object-position:50% 55%;border-radius:5px;margin:0 0 10px}
.boss-demo-stage .aqtos-preview__column>h4{padding:0 0 10px;font-size:12px;color:#244b43}
.boss-demo-stage .aqtos-preview__task{border:1px solid #cbded5;box-shadow:0 2px 5px #1c3d3610;border-left:3px solid #9ec5b7}
.boss-demo-stage .aqtos-preview__task[data-task-status="In progress"]{border-left-color:#238a99}
.boss-demo-stage .aqtos-preview__task[data-task-status="Done"]{border-left-color:#8bae6d}
.boss-demo-stage .aqtos-preview__task:enabled:hover{border-color:#238a99;box-shadow:0 4px 12px #1c3d3620}
.boss-demo-stage .aqtos-preview__task-title{font-size:14px;color:#294840;line-height:1.45}
.boss-demo-stage .aqtos-preview__task-category,.boss-demo-stage .aqtos-preview__task-footer{color:#59736c}
.boss-demo-stage .aqtos-preview__disclosure{background:#fff;color:#607870;font-size:10px;padding:10px 16px}
.aqtos-preview .aqtos-preview__cta{margin-top:22px;padding:0;background:transparent;border:0;border-radius:0;gap:20px}
.aqtos-preview .aqtos-preview__cta h3{font-size:20px;font-weight:400;color:#193d42}.aqtos-preview .aqtos-preview__cta p{font-size:13px;color:#60746d}
.aqtos-preview .aqtos-preview__cta .btn{background:#1c7781;border-color:#1c7781;box-shadow:none;border-radius:24px;font-size:13px;padding:11px 20px}
@media(max-width:1000px){.boss-demo-intro{gap:30px}.boss-demo-guide{gap:16px;padding:16px}.boss-demo-stage .aqtos-preview__tabs button{font-size:12px;padding:12px 10px}.boss-demo-guide__label{font-size:15px}}
@media(max-width:767px){
 .aqtos-home-main .aqtos-preview{padding:30px 0 26px}.aqtos-preview>.container{padding-inline:16px}
 .boss-demo-intro{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.boss-demo-brand{margin-bottom:12px}.boss-demo-intro h2{font-size:32px}.boss-demo-intro__story>p{font-size:15px;line-height:1.6}
 .boss-demo-stage{padding:6px;border-radius:16px}
 .boss-demo-stage .aqtos-preview__tabs{display:flex;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#668e82 transparent;gap:4px;padding-bottom:4px;margin-bottom:5px}
 .boss-demo-stage .aqtos-preview__tabs button{flex:0 0 150px;min-height:66px;padding:12px;gap:8px;font-size:12px}
 .boss-demo-guide{flex-direction:column;align-items:stretch;gap:12px;padding:15px 14px}
 .boss-demo-guide__actions{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
 .boss-demo-action{font-size:12px;min-height:42px;padding:10px 12px;gap:12px}.boss-demo-guide .aqtos-preview__next{font-size:11px;min-height:42px;align-self:auto}
 .boss-demo-guide .aqtos-preview__context{font-size:12px}.boss-demo-guide__label{font-size:14px;gap:8px}
 .boss-demo-stage .aqtos-preview__app{height:540px}.boss-demo-stage .aqtos-preview__disclosure{gap:6px;align-items:flex-start;font-size:9px;padding:9px 12px}
 .aqtos-preview .aqtos-preview__cta{flex-direction:column;align-items:flex-start;gap:12px}.aqtos-preview .aqtos-preview__cta h3{font-size:19px}
}
/* Product surfaces follow the signed-in Third Floor workspace. */
@font-face{font-family:'BOSS Roboto';src:url('assets/demo/roboto-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'BOSS Roboto';src:url('assets/demo/roboto-medium.woff') format('woff');font-style:normal;font-weight:500 700;font-display:swap}
.boss-demo-stage .aqtos-preview__shell{font-family:'BOSS Roboto',Roboto,Arial,sans-serif;color:#364247}
.boss-demo-stage .aqtos-preview__app{background:linear-gradient(115deg,#fff 0%,#f4fafb 42%,#e6f2f4 100%);height:590px}
.boss-demo-stage .aqtos-preview__views,.boss-demo-stage .aqtos-preview__rail,.boss-demo-stage .aqtos-preview__appnav,.boss-demo-stage .aqtos-preview__projectstrip{background:transparent}
.boss-demo-stage .aqtos-preview__rail{border:0}
.boss-demo-stage .aqtos-preview__appnav{border:0;color:#5c686e;gap:17px}
.boss-demo-stage .aqtos-preview__identity{background:#eff8f9}
.boss-demo-stage .aqtos-preview__projectstrip{border:0;padding-top:12px;padding-bottom:10px}
.boss-demo-stage .aqtos-preview__projectstrip button:not(.is-current){opacity:1}
.boss-demo-stage .aqtos-preview__projectstrip button.is-current{background:#fff;color:#35434b;border:1px solid #e1e8e9;border-radius:6px;box-shadow:0 2px 5px #203c4010}
.boss-demo-stage .aqtos-preview__projectbar{background:#fff;padding-block:12px;gap:18px}
.boss-demo-stage .aqtos-preview__projectname{gap:11px}
.boss-demo-stage .aqtos-preview__projectname .aqtos-preview__projecticon{width:40px;height:40px;border-radius:50%}
.boss-demo-stage .aqtos-preview__projectname h3{font-weight:400;font-size:15px}
.boss-demo-stage .aqtos-preview__projectowner{display:inline-flex;align-items:center;gap:10px;color:#8a9599;font-size:9px;text-transform:uppercase;margin-left:auto}
.boss-demo-stage .aqtos-preview__toolbar{display:flex;overflow:auto;white-space:nowrap;padding:12px 18px;border-block:1px solid #edf0f1;background:#f7f8f8;color:#889296;gap:18px;font-size:10px;scrollbar-width:none}
.boss-demo-stage .aqtos-preview__toolbar>*{flex-shrink:0}
.boss-demo-stage .aqtos-preview__board-area{padding-top:20px}
.boss-demo-stage .aqtos-preview__budget{color:#56b6c2}
.boss-demo-stage .aqtos-preview__column>h4{font-size:11px;font-weight:500;color:#465156;letter-spacing:.25px;text-transform:uppercase;padding-bottom:15px}
.boss-demo-stage .aqtos-preview__column>h4::before{content:'';display:inline-block;width:10px;height:10px;border:1px solid #a4b1b5;border-radius:50%;margin-right:7px;vertical-align:-1px}
.boss-demo-stage .aqtos-preview__task{border:1px solid #edf1f2;border-left:4px solid #e4e8e9!important;border-radius:8px;background:#fff;padding:13px 14px;box-shadow:0 2px 6px #203c4008}
.boss-demo-stage .aqtos-preview__task:enabled:hover{border-color:#9ad7dd;border-left-color:#55c5d0!important;box-shadow:0 3px 10px #203c4010}
.boss-demo-stage .aqtos-preview__task-title{font-size:13px;line-height:1.45;font-weight:400;color:#303c42}
.boss-demo-stage .aqtos-preview__task-category{color:#8a969b;font-size:10px}
.boss-demo-stage .aqtos-preview__task-footer{margin-top:14px;color:#8c989d}
.boss-demo-stage .boss-demo-task-cover{height:70px}
.boss-demo-stage .aqtos-preview__client-card,.boss-demo-stage .aqtos-preview__employee-card{border:1px solid #edf1f2;border-radius:10px;box-shadow:0 2px 8px #203c4006}
.boss-demo-stage .aqtos-preview__client-card .aqtos-preview__client-monogram{width:52px;height:52px;margin-top:24px}
.boss-demo-stage .aqtos-preview__employee-avatar{width:64px;height:64px}
.boss-demo-stage #preview-day .aqtos-preview__feed article{border:1px solid #edf2f3;border-radius:13px;box-shadow:0 3px 9px #203c4006}
.boss-demo-stage #preview-day .aqtos-preview__week .is-today{background:#55c5d0;color:#fff}
.boss-demo-stage .aqtos-preview__detail,.boss-demo-stage .aqtos-preview__client-detail,.boss-demo-stage .aqtos-preview__employee-detail,.boss-demo-stage .aqtos-preview__invoice-detail{background:#fff}
.boss-demo-stage [data-demo-person],.boss-demo-stage [data-demo-brand]{position:relative;overflow:hidden;isolation:isolate}
.boss-demo-stage [data-demo-person]::before,.boss-demo-stage [data-demo-brand]::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.boss-demo-stage [data-demo-person]::before{background-image:url('assets/demo/team-portraits.webp');background-size:300% 200%;background-position:var(--portrait-position)}
.boss-demo-stage [data-demo-person="cleo"]{--portrait-position:0% 0%}
.boss-demo-stage [data-demo-person="milo"]{--portrait-position:50% 0%}
.boss-demo-stage [data-demo-person="jules"]{--portrait-position:100% 0%}
.boss-demo-stage [data-demo-person="rory"]{--portrait-position:0% 100%}
.boss-demo-stage [data-demo-person="nina"]{--portrait-position:50% 100%}
.boss-demo-stage [data-demo-person="theo"]{--portrait-position:100% 100%}
.boss-demo-stage [data-demo-brand]::before{background-image:var(--demo-mark);background-size:cover;background-position:center}
@media(max-width:767px){
 .boss-demo-stage .aqtos-preview__app{height:560px}
 .boss-demo-stage .aqtos-preview__toolbar,.boss-demo-stage .aqtos-preview__projectowner{display:none}
 .boss-demo-stage .aqtos-preview__projectbar{padding:12px;gap:10px}
 .boss-demo-stage .aqtos-preview__projectname .aqtos-preview__projecticon{width:32px;height:32px}
 .boss-demo-stage .aqtos-preview__projectname h3{font-size:13px}
 .boss-demo-stage .aqtos-preview__column>h4{font-size:10px}
 .boss-demo-stage .aqtos-preview__task-title{font-size:12px}
}
