.aqtos-concept{font-family:'Fira Sans','Segoe UI',Arial,sans-serif;font-size:16px;line-height:normal;color:#233d41;--ink:#203c40;--teal:#4cc2cb}
.aqtos-concept :where(p,h1,h2,h3,h4,h5,h6,ul,ol){margin:0;padding:0;font-family:inherit;line-height:normal;color:inherit}
.aqtos-concept :where(button,input,textarea,select){font-family:inherit;line-height:normal}
.aqtos-concept :where(img,svg){vertical-align:baseline}
.aqtos-concept summary::marker{content:''}
.aqtos-concept{font-family: "Fira Sans", "Segoe UI", Arial, sans-serif; color: rgb(35, 61, 65); background: rgb(249, 251, 250); font-synthesis: none; -webkit-font-smoothing: antialiased; --ink: #203c40; --teal: #4cc2cb;}
.aqtos-concept *{box-sizing: border-box;}
.aqtos-concept{margin: 0px;}
.aqtos-concept button,.aqtos-concept a{-webkit-tap-highlight-color: transparent;}
.aqtos-concept a{color: inherit; text-decoration: none;}
.aqtos-concept button{font: inherit; cursor: pointer;}
.aqtos-concept button:focus-visible,.aqtos-concept a:focus-visible{outline: rgb(49, 159, 170) solid 3px; outline-offset: 5px;}
.aqtos-concept button svg{flex: 0 0 auto;}
.aqtos-concept .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.aqtos-concept .site-header{height: 82px; background: linear-gradient(108deg, rgb(243, 248, 247) 20%, rgb(234, 247, 247) 100%); position: relative; z-index: 20;}
.aqtos-concept .header-inner{height: 100%; max-width: 1420px; width: calc(100% - 96px); margin: auto; display: flex; align-items: center; gap: 40px;}
.aqtos-concept .brand{display: flex; flex-shrink: 0; margin-right: auto;}
.aqtos-concept .brand img{width: 107px; height: auto; display: block;}
.aqtos-concept .main-nav{display: flex; align-items: center; gap: 34px; color: rgb(37, 42, 42); font-size: 16px; font-weight: 300; white-space: nowrap;}
.aqtos-concept .main-nav a{display: flex; align-items: center; gap: 7px; transition: color 0.2s;}
.aqtos-concept .main-nav a:hover,.aqtos-concept .math-link:hover{color: rgb(21, 156, 169);}
.aqtos-concept .chevron{width: 12px; height: 12px; fill: rgb(17, 17, 17);}
.aqtos-concept .main-nav .pricing-link{color: rgb(129, 155, 173);}
.aqtos-concept .header-actions{display: flex; align-items: center; gap: 35px; margin-left: auto; white-space: nowrap; font-size: 16px; font-weight: 300; color: rgb(80, 89, 90);}
.aqtos-concept .math-link{display: flex; align-items: center; gap: 4px;}
.aqtos-concept .math-link span{font-size: 9px; line-height: 17px; padding: 0px 5px; background: rgb(14, 135, 145); border-radius: 8px; color: white; font-weight: 700;}
.aqtos-concept .get-started{padding: 11.2px 40px; line-height: 1.675; border: 1px solid rgb(168, 247, 255); border-radius: 12px; background: linear-gradient(104deg, rgb(29, 60, 81), rgb(59, 134, 150)); color: rgb(234, 249, 251); box-shadow: rgba(84, 197, 208, 0.63) 0px 0px 13px; font-size: 16px; font-weight: 400;}
.aqtos-concept .get-started:hover{box-shadow: rgba(39, 135, 151, 0.314) 0px 3px 17px;}
.aqtos-concept .menu-toggle{display: none;}
.aqtos-concept .products-menu{position: relative;}
.aqtos-concept .products-menu summary{list-style: none; display: flex; align-items: center; gap: 7px; cursor: pointer;}
.aqtos-concept .products-menu summary::-webkit-details-marker{display: none;}
.aqtos-concept .products-menu summary:focus-visible{outline: rgb(49, 159, 170) solid 3px; outline-offset: 5px;}
.aqtos-concept .products-dropdown{position: absolute; top: 35px; left: -20px; min-width: 270px; padding: 18px; background: rgb(248, 252, 251); border: 1px solid rgb(220, 233, 229); border-radius: 12px; box-shadow: rgba(37, 68, 56, 0.086) 0px 8px 30px; font-weight: 400; display: grid; gap: 15px;}
.aqtos-concept .products-dropdown > span{font-size: 11px; color: rgb(117, 144, 138);}
.aqtos-concept .products-dropdown a{font-size: 13px; justify-content: space-between;}
.aqtos-hero-shell{padding: 0px 12px;}
.aqtos-concept .hero{position: relative; isolation: isolate; overflow: hidden; background: rgb(232, 226, 215); border-radius: 19px;}
.aqtos-concept .scene{position: absolute; inset: 0px; z-index: -2; overflow: hidden;}
.aqtos-concept .workstation{height: 100%; width: 100%; object-fit: cover; object-position: 50% 56%; display: block; transform: translateY(58px); mask-image: linear-gradient(transparent, rgb(0, 0, 0) 75px);}
.aqtos-concept .scene-light{position: absolute; inset: 0px; background: radial-gradient(45% 39% at 50% 10%, rgba(248, 247, 241, 0.93), rgba(248, 247, 241, 0.66) 48%, transparent 100%), linear-gradient(rgba(248, 247, 241, 0.38) 0%, rgba(248, 247, 241, 0.16) 22%, transparent 43%, transparent 75%, rgba(26, 33, 29, 0.25) 100%);}
.aqtos-concept .hero-copy{position: relative; z-index: 4; padding: 35px 20px 0px; text-align: center; margin: auto; pointer-events: none;}
.aqtos-concept .hero-copy button,.aqtos-concept .hero-copy .preview-note{pointer-events: auto;}
.aqtos-concept .eyebrow{font-size: 10px; font-weight: 500; letter-spacing: 2.3px; color: rgb(98, 115, 113); margin: 0px 0px 14px;}
.aqtos-concept h1{font-size: clamp(58px, 5.5vw, 91px); font-weight: 500; letter-spacing: -3.8px; line-height: 1.07; margin: 0px; color: rgb(32, 58, 60);}
.aqtos-concept .title-period{color: rgb(69, 142, 142);}
.aqtos-concept .hero-description{font-size: 17px; line-height: 1.5; font-weight: 400; color: rgb(100, 113, 109); margin: 18px 0px 24px; letter-spacing: 0.02px;}
.aqtos-concept .mode-picker{display: inline-flex; gap: 3px; padding: 5px; background: rgba(250, 251, 244, 0.65); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 40px; box-shadow: rgba(41, 55, 41, 0.016) 0px 2px 3px;}
.aqtos-concept .mode-button{display: inline-flex; align-items: center; justify-content: center; gap: 9px; background: transparent; border: 0px; padding: 11px 18px; border-radius: 30px; color: rgb(108, 121, 117); font-size: 13px; font-weight: 500; min-height: 40px; transition: background 0.2s, color 0.2s;}
.aqtos-concept .mode-button.is-selected{background: rgb(47, 72, 69); color: rgb(255, 255, 255); box-shadow: rgba(40, 60, 53, 0.1) 0px 2px 4px;}
.aqtos-concept .mode-indicator{font: 19px / 14px Arial, sans-serif; color: rgb(224, 235, 232);}
.aqtos-concept .mode-future svg{height: 14px; width: 14px; fill: none; stroke: currentcolor; stroke-width: 1.6;}
.aqtos-concept .mode-future:hover{background: rgba(255, 255, 255, 0.467); color: rgb(45, 87, 82);}
.aqtos-concept .soon-label{font-size: 8px; letter-spacing: 0.6px; margin-left: 1px; color: rgb(112, 137, 128); border: 1px solid rgb(189, 200, 188); border-radius: 4px; padding: 2px 4px;}
.aqtos-concept .preview-note{position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; margin: 10px 0px 0px; padding: 11px 15px; font-size: 12px; border: 1px solid rgb(199, 211, 201); background: rgba(249, 252, 248, 0.95); border-radius: 8px; box-shadow: rgba(32, 54, 43, 0.07) 0px 4px 20px; color: rgb(53, 83, 74);}
.aqtos-concept .notification-layer{position: absolute; inset: 0px; pointer-events: none; z-index: 3;}
.aqtos-concept .notification-slot{position: absolute; width: clamp(245px, 21.5vw, 326px); perspective: 800px;}
.aqtos-concept .slot-gmail{left: 7%; top: 39%;}
.aqtos-concept .slot-slack{right: 5.9%; top: 42%;}
.aqtos-concept .slot-trello{left: 3.4%; top: 60%;}
.aqtos-concept .slot-excel{right: 3.5%; top: 62%;}
.aqtos-concept .slot-calendar{left: 23.5%; top: 79%;}
.aqtos-concept .slot-hr{right: 11.5%; top: 81%;}
.aqtos-concept .notification{color: rgb(36, 59, 64); font-family: "Segoe UI", Arial, sans-serif; background: rgba(244, 250, 249, 0.43); backdrop-filter: blur(19px) saturate(1.15); border: 1px solid rgba(255, 255, 255, 0.58); padding: 14px 16px 12px; border-radius: 13px; box-shadow: rgba(24, 46, 55, 0.14) 0px 8px 30px, rgba(255, 255, 255, 0.333) 0px 1px 0px inset; opacity: 0; transform: translateY(15px) scale(0.94); transition: transform 0.65s cubic-bezier(0.2, 0.85, 0.25, 1.2), opacity 0.45s; will-change: transform, opacity;}
.aqtos-concept .notification.is-visible{opacity: 1; transform: translateY(0px) scale(1);}
.aqtos-concept .notification{transition: transform 0.22s cubic-bezier(0.2, 0.85, 0.25, 1.15), opacity 0.15s;}
.aqtos-concept .notification-top{display: flex; align-items: center; gap: 7px; margin-bottom: 8px; line-height: 17px;}
.aqtos-concept .app-icon{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex-shrink: 0;}
.aqtos-concept .app-icon svg{width: 100%; height: 100%; display: block;}
.aqtos-concept .app-name{font-size: 11px; font-weight: 600; color: rgb(99, 110, 112);}
.aqtos-concept .notification-time{margin-left: auto; color: rgb(147, 155, 157); font-size: 10px;}
.aqtos-concept .notification-title{font-size: 13px; line-height: 1.35; font-weight: 600; letter-spacing: -0.18px; margin: 0px 0px 4px; overflow-wrap: anywhere;}
.aqtos-concept .notification-detail{font-size: 11px; line-height: 1.45; color: rgb(117, 128, 129); margin: 0px;}
.aqtos-concept .notification-footer{display: flex; align-items: center; gap: 8px; font-size: 9px; line-height: 1.3; margin-top: 10px;}
.aqtos-concept .notification-badge{color: rgb(121, 120, 109); background: rgb(242, 241, 235); padding: 3px 6px; border-radius: 4px;}
.aqtos-concept .notification-badge.is-urgent{color: rgb(188, 115, 100); background: rgb(255, 240, 234);}
.aqtos-concept .notification-meta{color: rgb(148, 154, 152);}
.aqtos-concept .below-hero{max-width: 1360px; display: flex; align-items: center; justify-content: space-between; margin: 0px auto; padding: 23px 30px 25px; font-size: 12px; color: rgb(130, 145, 141);}
.aqtos-concept .below-hero p{margin: 0px;}
.aqtos-concept .below-hero a{display: flex; align-items: center; gap: 12px; color: rgb(75, 115, 115);}
.aqtos-concept .below-hero a:hover{color: rgb(34, 149, 160);}
.aqtos-concept .no-script{position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); font-size: 12px; background: white; padding: 10px 15px; border-radius: 8px;}
@media (min-width: 1700px) {.aqtos-concept .hero-copy{padding-top: 60px;}
.aqtos-concept .hero-description{font-size: 20px;}
.aqtos-concept .eyebrow{font-size: 11px;}
.aqtos-concept .mode-button{font-size: 14px; padding: 13px 21px;}
.aqtos-concept .notification{padding: 17px 19px 15px;}
.aqtos-concept .notification-title{font-size: 15px;}
.aqtos-concept .notification-detail{font-size: 12px;}
.aqtos-concept .app-name{font-size: 12px;}
.aqtos-concept .notification-footer{font-size: 10px;}
.aqtos-concept .slot-gmail{top: 41%;}
.aqtos-concept .slot-calendar{top: 78%;}
.aqtos-concept .slot-hr{top: 81%;}}
@media (max-width: 1200px) {.aqtos-concept .header-inner{width: calc(100% - 56px); gap: 25px;}
.aqtos-concept .main-nav{gap: 22px; font-size: 14px;}
.aqtos-concept .header-actions{gap: 24px; font-size: 14px;}
.aqtos-concept .get-started{font-size: 14px; padding: 14px 23px;}
.aqtos-concept .brand img{width: 107px;}
.aqtos-concept .hero-copy{padding-top: 32px;}
.aqtos-concept .slot-gmail{left: 4%; top: 39%;}
.aqtos-concept .slot-slack{right: 3%; top: 42%;}
.aqtos-concept .slot-trello{left: 2%; top: 59%;}
.aqtos-concept .slot-excel{right: 2%; top: 61%;}
.aqtos-concept .slot-calendar{left: 20%; top: 78%;}
.aqtos-concept .slot-hr{right: 6%; top: 80%;}}
@media (max-width: 1000px) {.aqtos-concept .math-link{display: none;}
.aqtos-concept .header-inner{gap: 22px;}
.aqtos-concept .main-nav{gap: 20px;}
.aqtos-concept .hero-copy{padding-top: 44px;}
.aqtos-concept .workstation{object-position: 50% 55%;}
.aqtos-concept .notification-slot{width: 240px;}
.aqtos-concept .slot-gmail{top: 40%;}
.aqtos-concept .slot-slack{top: 46%;}
.aqtos-concept .slot-trello{top: 59%;}
.aqtos-concept .slot-excel{top: 67%;}
.aqtos-concept .slot-calendar{left: 14%; top: 77%;}
.aqtos-concept .slot-hr{right: 5%; top: 84%;}}
@media (max-width: 760px) {.aqtos-concept .site-header{height: 76px;}
.aqtos-concept .header-inner{width: calc(100% - 40px); gap: 19px;}
.aqtos-concept .brand img{width: 107px;}
.aqtos-concept .header-actions{margin-left: 0px;}
.aqtos-concept .get-started{padding: 12px 19px; font-size: 13px; border-radius: 9px;}
.aqtos-concept .menu-toggle{display: flex; flex-direction: column; gap: 5px; order: 3; align-items: center; justify-content: center; padding: 8px; border: 0px; background: none; width: 29px; height: 30px;}
.aqtos-concept .menu-toggle span{display: block; width: 18px; height: 1px; background: rgb(39, 67, 73);}
.aqtos-concept .main-nav{display: none; position: absolute; top: 69px; left: 12px; right: 12px; background: rgb(247, 251, 250); border: 1px solid rgb(217, 230, 225); padding: 22px; border-radius: 13px; box-shadow: rgba(35, 71, 57, 0.082) 0px 12px 30px; flex-wrap: wrap; justify-content: center; font-size: 15px; gap: 20px 28px;}
.aqtos-concept .main-nav.is-open{display: flex;}
.aqtos-hero-shell{padding: 0px 8px;}
.aqtos-concept .hero{border-radius: 14px;}
.aqtos-concept .hero-copy{padding: 44px 16px 0px;}
.aqtos-concept .eyebrow{font-size: 8px; letter-spacing: 1.6px; margin-bottom: 17px;}
.aqtos-concept h1{font-size: clamp(40px, 8.3vw, 62px); letter-spacing: -2px; white-space: nowrap;}
.aqtos-concept .hero-description{font-size: 14px; line-height: 1.5; margin-top: 17px; margin-bottom: 24px;}
.aqtos-concept .mode-button{font-size: 12px; padding: 10px 13px; gap: 7px;}
.aqtos-concept .mode-picker{padding: 4px;}
.aqtos-concept .soon-label{font-size: 7px;}
.aqtos-concept .workstation{object-position: 50% 50%; width: 160%; max-width: none; margin-left: -30%;}
.aqtos-concept .scene-light{background: linear-gradient(rgba(248, 247, 241, 0.36), transparent 43%, transparent 75%, rgba(26, 33, 29, 0.29));}
.aqtos-concept .notification-slot{width: 231px;}
.aqtos-concept .notification{padding: 12px 14px 10px; border-radius: 11px;}
.aqtos-concept .notification-title{font-size: 12px;}
.aqtos-concept .notification-detail{font-size: 10px;}
.aqtos-concept .notification-top{margin-bottom: 7px;}
.aqtos-concept .notification-footer{margin-top: 8px;}
.aqtos-concept .slot-gmail{left: 5%; top: 33%;}
.aqtos-concept .slot-slack{right: 4%; top: 48%;}
.aqtos-concept .slot-trello{left: 3%; top: 63%;}
.aqtos-concept .slot-excel{right: 3%; top: 78%;}
.aqtos-concept .slot-calendar,.aqtos-concept .slot-hr{display: none;}
.aqtos-concept .scene-footer{bottom: 18px; left: 19px; right: 16px;}
.aqtos-concept .motion-controls{gap: 5px;}
.aqtos-concept .preview-note{font-size: 10px; padding: 10px 12px; white-space: normal; width: 290px;}
.aqtos-concept .below-hero{padding: 19px 13px; font-size: 10px;}}
@media (max-width: 380px) {.aqtos-concept .header-inner{width: calc(100% - 30px); gap: 10px;}
.aqtos-concept .brand img{width: 99px;}
.aqtos-concept .get-started{padding: 11px 15px;}
.aqtos-concept .hero-copy{padding-left: 9px; padding-right: 9px;}
.aqtos-concept h1{font-size: 37px;}
.aqtos-concept .mode-button{padding-left: 10px; padding-right: 10px;}
.aqtos-concept .scene-footer{left: 14px; right: 12px;}
.aqtos-concept .icon-button{display: none;}}
@media (min-width: 1001px) and (max-height: 850px) {.aqtos-concept .hero-copy{padding-top: 27px;}
.aqtos-concept .eyebrow{margin-bottom: 10px;}
.aqtos-concept .hero-description{margin-top: 13px; margin-bottom: 17px;}
.aqtos-concept .slot-gmail{top: 37%;}
.aqtos-concept .slot-slack{top: 39%;}
.aqtos-concept .slot-trello{top: 57%;}
.aqtos-concept .slot-excel{top: 58.5%;}
.aqtos-concept .slot-calendar{top: 77%;}
.aqtos-concept .slot-hr{top: 77%;}
.aqtos-concept .notification{padding-top: 11px; padding-bottom: 10px;}}
@media (max-width: 760px) {.aqtos-concept .workstation{position: absolute; bottom: 0px; width: 100%; height: 72%; margin-left: 0px; transform: none; object-position: 50% 50%; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 80px);}
.aqtos-concept .scene-light{background: linear-gradient(rgba(248, 247, 241, 0.22), transparent 50%, transparent 75%, rgba(26, 33, 29, 0.29));}}
@media (prefers-reduced-motion: reduce) {.aqtos-concept *,.aqtos-concept ::before,.aqtos-concept ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
.aqtos-concept .notification{will-change: auto;}}
.aqtos-concept .hero-copy{padding-top: 26px;}
.aqtos-concept .hero-copy h1{font-size: clamp(58px, 5vw, 82px);}
.aqtos-concept .hero-description{margin: 12px 0px 17px; font-size: 16px; line-height: 1.35;}
.aqtos-concept .workstation{position: absolute; top: auto; bottom: min(0px,calc(100% - (100vw - 31px)*.4748804 - var(--hero-monitor-top,234px))); left: 0px; z-index: 1; width: 100%; height: auto; aspect-ratio: 1672 / 941; margin-left: 0px; object-fit: contain; object-position: 50% 50%; transform: none; mask-image: none;}
.aqtos-concept .office-blur{position: absolute; left: 0px; top: 0px; z-index: 0; display: block; width: 100%; height: 500px; object-fit: cover; object-position: 50% 0px; filter: blur(23px); transform: scale(1.06); transform-origin: 50% 0px; mask-image: none; pointer-events: none;}
.aqtos-concept .scene-light{display: none;}
.aqtos-concept .workstation{mask-image: linear-gradient(transparent, rgb(0, 0, 0) 160px);}
.aqtos-concept .hero-copy h1{text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 18px;}
.aqtos-concept .eyebrow{color: rgb(35, 63, 65);}
.aqtos-concept .hero-description{color: rgb(32, 60, 62); font-weight: 500; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 9px;}
.aqtos-concept .notification .app-name{color: rgb(45, 73, 81);}
.aqtos-concept .notification .notification-time{color: rgb(60, 88, 96);}
.aqtos-concept .notification .notification-detail{color: rgb(48, 75, 83);}
.aqtos-concept .notification .notification-meta{color: rgb(60, 88, 96);}
.aqtos-concept .notification-badge{background: rgba(245, 251, 247, 0.5); color: rgb(62, 92, 79);}
.aqtos-concept .notification-badge.is-urgent{background: rgba(255, 240, 231, 0.66); color: rgb(128, 67, 55);}
@media (min-width: 761px) {.aqtos-concept .notification-slot{width: clamp(215px, 19vw, 290px);}
.aqtos-concept .slot-gmail{left: 2%; top: 36%;}
.aqtos-concept .slot-slack{right: 2%; top: 38%;}
.aqtos-concept .slot-trello{left: 2%; top: 56%;}
.aqtos-concept .slot-excel{right: 2%; top: 55%;}
.aqtos-concept .slot-calendar{left: 28%; top: 78%;}
.aqtos-concept .slot-hr{right: 24%; top: 81%;}}
.aqtos-concept #coffee-steam{position: absolute; left: 1194px; top: 398px; width: 190px; height: 220px; z-index: 12; overflow: visible; pointer-events: none; visibility: hidden; opacity: 0;}
.aqtos-concept .hero[data-view="solution"] #coffee-steam{visibility: visible; opacity: 1; transition: opacity 1s 0.25s;}
.aqtos-concept .scene::after{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: calc(100% + 13.02px - 42vw); z-index: 2; pointer-events: none; backdrop-filter: blur(16px); mask-image: linear-gradient(rgb(0, 0, 0) 65%, transparent 100%);}
@media (max-width: 760px) {.aqtos-concept .scene::after{height: calc(100% - 34.96px - 44vw);}}
.aqtos-concept .steam-wisp{--steam-drift: 10px; transform-box: fill-box; transform-origin: 50% 100%; opacity: 0; animation: 6.4s cubic-bezier(0.37, 0, 0.63, 1) 0s infinite normal none paused coffee-steam-rise;}
.aqtos-concept .steam-two{--steam-drift: -13px; animation-duration: 7.2s; animation-delay: -2.9s;}
.aqtos-concept .steam-three{--steam-drift: 16px; animation-duration: 5.8s; animation-delay: -4.1s;}
.aqtos-concept .steam-four{--steam-drift: -9px; animation-duration: 7.8s; animation-delay: -5.7s;}
.aqtos-concept .steam-five{--steam-drift: 12px; animation-duration: 6.8s; animation-delay: -1.4s;}
@keyframes coffee-steam-rise { 
  0% { opacity: 0; transform: translate(0px, 6px) scale(0.78, 0.7); }
  22% { opacity: 0.44; }
  55% { opacity: 0.29; transform: translate(calc(var(--steam-drift)*.35),-13px) scale(1.02,.96); }
  100% { opacity: 0; transform: translate(var(--steam-drift),-52px) scale(1.35,1.13); }
}
.aqtos-concept .hero[data-view="solution"][data-paused="false"] .steam-wisp{animation-play-state: running;}
.aqtos-concept .hero[data-paused="true"] .steam-wisp{animation-play-state: paused;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .steam-wisp{animation: auto ease 0s 1 normal none running none; opacity: 0.16; transform: none;}
.aqtos-concept .steam-four,.aqtos-concept .steam-five{display: none;}}
@media (max-width: 760px) {.aqtos-concept .hero-copy{padding-top: 30px;}
.aqtos-concept .hero-copy h1{font-size: clamp(37px, 8.3vw, 62px);}
.aqtos-concept .hero-description{font-size: 14px; margin-top: 14px; margin-bottom: 20px;}
.aqtos-concept .workstation{width: 100%; max-width: none; height: auto; bottom: 0px; aspect-ratio: 1672 / 941; left: 0px; transform: none; object-fit: contain; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 18px);}
.aqtos-concept .office-blur{height: 1400px; object-position: 50% 0px; filter: blur(22px);}
.aqtos-concept .notification-slot{width: 210px;}
.aqtos-concept .slot-gmail{top: 41%; left: 3%;}
.aqtos-concept .slot-slack{top: 52%; right: 3%;}
.aqtos-concept .slot-trello{top: 60%; left: 3%;}
.aqtos-concept .slot-excel{top: 68%; right: 3%;}}
.aqtos-concept .hero::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 24px; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); z-index: 2; pointer-events: none;}
.aqtos-concept .scene-footer{bottom: 8px;}
.aqtos-concept .below-hero{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0px; background: rgb(255, 255, 255); padding: 38px clamp(24px, 4vw, 72px) 45px; border: 0px; color: rgb(37, 62, 64);}
.aqtos-concept .below-hero p{font-size: clamp(24px, 2.4vw, 36px); line-height: 1.2; font-weight: 500; letter-spacing: -1px; margin: 0px;}
.aqtos-concept .below-hero a{font-size: 14px; color: rgb(54, 123, 129); white-space: nowrap;}
@media (max-width: 760px) {.aqtos-concept .hero::after{height: 68px; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 26px);}
.aqtos-concept .scene-footer{bottom: 13px;}
.aqtos-concept .below-hero{padding: 23px 17px 34px; align-items: flex-start; flex-direction: column; gap: 12px;}
.aqtos-concept .below-hero p{font-size: 27px;}
.aqtos-concept .below-hero a{font-size: 12px;}}
.aqtos-concept #screen-coordinates{position: absolute; left: 0px; top: 0px; transform-origin: 0px 0px; pointer-events: none; opacity: 0; z-index: 3;}
.aqtos-concept #screen-coordinates[data-ready="true"]{opacity: 1;}
.aqtos-concept .screen-occlusion{position: absolute; left: 0px; top: 0px; z-index: 11; pointer-events: none;}
.aqtos-concept .screen-plane{position: absolute; left: 0px; top: 0px; width: 1000px; height: 560px; transform-origin: 0px 0px; overflow: hidden; background: rgb(35, 50, 67); color: rgb(39, 59, 75); font: 18px / 1.35 "Segoe UI", Arial, sans-serif; filter: brightness(0.95) saturate(0.9); -webkit-font-smoothing: antialiased; backface-visibility: hidden; contain: layout paint;}
.aqtos-concept #monitor-screen{width: 1000px; height: 580px; filter: brightness(0.98) saturate(0.97);}
.aqtos-concept .screen-plane [hidden]{display: none !important;}
.aqtos-concept .screen-plane b,.aqtos-concept .screen-plane strong{font-weight: 600;}
.aqtos-concept .desktop-menu{position: absolute; left: 0px; top: 0px; right: 0px; height: 26px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; color: rgb(233, 242, 250); background: rgb(30, 45, 58); font-size: 11px; letter-spacing: 0.1px;}
.aqtos-concept .desktop-current-app{color: rgb(172, 189, 204);}
.aqtos-concept .desktop-windows{position: absolute; inset: 26px 5px 73px; background: rgb(234, 240, 244); overflow: hidden; border: 1px solid rgb(118, 141, 162); border-radius: 5px;}
.aqtos-concept .desktop-windows > .desktop-app{position: absolute; inset: 0px; overflow: hidden; height: 100%; width: 100%; background: rgb(255, 255, 255);}
.aqtos-concept .desktop-window-titlebar{display: none;}
.aqtos-concept .desktop-windows.is-multitasking{background: linear-gradient(145deg, rgb(100, 119, 133), rgb(52, 75, 92)); border-radius: 0px;}
.aqtos-concept .desktop-windows.is-multitasking > .desktop-app{right: auto; bottom: auto; left: var(--window-x); top: var(--window-y); width: 780px; height: 390px; border: 1px solid rgb(130, 149, 163); border-radius: 7px; box-shadow: rgba(11, 29, 54, 0.32) 0px 9px 28px;}
.aqtos-concept .desktop-windows.is-multitasking > .desktop-app.is-front{border-color: rgb(181, 199, 212); box-shadow: rgba(7, 24, 42, 0.5) 0px 12px 32px;}
.aqtos-concept .is-multitasking .desktop-window-titlebar{display: flex; position: absolute; inset: 0px 0px auto; height: 28px; align-items: center; gap: 7px; padding: 0px 10px; background: rgb(214, 223, 230); color: rgb(82, 102, 118); font-size: 12px;}
.aqtos-concept .is-multitasking .is-front > .desktop-window-titlebar{background: rgb(246, 249, 251); color: rgb(38, 62, 80);}
.aqtos-concept .desktop-window-titlebar .window-app-icon,.aqtos-concept .window-app-icon svg{width: 17px; height: 17px;}
.aqtos-concept .desktop-window-titlebar i{font-style: normal; margin-left: auto; color: rgb(110, 131, 146); letter-spacing: 3px;}
.aqtos-concept .desktop-windows.is-multitasking > .desktop-app > .desktop-app{position: absolute; left: 0px; top: 28px; width: 1000px; height: 460px; transform: scale(0.778); transform-origin: 0px 0px;}
.aqtos-concept .desktop-login{--login-accent: #18834b; position: absolute; inset: 0px; z-index: 8; display: flex; align-items: center; justify-content: center; background: radial-gradient(at 12% 10%, rgb(220, 232, 238) 0px, transparent 62%), linear-gradient(135deg, rgb(242, 246, 250), rgb(231, 238, 245)); color: rgb(36, 52, 66);}
.aqtos-concept .desktop-login-card{width: 516px; padding: 18px 29px 15px; border-right: 1px solid rgb(211, 220, 228); border-bottom: 1px solid rgb(211, 220, 228); border-left: 1px solid rgb(211, 220, 228); border-image: none; border-top: 4px solid var(--login-accent); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(28, 61, 88, 0.08) 0px 9px 27px;}
.aqtos-concept .desktop-login-brand{height: 36px; display: flex; align-items: center; gap: 9px; margin-bottom: 8px; color: rgb(35, 51, 66);}
.aqtos-concept .desktop-login-brand > span{display: block; width: 34px; height: 34px; flex: 0 0 auto;}
.aqtos-concept .desktop-login-brand svg{display: block; width: 100%; height: 100%;}
.aqtos-concept .desktop-login-brand b{font-size: 17px; letter-spacing: -0.4px;}
.aqtos-concept .desktop-login-brand i{font-size: 10px; font-style: normal; margin-left: auto; color: rgb(122, 137, 149);}
.aqtos-concept .desktop-login-card h2{font: 600 25px / 1.2 "Segoe UI", Arial, sans-serif; letter-spacing: -0.6px; margin: 0px 0px 4px; color: rgb(35, 51, 66);}
.aqtos-concept .desktop-login-intro{font-size: 12px; line-height: 1.4; margin: 0px 0px 12px; color: rgb(105, 122, 136);}
.aqtos-concept .desktop-login-label{display: flex; align-items: center; justify-content: space-between; font-size: 11px; line-height: 15px; font-weight: 600; margin-bottom: 4px; color: rgb(51, 70, 84);}
.aqtos-concept .desktop-login-label > span{font-size: 10px; font-weight: 400; color: var(--login-accent);}
.aqtos-concept .desktop-login-field{position: relative; display: flex; align-items: center; height: 38px; padding: 0px 12px; margin-bottom: 10px; border: 1px solid rgb(188, 202, 213); border-radius: 5px; background: rgb(255, 255, 255); overflow: hidden;}
.aqtos-concept .desktop-login-placeholder{font-size: 13px; color: rgb(146, 160, 171);}
.aqtos-concept .desktop-login-value{font-size: 14px; line-height: 20px; color: rgb(38, 60, 75); white-space: nowrap;}
.aqtos-concept .desktop-login-password{font-size: 17px; letter-spacing: 2px;}
.aqtos-concept .desktop-login-field.is-focused{border-color: var(--login-accent); box-shadow: 0 0 0 2px color-mix(in srgb,var(--login-accent) 12%,transparent);}
.aqtos-concept .desktop-login-field.is-focused .desktop-login-value::after{content: ""; display: inline-block; height: 15px; margin-left: 2px; border-right: 1px solid var(--login-accent); vertical-align: -2px;}
.aqtos-concept .desktop-login-submit{height: 37px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; background: var(--login-accent); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; margin-top: 13px; box-shadow: rgba(255, 255, 255, 0.094) 0px 1px inset;}
.aqtos-concept .desktop-login-submit i{font-style: normal; font-size: 18px; line-height: 1;}
.aqtos-concept .desktop-login-submit.is-submitting{opacity: 0.88;}
.aqtos-concept .desktop-login-submit.is-submitting i{font-size: 12px; letter-spacing: 2px;}
.aqtos-concept .desktop-login-footer{display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 10px; line-height: 15px; color: rgb(132, 146, 158); margin-top: 12px;}
.aqtos-concept .desktop-login-lock{font-size: 10px; color: rgb(160, 173, 184);}
.aqtos-concept .desktop-taskbar{position: absolute; left: 0px; right: 0px; bottom: 0px; height: 73px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 3px 22px 4px; background: linear-gradient(rgba(238, 242, 245, 0.96), rgba(223, 231, 237, 0.96)); border-top: 1px solid rgb(178, 192, 201); box-shadow: rgba(17, 26, 35, 0.063) 0px -3px 10px;}
.aqtos-concept .taskbar-app{position: relative; width: 88px; height: 65px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 4px 3px 3px; border-radius: 8px; flex-shrink: 0; color: rgb(49, 71, 86);}
.aqtos-concept .taskbar-app.is-active{background: rgba(255, 255, 255, 0.7); box-shadow: rgba(174, 191, 206, 0.333) 0px 0px 0px 1px inset;}
.aqtos-concept .taskbar-icon{width: 44px; height: 44px; display: block; filter: drop-shadow(rgba(7, 16, 26, 0.125) 0px 2px 2px);}
.aqtos-concept .taskbar-icon svg{display: block; width: 100%; height: 100%;}
.aqtos-concept .taskbar-label{font-size: 11px; line-height: 12px; margin-top: 2px; white-space: nowrap; letter-spacing: -0.15px;}
.aqtos-concept .taskbar-running{position: absolute; bottom: 0px; left: 41px; width: 6px; height: 2px; background: rgba(106, 133, 156, 0.5); border-radius: 3px;}
.aqtos-concept .taskbar-app.is-active .taskbar-running{left: 32px; width: 24px; background: rgb(52, 125, 192);}
.aqtos-concept .taskbar-badge{position: absolute; right: 15px; top: 0px; min-width: 16px; height: 14px; padding: 0px 3px; border-radius: 8px; background: rgb(200, 88, 85); border: 1px solid rgb(247, 212, 207); color: white; font-size: 8px; text-align: center; line-height: 12px; font-weight: 700;}
.aqtos-concept .screen-cursor{position: absolute; left: 0px; top: 0px; width: 28px; height: 35px; z-index: 25; pointer-events: none; filter: drop-shadow(rgba(16, 24, 32, 0.27) 0.6px 1px 1px); will-change: transform;}
.aqtos-concept .screen-cursor svg{display: block; width: 100%; height: 100%;}
.aqtos-concept .screen-click-ring{position: absolute; width: 34px; height: 34px; border: 3px solid white; border-radius: 50%; opacity: 0; z-index: 24; pointer-events: none; box-shadow: rgb(21, 37, 52) 0px 0px 1px;}
.aqtos-concept .screen-reflection{position: absolute; inset: 0px; pointer-events: none; z-index: 30; background: linear-gradient(115deg, rgba(213, 229, 245, 0.024), transparent 55%, rgba(114, 135, 152, 0.024)); box-shadow: rgba(23, 40, 48, 0.125) 0px 0px 5px inset;}
.aqtos-concept .clipboard-hud{position: absolute; left: 20px; bottom: 81px; z-index: 19; display: flex; align-items: center; gap: 10px; max-width: 660px; padding: 8px 11px; border: 1px solid rgb(213, 225, 233); border-radius: 7px; background: rgba(36, 58, 75, 0.91); color: rgb(244, 248, 252); box-shadow: rgba(19, 35, 50, 0.15) 0px 4px 12px; font-size: 14px;}
.aqtos-concept .clipboard-shortcut{white-space: nowrap; border: 1px solid rgb(164, 183, 194); padding: 2px 6px; border-radius: 4px; font-size: 13px;}
.aqtos-concept .clipboard-preview{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(222, 237, 246); font-size: 15px;}
.aqtos-concept .desktop-app .is-selected,.aqtos-concept .desktop-app .is-copied{box-shadow: rgb(87, 158, 228) 0px 0px 0px 2px inset; background: rgb(186, 217, 255) !important; color: rgb(27, 54, 86) !important;}
.aqtos-concept .desktop-app .is-copied{outline: rgb(77, 148, 219) dashed 2px; outline-offset: -2px;}
.aqtos-concept .desktop-app .was-edited{color: rgb(22, 103, 84); font-weight: 600;}
.aqtos-concept .desktop-app [data-value="High"]{color: rgb(173, 60, 56); background: rgb(255, 223, 217);}
.aqtos-concept .desktop-app [data-value="Awaiting client"]{color: rgb(149, 100, 29); background: rgb(255, 240, 201);}
.aqtos-concept .desktop-app [data-value="Done"]{color: rgb(33, 103, 70); background: rgb(217, 239, 223);}
.aqtos-concept #monitor-screen .desktop-app[data-app="trello"] .aw-board-column{position: relative; overflow: visible;}
.aqtos-concept #monitor-screen .desktop-app[data-app="trello"] .aw-board-column:has([data-node="trello-card"]){z-index: 5;}
.aqtos-concept #monitor-screen [data-node="trello-card"]{position: relative; z-index: 6;}
.aqtos-concept .screen-plane[data-paused="true"] *{animation-play-state: paused !important;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .screen-plane *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.aqtos-concept .desktop-app{--aw-accent: #217346; --aw-tint: #edf6f0; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; background: rgb(255, 255, 255); color: rgb(38, 52, 68); font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.3; text-align: left; isolation: isolate;}
.aqtos-concept .desktop-app *{box-sizing: border-box;}
.aqtos-concept .desktop-app button{font: inherit;}
.aqtos-concept .desktop-app h2,.aqtos-concept .desktop-app h3,.aqtos-concept .desktop-app p{margin: 0px;}
.aqtos-concept .desktop-app [hidden]{display: none !important;}
.aqtos-concept .desktop-app[data-app="sheets"]{--aw-accent: #188038; --aw-tint: #edf7ef;}
.aqtos-concept .desktop-app[data-app="excel"]{--aw-accent: #176b40; --aw-tint: #eaf4ed;}
.aqtos-concept .desktop-app[data-app="trello"]{--aw-accent: #0c66e4; --aw-tint: #e9f2ff;}
.aqtos-concept .desktop-app[data-app="docs"]{--aw-accent: #3379e4; --aw-tint: #edf3ff;}
.aqtos-concept .desktop-app[data-app="gmail"]{--aw-accent: #c93c32; --aw-tint: #fcebe9;}
.aqtos-concept .desktop-app[data-app="slack"]{--aw-accent: #4a154b; --aw-tint: #f3edf5;}
.aqtos-concept .desktop-app[data-app="xero"]{--aw-accent: #087ac3; --aw-tint: #eaf6fd;}
.aqtos-concept .desktop-app[data-app="calendar"]{--aw-accent: #397be4; --aw-tint: #edf3ff;}
.aqtos-concept .desktop-app[data-app="notepad"]{--aw-accent: #365c6b; --aw-tint: #f0f5f6;}
.aqtos-concept .desktop-app[data-app="hubspot"]{--aw-accent: #e96843; --aw-tint: #fff2ed;}
.aqtos-concept .desktop-app .aw-grow,.aqtos-concept .desktop-app .aw-bar-spacer{flex: 1 1 0%;}
.aqtos-concept .desktop-app .aw-bar{height: 43px; flex: 0 0 43px; display: flex; align-items: center; gap: 11px; padding: 5px 14px; border-bottom: 1px solid rgb(223, 229, 234); background: rgb(255, 255, 255); font-size: 20px; white-space: nowrap;}
.aqtos-concept .desktop-app .aw-brandmark{width: 29px; height: 29px; display: grid; place-items: center; border-radius: 5px; background: var(--aw-accent); color: rgb(255, 255, 255); font-weight: 800; font-size: 22px; letter-spacing: -1px;}
.aqtos-concept .desktop-app[data-app="xero"] .aw-brandmark{width: 42px; border-radius: 50%; font-size: 14px; letter-spacing: -0.6px;}
.aqtos-concept .desktop-app .aw-bar-subtitle{padding-left: 12px; border-left: 1px solid rgb(220, 225, 230); font-size: 18px; color: rgb(102, 115, 128); max-width: 540px; overflow: hidden; text-overflow: ellipsis;}
.aqtos-concept .desktop-app .aw-bar-search{min-width: 124px; padding: 3px 10px; border-radius: 5px; background: rgb(242, 244, 247); color: rgb(106, 117, 129); font-size: 16px;}
.aqtos-concept .desktop-app .aw-avatar{flex: 0 0 28px; width: 28px; height: 28px; display: inline-grid; place-items: center; background: rgb(216, 233, 251); color: rgb(39, 86, 141); border-radius: 7px; font-size: 13px; font-weight: 700; vertical-align: middle;}
.aqtos-concept .desktop-app .aw-avatar--purple{background: rgb(233, 222, 243); color: rgb(108, 72, 140);}
.aqtos-concept .desktop-app .aw-avatar--orange{background: rgb(255, 227, 202); color: rgb(158, 93, 37);}
.aqtos-concept .desktop-app .aw-avatar--green{background: rgb(215, 238, 222); color: rgb(40, 116, 74);}
.aqtos-concept .desktop-app .aw-tabs{display: flex; align-items: center; gap: 21px; flex: 0 0 29px; height: 29px; padding: 0px 15px; background: rgb(248, 250, 251); border-bottom: 1px solid rgb(227, 231, 234); font-size: 16px; white-space: nowrap;}
.aqtos-concept .desktop-app .aw-tab-active{color: var(--aw-accent); font-weight: 700;}
.aqtos-concept .desktop-app .aw-formula{display: flex; align-items: center; gap: 14px; flex: 0 0 28px; height: 28px; padding: 0px 13px; font-size: 16px; border-bottom: 1px solid rgb(220, 227, 231); background: rgb(255, 255, 255); white-space: nowrap;}
.aqtos-concept .desktop-app .aw-formula > span:first-child{min-width: 50px; padding-right: 13px; border-right: 1px solid rgb(220, 227, 231);}
.aqtos-concept .desktop-app .aw-formula > b{color: rgb(95, 114, 126); font-style: italic;}
.aqtos-concept .desktop-app .aw-text-muted{color: rgb(123, 135, 147);}
.aqtos-concept .desktop-app .aw-text-red{color: rgb(197, 64, 68);}
.aqtos-concept .desktop-app .aw-table{width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 18px; white-space: nowrap;}
.aqtos-concept .desktop-app .aw-table th{background: rgb(240, 244, 247); color: rgb(88, 103, 119); height: 31px; font-size: 16px; font-weight: 600; text-align: left; padding: 4px 10px; border-bottom: 1px solid rgb(212, 223, 230);}
.aqtos-concept .desktop-app .aw-table td{padding: 5px 10px; height: 34px; border-bottom: 1px solid rgb(229, 234, 238); overflow: visible; text-overflow: ellipsis;}
.aqtos-concept .desktop-app .aw-table tbody tr:nth-child(2n){background: rgb(251, 252, 253);}
.aqtos-concept .desktop-app .aw-table small{display: block; color: rgb(122, 135, 145); font-size: 13px;}
.aqtos-concept .desktop-app .aw-chip{display: inline-block; padding: 3px 7px; font-size: 14px; line-height: 1.2; font-weight: 600; border-radius: 4px; white-space: nowrap; background: rgb(237, 240, 243); color: rgb(104, 119, 135); vertical-align: middle;}
.aqtos-concept .desktop-app .aw-chip--blue{background: rgb(229, 239, 255); color: rgb(45, 103, 175);}
.aqtos-concept .desktop-app .aw-chip--green{background: rgb(222, 242, 228); color: rgb(47, 124, 72);}
.aqtos-concept .desktop-app .aw-chip--orange{background: rgb(255, 240, 219); color: rgb(167, 101, 19);}
.aqtos-concept .desktop-app .aw-chip--red{background: rgb(255, 228, 228); color: rgb(191, 69, 69);}
.aqtos-concept .desktop-app .aw-chip--purple{background: rgb(238, 230, 250); color: rgb(121, 84, 162);}
.aqtos-concept .desktop-app .aw-chip--yellow{background: rgb(255, 244, 202); color: rgb(156, 121, 22);}
.aqtos-concept .desktop-app .aw-edit{display: inline-block; min-height: 21px; outline-offset: 2px; transition: background-color 0.15s, box-shadow 0.15s;}
.aqtos-concept .desktop-app .aw-select{cursor: pointer; padding-right: 20px; position: relative; font-size: 16px;}
.aqtos-concept .desktop-app .aw-select::after{content: "▾"; position: absolute; right: 5px; top: 2px; font-size: 14px; opacity: 0.7;}
.aqtos-concept .desktop-app .aw-select-wrap{position: relative;}
.aqtos-concept .desktop-app .aw-dropdown{position: absolute; z-index: 8; left: -3px; top: 29px; width: 130px; padding: 5px; background: white; border: 1px solid rgb(204, 217, 225); border-radius: 6px; box-shadow: rgba(37, 56, 75, 0.208) 0px 8px 24px;}
.aqtos-concept .desktop-app .aw-dropdown--status{width: 170px;}
.aqtos-concept .desktop-app .aw-dropdown button{display: block; width: 100%; background: rgb(255, 255, 255); padding: 5px; text-align: left; border: 0px; border-radius: 3px; cursor: pointer;}
.aqtos-concept .desktop-app .aw-dropdown button:hover{background: rgb(237, 243, 255);}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(1){width: 44px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(2){width: 270px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(3){width: 160px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(4){width: 142px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(5){width: 203px;}
.aqtos-concept .desktop-app .aw-project-table td{border-right: 1px solid rgb(230, 236, 239); height: 37px;}
.aqtos-concept .desktop-app .aw-project-table th{background: rgb(231, 242, 233);}
.aqtos-concept .desktop-app .aw-project-table td:first-child{background: rgb(244, 247, 248); color: rgb(141, 151, 159); font-size: 14px; text-align: center;}
.aqtos-concept .desktop-app .aw-sheet-grid{flex: 1 1 0%; min-height: 0px; background: repeating-linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 35px, rgb(230, 236, 239) 36px, rgb(255, 255, 255) 37px);}
.aqtos-concept .desktop-app .aw-sheet-footer{display: flex; gap: 20px; align-items: center; height: 31px; flex: 0 0 31px; background: rgb(244, 247, 248); border-top: 1px solid rgb(216, 225, 229); padding: 0px 12px; font-size: 15px; color: rgb(96, 114, 126);}
.aqtos-concept .desktop-app .aw-sheet-tab{align-self: stretch; display: flex; align-items: center; background: rgb(224, 239, 228); color: rgb(35, 116, 72); padding: 0px 14px; border-bottom: 3px solid rgb(37, 135, 80);}
.aqtos-concept .desktop-app .aw-payroll-grid{flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-payroll-table{font-size: 17px;}
.aqtos-concept .desktop-app .aw-payroll-table th{background: rgb(218, 235, 224); height: 27px; font-size: 15px;}
.aqtos-concept .desktop-app .aw-payroll-table td{height: 29px; padding: 3px 10px; border-right: 1px solid rgb(229, 235, 231);}
.aqtos-concept .desktop-app .aw-payroll-table th:nth-child(1){width: 171px;}
.aqtos-concept .desktop-app .aw-payroll-table th:nth-child(2){width: 221px;}
.aqtos-concept .desktop-app .aw-payroll-table th:not(:nth-child(-n+2)),.aqtos-concept .desktop-app .aw-payroll-table td:not(:nth-child(-n+2)){text-align: right;}
.aqtos-concept .desktop-app .aw-payroll-table td:last-child{font-weight: 700; background: rgb(240, 246, 242);}
.aqtos-concept .desktop-app .aw-payroll-footer{display: flex; align-items: center; gap: 18px; height: 34px; flex: 0 0 34px; padding: 0px 15px; background: rgb(237, 245, 239); border-top: 2px solid rgb(151, 189, 164); font-size: 16px;}
.aqtos-concept .desktop-app .aw-payroll-footer strong{font-size: 23px; color: rgb(36, 104, 64);}
.aqtos-concept .desktop-app .aw-footer-alert{color: rgb(166, 117, 34); background: rgb(255, 241, 207); padding: 3px 7px; font-size: 13px; border-radius: 3px;}
.aqtos-concept .desktop-app .aw-board{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; padding: 13px; flex: 1 1 0%; min-height: 0px; background: rgb(18, 108, 189);}
.aqtos-concept .desktop-app .aw-board-column{background: rgb(237, 241, 245); border-radius: 8px; padding: 9px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-board-column h3{display: flex; justify-content: space-between; font-size: 17px; margin: 0px 2px 10px;}
.aqtos-concept .desktop-app .aw-board-column h3 > span{font-size: 14px; color: rgb(104, 117, 129);}
.aqtos-concept .desktop-app .aw-board-card{background: white; border-radius: 6px; box-shadow: rgba(23, 43, 77, 0.09) 0px 2px 2px; padding: 9px; margin-bottom: 9px;}
.aqtos-concept .desktop-app .aw-board-card > strong,.aqtos-concept .desktop-app .aw-card-title{display: block; font-size: 17px; font-weight: 600; margin-top: 5px;}
.aqtos-concept .desktop-app .aw-board-card > .aw-chip{font-size: 12px; padding: 3px 7px;}
.aqtos-concept .desktop-app .aw-card-meta{margin-top: 7px; color: rgb(107, 119, 135); font-size: 13px;}
.aqtos-concept .desktop-app .aw-card-note{padding: 4px 6px; background: rgb(245, 247, 250); border: 1px dashed rgb(197, 208, 220); border-radius: 3px; font-size: 14px; min-height: 30px; display: block;}
.aqtos-concept .desktop-app .aw-add-card{font-size: 15px; color: rgb(97, 113, 129); padding: 2px;}
.aqtos-concept .desktop-app .aw-doc-content{padding: 14px 28px; flex: 1 1 0%; background: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-doc-heading{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.aqtos-concept .desktop-app .aw-doc-heading h2{font-size: 24px; letter-spacing: -0.4px;}
.aqtos-concept .desktop-app .aw-doc-heading .aw-text-muted{font-size: 16px;}
.aqtos-concept .desktop-app .aw-leave-table{font-size: 18px;}
.aqtos-concept .desktop-app .aw-leave-table th:first-child{width: 220px;}
.aqtos-concept .desktop-app .aw-leave-table th{background: rgb(238, 243, 252); height: 29px;}
.aqtos-concept .desktop-app .aw-leave-table td{height: 31px; border-right: 1px solid rgb(227, 232, 241);}
.aqtos-concept .desktop-app .aw-formula--document{margin-top: 12px; height: 32px; background: rgb(243, 246, 252); font-size: 15px; border: 1px solid rgb(220, 228, 240); border-radius: 4px; padding: 5px 9px; letter-spacing: -0.3px;}
.aqtos-concept .desktop-app .aw-doc-bottom{display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-doc-bottom > div{display: flex; flex-direction: column; gap: 2px;}
.aqtos-concept .desktop-app .aw-doc-bottom > div > span{color: rgb(115, 128, 142);}
.aqtos-concept .desktop-app .aw-note-status{padding: 6px 10px; border-radius: 5px; background: rgb(255, 241, 217); color: rgb(149, 102, 38); font-size: 16px;}
.aqtos-concept .desktop-app .aw-sidebar{width: 147px; flex: 0 0 147px; background: rgb(246, 248, 250); border-right: 1px solid rgb(228, 233, 238); padding: 9px 7px; font-size: 16px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-nav-item{padding: 6px 7px; margin-bottom: 2px; white-space: nowrap; border-radius: 5px; color: rgb(88, 102, 120); line-height: 1.25;}
.aqtos-concept .desktop-app .aw-nav-item b{font-size: 13px; margin-left: 3px;}
.aqtos-concept .desktop-app .aw-nav-item small{font-size: 11px; color: rgb(141, 151, 164); letter-spacing: 1px;}
.aqtos-concept .desktop-app .aw-nav-active{background: var(--aw-tint); color: var(--aw-accent); font-weight: 600;}
.aqtos-concept .desktop-app .aw-mail-layout{display: flex; flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-mail-layout .aw-sidebar{width: 131px; flex-basis: 131px; font-size: 14px;}
.aqtos-concept .desktop-app .aw-mail-layout .aw-nav-item{padding: 6px;}
.aqtos-concept .desktop-app .aw-mail-list{width: 265px; flex: 0 0 265px; border-right: 1px solid rgb(223, 230, 236); overflow: hidden; background: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-list-title{height: 33px; display: flex; align-items: center; gap: 15px; font-weight: 700; font-size: 15px; padding: 0px 12px; border-bottom: 2px solid rgb(206, 81, 71); color: rgb(181, 59, 50);}
.aqtos-concept .desktop-app .aw-list-title > span{font-size: 12px; color: rgb(135, 147, 156); font-weight: 400;}
.aqtos-concept .desktop-app .aw-mail-item{padding: 8px 10px; height: 67px; border-bottom: 1px solid rgb(228, 233, 238); background: rgb(247, 250, 255); overflow: hidden; font-size: 13px;}
.aqtos-concept .desktop-app .aw-mail-item > div{display: flex; justify-content: space-between; margin-bottom: 3px;}
.aqtos-concept .desktop-app .aw-mail-item time{font-size: 11px; font-weight: 400;}
.aqtos-concept .desktop-app .aw-mail-item b{font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aqtos-concept .desktop-app .aw-mail-item p{font-size: 12px; color: rgb(135, 146, 157); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aqtos-concept .desktop-app .aw-mail-item-active{background: rgb(227, 237, 253); box-shadow: rgb(74, 140, 225) 3px 0px inset;}
.aqtos-concept .desktop-app .aw-mail-reader{flex: 1 1 0%; min-width: 0px; padding: 0px 16px 12px; font-size: 16px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-reader-tools{display: flex; align-items: center; height: 31px; color: rgb(124, 137, 149); font-size: 16px; border-bottom: 1px solid rgb(233, 237, 241); margin-bottom: 9px;}
.aqtos-concept .desktop-app .aw-mail-reader h2{font-size: 23px; letter-spacing: -0.4px; font-weight: 500; margin-bottom: 10px;}
.aqtos-concept .desktop-app .aw-sender{display: flex; align-items: center; gap: 9px; margin-bottom: 10px; font-size: 14px;}
.aqtos-concept .desktop-app .aw-sender > div{display: flex; flex-direction: column; gap: 1px;}
.aqtos-concept .desktop-app .aw-sender > div > span{font-size: 12px; color: rgb(133, 146, 157);}
.aqtos-concept .desktop-app .aw-sender time{font-size: 12px; margin-left: auto; color: rgb(133, 146, 157);}
.aqtos-concept .desktop-app .aw-mail-reader p{font-size: 15px; line-height: 1.35; margin-bottom: 8px;}
.aqtos-concept .desktop-app .aw-mail-details{padding: 9px 11px; background: rgb(245, 248, 252); border-left: 3px solid rgb(131, 169, 218); border-radius: 3px; font-size: 16px; line-height: 1.35; margin-bottom: 8px;}
.aqtos-concept .desktop-app .aw-mail-details > span{display: block; margin: 4px 0px; color: rgb(108, 123, 136); font-size: 14px;}
.aqtos-concept .desktop-app .aw-mail-details [data-node="client-details"]{font-weight: 600; overflow-wrap: anywhere;}
.aqtos-concept .desktop-app .aw-mail-last-line{color: rgb(97, 114, 131);}
.aqtos-concept .desktop-app .aw-compose{padding: 9px 11px; border: 1px solid rgb(203, 214, 225); border-radius: 6px; min-height: 44px; font-size: 16px; color: rgb(139, 152, 166); background: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-slack-layout{display: flex; flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-slack-layout .aw-sidebar{width: 178px; flex-basis: 178px; background: rgb(65, 23, 66); border-color: rgb(92, 49, 93); color: rgb(225, 207, 226); font-size: 15px;}
.aqtos-concept .desktop-app .aw-slack-layout .aw-nav-item{color: rgb(224, 207, 224); padding: 6px 9px;}
.aqtos-concept .desktop-app .aw-slack-layout .aw-nav-active{background: rgb(107, 59, 110); color: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-slack-layout .aw-nav-item small{color: rgb(184, 144, 189);}
.aqtos-concept .desktop-app .aw-slack-main{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column;}
.aqtos-concept .desktop-app .aw-channel-title{display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid rgb(229, 231, 234); height: 40px; flex: 0 0 40px;}
.aqtos-concept .desktop-app .aw-channel-title span{font-size: 12px; color: rgb(127, 137, 147);}
.aqtos-concept .desktop-app .aw-message{display: flex; gap: 9px; padding: 8px 14px 2px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-message > div{min-width: 0px;}
.aqtos-concept .desktop-app .aw-message b{font-size: 16px;}
.aqtos-concept .desktop-app .aw-message time{font-size: 12px; font-weight: 400; color: rgb(138, 146, 155); margin-left: 5px;}
.aqtos-concept .desktop-app .aw-message p{line-height: 1.27; margin-top: 3px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-reaction{display: inline-block; font-size: 12px; border: 1px solid rgb(228, 231, 235); border-radius: 20px; padding: 2px 8px; margin-top: 5px; color: rgb(101, 115, 128);}
.aqtos-concept .desktop-app .aw-message-urgent{background: rgb(255, 251, 240); padding-bottom: 7px; margin-top: 5px;}
.aqtos-concept .desktop-app .aw-slack-compose{margin: 8px 13px 10px; border: 1px solid rgb(167, 180, 194); border-radius: 6px; overflow: hidden; min-height: 77px; flex: 1 1 0%; max-height: 89px; display: flex; flex-direction: column;}
.aqtos-concept .desktop-app .aw-compose-format{display: block; font-size: 13px; padding: 4px 9px; color: rgb(117, 129, 139); background: rgb(246, 247, 249);}
.aqtos-concept .desktop-app .aw-compose-input{min-height: 27px; flex: 1 1 0%; padding: 4px 9px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-compose-input:empty::before{content: "Message #team-ops"; color: rgb(165, 174, 183);}
.aqtos-concept .desktop-app .aw-compose-bottom{display: flex; font-size: 15px; padding: 2px 9px; color: rgb(131, 144, 155);}
.aqtos-concept .desktop-app .aw-slack-thread{width: 178px; flex: 0 0 178px; padding: 12px; background: rgb(250, 249, 251); border-left: 1px solid rgb(229, 225, 232);}
.aqtos-concept .desktop-app .aw-slack-thread h3{font-size: 19px;}
.aqtos-concept .desktop-app .aw-slack-thread p{font-size: 14px; margin: 10px 0px;}
.aqtos-concept .desktop-app .aw-slack-thread > div{padding: 12px 0px; border-top: 1px solid rgb(230, 225, 233); font-size: 15px;}
.aqtos-concept .desktop-app .aw-slack-thread small{font-size: 12px; color: rgb(142, 135, 150);}
.aqtos-concept .desktop-app .aw-xero-content{padding: 11px 14px; background: rgb(243, 247, 250); flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-summary-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 11px;}
.aqtos-concept .desktop-app .aw-summary-row > div{display: grid; grid-template-columns: 1fr auto; gap: 4px; background: white; padding: 9px 12px; border: 1px solid rgb(224, 232, 239); border-radius: 6px;}
.aqtos-concept .desktop-app .aw-summary-row span{font-size: 14px; grid-column: 1 / -1; color: rgb(110, 125, 138);}
.aqtos-concept .desktop-app .aw-summary-row strong{font-size: 25px; font-weight: 500; letter-spacing: -0.5px;}
.aqtos-concept .desktop-app .aw-summary-row small{font-size: 11px; align-self: end; color: rgb(131, 144, 156); white-space: nowrap; padding-bottom: 4px;}
.aqtos-concept .desktop-app .aw-xero-columns{display: grid; grid-template-columns: minmax(0px, 1fr) 265px; gap: 11px;}
.aqtos-concept .desktop-app .aw-xero-invoices{min-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 230, 237); border-radius: 5px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-xero-invoices h3{font-size: 17px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between;}
.aqtos-concept .desktop-app .aw-xero-invoices h3 > span{font-size: 11px; color: rgb(125, 139, 152); font-weight: 400;}
.aqtos-concept .desktop-app .aw-invoice-table{font-size: 13px;}
.aqtos-concept .desktop-app .aw-invoice-table th{font-size: 11px; padding: 5px 6px; height: 27px;}
.aqtos-concept .desktop-app .aw-invoice-table td{font-size: 13px; padding: 8px 6px; height: 37px;}
.aqtos-concept .desktop-app .aw-invoice-table th:first-child{width: 190px;}
.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(2),.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(3){width: 60px;}
.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(4){width: 60px;}
.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(5){width: 99px;}
.aqtos-concept .desktop-app .aw-invoice-table .aw-chip{font-size: 11px;}
.aqtos-concept .desktop-app .aw-tax-line{display: flex; align-items: center; font-size: 12px; padding: 8px 10px; border-top: 1px solid rgb(220, 230, 236); color: rgb(102, 119, 134); background: rgb(249, 251, 253);}
.aqtos-concept .desktop-app .aw-invoice-draft,.aqtos-concept .desktop-app .aw-crm-detail{background: white; border: 1px solid rgb(220, 230, 237); border-radius: 5px; padding: 9px 12px; min-width: 0px;}
.aqtos-concept .desktop-app .aw-invoice-draft h3,.aqtos-concept .desktop-app .aw-crm-detail h3{font-size: 19px; margin-bottom: 7px;}
.aqtos-concept .desktop-app label{display: block; color: rgb(107, 123, 136); font-size: 12px; margin: 5px 0px 3px;}
.aqtos-concept .desktop-app .aw-input-line{display: block; border: 1px solid rgb(201, 214, 226); border-radius: 4px; min-height: 31px; padding: 6px 7px; color: rgb(115, 134, 148); font-size: 14px; background: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-invoice-field-pair{display: grid; grid-template-columns: minmax(0px, 1fr) 74px; gap: 6px;}
.aqtos-concept .desktop-app .aw-draft-action{padding: 6px 9px; border-radius: 4px; background: var(--aw-accent); color: rgb(255, 255, 255); font-size: 13px; text-align: center; margin-top: 8px;}
.aqtos-concept .desktop-app .aw-calendar-layout{display: flex; flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-calendar-layout .aw-sidebar{width: 158px; flex-basis: 158px; font-size: 14px;}
.aqtos-concept .desktop-app .aw-week{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column;}
.aqtos-concept .desktop-app .aw-week-head{display: grid; grid-template-columns: 50px repeat(5, 1fr); height: 44px; flex: 0 0 44px; border-bottom: 1px solid rgb(221, 228, 235);}
.aqtos-concept .desktop-app .aw-week-head > span{display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 12px; color: rgb(114, 128, 140); border-right: 1px solid rgb(232, 237, 242);}
.aqtos-concept .desktop-app .aw-week-head b{font-size: 24px; color: rgb(72, 94, 115); font-weight: 500;}
.aqtos-concept .desktop-app .aw-week-head .aw-current-day{background: rgb(241, 246, 255);}
.aqtos-concept .desktop-app .aw-current-day b{color: rgb(255, 255, 255); background: rgb(62, 124, 222); width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; font-size: 20px;}
.aqtos-concept .desktop-app .aw-calendar-row{display: grid; grid-template-columns: 50px repeat(5, minmax(0px, 1fr)); height: 51px; flex: 1 1 0%; min-height: 0px;}
.aqtos-concept .desktop-app .aw-calendar-row > time{font-size: 11px; text-align: right; padding: 5px 6px; color: rgb(140, 153, 165); border-right: 1px solid rgb(227, 233, 239);}
.aqtos-concept .desktop-app .aw-day-cell{border-bottom: 1px solid rgb(232, 237, 242); border-right: 1px solid rgb(232, 237, 242); padding: 3px; position: relative; min-width: 0px;}
.aqtos-concept .desktop-app .aw-event{display: block; background: rgb(230, 239, 255); color: rgb(60, 112, 181); border-left: 3px solid rgb(76, 137, 217); padding: 5px; border-radius: 4px; font-size: 14px; line-height: 1.15; min-height: 31px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-event small{display: block; font-size: 11px; margin-top: 3px; opacity: 0.75;}
.aqtos-concept .desktop-app .aw-event--purple{background: rgb(238, 231, 250); border-color: rgb(150, 115, 204); color: rgb(126, 93, 169);}
.aqtos-concept .desktop-app .aw-event--orange{background: rgb(255, 240, 220); border-color: rgb(214, 152, 70); color: rgb(166, 117, 45);}
.aqtos-concept .desktop-app .aw-event--red{background: rgb(252, 228, 230); border-color: rgb(210, 99, 107); color: rgb(177, 70, 82);}
.aqtos-concept .desktop-app .aw-event--green{background: rgb(225, 242, 232); border-color: rgb(98, 167, 128); color: rgb(67, 134, 94);}
.aqtos-concept .desktop-app .aw-event--gray{background: rgb(238, 241, 244); border-color: rgb(159, 170, 182); color: rgb(120, 132, 145);}
.aqtos-concept .desktop-app .aw-event--yellow{background: rgb(255, 245, 213); border-color: rgb(215, 182, 87); color: rgb(163, 137, 52);}
.aqtos-concept .desktop-app .aw-event-overlap{position: absolute; left: 38px; right: 2px; top: 24px; box-shadow: rgba(200, 136, 146, 0.15) 0px 1px 5px; font-size: 12px; min-height: 25px; padding: 5px; z-index: 1;}
.aqtos-concept .desktop-app .aw-calendar-new{height: 32px; flex: 0 0 32px; display: flex; align-items: center; gap: 7px; padding: 5px 12px; color: rgb(107, 140, 185); font-size: 16px; background: rgb(247, 250, 255); border-top: 1px solid rgb(224, 232, 242);}
.aqtos-concept .desktop-app .aw-notepad{display: flex; flex: 1 1 0%; min-height: 0px; background: rgb(255, 253, 248); font-family: Consolas, "Courier New", monospace; font-size: 18px; line-height: 24px; padding-top: 10px;}
.aqtos-concept .desktop-app .aw-note-lines{width: 50px; flex: 0 0 50px; padding-right: 10px; text-align: right; color: rgb(187, 193, 197); border-right: 1px solid rgb(232, 232, 229); user-select: none;}
.aqtos-concept .desktop-app .aw-note-text{padding: 0px 15px; flex: 1 1 0%; min-width: 0px; color: rgb(67, 84, 99);}
.aqtos-concept .desktop-app .aw-note-text > div{height: 24px; white-space: pre; max-width: 100%; overflow: hidden;}
.aqtos-concept .desktop-app .aw-note-warning{color: rgb(163, 133, 69); font-size: 15px;}
.aqtos-concept .desktop-app .aw-note-empty:empty::after{content: " "; border-left: 2px solid rgb(69, 107, 146);}
.aqtos-concept .desktop-app .aw-notepad-footer{display: flex; gap: 25px; align-items: center; background: rgb(242, 245, 247); border-top: 1px solid rgb(224, 229, 233); flex: 0 0 25px; height: 25px; font-size: 12px; color: rgb(127, 140, 151); padding: 0px 14px;}
.aqtos-concept .desktop-app .aw-crm-content{padding: 12px 16px; flex: 1 1 0%; min-height: 0px; background: rgb(246, 248, 250);}
.aqtos-concept .desktop-app .aw-crm-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.aqtos-concept .desktop-app .aw-crm-heading h2{font-size: 23px;}
.aqtos-concept .desktop-app .aw-crm-heading h2 > span{font-size: 16px; padding: 2px 7px; background: rgb(229, 234, 240); color: rgb(106, 126, 144); border-radius: 20px; vertical-align: middle; margin-left: 5px;}
.aqtos-concept .desktop-app .aw-crm-heading .aw-text-muted{font-size: 14px;}
.aqtos-concept .desktop-app .aw-crm-stats{display: flex; gap: 28px;}
.aqtos-concept .desktop-app .aw-crm-stats b{font-size: 24px; color: rgb(56, 87, 109); font-weight: 600;}
.aqtos-concept .desktop-app .aw-crm-stats span{display: block; font-size: 12px; font-weight: 400; color: rgb(131, 146, 158);}
.aqtos-concept .desktop-app .aw-filter-row{display: flex; align-items: center; gap: 7px; padding-bottom: 10px; font-size: 13px; color: rgb(129, 144, 156);}
.aqtos-concept .desktop-app .aw-filter{border: 1px solid rgb(215, 224, 232); border-radius: 4px; padding: 5px 8px; background: rgb(255, 255, 255); color: rgb(92, 119, 140);}
.aqtos-concept .desktop-app .aw-crm-columns{display: grid; grid-template-columns: minmax(0px, 1fr) 257px; gap: 13px;}
.aqtos-concept .desktop-app .aw-crm-columns > div{background: white; border: 1px solid rgb(220, 228, 235); border-radius: 5px; overflow: hidden;}
.aqtos-concept .desktop-app .aw-contact-table{font-size: 14px;}
.aqtos-concept .desktop-app .aw-contact-table th{font-size: 12px; padding: 6px 9px;}
.aqtos-concept .desktop-app .aw-contact-table th:first-child{width: 190px;}
.aqtos-concept .desktop-app .aw-contact-table th:nth-child(2){width: 108px;}
.aqtos-concept .desktop-app .aw-contact-table th:nth-child(3){width: 60px;}
.aqtos-concept .desktop-app .aw-contact-table th:nth-child(4){width: 109px;}
.aqtos-concept .desktop-app .aw-contact-table td{padding: 6px 9px; height: 42px;}
.aqtos-concept .desktop-app .aw-contact-table small{font-size: 12px;}
.aqtos-concept .desktop-app .aw-contact-table .aw-chip{font-size: 11px;}
.aqtos-concept .desktop-app .aw-crm-detail{padding: 9px 11px;}
.aqtos-concept .desktop-app .aw-crm-detail h3{font-size: 17px; margin-bottom: 5px;}
.aqtos-concept .desktop-app .aw-crm-contact-field{font-size: 13px; min-height: 31px; overflow-wrap: anywhere;}
.aqtos-concept .desktop-app .aw-crm-owner{display: flex; align-items: center; gap: 7px; font-size: 13px; margin-top: 8px; line-height: 1.2;}
.aqtos-concept .desktop-app .aw-crm-owner small{font-size: 11px; color: rgb(139, 153, 164);}
.aqtos-concept .desktop-app .aw-crm-detail .aw-draft-action{margin-top: 8px;}
.aqtos-concept .desktop-app .aw-mail-reader .aw-reader-tools{height: 26px; margin-bottom: 6px; font-size: 14px;}
.aqtos-concept .desktop-app .aw-mail-reader h2{font-size: 22px; margin-bottom: 7px;}
.aqtos-concept .desktop-app .aw-mail-reader .aw-sender{margin-bottom: 7px;}
.aqtos-concept .desktop-app .aw-mail-reader p{font-size: 14px; line-height: 1.3; margin-bottom: 6px;}
.aqtos-concept .desktop-app .aw-mail-details{padding: 7px 9px; font-size: 15px; line-height: 1.3; margin-bottom: 7px;}
.aqtos-concept .desktop-app .aw-mail-details > span{font-size: 13px; margin: 3px 0px;}
.aqtos-concept .desktop-app .aw-mail-reader .aw-compose{font-size: 15px; min-height: 38px; padding: 8px 10px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message{padding-top: 6px; font-size: 15px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message p{font-size: 15px; line-height: 1.24;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message b{font-size: 15px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-reaction{padding: 1px 7px; font-size: 11px; margin-top: 3px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-slack-compose{margin-top: 6px; margin-bottom: 7px; min-height: 70px;}
.aqtos-concept .desktop-app .aw-board-column.is-dragging{overflow: visible; position: relative; z-index: 5;}
.aqtos-concept .desktop-app .aw-board-card.is-dragging{position: relative; z-index: 6;}
.aqtos-concept .desktop-app .aw-bar{height: 46px; flex-basis: 46px; padding: 7px 18px; gap: 12px; font-size: 21px;}
.aqtos-concept .desktop-app .aw-bar-subtitle{font-size: 18px; max-width: 660px; color: rgb(82, 103, 118);}
.aqtos-concept .desktop-app .aw-bar-search{display: none;}
.aqtos-concept .desktop-app .aw-tabs{height: 28px; flex-basis: 28px; font-size: 14px; gap: 20px; padding: 0px 18px; background: rgb(247, 249, 250);}
.aqtos-concept .desktop-app .aw-tabs > .aw-grow + span{color: rgb(113, 128, 139); font-size: 12px;}
.aqtos-concept .desktop-app .aw-table td{color: rgb(52, 70, 83);}
.aqtos-concept .desktop-app .aw-table th{color: rgb(83, 102, 116);}
.aqtos-concept .desktop-app[data-app="sheets"] .aw-formula,.aqtos-concept .desktop-app[data-app="excel"] .aw-formula{display: none;}
.aqtos-concept .desktop-app .aw-project-table{font-size: 20px;}
.aqtos-concept .desktop-app .aw-project-table th{height: 35px; font-size: 16px; padding: 7px 14px;}
.aqtos-concept .desktop-app .aw-project-table td{height: 48px; padding: 9px 14px; border-right-color: rgb(237, 240, 242);}
.aqtos-concept .desktop-app .aw-project-table :is(th, td):nth-child(3){display: none;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(1){width: 46px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(2){width: 326px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(4){width: 168px;}
.aqtos-concept .desktop-app .aw-project-table th:nth-child(5){width: 270px;}
.aqtos-concept .desktop-app .aw-project-table .aw-select{font-size: 18px; padding: 5px 25px 5px 9px;}
.aqtos-concept .desktop-app .aw-project-table .aw-chip:not(.aw-select){font-size: 16px; padding: 5px 9px;}
.aqtos-concept .desktop-app .aw-project-table .aw-select::after{top: 5px; right: 8px;}
.aqtos-concept .desktop-app .aw-sheet-grid{background: rgb(255, 255, 255);}
.aqtos-concept .desktop-app .aw-sheet-footer{height: 29px; flex-basis: 29px; font-size: 13px; gap: 18px;}
.aqtos-concept .desktop-app .aw-sheet-footer > span:nth-child(3),.aqtos-concept .desktop-app .aw-sheet-footer > span:nth-child(4){display: none;}
.aqtos-concept .desktop-app .aw-dropdown{top: 38px; width: 156px;}
.aqtos-concept .desktop-app .aw-dropdown--status{width: 207px;}
.aqtos-concept .desktop-app .aw-dropdown button{padding: 6px;}
.aqtos-concept .desktop-app .aw-dropdown .aw-chip{font-size: 16px;}
.aqtos-concept .desktop-app .aw-payroll-table{font-size: 20px;}
.aqtos-concept .desktop-app .aw-payroll-table :is(th, td):is(:nth-child(2), :nth-child(4), :nth-child(5)),.aqtos-concept .desktop-app .aw-payroll-table tbody tr:nth-child(n+6):nth-child(-n+7){display: none;}
.aqtos-concept .desktop-app .aw-payroll-table th{height: 35px; padding: 7px 18px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-payroll-table td{height: 43px; padding: 8px 18px; border-right: 0px;}
.aqtos-concept .desktop-app .aw-payroll-table th:first-child{width: 400px;}
.aqtos-concept .desktop-app .aw-payroll-table th:nth-child(3){width: 282px;}
.aqtos-concept .desktop-app .aw-payroll-table tbody tr:last-child{background: rgb(240, 248, 242);}
.aqtos-concept .desktop-app .aw-payroll-footer{height: 42px; flex-basis: 42px; padding: 0px 18px; font-size: 17px;}
.aqtos-concept .desktop-app .aw-payroll-footer strong{font-size: 25px;}
.aqtos-concept .desktop-app .aw-footer-alert{display: none;}
.aqtos-concept .desktop-app .aw-board{grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 15px; gap: 15px; background: rgb(40, 108, 172);}
.aqtos-concept .desktop-app .aw-board-column:nth-child(4),.aqtos-concept .desktop-app .aw-column-cards > .aw-board-card:not([data-node]):nth-child(n+2),.aqtos-concept .desktop-app .aw-add-card{display: none;}
.aqtos-concept .desktop-app .aw-board-column{padding: 12px; background: rgb(241, 244, 247);}
.aqtos-concept .desktop-app .aw-board-column h3{font-size: 20px; margin: 0px 0px 12px;}
.aqtos-concept .desktop-app .aw-board-card{padding: 11px 12px; margin-bottom: 12px; box-shadow: rgba(23, 43, 77, 0.08) 0px 1px 2px;}
.aqtos-concept .desktop-app .aw-column-cards > .aw-board-card:not([data-node]) .aw-card-meta{display: none;}
.aqtos-concept .desktop-app .aw-board-card > strong,.aqtos-concept .desktop-app .aw-card-title{font-size: 19px; line-height: 1.25; margin-top: 7px;}
.aqtos-concept .desktop-app .aw-card-meta{font-size: 14px; line-height: 1.3; margin-top: 9px;}
.aqtos-concept .desktop-app .aw-card-note{font-size: 17px; line-height: 1.3; padding: 6px 8px; min-height: 38px;}
.aqtos-concept .desktop-app .aw-formula--document,.aqtos-concept .desktop-app .aw-doc-heading .aw-text-muted,.aqtos-concept .desktop-app .aw-doc-bottom > div,.aqtos-concept .desktop-app .aw-leave-table :is(th, td):nth-child(5){display: none;}
.aqtos-concept .desktop-app .aw-doc-content{padding: 17px 23px;}
.aqtos-concept .desktop-app .aw-doc-heading{margin-bottom: 14px;}
.aqtos-concept .desktop-app .aw-doc-heading h2{font-size: 27px;}
.aqtos-concept .desktop-app .aw-leave-table{font-size: 20px;}
.aqtos-concept .desktop-app .aw-leave-table th{height: 34px; font-size: 16px; padding: 7px 12px;}
.aqtos-concept .desktop-app .aw-leave-table td{height: 40px; padding: 7px 12px; border-right-color: rgb(238, 241, 245);}
.aqtos-concept .desktop-app .aw-leave-table th:first-child{width: 260px;}
.aqtos-concept .desktop-app .aw-doc-bottom{justify-content: flex-end; margin-top: 14px;}
.aqtos-concept .desktop-app .aw-note-status{font-size: 16px;}
.aqtos-concept .desktop-app .aw-mail-list,.aqtos-concept .desktop-app .aw-reader-tools,.aqtos-concept .desktop-app .aw-mail-last-line,.aqtos-concept .desktop-app .aw-mail-layout .aw-nav-item:nth-child(n+6){display: none;}
.aqtos-concept .desktop-app .aw-mail-layout .aw-sidebar{width: 154px; flex-basis: 154px; padding: 14px 8px; font-size: 16px;}
.aqtos-concept .desktop-app .aw-mail-layout .aw-nav-item{padding: 9px 8px; margin-bottom: 5px;}
.aqtos-concept .desktop-app .aw-mail-reader{padding: 14px 24px 12px;}
.aqtos-concept .desktop-app .aw-mail-reader h2{font-size: 27px; font-weight: 600; margin-bottom: 10px;}
.aqtos-concept .desktop-app .aw-mail-reader .aw-sender{margin-bottom: 10px;}
.aqtos-concept .desktop-app .aw-mail-reader p{font-size: 18px; line-height: 1.3; margin-bottom: 8px;}
.aqtos-concept .desktop-app .aw-mail-details{padding: 11px 14px; font-size: 19px; line-height: 1.3; margin-bottom: 10px; background: rgb(241, 246, 252);}
.aqtos-concept .desktop-app .aw-mail-details > span{font-size: 15px; margin: 4px 0px;}
.aqtos-concept .desktop-app .aw-mail-reader .aw-compose{min-height: 39px; font-size: 17px; padding: 8px 12px;}
.aqtos-concept .desktop-app .aw-slack-thread,.aqtos-concept .desktop-app .aw-reaction,.aqtos-concept .desktop-app .aw-slack-main > .aw-message:nth-child(3),.aqtos-concept .desktop-app .aw-slack-layout .aw-nav-item:nth-child(n+8){display: none;}
.aqtos-concept .desktop-app .aw-slack-layout .aw-sidebar{width: 169px; flex-basis: 169px; font-size: 16px; padding: 13px 7px;}
.aqtos-concept .desktop-app .aw-slack-main{padding: 0px;}
.aqtos-concept .desktop-app .aw-channel-title{height: 43px; flex-basis: 43px; padding: 10px 19px; font-size: 20px;}
.aqtos-concept .desktop-app .aw-channel-title > span{display: none;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message{padding: 12px 19px 7px; font-size: 18px; gap: 12px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message b{font-size: 17px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-message p{font-size: 18px; line-height: 1.35; margin-top: 5px;}
.aqtos-concept .desktop-app .aw-slack-main .aw-slack-compose{flex: 0 0 77px; min-height: 77px; max-height: 77px; margin: auto 18px 14px;}
.aqtos-concept .desktop-app .aw-compose-input{font-size: 18px; padding: 6px 11px;}
.aqtos-concept .desktop-app .aw-summary-row,.aqtos-concept .desktop-app .aw-tax-line,.aqtos-concept .desktop-app .aw-xero-invoices h3 > span,.aqtos-concept .desktop-app .aw-invoice-table :is(th, td):is(:nth-child(2), :nth-child(4)){display: none;}
.aqtos-concept .desktop-app .aw-xero-content{padding: 16px;}
.aqtos-concept .desktop-app .aw-xero-columns{grid-template-columns: minmax(0px, 1fr) 330px; gap: 17px;}
.aqtos-concept .desktop-app .aw-xero-invoices h3{font-size: 22px; padding: 12px 14px;}
.aqtos-concept .desktop-app .aw-invoice-table{font-size: 16px;}
.aqtos-concept .desktop-app .aw-invoice-table th{font-size: 13px; height: 33px; padding: 6px 10px;}
.aqtos-concept .desktop-app .aw-invoice-table td{font-size: 16px; height: 45px; padding: 9px 10px;}
.aqtos-concept .desktop-app .aw-invoice-table th:first-child{width: 223px;}
.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(3){width: 91px;}
.aqtos-concept .desktop-app .aw-invoice-table th:nth-child(5){width: 137px;}
.aqtos-concept .desktop-app .aw-invoice-table .aw-chip{font-size: 12px;}
.aqtos-concept .desktop-app .aw-invoice-draft{padding: 12px 15px;}
.aqtos-concept .desktop-app .aw-invoice-draft h3{font-size: 22px; line-height: 1.2; margin-bottom: 8px;}
.aqtos-concept .desktop-app label{font-size: 13px; margin: 8px 0px 5px;}
.aqtos-concept .desktop-app .aw-invoice-draft label,.aqtos-concept .desktop-app .aw-crm-detail label{margin: 6px 0px 4px;}
.aqtos-concept .desktop-app .aw-input-line{min-height: 36px; padding: 7px 9px; font-size: 17px; line-height: 1.25; overflow-wrap: anywhere;}
.aqtos-concept .desktop-app .aw-invoice-field-pair{grid-template-columns: minmax(0px, 1fr) 86px; gap: 8px;}
.aqtos-concept .desktop-app .aw-draft-action{font-size: 15px; padding: 8px 11px; margin-top: 11px;}
.aqtos-concept .desktop-app .aw-calendar-layout .aw-sidebar,.aqtos-concept .desktop-app .aw-week-head > span:is(:nth-child(2), :nth-child(3)),.aqtos-concept .desktop-app .aw-calendar-row > .aw-day-cell:is(:nth-child(2), :nth-child(3)),.aqtos-concept .desktop-app .aw-event small{display: none;}
.aqtos-concept .desktop-app .aw-week-head{grid-template-columns: 55px repeat(3, 1fr); height: 46px; flex-basis: 46px;}
.aqtos-concept .desktop-app .aw-week-head > span{font-size: 14px;}
.aqtos-concept .desktop-app .aw-calendar-row{grid-template-columns: 55px repeat(3, minmax(0px, 1fr));}
.aqtos-concept .desktop-app .aw-calendar-row > time{font-size: 13px; padding: 9px;}
.aqtos-concept .desktop-app .aw-day-cell{padding: 7px;}
.aqtos-concept .desktop-app .aw-event{font-size: 18px; line-height: 1.2; min-height: 44px; padding: 10px 9px;}
.aqtos-concept .desktop-app .aw-event-overlap{top: 33px; left: 72px; right: 8px; font-size: 14px; min-height: 31px; padding: 7px 9px;}
.aqtos-concept .desktop-app .aw-calendar-new{height: 44px; flex-basis: 44px; padding: 8px 17px; font-size: 18px;}
.aqtos-concept .desktop-app .aw-note-text > div:nth-child(n+10){display: none;}
.aqtos-concept .desktop-app .aw-note-lines{display: none;}
.aqtos-concept .desktop-app .aw-notepad{font-size: 20px; line-height: 30px; padding-top: 17px;}
.aqtos-concept .desktop-app .aw-note-text{padding: 0px 24px;}
.aqtos-concept .desktop-app .aw-note-text > div{height: 30px; line-height: 30px;}
.aqtos-concept .desktop-app .aw-note-text > div:first-child{font-size: 19px; font-weight: 700; color: rgb(46, 72, 89);}
.aqtos-concept .desktop-app .aw-notepad-footer{font-size: 11px; gap: 22px;}
.aqtos-concept .desktop-app .aw-crm-stats,.aqtos-concept .desktop-app .aw-filter-row,.aqtos-concept .desktop-app .aw-crm-owner,.aqtos-concept .desktop-app .aw-crm-heading .aw-text-muted,.aqtos-concept .desktop-app .aw-contact-table :is(th, td):is(:nth-child(3), :nth-child(5)){display: none;}
.aqtos-concept .desktop-app .aw-crm-content{padding: 14px 16px;}
.aqtos-concept .desktop-app .aw-crm-heading{margin-bottom: 13px;}
.aqtos-concept .desktop-app .aw-crm-heading h2{font-size: 28px;}
.aqtos-concept .desktop-app .aw-crm-columns{grid-template-columns: minmax(0px, 1fr) 365px; gap: 17px;}
.aqtos-concept .desktop-app .aw-contact-table{font-size: 17px;}
.aqtos-concept .desktop-app .aw-contact-table th{height: 35px; font-size: 14px; padding: 8px 12px;}
.aqtos-concept .desktop-app .aw-contact-table td{height: 51px; padding: 10px 12px;}
.aqtos-concept .desktop-app .aw-contact-table th:first-child{width: 220px;}
.aqtos-concept .desktop-app .aw-contact-table th:nth-child(2){width: 130px;}
.aqtos-concept .desktop-app .aw-contact-table th:nth-child(4){width: auto;}
.aqtos-concept .desktop-app .aw-contact-table small{font-size: 13px;}
.aqtos-concept .desktop-app .aw-contact-table .aw-chip{font-size: 13px;}
.aqtos-concept .desktop-app .aw-crm-detail{padding: 12px 14px;}
.aqtos-concept .desktop-app .aw-crm-detail h3{font-size: 22px; margin-bottom: 7px;}
.aqtos-concept .desktop-app .aw-crm-contact-field{font-size: 17px; line-height: 1.25; min-height: 57px; overflow-wrap: anywhere;}
.aqtos-concept .desktop-app .aw-crm-detail .aw-draft-action{margin-top: 11px;}
.aqtos-concept .phone-clean-plate{position: absolute; top: 0px; left: 0px; z-index: 2; pointer-events: none;}
.aqtos-concept #phone-assembly{position: absolute; inset: 0px; width: 1672px; height: 941px; z-index: 3; pointer-events: none;}
.aqtos-concept #phone-hardware{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; filter: drop-shadow(rgba(24, 33, 43, 0.25) 1px 3px 2px);}
.aqtos-concept .screen-plane#phone-screen{position: absolute; top: 0px; left: 0px; width: 390px; height: 844px; overflow: hidden; border-radius: 32px; background: rgb(18, 52, 73); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; box-shadow: none; filter: none; isolation: isolate;}
.aqtos-concept #phone-screen *{box-sizing: border-box;}
.aqtos-concept .phone-lockscreen{position: absolute; inset: 0px; overflow: hidden; background: radial-gradient(at 85% 0%, rgb(118, 193, 174) 0%, transparent 54%), linear-gradient(160deg, rgb(32, 89, 101) 0%, rgb(20, 55, 74) 58%, rgb(30, 86, 102) 100%);}
.aqtos-concept .phone-lockscreen::before{display: none;}
.aqtos-concept .phone-lockscreen::after{content: ""; position: absolute; inset: 0px; z-index: 8; pointer-events: none; background: linear-gradient(115deg, rgba(255, 255, 255, 0.04), transparent 40%, rgba(228, 245, 245, 0.02)); box-shadow: rgba(4, 28, 48, 0.15) 0px 0px 12px inset;}
.aqtos-concept .phone-dynamic-island{position: absolute; top: 16px; left: 132px; width: 126px; height: 35px; border-radius: 24px; background: rgb(2, 9, 12); box-shadow: rgba(191, 233, 229, 0.1) 0px 1px 2px; z-index: 9;}
.aqtos-concept .phone-dynamic-island::after{content: ""; position: absolute; right: 13px; top: 11px; width: 11px; height: 11px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, rgb(24, 54, 73), rgb(8, 21, 28) 62%, rgb(2, 8, 11)); box-shadow: rgb(7, 16, 20) 0px 0px 0px 3px;}
.aqtos-concept .phone-alert-stack{position: absolute; top: 385px; left: 20px; right: 20px; z-index: 5;}
.aqtos-concept .phone-alert-card{position: relative; min-height: 266px; max-height: 318px; padding: 24px 22px 26px; border-radius: 27px; border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); box-shadow: rgba(17, 35, 46, 0.11) 0px 5px 18px; backdrop-filter: none; color: rgb(24, 43, 53); overflow: hidden;}
.aqtos-concept .phone-alert-header{display: flex; align-items: center; gap: 20px; min-height: 66px; margin-bottom: 26px;}
.aqtos-concept .phone-alert-heading-line{display: block; width: 140px; height: 18px; border-radius: 9px; background: rgb(64, 87, 100);}
.aqtos-concept .phone-alert-app-icon{display: block; width: 66px; height: 66px; flex: 0 0 auto;}
.aqtos-concept .phone-alert-app-icon svg{width: 100%; height: 100%; display: block;}
.aqtos-concept .phone-alert-lines{display: grid; gap: 19px;}
.aqtos-concept .phone-alert-lines i{display: block; height: 16px; border-radius: 8px; background: rgb(150, 168, 177);}
.aqtos-concept .phone-alert-lines i:nth-child(2){width: 90%; background: rgb(181, 194, 200);}
.aqtos-concept .phone-alert-lines i:nth-child(3){width: 62%; background: rgb(181, 194, 200);}
.aqtos-concept .phone-home-indicator{position: absolute; bottom: 13px; left: 131px; width: 128px; height: 5px; border-radius: 5px; background: rgb(255, 255, 255); z-index: 9;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept #phone-assembly,.aqtos-concept #phone-screen,.aqtos-concept .phone-alert-card{will-change: auto;}}
.aqtos-concept .phone-clock-display{position: absolute; top: 90px; left: 0px; width: 390px; height: 250px; overflow: visible; fill: rgb(244, 249, 247); shape-rendering: geometricprecision; text-rendering: geometricprecision;}
.aqtos-concept .phone-clock-display .phone-time{font-family: "Segoe UI", Arial, sans-serif; font-size: 150px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0px;}
.aqtos-concept,.aqtos-concept{background: rgb(255, 255, 255);}
.aqtos-hero-shell{padding: 8px 8px 0px;}
.aqtos-concept .site-header{position: absolute; top: 0px; left: 0px; right: 0px; z-index: 40; height: 58px; background: transparent; pointer-events: none;}
.aqtos-concept .header-inner{position: relative; width: calc(100% - 48px); max-width: 1400px; height: 58px; margin: 0px auto; padding: 8px 20px 10px 24px; display: flex; align-items: center; gap: 24px; background: rgb(255, 255, 255); border-radius: 0px 0px 25px 25px; pointer-events: auto;}
.aqtos-concept .header-inner::before,.aqtos-concept .header-inner::after{content: ""; position: absolute; top: 8px; width: 24px; height: 24px; pointer-events: none;}
.aqtos-concept .header-inner::before{left: -24px; background: radial-gradient(circle at 0px 100%, transparent 24px, rgb(255, 255, 255) 24.5px);}
.aqtos-concept .header-inner::after{right: -24px; background: radial-gradient(circle at 100% 100%, transparent 24px, rgb(255, 255, 255) 24.5px);}
.aqtos-concept .brand{margin: 0px 60px 0px 0px; flex-shrink: 0;}
.aqtos-concept .brand img{display: block; width: 88px; height: auto;}
.aqtos-concept .main-nav{display: flex; position: static; align-items: center; gap: 23px; padding: 0px; margin: 0px; border: 0px; background: transparent; box-shadow: none; border-radius: 0px; color: rgb(82, 96, 93); font-size: 14px; line-height: 1.2; font-weight: 400; white-space: nowrap;}
.aqtos-concept .main-nav a,.aqtos-concept .products-menu summary{min-height: 34px;}
.aqtos-concept .main-nav a:hover,.aqtos-concept .products-menu summary:hover{color: rgb(23, 61, 54);}
.aqtos-concept .main-nav .pricing-link{color: inherit;}
.aqtos-concept .chevron{width: 11px; height: 11px; fill: rgb(82, 96, 93);}
.aqtos-concept .header-actions{display: flex; align-items: center; gap: 8px; margin-left: auto; color: rgb(38, 61, 54); font-size: 13px; font-weight: 500;}
.aqtos-concept .math-link{display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 8px 13px; border: 1px solid rgb(222, 223, 220); border-radius: 24px; background: rgb(255, 255, 255); line-height: 1.2; color: rgb(41, 66, 57); transition: background 0.18s, border-color 0.18s;}
.aqtos-concept .math-link:hover{color: rgb(23, 57, 47); background: rgb(243, 247, 244); border-color: rgb(189, 203, 194);}
.aqtos-concept .math-link span{padding: 0px 4px; border-radius: 6px; background: rgb(230, 238, 233); color: rgb(53, 112, 98); font-size: 7px; line-height: 13px; font-weight: 700; letter-spacing: 0.25px;}
.aqtos-concept .get-started{display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 10px 18px; border: 1px solid rgb(28, 119, 129); border-radius: 25px; background: rgb(28, 119, 129); color: rgb(255, 255, 255); box-shadow: none; font-size: 13px; line-height: 1.1; font-weight: 500; transition: background 0.18s, box-shadow 0.18s;}
.aqtos-concept .get-started:hover{background: rgb(23, 99, 108); box-shadow: rgba(23, 62, 41, 0.094) 0px 3px 9px;}
.aqtos-concept .menu-toggle{display: none;}
.aqtos-concept .main-nav .mobile-nav-link,.aqtos-concept .menu-backdrop{display: none;}
.aqtos-concept .products-dropdown{top: calc(100% + 13px); left: -16px; z-index: 45; min-width: 278px; padding: 18px; border: 1px solid rgb(224, 231, 226); border-radius: 15px; background: rgb(255, 255, 255); box-shadow: rgba(23, 59, 41, 0.1) 0px 14px 35px; gap: 12px; color: rgb(52, 82, 70);}
.aqtos-concept .products-dropdown > span{color: rgb(138, 152, 145); font-size: 10px; letter-spacing: 0.5px;}
.aqtos-concept .products-dropdown a{min-height: 25px; font-size: 13px;}
.aqtos-concept .hero{--hero-title-size: clamp(28px,2.8vw,42px); --hero-monitor-top: calc(187px + var(--hero-title-size)*1.12); --scene-extra-space: calc((100vw - 31px)*.072); height: calc(((100vw - 31px)*.5628 + clamp(130px,295px - 11.5vw,205px))*.9 + var(--scene-extra-space)); min-height: 0px; max-height: none; border-radius: 30px 30px 0px 0px;}
.aqtos-concept .hero-copy{display: flex; flex-direction: column; align-items: center; padding-top: 90px;}
.aqtos-concept .hero-copy h1{max-width: 100%; margin: 18px 0px 0px; font-size: var(--hero-title-size); font-weight: 400; line-height: 1.12; letter-spacing: -0.8px; color: rgb(255, 255, 255); text-shadow: rgba(23, 62, 73, 0.32) 0px 1px 12px; white-space: normal;}
.aqtos-concept .headline-phrase{display: inline-block;}
.aqtos-concept .hero .hero-copy h1{margin-top: 30px;}
.aqtos-concept .hero-copy h1 .headline-aside{display: inline-block; color: rgb(255, 255, 255); font-style: italic; font-synthesis: style; font-weight: 300; white-space: nowrap;}
.aqtos-concept .hero-copy .mode-switch,.aqtos-concept .hero-copy .mode-picker{display: inline-flex; align-items: center; gap: 3px; max-width: 100%; margin: 0px; padding: 2px; background: rgba(21, 42, 46, 0.25); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 40px; box-shadow: rgba(19, 43, 48, 0.08) 0px 2px 8px; backdrop-filter: blur(10px);}
.aqtos-concept .hero-copy .mode-button{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0px; min-height: 30px; padding: 5px 18px; border: 0px; border-radius: 30px; background: transparent; color: rgb(255, 255, 255); font-size: 14px; line-height: 1.15; font-weight: 300; letter-spacing: -0.1px; white-space: nowrap; box-shadow: none; text-shadow: rgba(16, 38, 44, 0.333) 0px 1px 4px; transition: background 0.22s, color 0.22s;}
.aqtos-concept .hero-copy .mode-button.is-selected{background: rgb(85, 197, 208); color: rgb(255, 255, 255); font-weight: 500; box-shadow: none; text-shadow: none;}
.aqtos-concept .hero-copy .mode-button.is-selected:hover{background: rgb(101, 203, 213);}
.aqtos-concept .hero-copy .mode-button:not(.is-selected):hover{background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255);}
.aqtos-concept .hero-copy .mode-button:focus-visible{outline: rgb(85, 197, 208) solid 3px; outline-offset: 3px;}
.aqtos-concept .hero-copy .mode-label{position: relative;}
.aqtos-concept .hero-copy h1 .title-period{color: inherit;}
.aqtos-concept .hero-description{margin: 8px 0px; font-size: 15px; line-height: 1.3;}
@media (max-width: 1120px) and (min-width: 981px) {.aqtos-concept .brand{margin-right: 36px;}
.aqtos-concept .header-inner{width: calc(100% - 48px); padding-right: 15px; padding-left: 20px; gap: 18px;}
.aqtos-concept .main-nav{gap: 17px; font-size: 13px;}
.aqtos-concept .header-actions{gap: 7px;}
.aqtos-concept .math-link{padding-right: 10px; padding-left: 10px; font-size: 12px;}
.aqtos-concept .get-started{padding-right: 15px; padding-left: 15px; font-size: 12px;}}
@media (max-width: 980px) {.aqtos-concept .header-inner{width: calc(100% - 48px); padding: 8px 17px 10px; gap: 18px;}
.aqtos-concept .brand{margin-right: 0px;}
.aqtos-concept .header-actions{margin-left: auto; gap: 8px;}
.aqtos-concept .main-nav{display: none; position: absolute; top: 68px; left: 4px; right: 4px; z-index: 46; max-height: calc(-90px + 100svh); overflow: auto; padding: 19px 22px; border: 1px solid rgb(226, 232, 227); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: rgba(23, 59, 41, 0.1) 0px 15px 35px; flex-wrap: wrap; justify-content: center; gap: 12px 26px; font-size: 14px; white-space: normal;}
.aqtos-concept .main-nav.is-open{display: flex;}
.aqtos-concept .main-nav a,.aqtos-concept .products-menu summary{min-height: 31px;}
.aqtos-concept .menu-toggle{display: flex; order: 3; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 36px; height: 36px; margin: 0px; padding: 8px; border: 1px solid rgb(225, 230, 226); border-radius: 50%; background: rgb(255, 255, 255); flex-shrink: 0;}
.aqtos-concept .menu-toggle:hover{background: rgb(243, 247, 244);}
.aqtos-concept .menu-toggle span{display: block; width: 15px; height: 1.5px; border-radius: 2px; background: rgb(38, 69, 57);}
.aqtos-concept .products-menu[open]{flex-basis: 100%;}
.aqtos-concept .products-menu[open] summary{justify-content: center;}
.aqtos-concept .products-dropdown{position: static; width: 100%; min-width: 0px; margin-top: 11px; padding: 14px; border: 1px solid rgb(228, 234, 229); border-radius: 11px; background: rgb(245, 248, 245); box-shadow: none; gap: 9px;}}
@media (max-width: 760px) {.aqtos-concept .site-header,.aqtos-concept .header-inner{height: 60px;}
.aqtos-concept .header-inner{width: calc(100% - 32px); max-width: none; gap: 12px; padding: 9px 14px 11px; border-radius: 0px 0px 21px 21px;}
.aqtos-concept .header-inner::before,.aqtos-concept .header-inner::after{width: 16px; height: 16px;}
.aqtos-concept .header-inner::before{left: -16px; background: radial-gradient(circle at 0px 100%, transparent 16px, rgb(255, 255, 255) 16.5px);}
.aqtos-concept .header-inner::after{right: -16px; background: radial-gradient(circle at 100% 100%, transparent 16px, rgb(255, 255, 255) 16.5px);}
.aqtos-concept .brand img{width: 88px; height: auto;}
.aqtos-concept .header-actions{gap: 8px;}
.aqtos-concept .get-started{min-height: 34px; padding: 9px 15px; font-size: 12px; border-radius: 22px;}
.aqtos-concept .math-link{min-height: 34px; padding: 8px 11px; font-size: 12px;}
.aqtos-concept .menu-toggle{width: 34px; height: 34px;}
.aqtos-concept .main-nav{top: 70px;}
.aqtos-concept .hero{height: calc(max(477px,(100vw*.5628 + 305px)*.9) + var(--scene-extra-space)); min-height: 0px; border-radius: 24px 24px 0px 0px;}
.aqtos-concept .hero-copy{padding-top: 100px;}
.aqtos-concept .hero-copy h1{margin-top: 16px; font-size: 26px; font-weight: 400; line-height: 1.15; letter-spacing: -0.5px;}
.aqtos-concept .hero-copy .mode-switch,.aqtos-concept .hero-copy .mode-picker{padding: 2px; gap: 3px; margin: 0px;}
.aqtos-concept .hero-copy .mode-button{min-width: 0px; min-height: 28px; padding: 5px 12px; gap: 6px; font-size: 12px;}
.aqtos-concept .hero-description{font-size: 14px; line-height: 1.5; margin: 14px 0px 18px;}}
@media (max-width: 560px) {.aqtos-concept .math-link{display: none;}
.aqtos-concept .header-inner{width: calc(100% - 32px); gap: 11px; padding-right: 12px; padding-left: 15px;}
.aqtos-concept .header-actions{margin-left: auto;}}
@media (max-width: 380px) {.aqtos-concept .header-inner{width: calc(100% - 32px); gap: 8px; padding-left: 12px; padding-right: 10px;}
.aqtos-concept .brand img{width: 84px; height: auto;}
.aqtos-concept .get-started{padding: 9px 12px; font-size: 11px;}
.aqtos-concept .menu-toggle{width: 32px; height: 32px;}
.aqtos-concept .hero-copy{padding-top: 100px;}
.aqtos-concept .hero-copy .mode-button{padding-right: 10px; padding-left: 10px; gap: 5px;}}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .math-link,.aqtos-concept .get-started,.aqtos-concept .hero-copy .mode-button{transition: none;}}
@media (max-width: 760px) {.aqtos-concept .site-header,.aqtos-concept .header-inner{height: 64px;}
.aqtos-concept .header-inner{width: 100%; max-width: none; padding: 10px 18px; border-radius: 0px; gap: 16px;}
.aqtos-concept .header-inner::before,.aqtos-concept .header-inner::after{display: none;}
.aqtos-concept .header-actions{display: none;}
.aqtos-concept .menu-toggle{position: relative; z-index: 52; width: 44px; height: 44px; margin-left: auto; padding: 10px; border: 0px; border-radius: 0px; background: transparent; gap: 5px;}
.aqtos-concept .menu-toggle span{width: 23px; height: 2px; transition: transform 0.2s, opacity 0.2s;}
.aqtos-concept .menu-toggle[aria-expanded="true"]{position: fixed; top: 10px; right: 18px;}
.aqtos-concept .menu-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.aqtos-concept .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0;}
.aqtos-concept .menu-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.aqtos-concept .main-nav,.aqtos-concept .main-nav.is-open{display: flex; position: fixed; inset: 0px 0px 0px auto; z-index: 51; width: min(340px, 88vw); height: 100dvh; max-height: none; padding: 84px 28px max(28px,env(safe-area-inset-bottom)); border: 0px; border-radius: 0px; background: rgb(255, 255, 255); box-shadow: rgba(24, 63, 66, 0.08) -12px 0px 40px; flex-flow: column; align-items: stretch; justify-content: flex-start; gap: 6px; font-size: 20px; visibility: hidden; transform: translateX(100%); transition: transform 0.25s, visibility 0.25s;}
.aqtos-concept .main-nav.is-open{visibility: visible; transform: translateX(0px);}
.aqtos-concept .main-nav{overscroll-behavior: contain;}
.aqtos-concept .main-nav > a,.aqtos-concept .main-nav .products-menu > summary{min-height: 48px; justify-content: space-between;}
.aqtos-concept .main-nav .mobile-nav-link{display: flex;}
.aqtos-concept .main-nav .mobile-nav-cta{margin-top: 18px; min-height: 48px; padding: 12px 18px; border-radius: 24px; background: rgb(28, 119, 129); color: rgb(255, 255, 255); font-size: 16px; font-weight: 500;}
.aqtos-concept .main-nav .mobile-nav-cta:hover{background: rgb(23, 99, 108); color: rgb(255, 255, 255);}
.aqtos-concept .main-nav .products-menu[open]{flex-basis: auto;}
.aqtos-concept .main-nav .products-menu[open] summary{justify-content: space-between;}
.aqtos-concept .main-nav .products-dropdown{margin: 2px 0px 12px; padding: 14px; font-size: 14px;}
.aqtos-concept .main-nav .products-dropdown a{min-height: 44px; font-size: 14px;}
.aqtos-concept .menu-backdrop{display: block; position: fixed; inset: 0px; z-index: 50; background: rgba(25, 55, 59, 0.2); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s, visibility 0.25s;}
.aqtos-concept .menu-backdrop.is-visible{opacity: 1; visibility: visible; pointer-events: auto;}
body.menu-open{overflow: hidden;}}
.aqtos-concept .notification{background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(38, 54, 62); backdrop-filter: none; box-shadow: rgba(24, 39, 49, 0.12) 0px 8px 24px, rgba(24, 39, 49, 0.05) 0px 1px 4px;}
.aqtos-concept .notification .app-name,.aqtos-concept .notification .notification-title{color: rgb(37, 54, 61);}
.aqtos-concept .notification .notification-detail{color: rgb(82, 97, 106);}
.aqtos-concept .notification .notification-time,.aqtos-concept .notification .notification-meta{color: rgb(93, 107, 116);}
.aqtos-concept .notification .notification-badge{background: rgb(241, 244, 245); color: rgb(74, 91, 100);}
.aqtos-concept .notification .notification-badge.is-urgent{background: rgb(255, 241, 233); color: rgb(138, 75, 55);}
.aqtos-concept .phone-alert-card{background: rgb(240, 243, 242); border: 0px; border-radius: 34px; color: rgb(38, 54, 62); backdrop-filter: none; box-shadow: rgba(17, 35, 46, 0.09) 0px 8px 24px;}
.aqtos-concept .phone-alert-header,.aqtos-concept .phone-alert-lines{filter: blur(1.4px);}
.aqtos-concept .phone-alert-heading-line{background: rgb(123, 143, 151);}
.aqtos-concept .phone-alert-lines i{background: rgb(168, 184, 190);}
.aqtos-concept .phone-alert-lines i:nth-child(2),.aqtos-concept .phone-alert-lines i:nth-child(3){background: rgb(192, 203, 208);}
.aqtos-concept .phone-alert-title{color: rgb(37, 54, 61);}
.aqtos-concept .phone-alert-detail{color: rgb(70, 90, 101);}
.aqtos-concept .phone-alert-when{color: rgb(93, 107, 116);}
.aqtos-concept .notification-stack{--stack-card-height: 74px; --stack-gap: 7px; --stack-peek: 8px; position: absolute; left: 2.5%; bottom: 27%; width: min(275px, 30%); height: calc(var(--stack-card-height) * var(--stack-rows, 1) + var(--stack-gap) * var(--stack-row-gaps, 0) + var(--stack-peek) * var(--stack-tucked, 0)); transition: height 0.3s cubic-bezier(0.2, 0.75, 0.25, 1); isolation: isolate; pointer-events: none;}
.aqtos-concept .notification-stack .notification{position: absolute; top: 0px; left: 0px; box-sizing: border-box; width: 100%; height: var(--stack-card-height); padding: 8px 12px; border-radius: 12px; overflow: hidden; transform: translateY(-14px); transform-origin: 50% 0px; opacity: 0; transition: transform 0.3s cubic-bezier(0.2, 0.75, 0.25, 1), opacity 0.26s;}
.aqtos-concept .notification-stack .notification.is-visible{opacity: 1; transform: translateY(calc(var(--stack-row, 0) * (var(--stack-card-height) + var(--stack-gap)) + var(--stack-tuck, 0) * var(--stack-peek))) scale(var(--stack-card-scale, 1));}
.aqtos-concept .notification-stack .notification.is-exiting{opacity: 0; transform: translateY(calc(var(--stack-row, 0) * (var(--stack-card-height) + var(--stack-gap)) + var(--stack-tuck, 0) * var(--stack-peek) + 10px)) scale(var(--stack-card-scale, 1)); transition-duration: 0.22s;}
.aqtos-concept .notification-stack .notification-top{height: 17px; line-height: 17px; margin-bottom: 4px;}
.aqtos-concept .notification-stack .app-icon{width: 17px; height: 17px;}
.aqtos-concept .notification-stack .app-name{font-size: 10px;}
.aqtos-concept .notification-stack .notification-time{font-size: 9px;}
.aqtos-concept .notification-stack .notification-title{font-size: 12px; line-height: 16px; margin: 0px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.aqtos-concept .notification-stack .notification-detail{font-size: 10.5px; line-height: 14px; margin: 3px 0px 0px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.aqtos-concept .notification-stack .notification-footer{display: none;}
.aqtos-concept .notification-stack .notification[data-tucked="true"]{background: rgb(242, 245, 245); border-color: rgb(237, 241, 241); box-shadow: rgba(24, 39, 49, 0.094) 0px 3px 8px;}
.aqtos-concept .notification-stack .notification-badge{flex-shrink: 0;}
.aqtos-concept .notification-stack .notification-meta{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aqtos-concept .notification-stack[data-compact="true"] .notification{padding: 5px 9px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-top{height: 12px; line-height: 12px; margin-bottom: 2px;}
.aqtos-concept .notification-stack[data-compact="true"] .app-icon{width: 12px; height: 12px;}
.aqtos-concept .notification-stack[data-compact="true"] .app-name{font-size: 9px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-time{font-size: 8px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-title{font-size: 11px; line-height: 14px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-detail{font-size: 9px; line-height: 12px; margin-top: 2px;}
.aqtos-concept .notification-stack[data-terse="true"] .notification-detail{display: none;}
@media (max-width: 760px) {.aqtos-concept .notification-stack{--stack-card-height: 30px; --stack-gap: 3px; --stack-peek: 4px; left: 2.5%; bottom: 18%; width: min(220px, 48%);}
.aqtos-concept .notification-stack[data-compact="true"] .notification{padding: 2px 5px; border-radius: 8px; box-shadow: rgba(24, 39, 49, 0.12) 0px 4px 13px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-top{gap: 3px; height: 9px; line-height: 9px; margin-bottom: 1px;}
.aqtos-concept .notification-stack[data-compact="true"] .app-icon{width: 9px; height: 9px;}
.aqtos-concept .notification-stack[data-compact="true"] .app-name{font-size: 8px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-time{font-size: 6px;}
.aqtos-concept .notification-stack[data-compact="true"] .notification-title{display: block; white-space: nowrap; font-size: 8.5px; line-height: 10px; margin: 0px; letter-spacing: -0.1px;}
.aqtos-concept .notification-stack[data-tight="true"] .notification{display: grid; grid-template-columns: 9px minmax(0px, 1fr); align-items: center; gap: 4px;}
.aqtos-concept .notification-stack[data-tight="true"] .notification-top{display: contents;}
.aqtos-concept .notification-stack[data-tight="true"] .app-name,.aqtos-concept .notification-stack[data-tight="true"] .notification-time{display: none;}
.aqtos-concept .notification-stack .notification-detail,.aqtos-concept .notification-stack .notification-footer{display: none;}}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .notification-stack,.aqtos-concept .notification-stack .notification{transition: none;}}
.aqtos-concept .scene::before,.aqtos-concept .scene::after{display: none; content: none;}
.aqtos-concept .office-background{position: absolute; inset: 0px; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: none; transform: none; pointer-events: none;}
.aqtos-concept .office-effects,.aqtos-concept .solution-room-tint{position: absolute; inset: 0px; z-index: 2; pointer-events: none;}
.aqtos-concept .office-glass{overflow: hidden; box-shadow: rgba(239, 255, 255, 0.4) 0px 1px inset;}
.aqtos-concept .office-effects{background: linear-gradient(rgba(38, 60, 69, 0.82) 0%, rgba(58, 87, 97, 0.76) 38%, rgba(91, 123, 131, 0.68) 72%);}
.aqtos-concept .solution-room-tint{background: linear-gradient(rgba(35, 123, 132, 0.7) 0%, rgba(53, 159, 169, 0.66) 38%, rgba(85, 197, 208, 0.58) 72%);}
.aqtos-concept .office-glass::before,.aqtos-concept .office-glass::after{content: ""; position: absolute; inset: 0px; pointer-events: none;}
.aqtos-concept .office-glass::before{background: linear-gradient(112deg, transparent 0px, transparent 13%, rgba(243, 255, 255, 0.12) 13.2%, rgba(243, 255, 255, 0.02) 25%, transparent 25.3%, transparent 64%, rgba(241, 255, 255, 0.08) 64.3%, rgba(241, 255, 255, 0.016) 75%, transparent 75.3%), linear-gradient(transparent 39%, rgba(231, 241, 243, 0.04) 40%, rgba(231, 241, 243, 0.14) 49%, rgba(231, 241, 243, 0.11) 61%, transparent 62%); opacity: 0.85;}
.aqtos-concept .office-glass::after{background: linear-gradient(rgba(240, 255, 255, 0) 0%, rgba(240, 255, 255, 0) 46%, rgba(240, 255, 255, 0.4) calc(46% + 1px), rgba(69, 101, 107, 0.22) calc(46% + 2px), transparent calc(46% + 3px)); opacity: 0.65;}
.aqtos-concept .office-glass-mullion{position: absolute; top: 0px; bottom: 0px; width: clamp(4px, 0.4vw, 7px); background: linear-gradient(90deg, rgba(32, 52, 57, 0.55), rgba(108, 129, 134, 0.8) 28%, rgba(196, 213, 213, 0.5) 48%, rgba(52, 73, 79, 0.73) 66%, rgba(27, 43, 48, 0.42)); box-shadow: rgba(234, 250, 255, 0.3) 1px 0px 1px, rgba(33, 50, 54, 0.14) 3px 0px 5px;}
.aqtos-concept .office-glass-mullion-left{left: 23%;}
.aqtos-concept .office-glass-mullion-right{right: 23%;}
.aqtos-concept .scene{transition: opacity 0.18s;}
.scene-loading .aqtos-concept .hero{background: rgb(243, 244, 244);}
.scene-loading .aqtos-concept .hero :is(.scene, .notification-layer, .scene-footer, .comparison-hint){opacity: 0; pointer-events: none;}
.aqtos-concept .scene-layout-reference{visibility: hidden; filter: none; transform: none; mask-image: none;}
.aqtos-concept #screen-coordinates{z-index: 3; filter: none;}
.aqtos-concept .desk-foreground,.aqtos-concept .solution-foreground{position: absolute; left: 0px; top: 0px; width: 1672px; height: 941px; max-width: none; z-index: 0; pointer-events: none; filter: none;}
.aqtos-concept .desk-foreground,.aqtos-concept .solution-foreground{height: 1061px;}
.aqtos-concept .problem-scene-content,.aqtos-concept .solution-scene-content{transform: translateY(-15px);}
.aqtos-concept .screen-reveal.solution-scene-content{transform: none;}
@media (min-width: 761px) {.aqtos-concept .scene-layout-reference{bottom: calc(100% - (100vw - 31px)*.4748804 - var(--hero-monitor-top,234px));}}
@media (max-width: 760px) {.aqtos-concept .scene-layout-reference{bottom: var(--scene-extra-space);}}
.aqtos-concept .hero .screen-reveal{z-index: 2;}
.aqtos-concept #solution-screen{position: absolute; left: 0px; top: 0px; width: 1000px; height: 580px; z-index: 1; overflow: hidden; background: rgb(238, 246, 247);}
.aqtos-concept .solution-system-clock{position: absolute; right: 15px; top: 5px; z-index: 2; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 16px; font-family: "Segoe UI", Arial, sans-serif; color: rgb(52, 76, 83);}
.aqtos-concept .screen-occlusion{filter: none;}
.aqtos-concept .notebook-date-label{position: absolute; inset: 0px; width: 1672px; height: 941px; z-index: 4; pointer-events: none;}
.aqtos-concept .notebook-date-label text{font-family: Caveat, "Segoe Print", cursive; font-size: 14px; font-weight: 400; letter-spacing: 0.12px; fill: rgb(102, 116, 187); fill-opacity: 0.86;}
.aqtos-concept .comparison-soft-edge{position: absolute; top: 0px; bottom: 0px; left: var(--reveal); width: 42px; transform: translateX(-50%); z-index: 30; pointer-events: none; opacity: 0; backdrop-filter: blur(6px); mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 36%, rgb(0, 0, 0) 64%, transparent);}
.aqtos-concept .hero[data-comparing="true"] .comparison-soft-edge{opacity: 0.9;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .scene{transition: none;}
.aqtos-concept .comparison-soft-edge{display: none;}}
.aqtos-concept .hero{--desk-fade-height: clamp(24px,2vw,40px); background: rgb(255, 255, 255); box-shadow: none;}
.aqtos-concept .hero .scene{mask-image: linear-gradient(to bottom,#000 0,#000 calc(100% - var(--desk-fade-height)),#000c calc(100% - var(--desk-fade-height)*.68),#0005 calc(100% - var(--desk-fade-height)*.34),transparent calc(100% - 12px));}
.aqtos-concept .hero::after{display: none;}
@media (max-width: 760px) {.aqtos-concept .hero{--desk-fade-height: 72px;}}
.aqtos-concept .hero-copy #without-aqtos.is-selected{background: rgb(220, 139, 130); color: rgb(255, 255, 255); box-shadow: none;}
.aqtos-concept .hero-copy #without-aqtos.is-selected:hover{background: rgb(228, 151, 142);}
.aqtos-concept .hero-copy #without-aqtos.is-selected .mode-symbol{color: rgb(111, 56, 52);}
.aqtos-concept .hero-copy #without-aqtos:focus-visible{outline-color: rgb(220, 139, 130);}
.aqtos-concept #solution-screen{font: 13px / 1.4 Inter, Arial, sans-serif; color: rgb(37, 43, 48); background: linear-gradient(110deg, rgb(255, 255, 255) 4%, rgb(246, 250, 251) 48%, rgb(234, 244, 245)); filter: brightness(0.995) saturate(0.98); text-align: left; letter-spacing: normal;}
.aqtos-concept #solution-screen *{box-sizing: border-box;}
.aqtos-concept #solution-screen h2,.aqtos-concept #solution-screen h3,.aqtos-concept #solution-screen p{margin: 0px; letter-spacing: normal; white-space: normal;}
.aqtos-concept #solution-screen h2{font-size: 23px; font-weight: 400; line-height: 1.2; color: rgb(37, 43, 48);}
.aqtos-concept #solution-screen h3{font-size: 13px; font-weight: 500;}
.aqtos-concept #solution-screen b,.aqtos-concept #solution-screen strong{font-weight: 600;}
.aqtos-concept #solution-screen em{font-style: normal; color: rgb(82, 184, 194);}
.aqtos-concept #solution-screen svg{display: block; flex: 0 0 auto; width: 18px; height: 18px;}
.aqtos-concept .aq-system{height: 17px; position: absolute; inset: 0px 0px auto; display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; font-size: 8px; color: rgb(97, 119, 121); background: rgb(233, 241, 242);}
.aqtos-concept .aq-system time{font-variant-numeric: tabular-nums;}
.aqtos-concept .aq-rail{position: absolute; left: 0px; top: 17px; bottom: 0px; width: 80px; background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.25));}
.aqtos-concept #solution-screen .aq-logo{width: 66px; height: 29px; object-fit: contain; margin: 8px 7px 15px;}
.aqtos-concept .aq-modules{display: grid; gap: 8px; padding: 7px 14px;}
.aqtos-concept .aq-module{position: relative; width: 52px; height: 50px; display: grid; place-items: center; border-radius: 11px;}
.aqtos-concept .aq-module img{width: 30px; height: 30px; object-fit: contain; opacity: 0.6;}
.aqtos-concept .aq-module .aq-active-icon{display: none; opacity: 1;}
.aqtos-concept .aq-module.selected{background: linear-gradient(135deg, rgb(255, 255, 255), rgb(233, 244, 245)); box-shadow: rgba(35, 82, 96, 0.098) 0px 5px 12px;}
.aqtos-concept .aq-module.selected > img:first-child{display: none;}
.aqtos-concept .aq-module.selected .aq-active-icon{display: block; width: 36px; height: 36px;}
.aqtos-concept .aq-rail-people{position: absolute; bottom: 29px; left: 21px; width: 38px; display: flex; flex-direction: column; align-items: center; gap: 13px; padding: 12px 3px; border-radius: 22px; background: rgb(255, 255, 255); box-shadow: rgba(21, 61, 69, 0.03) 0px 2px 14px;}
.aqtos-concept .aq-rail-people .aq-avatar{width: 24px; height: 24px; font-size: 9px;}
.aqtos-concept .aq-rail-people .aq-bot{width: 27px; height: 27px;}
.aqtos-concept .aq-settings{position: absolute; bottom: 6px; left: 33px; color: rgb(170, 193, 195); font-size: 15px;}
.aqtos-concept .aq-avatar{width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; background: rgb(207, 228, 245); color: rgb(52, 112, 147); font-size: 12px; font-weight: 600;}
.aqtos-concept .aq-avatar.rose{background: rgb(245, 214, 225); color: rgb(173, 75, 112);}
.aqtos-concept .aq-avatar.sage{background: rgb(216, 233, 222); color: rgb(66, 119, 101);}
.aqtos-concept .aq-avatar.sand{background: rgb(233, 223, 211); color: rgb(117, 93, 72);}
.aqtos-concept .aq-bot{display: inline-grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(130deg, rgb(188, 233, 238), rgb(95, 163, 175) 48%, rgb(36, 91, 109)); padding: 4px; box-shadow: rgb(192, 230, 236) 0px 0px 4px 2px;}
.aqtos-concept .aq-bot i{width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(130deg, rgb(255, 255, 255), rgb(224, 240, 243)); box-shadow: rgba(22, 67, 80, 0.48) 0px 1px 4px inset, rgba(18, 58, 69, 0.333) 0px 1px 3px; border: 1px solid rgb(121, 201, 212);}
.aqtos-concept .aq-header{position: absolute; left: 88px; right: 15px; top: 17px; height: 49px; display: flex; align-items: center; gap: 11px; white-space: nowrap;}
.aqtos-concept .aq-topnav{height: 100%; display: flex; align-items: stretch; gap: 17px; flex: 0 0 auto;}
.aqtos-concept .aq-topnav > span{display: flex; align-items: center; position: relative; font-size: 10px; color: rgb(88, 100, 104);}
.aqtos-concept .aq-topnav > span.selected{color: rgb(37, 57, 64); font-weight: 600;}
.aqtos-concept .aq-topnav > span.selected::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: rgb(85, 197, 208);}
.aqtos-concept .aq-search{margin-left: auto; display: flex; align-items: center; gap: 6px; min-width: 134px; height: 27px; border: 1px solid rgb(227, 232, 233); border-radius: 20px; background: rgb(255, 255, 255); color: rgb(155, 171, 173); padding: 0px 9px; font-size: 9px; flex: 1 1 0%; max-width: 200px;}
.aqtos-concept .aq-search svg{color: rgb(100, 189, 198); width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-search kbd{font: 8px Arial, sans-serif; background: rgb(242, 243, 245); color: rgb(106, 116, 121); padding: 1px 3px; border-radius: 3px; margin-left: auto;}
.aqtos-concept .aq-clock-in{background: rgb(86, 191, 202); padding: 3px 6px; border-radius: 10px; color: rgb(255, 255, 255);}
.aqtos-concept .aq-clock-in svg{width: 14px !important; height: 14px !important;}
.aqtos-concept .aq-notification-bell{position: relative; color: rgb(132, 183, 189);}
.aqtos-concept .aq-notification-bell svg{width: 16px !important; height: 16px !important;}
.aqtos-concept .aq-notification-bell i{position: absolute; right: -1px; top: -1px; width: 4px; height: 4px; background: rgb(239, 181, 71); border-radius: 50%; opacity: 0;}
.aqtos-concept .aq-notification-bell.has-new i{opacity: 1;}
.aqtos-concept .aq-header > .aq-avatar{width: 27px; height: 27px; font-size: 9px;}
.aqtos-concept .aq-content{position: absolute; inset: 80px 18px 0px 90px;}
.aqtos-concept .aq-feed-heading{height: 43px; display: flex; align-items: flex-start; padding-left: 116px; padding-right: 223px; justify-content: space-between;}
.aqtos-concept #solution-screen .aq-feed-heading h2{font-size: 18px; padding-top: 1px; white-space: nowrap;}
.aqtos-concept .aq-feed-heading h2 em{font-weight: 600;}
.aqtos-concept .aq-feed-heading > span{display: flex; align-items: center; gap: 7px; font-size: 11px; color: rgb(145, 160, 163); white-space: nowrap;}
.aqtos-concept .aq-feed-heading > span > b{background: rgb(89, 194, 206); color: white; border-radius: 50%; font-size: 18px; width: 20px; height: 20px; display: grid; place-items: center; line-height: 1; font-weight: 400 !important;}
.aqtos-concept .aq-home-layout{display: grid; grid-template-columns: 98px minmax(0px, 1fr) 206px; gap: 18px; height: 457px;}
.aqtos-concept .aq-feed-filters{height: 245px; border-right: 1px solid rgb(220, 232, 235); display: flex; flex-direction: column; align-items: flex-end; padding: 0px 16px 0px 0px; gap: 14px; font-size: 12px; color: rgb(155, 167, 169);}
.aqtos-concept .aq-feed-filters > span{position: relative; white-space: nowrap;}
.aqtos-concept .aq-feed-filters .selected{font-weight: 600; color: rgb(141, 154, 157);}
.aqtos-concept .aq-feed-filters .selected::after{content: ""; position: absolute; right: -20px; top: 6px; border-radius: 50%; width: 6px; height: 6px; background: rgb(86, 198, 207); box-shadow: rgba(85, 197, 208, 0.28) 0px 0px 8px;}
.aqtos-concept .aq-feed-viewport{height: 457px; overflow: hidden; padding: 1px 3px 0px 0px; position: relative; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 94%, transparent 100%);}
.aqtos-concept .aq-feed-list{display: flex; flex-direction: column; gap: 14px; will-change: transform;}
.aqtos-concept .aq-feed-card{position: relative; display: flex; align-items: flex-start; gap: 14px; flex: 0 0 auto; padding: 17px 19px 13px; background: rgb(255, 255, 255); border-radius: 15px; box-shadow: rgba(58, 103, 120, 0.027) 0px 3px 15px; min-height: 128px; border-left: 3px solid transparent;}
.aqtos-concept .aq-feed-card.is-new{border-left-color: rgb(89, 193, 204); box-shadow: rgba(85, 197, 208, 0.1) 0px 2px 16px;}
.aqtos-concept .aq-feed-card > .aq-avatar,.aqtos-concept .aq-feed-card > .aq-bot{margin-top: 2px; width: 37px; height: 37px; font-size: 12px;}
.aqtos-concept .aq-feed-body{flex: 1 1 0%; min-width: 0px;}
.aqtos-concept .aq-feed-body > small{display: flex; align-items: center; gap: 4px; color: rgb(160, 170, 173); font-size: 9px; margin-bottom: 3px; height: 13px;}
.aqtos-concept .aq-feed-body > small svg{width: 10px !important; height: 10px !important;}
.aqtos-concept .aq-new-dot{background: rgb(120, 205, 209); border-radius: 50%; width: 4px; height: 4px; margin-left: 2px;}
.aqtos-concept .aq-feed-body p{font-size: 13px; line-height: 1.4; color: rgb(48, 59, 64);}
.aqtos-concept .aq-feed-body p b{color: rgb(36, 44, 49);}
.aqtos-concept .aq-feed-detail{border: 1px solid rgb(225, 229, 231); border-radius: 9px; padding: 7px 9px; font-size: 11px; line-height: 1.45; color: rgb(133, 147, 151); margin-top: 8px;}
.aqtos-concept .aq-feed-tag{display: inline-block; color: rgb(162, 175, 177); font-size: 9px; margin-top: 7px;}
.aqtos-concept .aq-feed-menu{font-size: 13px; color: rgb(151, 164, 168); position: absolute; right: 12px; top: 15px;}
.aqtos-concept .aq-celebration .aq-feed-body p b{color: rgb(213, 100, 139);}
.aqtos-concept .aq-celebration{border-left-color: rgb(221, 115, 151);}
.aqtos-concept .aq-home-aside{position: relative; height: 457px; padding-left: 1px;}
.aqtos-concept .aq-date{display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgb(87, 107, 112); margin-top: -35px; margin-bottom: 20px; height: 15px;}
.aqtos-concept .aq-date svg{color: rgb(143, 157, 161); width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-date > span{margin-left: auto; color: rgb(157, 174, 176);}
.aqtos-concept .aq-calendar-days{display: flex; gap: 8px; margin-bottom: 17px;}
.aqtos-concept .aq-calendar-days > div{flex: 1 1 0%; height: 48px; border-radius: 7px; display: grid; place-items: center; padding: 5px; color: rgb(141, 157, 161); font-size: 11px;}
.aqtos-concept .aq-calendar-days > div > b{font-size: 10px;}
.aqtos-concept .aq-calendar-days .selected{background: rgb(86, 190, 202); color: rgb(255, 255, 255);}
.aqtos-concept .aq-agenda-card{display: flex; gap: 12px; padding: 15px 12px; background: rgb(255, 255, 255); border-radius: 4px; margin-bottom: 8px; font-size: 11px; min-height: 69px; align-items: center;}
.aqtos-concept .aq-agenda-card > svg{color: rgb(112, 200, 209); width: 24px !important; height: 28px !important;}
.aqtos-concept .aq-agenda-card b{line-height: 1.3; display: block; font-size: 11px;}
.aqtos-concept .aq-agenda-card small{font-size: 8px; color: rgb(230, 173, 99); display: block; margin-top: 5px;}
.aqtos-concept .aq-time-off small{color: rgb(152, 165, 168);}
.aqtos-concept .aq-shortcuts{position: absolute; bottom: 26px; left: 4px; display: grid; gap: 15px; color: rgb(142, 154, 158); font-size: 12px;}
.aqtos-concept .aq-shortcuts > div{display: flex; align-items: center; gap: 12px;}
.aqtos-concept .aq-shortcuts svg{width: 16px !important; height: 16px !important;}
.aqtos-concept .aq-shortcuts i{font-style: normal; border-radius: 50%; background: rgb(255, 240, 177); color: rgb(167, 154, 101); padding: 3px 5px; margin-left: 9px; font-size: 10px;}
.aqtos-concept .aq-project-tabs{display: flex; align-items: center; gap: 9px; border-bottom: 1px solid rgb(224, 235, 237); height: 32px; margin-top: -8px; margin-bottom: 18px; color: rgb(141, 156, 159); font-size: 11px;}
.aqtos-concept .aq-project-tabs > span{padding: 5px 12px; display: flex; align-items: center; gap: 8px; height: 32px;}
.aqtos-concept .aq-project-tabs .selected{color: rgb(72, 119, 125); background: rgb(255, 255, 255); border-radius: 6px 6px 0px 0px; border-bottom: 2px solid rgb(96, 188, 198);}
.aqtos-concept .aq-project-tabs i{font-style: normal; font-size: 18px; color: rgb(88, 186, 198);}
.aqtos-concept .aq-project-heading{display: flex; justify-content: space-between; align-items: center; height: 98px; padding: 0px 13px 10px 7px;}
.aqtos-concept .aq-project-heading h2 small{font-size: 15px; color: rgb(150, 168, 170);}
.aqtos-concept .aq-project-heading p{color: rgb(152, 166, 169); font-size: 10px; padding-top: 4px;}
.aqtos-concept .aq-team{display: flex; align-items: center; margin-top: 8px; padding-left: 3px;}
.aqtos-concept .aq-team .aq-avatar{width: 24px; height: 24px; font-size: 8px; border: 2px solid rgb(245, 250, 251); margin-left: -3px;}
.aqtos-concept .aq-team > span:last-child{font-size: 9px; color: rgb(151, 172, 177); margin-left: 7px;}
.aqtos-concept .aq-project-stats{display: flex; gap: 11px;}
.aqtos-concept .aq-project-stats > div{border-radius: 6px; background: rgb(255, 255, 255); width: 78px; height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
.aqtos-concept .aq-project-stats small{font-size: 9px; color: rgb(156, 169, 172);}
.aqtos-concept .aq-project-stats b{font-size: 21px; color: rgb(98, 170, 181); font-weight: 400 !important;}
.aqtos-concept .aq-project-stats .aq-avatar{width: 27px; height: 27px; font-size: 9px;}
.aqtos-concept .aq-board-filters{display: flex; align-items: center; gap: 10px; height: 37px; border-radius: 4px; background: rgb(233, 243, 245); color: rgb(139, 156, 162); padding: 0px 12px; font-size: 10px; margin-bottom: 17px;}
.aqtos-concept .aq-board-filters > b,.aqtos-concept .aq-priorities b{color: rgb(60, 143, 156);}
.aqtos-concept .aq-toggle{display: block; position: relative; width: 24px; height: 12px; background: rgb(136, 209, 217); border-radius: 7px;}
.aqtos-concept .aq-toggle::before{content: ""; position: absolute; background: rgb(255, 255, 255); width: 8px; height: 8px; border-radius: 50%; left: 2px; top: 2px;}
.aqtos-concept .aq-toggle.muted{background: rgb(200, 213, 217);}
.aqtos-concept .aq-divider{height: 20px; border-left: 1px solid rgb(215, 228, 232); margin: 0px 5px;}
.aqtos-concept .aq-priorities{margin-left: 30px;}
.aqtos-concept .aq-view-icons{margin-left: auto; font-size: 17px; color: rgb(131, 174, 184);}
.aqtos-concept .aq-board-area{display: flex; gap: 13px; height: 314px;}
.aqtos-concept .aq-budget{width: 43px; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; font-size: 8px; color: rgb(140, 158, 164); padding-top: 5px;}
.aqtos-concept .aq-budget > b{font-size: 9px; margin: 4px 0px; font-weight: 400 !important;}
.aqtos-concept .aq-budget > div{width: 9px; height: 210px; border-radius: 4px; background: rgb(216, 233, 237); position: relative; margin: 4px 0px 7px;}
.aqtos-concept .aq-budget i{position: absolute; bottom: 0px; width: 100%; height: 80%; border-radius: 4px; background: rgb(131, 196, 203);}
.aqtos-concept .aq-budget small{font-size: 8px;}
.aqtos-concept .aq-board-lanes{flex: 1 1 0%; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; min-width: 0px;}
.aqtos-concept .aq-lane{position: relative; min-width: 0px;}
.aqtos-concept .aq-lane:has(.aq-moving-card){z-index: 2;}
.aqtos-concept #solution-screen .aq-lane h3{display: flex; align-items: center; gap: 6px; height: 24px; color: rgb(133, 155, 163); font-size: 12px; margin-bottom: 9px; font-weight: 400;}
.aqtos-concept .aq-lane h3 small{font-size: 9px; color: rgb(164, 180, 185);}
.aqtos-concept .aq-lane h3 > span{margin-left: auto; font-size: 16px;}
.aqtos-concept .aq-task-card{position: relative; background: rgb(255, 255, 255); border-radius: 6px; padding: 14px 12px 9px; box-shadow: rgba(27, 72, 86, 0.024) 0px 2px 8px; min-height: 84px; margin-bottom: 10px; width: 100%; z-index: 1;}
.aqtos-concept .aq-task-card > b{font-size: 12px; display: block; padding-right: 10px; font-weight: 500 !important;}
.aqtos-concept .aq-task-menu{position: absolute; right: 9px; top: 9px; color: rgb(154, 169, 173); font-size: 13px;}
.aqtos-concept .aq-task-card > div{display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.aqtos-concept .aq-task-card small{color: rgb(174, 192, 196); font-size: 11px;}
.aqtos-concept .aq-task-card .aq-avatar{width: 24px; height: 24px; font-size: 8px;}
.aqtos-concept .aq-moving-card{z-index: 5; will-change: transform; transform-origin: center center;}
.aqtos-concept .aq-moving-card.is-dragged{box-shadow: rgba(55, 99, 107, 0.19) 0px 12px 22px; outline: rgb(179, 224, 228) solid 1px;}
.aqtos-concept .aq-moving-card.is-moved{outline: rgb(156, 212, 217) solid 1px;}
.aqtos-concept .aq-review-drop{height: 84px; border: 1px dashed rgb(188, 221, 226); color: rgb(147, 198, 206); border-radius: 6px; display: grid; place-items: center; font-size: 25px; margin-bottom: 10px;}
.aqtos-concept .aq-review-drop.occupied{opacity: 0;}
.aqtos-concept .aq-add-task{height: 43px; border: 1px dashed rgb(196, 223, 227); border-radius: 5px; display: grid; place-items: center; color: rgb(131, 198, 207); font-size: 24px; margin-top: 6px;}
.aqtos-concept .aq-moving-card.is-moved ~ .aq-task-card,.aqtos-concept .aq-moving-card.is-moved ~ .aq-add-task{transform: translateY(-94px);}
.aqtos-concept .aq-money-heading{display: flex; justify-content: space-between; align-items: center; height: 36px; margin-bottom: 18px;}
.aqtos-concept .aq-subtabs{display: flex; gap: 23px; align-items: center; font-size: 17px; color: rgb(158, 170, 174);}
.aqtos-concept .aq-subtabs > b{color: rgb(63, 141, 153); font-weight: 400 !important;}
.aqtos-concept .aq-add-record{font-size: 10px; background: rgb(90, 192, 202); color: rgb(255, 255, 255); padding: 7px 11px; border-radius: 5px;}
.aqtos-concept .aq-money-controls{display: flex; align-items: center; gap: 18px; height: 29px; font-size: 10px; color: rgb(137, 155, 159); margin-bottom: 15px;}
.aqtos-concept .aq-money-controls > b{color: rgb(89, 156, 170); font-weight: 500 !important;}
.aqtos-concept .aq-choice{border-radius: 12px; padding: 4px 12px; background: rgb(255, 255, 255);}
.aqtos-concept .aq-money-search{margin-left: auto; display: flex; align-items: center; gap: 8px; background: white; border: 1px solid rgb(226, 237, 239); border-radius: 5px; padding: 5px 9px; width: 177px; color: rgb(158, 172, 175);}
.aqtos-concept .aq-money-search svg{width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-money-filters{display: flex; gap: 22px; height: 36px; font-size: 10px; color: rgb(145, 161, 167);}
.aqtos-concept .aq-money-filters .selected{color: rgb(66, 154, 170); border-bottom: 2px solid rgb(89, 196, 207); padding-bottom: 8px;}
.aqtos-concept .aq-finance-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 176px; gap: 18px; margin-top: 6px;}
.aqtos-concept .aq-table-wrap{min-width: 0px;}
.aqtos-concept .aq-finance-table{width: 100%; border-collapse: separate; border-spacing: 0px 7px; font-size: 10px; text-align: left; table-layout: auto;}
.aqtos-concept .aq-finance-table th{font-size: 9px; font-weight: 400; color: rgb(149, 166, 170); padding: 0px 9px 5px; white-space: nowrap;}
.aqtos-concept .aq-finance-table td{padding: 13px 9px; background: rgb(255, 255, 255); color: rgb(108, 128, 136); white-space: nowrap; height: 52px;}
.aqtos-concept .aq-finance-table td:first-child{border-radius: 5px 0px 0px 5px;}
.aqtos-concept .aq-finance-table td:last-child{border-radius: 0px 5px 5px 0px; text-align: right; color: rgb(75, 124, 138);}
.aqtos-concept .aq-finance-table th:last-child{text-align: right;}
.aqtos-concept .aq-finance-table b{color: rgb(76, 113, 126); font-weight: 400 !important;}
.aqtos-concept .aq-finance-table small{display: block; font-size: 8px; color: rgb(160, 174, 180); padding-top: 4px;}
.aqtos-concept .aq-finance-table .negative{color: rgb(201, 121, 138) !important;}
.aqtos-concept .aq-status-dot{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: rgb(185, 200, 205); margin-right: 5px;}
.aqtos-concept .aq-status-dot.paid{background: rgb(101, 181, 162);}
.aqtos-concept .aq-status-dot.issued{background: rgb(226, 186, 101);}
.aqtos-concept .aq-status{display: inline-block; border-radius: 4px; font-size: 8px; padding: 3px 5px;}
.aqtos-concept .aq-status.unpaid{background: rgb(249, 233, 237); color: rgb(202, 139, 152);}
.aqtos-concept .aq-table-footer{display: flex; justify-content: space-between; color: rgb(164, 177, 182); font-size: 9px; margin-top: 17px; padding: 0px 4px;}
.aqtos-concept .aq-table-footer b{color: rgb(95, 158, 172);}
.aqtos-concept .aq-finance-aside{display: flex; flex-direction: column; gap: 13px; margin-top: 8px;}
.aqtos-concept .aq-money-stat,.aqtos-concept .aq-cashflow,.aqtos-concept .aq-revenue{border-radius: 6px; background: rgb(255, 255, 255); padding: 15px;}
.aqtos-concept .aq-money-stat{display: grid; gap: 4px;}
.aqtos-concept .aq-money-stat small{font-size: 10px; color: rgb(140, 160, 167);}
.aqtos-concept .aq-money-stat b{font-size: 28px; color: rgb(80, 148, 164); font-weight: 300 !important;}
.aqtos-concept .aq-money-stat > span{font-size: 8px; color: rgb(177, 190, 193);}
.aqtos-concept .aq-cashflow h3,.aqtos-concept .aq-revenue h3{color: rgb(134, 160, 169); font-size: 10px !important; font-weight: 400 !important;}
.aqtos-concept .aq-bars{height: 85px; display: flex; align-items: flex-end; gap: 9px; padding-top: 14px; border-bottom: 1px solid rgb(227, 236, 239);}
.aqtos-concept .aq-bars > i{flex: 1 1 0%; position: relative; background: rgb(160, 210, 217); max-width: 12px; border-radius: 2px 2px 0px 0px;}
.aqtos-concept .aq-bars b{position: absolute; bottom: 0px; width: 100%; background: rgb(96, 175, 190);}
.aqtos-concept .aq-chart-labels{display: flex; justify-content: space-between; font-size: 6px; color: rgb(184, 197, 202); margin-top: 5px;}
.aqtos-concept .aq-revenue p{display: flex; align-items: center; gap: 6px; font-size: 9px; color: rgb(157, 176, 182); margin-top: 9px !important;}
.aqtos-concept .aq-revenue p > i{height: 5px; width: 5px; border-radius: 50%; background: rgb(100, 180, 194);}
.aqtos-concept .aq-revenue p > b{margin-left: auto; font-size: 9px; font-weight: 400 !important;}
.aqtos-concept .aq-scrim{position: absolute; inset: 17px 0px 0px; z-index: 20; background: rgba(23, 46, 57, 0.38);}
.aqtos-concept .aq-drawer{position: absolute; top: 17px; bottom: 0px; right: 0px; width: 520px; z-index: 21; background: linear-gradient(130deg, rgb(233, 244, 244), rgb(216, 236, 238)); box-shadow: rgba(35, 67, 81, 0.094) -8px 0px 25px; will-change: transform;}
.aqtos-concept .aq-drawer > header{display: flex; align-items: center; justify-content: space-between; height: 45px; padding: 0px 20px; color: rgb(87, 124, 135); font-size: 12px;}
.aqtos-concept .aq-drawer > header > div{display: flex; align-items: center; gap: 16px; color: rgb(139, 174, 185);}
.aqtos-concept .aq-drawer > header svg{width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-drawer > header span{font-size: 23px; line-height: 1; display: grid; place-items: center; width: 20px; height: 23px;}
.aqtos-concept .aq-invoice-paper{position: absolute; inset: 48px 25px 55px; padding: 0px 27px 16px; background: rgb(255, 255, 255); box-shadow: rgba(54, 103, 114, 0.04) 0px 2px 12px; color: rgb(112, 131, 139); font-size: 10px;}
.aqtos-concept .aq-draft-banner{background: rgb(240, 240, 240); text-align: center; color: rgb(163, 169, 172); letter-spacing: 3px; font-size: 9px; margin: 0px -27px 23px; height: 25px; padding-top: 6px;}
.aqtos-concept .aq-invoice-brand{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.aqtos-concept .aq-invoice-brand > b{font-size: 23px; line-height: 0.9; letter-spacing: -1px; color: rgb(51, 61, 67); font-weight: 700 !important;}
.aqtos-concept .aq-invoice-brand > b > span{display: block; font-size: 9px; letter-spacing: 5px; font-weight: 400; line-height: 1.5; margin-left: 2px; margin-top: 5px;}
.aqtos-concept .aq-invoice-brand > strong{font-size: 21px; color: rgb(124, 160, 172); letter-spacing: 2px; font-weight: 300 !important;}
.aqtos-concept .aq-invoice-address{display: flex; justify-content: space-between; line-height: 1.8; margin-bottom: 22px; font-size: 9px;}
.aqtos-concept .aq-invoice-address > div{display: flex; flex-direction: column;}
.aqtos-concept .aq-invoice-address small{font-size: 9px; color: rgb(165, 178, 183); margin-bottom: 3px;}
.aqtos-concept .aq-invoice-address b{font-size: 10px; color: rgb(89, 118, 131); font-weight: 500 !important;}
.aqtos-concept .aq-invoice-address > div:last-child{text-align: right;}
.aqtos-concept .aq-invoice-address > div:last-child b{font-size: 9px; margin-left: 7px;}
.aqtos-concept .aq-invoice-paper table{width: 100%; border-collapse: collapse; font-size: 10px;}
.aqtos-concept .aq-invoice-paper th{text-align: left; color: rgb(158, 175, 182); font-size: 8px; font-weight: 400; border-bottom: 1px solid rgb(200, 220, 228); padding-bottom: 8px;}
.aqtos-concept .aq-invoice-paper td{padding: 11px 0px; border-bottom: 1px solid rgb(228, 236, 239);}
.aqtos-concept .aq-invoice-paper th:last-child,.aqtos-concept .aq-invoice-paper td:last-child{text-align: right;}
.aqtos-concept .aq-invoice-paper td small{font-size: 8px; color: rgb(170, 183, 188);}
.aqtos-concept .aq-invoice-totals{width: 180px; margin: 12px 0px 0px auto; font-size: 9px;}
.aqtos-concept .aq-invoice-totals p{display: flex; justify-content: space-between; padding: 4px 0px;}
.aqtos-concept .aq-invoice-totals b{font-weight: 400 !important;}
.aqtos-concept .aq-invoice-total{border-top: 1px solid rgb(220, 231, 236); font-size: 15px; color: rgb(81, 127, 145); margin-top: 5px !important; padding-top: 8px !important;}
.aqtos-concept .aq-invoice-total b{font-size: 18px;}
.aqtos-concept .aq-payment-details{margin-top: 17px; font-size: 8px; color: rgb(156, 172, 180);}
.aqtos-concept .aq-payment-details > b{color: rgb(119, 151, 163); font-weight: 400 !important;}
.aqtos-concept .aq-payment-details p{line-height: 1.7; margin-top: 4px !important;}
.aqtos-concept .aq-drawer > footer{position: absolute; left: 25px; right: 25px; bottom: 12px; height: 31px; display: flex; align-items: center; gap: 18px; font-size: 10px; color: rgb(128, 162, 175);}
.aqtos-concept .aq-drawer > footer > span{display: flex; align-items: center; gap: 6px;}
.aqtos-concept .aq-drawer > footer svg{width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-drawer > footer > b{margin-left: auto; border: 1px solid rgb(114, 180, 198); border-radius: 4px; padding: 7px 14px; color: rgb(83, 152, 174); font-weight: 400 !important;}
.aqtos-concept .aq-expense-drawer{width: 437px; background: linear-gradient(140deg, rgb(251, 244, 245), rgb(228, 240, 245));}
.aqtos-concept .aq-expense-drawer > header{height: 48px; font-size: 14px;}
.aqtos-concept .aq-expense-form{margin: 0px 23px; background: white; border-radius: 5px; padding: 12px 18px 13px; height: 455px;}
.aqtos-concept .aq-expense-state{display: flex; gap: 3px; background: rgb(244, 246, 247); border-radius: 5px; padding: 3px; width: 134px; font-size: 10px; margin-bottom: 10px;}
.aqtos-concept .aq-expense-state > *{width: 50%; text-align: center; padding: 4px; border-radius: 4px; color: rgb(163, 172, 180); font-weight: 400 !important;}
.aqtos-concept .aq-expense-state > b{background: rgb(244, 224, 229); color: rgb(194, 141, 156);}
.aqtos-concept .aq-expense-form label{display: block; font-size: 9px; color: rgb(149, 165, 174); margin-bottom: 10px;}
.aqtos-concept .aq-expense-form label > div{display: flex; align-items: center; min-height: 28px; border: 1px solid rgb(224, 231, 237); border-radius: 4px; padding: 5px 8px; color: rgb(101, 129, 146); margin-top: 3px; font-size: 11px;}
.aqtos-concept .aq-expense-form label > div > span:last-child:not(.aq-typed){margin-left: auto; color: rgb(175, 189, 199);}
.aqtos-concept .aq-expense-form label > div svg{color: rgb(154, 181, 197); margin-left: auto; width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-field-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.aqtos-concept .aq-expense-form .aq-attachment{color: rgb(97, 158, 182); font-size: 10px; gap: 6px;}
.aqtos-concept .aq-expense-form .aq-attachment svg{margin-left: 0px !important;}
.aqtos-concept .aq-expense-form .aq-note-field{height: 51px; display: block; line-height: 1.5; font-size: 11px; padding: 7px 8px;}
.aqtos-concept .aq-expense-form .aq-note-field.is-editing{border-color: rgb(126, 187, 201); box-shadow: rgba(126, 187, 201, 0.082) 0px 0px 0px 2px;}
.aqtos-concept .aq-note-field i{display: none; border-right: 1px solid rgb(78, 135, 156); height: 11px; margin-left: 1px; vertical-align: middle;}
.aqtos-concept .aq-note-field.is-editing i{display: inline;}
.aqtos-concept .aq-saved-note{float: right; color: rgb(120, 174, 158); font-size: 9px;}
.aqtos-concept .aq-expense-drawer > footer{left: 24px; right: 24px;}
.aqtos-concept .aq-pointer{position: absolute; left: 0px; top: 0px; width: 25px; height: 32px; z-index: 40; pointer-events: none; will-change: transform; filter: drop-shadow(rgba(24, 60, 73, 0.19) 0px 1px 2px);}
.aqtos-concept .aq-pointer > svg{width: 25px !important; height: 32px !important;}
.aqtos-concept .aq-clickring{position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; border: 2px solid rgb(78, 184, 197); border-radius: 50%; z-index: 39; pointer-events: none;}
.aqtos-concept .aq-pointer[hidden],.aqtos-concept .aq-clickring[hidden]{display: none !important;}
.aqtos-concept .hero[data-view="solution"] .motion-controls{visibility: visible;}
.aqtos-concept .hero[data-view="solution"][data-paused="true"] .steam-wisp{animation-play-state: paused;}
@media (max-width: 760px) {.aqtos-concept .hero[data-view="solution"] .icon-button{display: flex;}}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .aq-pointer,.aqtos-concept .aq-clickring{display: none !important;}}
.aqtos-concept .aq-task-drawer{width: 600px; background: rgb(255, 255, 255);}
.aqtos-concept .aq-task-drawer > header{height: 42px; padding: 0px 18px; color: rgb(139, 159, 167); font-size: 10px; border-bottom: 1px solid rgb(237, 242, 244);}
.aqtos-concept .aq-task-drawer > header .aq-task-breadcrumb{display: flex; align-items: center; gap: 8px; color: rgb(140, 163, 174); font: 10px / 1.4 Inter, Arial, sans-serif; width: auto; height: auto; padding: 0px; cursor: pointer;}
.aqtos-concept .aq-task-drawer > header .aq-task-breadcrumb > span:last-child{display: block; width: auto; height: auto; font-size: 10px; line-height: 1.4;}
.aqtos-concept .aq-task-breadcrumb:focus-visible,.aqtos-concept .aq-profile-tabs [role="tab"]:focus-visible{outline: rgb(101, 188, 200) solid 2px; outline-offset: 3px; border-radius: 4px;}
.aqtos-concept .aq-task-project-icon{border-radius: 5px; background: rgb(233, 245, 246); color: rgb(98, 184, 196); width: 24px !important; height: 24px !important; font-size: 19px !important;}
.aqtos-concept .aq-task-drawer > header button,.aqtos-concept .aq-profile-drawer > header button{border: 0px; background: none; color: rgb(145, 172, 181); font: 23px / 1 Arial, sans-serif; cursor: pointer; padding: 0px; width: 23px; height: 25px;}
.aqtos-concept .aq-task-drawer > header .aq-detail-menu{font-size: 20px; width: auto;}
.aqtos-concept .aq-task-detail-content{position: absolute; inset: 42px 0px 51px; display: grid; grid-template-columns: minmax(0px, 1fr) 163px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(206, 223, 227) transparent;}
.aqtos-concept .aq-task-main{padding: 20px 23px 10px; min-width: 0px;}
.aqtos-concept .aq-task-title-row{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 19px;}
.aqtos-concept #solution-screen .aq-task-title-row h2{font-size: 22px; color: rgb(76, 104, 117); line-height: 1.2;}
.aqtos-concept .aq-task-title-row > svg{color: rgb(183, 198, 205); width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-task-description h3,.aqtos-concept .aq-task-subtasks h3{color: rgb(132, 155, 167); font-size: 10px !important; font-weight: 500 !important;}
.aqtos-concept .aq-task-description p{font-size: 10px; color: rgb(148, 166, 175); line-height: 1.7; padding-top: 7px;}
.aqtos-concept .aq-task-subtasks{margin-top: 18px;}
.aqtos-concept .aq-task-subtasks h3{display: flex; align-items: center; gap: 8px; margin-bottom: 7px !important;}
.aqtos-concept .aq-task-subtasks h3 small{font-size: 8px; color: rgb(172, 187, 192); font-weight: 400;}
.aqtos-concept .aq-task-subtasks h3 > span{margin-left: auto; font-size: 16px; font-weight: 400; color: rgb(169, 189, 196);}
.aqtos-concept .aq-task-subtasks > div{display: flex; align-items: center; gap: 8px; padding: 5px 0px; border-bottom: 1px solid rgb(240, 244, 245); font-size: 9px; color: rgb(134, 159, 169);}
.aqtos-concept .aq-task-subtasks > div > span{border: 1px solid rgb(215, 226, 230); border-radius: 3px; width: 11px; height: 11px; display: grid; place-items: center; font-size: 8px; color: rgb(255, 255, 255);}
.aqtos-concept .aq-task-subtasks b{font-weight: 400 !important;}
.aqtos-concept .aq-task-subtasks .completed > span{background: rgb(129, 201, 196); border-color: rgb(129, 201, 196);}
.aqtos-concept .aq-task-subtasks .completed > b{text-decoration: line-through; color: rgb(176, 189, 194);}
.aqtos-concept .aq-task-subtasks .aq-avatar{width: 18px; height: 18px; font-size: 6px; margin-left: auto;}
.aqtos-concept .aq-task-attachment{display: flex; align-items: center; gap: 8px; width: 245px; border: 1px solid rgb(233, 240, 242); border-radius: 5px; margin-top: 12px; padding: 7px; color: rgb(114, 161, 176); font-size: 9px;}
.aqtos-concept .aq-task-attachment > svg{width: 19px !important; height: 19px !important;}
.aqtos-concept .aq-task-attachment > svg:last-child{margin-left: auto; color: rgb(178, 194, 199); width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-task-attachment small{display: block; font-size: 7px; color: rgb(176, 189, 194); padding-top: 2px;}
.aqtos-concept .aq-task-activity{margin-top: 17px;}
.aqtos-concept .aq-detail-tabs{display: flex; gap: 18px; align-items: center; height: 24px; border-bottom: 1px solid rgb(231, 240, 242); font-size: 9px; color: rgb(163, 180, 186); margin-bottom: 10px;}
.aqtos-concept .aq-detail-tabs b{height: 24px; border-bottom: 2px solid rgb(103, 189, 200); color: rgb(99, 162, 176); font-weight: 500 !important;}
.aqtos-concept .aq-detail-tabs i{font-style: normal; font-size: 7px; color: rgb(168, 188, 195); margin-left: 3px;}
.aqtos-concept .aq-task-comment{display: flex; gap: 7px; margin-top: 9px;}
.aqtos-concept .aq-task-comment > .aq-avatar{width: 23px; height: 23px; font-size: 7px;}
.aqtos-concept .aq-task-comment > div{flex: 1 1 0%;}
.aqtos-concept .aq-task-comment b{font-size: 9px; color: rgb(110, 143, 157); display: block; font-weight: 500 !important;}
.aqtos-concept .aq-task-comment small{font-size: 7px; color: rgb(178, 193, 199); font-weight: 400; padding-left: 6px;}
.aqtos-concept .aq-task-comment p{font-size: 9px; line-height: 1.5; color: rgb(148, 170, 179); padding-top: 3px;}
.aqtos-concept .aq-task-comment-compose{display: flex; align-items: center; margin-top: 11px; gap: 8px; height: 31px;}
.aqtos-concept .aq-task-comment-compose > .aq-avatar{width: 24px; height: 24px; font-size: 8px;}
.aqtos-concept .aq-task-comment-compose > div{display: flex; align-items: center; justify-content: space-between; flex: 1 1 0%; height: 31px; border: 1px solid rgb(226, 236, 239); border-radius: 5px; background: rgb(255, 255, 255); padding: 0px 9px; color: rgb(173, 192, 200); font-size: 9px;}
.aqtos-concept .aq-task-comment-compose > div > span{display: flex; align-items: center; color: rgb(141, 179, 193); font-size: 12px;}
.aqtos-concept .aq-task-comment-compose svg{width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-task-time{display: flex; gap: 25px; align-items: center; margin-top: 19px; color: rgb(164, 182, 190); font-size: 8px;}
.aqtos-concept .aq-task-time > div{display: flex; align-items: center; gap: 7px;}
.aqtos-concept .aq-task-time b{font-size: 10px; color: rgb(124, 156, 170); font-weight: 400 !important;}
.aqtos-concept .aq-task-time > span{margin-left: auto;}
.aqtos-concept .aq-task-time svg{color: rgb(181, 200, 207); width: 13px !important; height: 13px !important;}
.aqtos-concept .aq-task-properties{padding: 20px 16px; background: linear-gradient(135deg, rgb(244, 248, 250), rgb(232, 241, 245)); font-size: 10px; color: rgb(120, 150, 165); min-width: 0px;}
.aqtos-concept .aq-task-properties h3{color: rgb(120, 150, 165); font-size: 11px !important; font-weight: 400 !important; margin-bottom: 20px !important;}
.aqtos-concept .aq-task-properties > span{display: block; font-size: 8px; color: rgb(161, 180, 191); margin-top: 15px; margin-bottom: 5px;}
.aqtos-concept .aq-task-properties > div{display: flex; align-items: center; gap: 6px; min-height: 19px;}
.aqtos-concept .aq-task-properties b{font-weight: 400 !important;}
.aqtos-concept .aq-task-properties svg{color: rgb(162, 183, 190); width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-task-properties .aq-avatar{width: 21px; height: 21px; font-size: 7px;}
.aqtos-concept .aq-task-state{display: flex; align-items: center; gap: 5px; background: rgb(255, 255, 255); border-radius: 4px; padding: 5px 7px; width: 100%; color: rgb(101, 164, 175); font-size: 9px; font-weight: 400 !important;}
.aqtos-concept .aq-task-state i{height: 5px; width: 5px; border-radius: 50%; background: rgb(102, 184, 195);}
.aqtos-concept .aq-task-state > span{margin-left: auto; color: rgb(157, 187, 192);}
.aqtos-concept .aq-task-assignee b{font-size: 9px;}
.aqtos-concept .aq-detail-add{display: grid; place-items: center; border: 1px dashed rgb(200, 217, 222); border-radius: 50%; width: 17px; height: 17px; flex: 0 0 auto; color: rgb(165, 186, 193); font-size: 12px; margin-left: 2px;}
.aqtos-concept .aq-priority-dot{height: 5px; width: 5px; background: rgb(226, 188, 105); border-radius: 50%; margin: 0px 2px;}
.aqtos-concept .aq-task-properties > div > span:last-child:not(.aq-detail-add){color: rgb(176, 193, 198); margin-left: auto;}
.aqtos-concept .aq-task-tag{padding: 3px 6px; background: rgb(223, 235, 242); border-radius: 4px; font-size: 8px; color: rgb(127, 155, 169);}
.aqtos-concept .aq-task-drawer > footer{left: 0px; right: 0px; bottom: 0px; height: 51px; padding: 0px 19px; border-top: 1px solid rgb(233, 240, 243); font-size: 9px; gap: 15px; background: rgb(255, 255, 255);}
.aqtos-concept .aq-task-drawer > footer > b.aq-task-mark-done{display: flex; align-items: center; gap: 6px; margin-left: 0px; margin-right: auto; border-color: rgb(138, 201, 196); color: rgb(104, 174, 166); font-size: 9px; padding: 7px 10px;}
.aqtos-concept .aq-task-discussion-label{font-size: 8px; color: rgb(155, 178, 188);}
.aqtos-concept .aq-task-discussion-label i{font-style: normal; background: rgb(231, 241, 245); border-radius: 50%; width: 14px; height: 14px; display: grid; place-items: center; color: rgb(123, 164, 180);}
.aqtos-concept .aq-profile-drawer{width: 545px; background: linear-gradient(130deg, rgb(244, 250, 251), rgb(232, 242, 246));}
.aqtos-concept .aq-profile-drawer > header{height: 30px; padding: 0px 16px; font-size: 9px; color: rgb(162, 181, 191);}
.aqtos-concept .aq-profile-drawer > header > span{font-size: 9px; width: auto; height: auto; display: block;}
.aqtos-concept .aq-profile-drawer > header svg{width: 12px !important; height: 12px !important;}
.aqtos-concept .aq-profile-intro{display: flex; align-items: center; gap: 13px; padding: 4px 21px 12px; height: 75px;}
.aqtos-concept .aq-profile-intro > .aq-avatar{width: 48px; height: 48px; font-size: 17px; border: 3px solid rgb(255, 255, 255);}
.aqtos-concept .aq-profile-intro > div{flex: 1 1 0%;}
.aqtos-concept #solution-screen .aq-profile-intro h2{font-size: 20px; color: rgb(87, 125, 142); display: flex; align-items: center; gap: 9px;}
.aqtos-concept .aq-profile-intro h2 > span{font-size: 7px; padding: 3px 7px; color: rgb(114, 174, 142); background: rgb(224, 241, 231); border-radius: 9px;}
.aqtos-concept .aq-profile-intro p{font-size: 9px; color: rgb(145, 168, 180); padding-top: 5px;}
.aqtos-concept .aq-profile-intro small{display: block; font-size: 7px; color: rgb(173, 189, 197); margin-top: 4px;}
.aqtos-concept .aq-profile-options{color: rgb(155, 182, 193); font-size: 21px; margin-left: auto;}
.aqtos-concept .aq-profile-tabs{height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 0px 20px; font-size: 9px; color: rgb(148, 172, 184); margin-bottom: 9px;}
.aqtos-concept .aq-profile-tabs > *{padding: 6px 9px; white-space: nowrap;}
.aqtos-concept .aq-profile-tabs > b{color: rgb(92, 158, 178); background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(93, 133, 152, 0.035) 0px 2px 8px; font-weight: 500 !important;}
.aqtos-concept .aq-profile-timeoff-content{position: absolute; inset: 144px 20px 0px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(199, 220, 229) transparent; padding: 0px 1px 15px;}
.aqtos-concept .aq-leave-balances{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px;}
.aqtos-concept .aq-leave-balances > div{height: 64px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 15px 31px; align-items: end; column-gap: 5px; min-width: 0px; background: rgb(255, 255, 255); border-radius: 5px; padding: 8px 11px;}
.aqtos-concept .aq-leave-balances > div > span{grid-column: 1 / -1; align-self: start; font-size: 7px; letter-spacing: 0.6px; color: rgb(169, 187, 197);}
.aqtos-concept .aq-leave-balances strong{font-size: 27px; color: rgb(121, 162, 179); line-height: 1.1; font-weight: 400 !important;}
.aqtos-concept .aq-leave-balances > div:first-child strong{color: rgb(77, 183, 185);}
.aqtos-concept .aq-leave-balances small{font-size: 8px; color: rgb(179, 193, 202); padding-bottom: 3px;}
.aqtos-concept .aq-leave-balances .aq-pending-balance strong{color: rgb(215, 177, 100);}
.aqtos-concept .aq-vacation-plan{display: flex; justify-content: space-between; align-items: center; margin: 10px 1px; font-size: 8px; color: rgb(153, 176, 188); gap: 8px; white-space: nowrap;}
.aqtos-concept .aq-vacation-plan b{color: rgb(122, 156, 171); font-weight: 400 !important;}
.aqtos-concept .aq-vacation-actions{display: flex; gap: 6px;}
.aqtos-concept .aq-vacation-actions i{font-style: normal; border: 1px solid rgb(208, 227, 235); padding: 4px 6px; border-radius: 4px; color: rgb(126, 164, 180); font-size: 7px;}
.aqtos-concept .aq-year-at-glance{background: rgb(255, 255, 255); border-radius: 6px; padding: 10px 12px 8px;}
.aqtos-concept .aq-year-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.aqtos-concept .aq-year-heading h3{color: rgb(134, 162, 177); font-size: 10px !important; font-weight: 400 !important;}
.aqtos-concept .aq-year-heading > span{font-size: 9px; color: rgb(150, 176, 189);}
.aqtos-concept .aq-year-heatmap{display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 5px;}
.aqtos-concept .aq-leave-month b{display: block; font-size: 7px; color: rgb(156, 177, 189); text-align: center; margin-bottom: 5px; font-weight: 400 !important;}
.aqtos-concept .aq-leave-month > div{display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px;}
.aqtos-concept .aq-leave-month i{aspect-ratio: 1 / 1; background: rgb(233, 240, 244); border-radius: 0.5px;}
.aqtos-concept .aq-leave-month i.empty{background: transparent;}
.aqtos-concept .aq-leave-month i.weekend{background: rgb(220, 231, 237);}
.aqtos-concept .aq-leave-month i.vacation{background: rgb(118, 200, 191);}
.aqtos-concept .aq-leave-month i.pending{background: rgb(230, 196, 114);}
.aqtos-concept .aq-leave-key{display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; font-size: 6px; color: rgb(168, 188, 199);}
.aqtos-concept .aq-leave-key > span{display: flex; align-items: center; gap: 4px;}
.aqtos-concept .aq-leave-key i{width: 5px; height: 5px; background: rgb(118, 200, 191); border-radius: 1px;}
.aqtos-concept .aq-leave-key > span:nth-child(2) i{background: rgb(230, 196, 114);}
.aqtos-concept .aq-leave-key > span:nth-child(3) i{background: rgb(220, 231, 237);}
.aqtos-concept .aq-approval-workflow{display: flex; align-items: center; gap: 7px; margin: 13px 2px 12px; color: rgb(138, 166, 180); font-size: 8px;}
.aqtos-concept .aq-approval-workflow > div{display: grid; gap: 4px;}
.aqtos-concept .aq-approval-workflow small{display: block; font-size: 6px; color: rgb(163, 186, 197); letter-spacing: 0.4px;}
.aqtos-concept .aq-approval-workflow > span:last-child > small{margin-top: 3px; letter-spacing: 0px;}
.aqtos-concept .aq-workflow-connector{color: rgb(176, 198, 208); padding: 0px 9px;}
.aqtos-concept .aq-approval-workflow .aq-avatar{height: 23px; width: 23px; font-size: 7px;}
.aqtos-concept .aq-timeoff-history{background: rgb(255, 255, 255); border-radius: 6px; padding: 11px 12px 7px;}
.aqtos-concept .aq-timeoff-list-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.aqtos-concept .aq-timeoff-list-heading h3{color: rgb(132, 162, 178); font-size: 10px !important; font-weight: 400 !important;}
.aqtos-concept .aq-timeoff-list-heading nav{display: flex; gap: 3px; font-size: 7px; color: rgb(163, 184, 195);}
.aqtos-concept .aq-timeoff-list-heading nav > *{padding: 3px 6px;}
.aqtos-concept .aq-timeoff-list-heading nav > b{background: rgb(234, 245, 247); border-radius: 4px; color: rgb(114, 171, 186); font-weight: 400 !important;}
.aqtos-concept .aq-timeoff-table-head,.aqtos-concept .aq-timeoff-request{display: grid; grid-template-columns: 91px 30px 72px minmax(60px, 1fr) 61px 26px; gap: 4px; align-items: center;}
.aqtos-concept .aq-timeoff-table-head{height: 22px; font-size: 7px; color: rgb(167, 186, 197); border-bottom: 1px solid rgb(237, 242, 245);}
.aqtos-concept .aq-timeoff-request{height: 34px; font-size: 7px; color: rgb(135, 163, 178); border-bottom: 1px solid rgb(240, 244, 246);}
.aqtos-concept .aq-timeoff-request:last-child{border-bottom: 0px;}
.aqtos-concept .aq-timeoff-request > span:last-child{text-align: center; font-size: 15px; color: rgb(160, 183, 194);}
.aqtos-concept .aq-timeoff-request[data-target]{background: rgb(255, 252, 244); margin: 0px -5px; padding: 0px 5px; border-radius: 3px;}
.aqtos-concept .aq-request-pending,.aqtos-concept .aq-request-approved{font-size: 7px; display: flex; align-items: center; gap: 3px;}
.aqtos-concept .aq-request-pending{color: rgb(197, 161, 84);}
.aqtos-concept .aq-request-approved{color: rgb(124, 181, 155);}
.aqtos-concept .aq-request-pending > i,.aqtos-concept .aq-request-approved > i{width: 4px; height: 4px; border-radius: 50%; background: currentcolor;}
.aqtos-concept #solution-screen .aq-modules{gap: 4px; padding-top: 3px; padding-bottom: 3px;}
.aqtos-concept #solution-screen .aq-module{height: 43px;}
.aqtos-concept #solution-screen .aq-rail-people{gap: 12px; padding: 10px 3px; bottom: 29px;}
.aqtos-concept #solution-screen .aq-chat-person{position: relative; display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; background: none; border: 0px; padding: 0px; border-radius: 50%; cursor: pointer;}
.aqtos-concept #solution-screen .aq-chat-person .aq-avatar{width: 26px; height: 26px; font-size: 9px;}
.aqtos-concept #solution-screen .aq-chat-person .aq-bot{width: 27px; height: 27px;}
.aqtos-concept #solution-screen .aq-chat-person:hover,.aqtos-concept #solution-screen .aq-chat-person.is-chat-open{box-shadow: rgb(213, 239, 240) 0px 0px 0px 3px;}
.aqtos-concept .aq-chat-presence{position: absolute; right: 1px; bottom: 0px; width: 6px; height: 6px; border: 1.5px solid rgb(255, 255, 255); background: rgb(115, 188, 157); border-radius: 50%;}
.aqtos-concept .aq-chat-dock{position: absolute; right: 12px; bottom: 0px; z-index: 32; display: flex; align-items: flex-end; justify-content: flex-end; gap: 8px; max-width: calc(100% - 104px); pointer-events: none;}
.aqtos-concept #solution-screen .aq-chat-window{width: 252px; height: 318px; flex: 0 0 auto; pointer-events: auto; background: rgb(255, 255, 255); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(214, 231, 232) rgb(214, 231, 232) currentcolor; border-image: none; border-radius: 7px 7px 0px 0px; box-shadow: rgba(34, 75, 89, 0.11) 0px -2px 18px; overflow: hidden; display: flex; flex-direction: column;}
.aqtos-concept #solution-screen .aq-chat-window.is-expanded{width: 348px; height: 434px;}
.aqtos-concept #solution-screen .aq-chat-window.is-minimized{height: 34px; width: 175px;}
.aqtos-concept .aq-chat-heading{height: 34px; min-height: 34px; display: flex; align-items: center; gap: 3px; background: rgb(88, 188, 199); color: rgb(255, 255, 255); padding: 0px 7px;}
.aqtos-concept #solution-screen .aq-chat-dock button{font: inherit; cursor: pointer;}
.aqtos-concept #solution-screen .aq-chat-title{display: flex; align-items: center; gap: 6px; color: inherit; background: none; border: 0px; padding: 0px; min-width: 0px; flex: 1 1 0%; text-align: left; font-size: 10px; font-weight: 500; white-space: nowrap;}
.aqtos-concept .aq-chat-title > span:last-child{overflow: hidden; text-overflow: ellipsis;}
.aqtos-concept #solution-screen .aq-chat-title .aq-avatar,.aqtos-concept #solution-screen .aq-chat-title .aq-bot{height: 22px; width: 22px; font-size: 8px;}
.aqtos-concept .aq-chat-controls{display: flex; align-items: center; gap: 2px;}
.aqtos-concept #solution-screen .aq-chat-controls button{width: 17px; height: 23px; display: grid; place-items: center; color: rgb(233, 251, 252); background: none; border: 0px; border-radius: 3px; padding: 1px;}
.aqtos-concept #solution-screen .aq-chat-controls button:hover{background: rgba(255, 255, 255, 0.18);}
.aqtos-concept #solution-screen .aq-chat-controls svg{height: 12px; width: 12px;}
.aqtos-concept .aq-chat-window.is-minimized .aq-chat-controls [data-chat-action="minimize"],.aqtos-concept .aq-chat-window.is-minimized .aq-chat-controls [data-chat-action="expand"]{display: none !important;}
.aqtos-concept .aq-chat-conversation{flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; background: rgb(251, 252, 252);}
.aqtos-concept .aq-chat-conversation[hidden]{display: none;}
.aqtos-concept .aq-chat-status{height: 25px; display: flex; align-items: center; gap: 4px; color: rgb(157, 174, 179); font-size: 8px; padding: 0px 11px; border-bottom: 1px solid rgb(240, 243, 243); background: rgb(255, 255, 255);}
.aqtos-concept .aq-chat-status > i{display: inline-block; background: rgb(112, 181, 155); border-radius: 50%; width: 4px; height: 4px;}
.aqtos-concept .aq-chat-messages{flex: 1 1 0%; min-height: 0px; overflow: auto; padding: 10px 12px 12px; scrollbar-width: thin; scrollbar-color: rgb(215, 232, 233) transparent;}
.aqtos-concept .aq-chat-day{text-align: center; font-size: 8px; color: rgb(162, 177, 181); margin: 0px 0px 12px;}
.aqtos-concept .aq-chat-message{background: rgb(237, 241, 242); color: rgb(98, 116, 123); border-radius: 7px 7px 7px 1px; padding: 7px 9px; margin: 0px 24px 9px 0px; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere;}
.aqtos-concept #solution-screen .aq-chat-message p{white-space: pre-wrap; margin: 0px;}
.aqtos-concept .aq-chat-message.is-own{margin-left: 24px; margin-right: 0px; background: rgb(224, 241, 242); color: rgb(75, 125, 135); border-radius: 7px 7px 1px;}
.aqtos-concept .aq-chat-message time{display: block; text-align: right; color: rgb(160, 173, 178); font-size: 7px; margin-top: 3px; line-height: 1.1;}
.aqtos-concept .aq-chat-message-file{display: flex; align-items: center; gap: 4px; margin-top: 3px; font-size: 9px;}
.aqtos-concept #solution-screen .aq-chat-message-file svg{width: 12px; height: 12px;}
.aqtos-concept .aq-chat-composer{position: relative; min-height: 79px; background: rgb(255, 255, 255); border-top: 1px solid rgb(230, 237, 237); padding: 7px 10px 8px; flex: 0 0 auto;}
.aqtos-concept .aq-chat-composer-tools{display: flex; align-items: center; gap: 8px; color: rgb(159, 176, 181); height: 17px; margin-bottom: 5px;}
.aqtos-concept #solution-screen .aq-chat-composer-tools svg{height: 12px; width: 12px;}
.aqtos-concept #solution-screen .aq-chat-composer-tools button{border: 0px; background: none; color: inherit; width: 14px; height: 17px; padding: 0px; display: grid; place-items: center; border-radius: 2px;}
.aqtos-concept #solution-screen .aq-chat-composer-tools button:hover{color: rgb(83, 181, 192); background: rgb(238, 248, 248);}
.aqtos-concept #solution-screen .aq-chat-composer textarea{display: block; resize: none; width: calc(100% - 23px); height: 35px; max-height: 70px; border: 0px; background: none; outline: 0px; padding: 0px; color: rgb(89, 118, 128); font: 10px / 1.5 Inter, Arial, sans-serif; scrollbar-width: thin;}
.aqtos-concept #solution-screen .aq-chat-composer textarea::placeholder{color: rgb(168, 180, 184);}
.aqtos-concept #solution-screen .aq-chat-send{position: absolute; right: 9px; bottom: 11px; display: grid; place-items: center; width: 23px; height: 23px; border: 0px; border-radius: 50%; background: none; color: rgb(85, 189, 198); padding: 3px;}
.aqtos-concept #solution-screen .aq-chat-send svg{width: 17px; height: 17px;}
.aqtos-concept #solution-screen .aq-chat-send:hover:enabled{background: rgb(232, 246, 247);}
.aqtos-concept #solution-screen .aq-chat-send:disabled{opacity: 0.4; cursor: default;}
.aqtos-concept .aq-chat-attachment{display: flex; align-items: center; gap: 5px; background: rgb(240, 247, 248); border-radius: 4px; font-size: 8px; color: rgb(97, 147, 160); padding: 3px 5px; margin: 4px 0px 6px;}
.aqtos-concept .aq-chat-attachment[hidden]{display: none;}
.aqtos-concept .aq-chat-attachment > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aqtos-concept #solution-screen .aq-chat-attachment > button{margin-left: auto; background: none; border: 0px; padding: 0px 2px; color: rgb(123, 160, 170);}
.aqtos-concept #solution-screen .aq-chat-dock button:focus-visible,.aqtos-concept #solution-screen .aq-chat-person:focus-visible{outline: rgb(45, 129, 144) solid 2px; outline-offset: 2px;}
.aqtos-concept #solution-screen .aq-chat-composer:focus-within{box-shadow: rgb(104, 193, 203) 0px -2px inset;}
.aqtos-concept #solution-screen .aq-celebration{padding-top: 13px; padding-bottom: 11px; overflow: visible; min-height: 0px;}
.aqtos-concept #solution-screen .aq-celebration > .aq-birthday-icon{position: relative; display: block; flex: 0 0 auto; width: 37px; height: 37px; margin-top: 2px; color: rgb(213, 119, 156);}
.aqtos-concept #solution-screen .aq-birthday-cake{width: 37px; height: 37px; transform-origin: 50% 75%; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.aqtos-concept #solution-screen .aq-celebration:hover .aq-birthday-cake{transform: rotate(-15deg) scale(1.15);}
.aqtos-concept #solution-screen .aq-celebration.is-birthday-scripted .aq-birthday-cake{transform: rotate(var(--aq-cake-rotate,0deg)) scale(var(--aq-cake-scale,1)); transition: none;}
.aqtos-concept .aq-birthday-confetti{position: absolute; inset: 0px; pointer-events: none; z-index: 2;}
.aqtos-concept .aq-birthday-confetti > i{position: absolute; left: 18px; top: 19px; width: 4px; height: 7px; background: var(--aq-confetti-color); opacity: 0; border-radius: 1px;}
.aqtos-concept .aq-birthday-confetti > i:nth-child(3n){width: 5px; height: 5px; border-radius: 50%;}
.aqtos-concept .aq-celebration.is-birthday-scripted .aq-birthday-confetti > i{opacity: var(--aq-confetti-opacity,0); transform: translate(calc(var(--aq-dx) * var(--aq-confetti-travel,0)),calc(var(--aq-dy) * var(--aq-confetti-travel,0))) rotate(calc(var(--aq-turn) * var(--aq-confetti-travel,0))); animation: auto ease 0s 1 normal none running none;}
.aqtos-concept #solution-screen .aq-celebration:hover .aq-birthday-cake,.aqtos-concept #solution-screen .aq-celebration:focus-within .aq-birthday-cake{transform: rotate(-15deg) scale(1.15); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.aqtos-concept .aq-celebration:hover .aq-birthday-confetti > i,.aqtos-concept .aq-celebration:focus-within .aq-birthday-confetti > i{animation: 1s cubic-bezier(0.15, 0.6, 0.35, 1) 0s 1 normal both running aq-birthday-burst;}
@keyframes aq-birthday-burst { 
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg); }
  100% { opacity: 0; transform: translate(var(--aq-dx),var(--aq-dy)) rotate(var(--aq-turn)); }
}
.aqtos-concept #solution-screen .aq-celebration .aq-feed-detail{padding: 5px 8px; font-size: 10px; margin-top: 6px;}
.aqtos-concept #solution-screen .aq-celebration .aq-feed-tag{margin-top: 5px;}
.aqtos-concept .aq-birthday-comments{border-top: 1px solid rgb(237, 240, 241); margin-top: 8px; padding-top: 7px;}
.aqtos-concept .aq-birthday-comments-heading{display: flex; align-items: center; gap: 4px; font-size: 8px; color: rgb(160, 172, 177); margin-bottom: 6px;}
.aqtos-concept #solution-screen .aq-birthday-comments-heading svg{height: 10px; width: 10px;}
.aqtos-concept .aq-birthday-comment-list{max-height: 64px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(224, 235, 237) transparent;}
.aqtos-concept .aq-birthday-comment{display: flex; gap: 6px; align-items: flex-start; margin-bottom: 7px; color: rgb(121, 143, 153);}
.aqtos-concept #solution-screen .aq-birthday-comment > .aq-avatar{height: 19px; width: 19px; font-size: 6px; margin-top: 1px;}
.aqtos-concept .aq-birthday-comment > div{min-width: 0px;}
.aqtos-concept #solution-screen .aq-birthday-comment b{font-size: 8px; color: rgb(125, 148, 159); display: block; line-height: 1.1; font-weight: 500;}
.aqtos-concept #solution-screen .aq-birthday-comment p{font-size: 9px; color: rgb(130, 149, 157); line-height: 1.4; margin-top: 2px; white-space: pre-wrap; overflow-wrap: anywhere;}
.aqtos-concept .aq-birthday-form{display: flex; align-items: center; gap: 5px; border: 1px solid rgb(229, 236, 239); border-radius: 6px; background: rgb(252, 253, 253); min-height: 29px; padding: 5px 7px; margin-top: 2px;}
.aqtos-concept #solution-screen .aq-birthday-input{font: 9px / 1.5 Inter, Arial, sans-serif; resize: none; min-width: 0px; flex: 1 1 0%; height: 15px; border: 0px; padding: 0px; background: none; color: rgb(105, 130, 140); outline: 0px; scrollbar-width: thin;}
.aqtos-concept #solution-screen .aq-birthday-input::placeholder{color: rgb(166, 179, 185);}
.aqtos-concept .aq-birthday-form:focus-within,.aqtos-concept .is-birthday-typing .aq-birthday-form{border-color: rgb(144, 203, 211); box-shadow: rgba(117, 198, 205, 0.043) 0px 0px 0px 2px;}
.aqtos-concept #solution-screen .aq-birthday-send{display: grid; place-items: center; width: 19px; height: 19px; padding: 2px; border: 0px; background: transparent; color: rgb(100, 185, 198); cursor: pointer; border-radius: 50%;}
.aqtos-concept #solution-screen .aq-birthday-send svg{height: 15px; width: 15px;}
.aqtos-concept #solution-screen .aq-birthday-send:hover:enabled{background: rgb(228, 243, 245);}
.aqtos-concept #solution-screen .aq-birthday-send:disabled{opacity: 0.35; cursor: default;}
.aqtos-concept #solution-screen .aq-birthday-send:focus-visible{outline: rgb(96, 182, 192) solid 2px; outline-offset: 2px;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept #solution-screen .aq-birthday-cake{transition: none !important; transform: none !important;}
.aqtos-concept .aq-birthday-confetti > i{animation: auto ease 0s 1 normal none running none !important; opacity: 0 !important;}}
.aqtos-concept #solution-screen{pointer-events: auto;}
.aqtos-concept #solution-screen button{font-family: inherit;}
.aqtos-concept #solution-screen .aq-module{border: 0px; padding: 0px; background-color: transparent; cursor: pointer;}
.aqtos-concept #solution-screen .aq-clock-in{border: 0px; cursor: pointer; min-width: 27px; min-height: 22px; display: grid; place-items: center;}
.aqtos-concept #solution-screen .aq-clock-in.is-checked-in{background: rgb(78, 168, 139); box-shadow: rgb(215, 238, 230) 0px 0px 0px 2px;}
.aqtos-concept #solution-screen button:focus-visible,.aqtos-concept #solution-screen [tabindex]:focus-visible{outline: rgb(51, 155, 167) solid 2px; outline-offset: 2px;}
.aqtos-concept #solution-screen .aq-feed-viewport{overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(205, 228, 231) transparent; padding-bottom: 40px;}
.aqtos-concept #solution-screen [data-target],.aqtos-concept #solution-screen [data-nav]{cursor: pointer;}
.aqtos-concept #solution-screen .aq-feed-card[role="button"]:hover{box-shadow: rgba(55, 103, 115, 0.086) 0px 4px 18px;}
.aqtos-concept #solution-screen button.aq-agenda-card{border: 0px; font: inherit; text-align: left; width: 100%; cursor: pointer;}
.aqtos-concept #solution-screen button.aq-agenda-card:hover{box-shadow: rgba(55, 103, 115, 0.082) 0px 3px 12px;}
.aqtos-concept .aq-checkin-popover{position: absolute; right: 52px; top: 65px; width: 226px; padding: 17px; z-index: 35; background: rgb(255, 255, 255); border: 1px solid rgb(223, 237, 239); border-radius: 10px; box-shadow: rgba(36, 70, 83, 0.15) 0px 10px 35px;}
.aqtos-concept #solution-screen .aq-checkin-popover h3{font-size: 13px; color: rgb(54, 89, 99); font-weight: 600;}
.aqtos-concept #solution-screen .aq-checkin-popover p{font-size: 10px; color: rgb(139, 155, 159); margin: 5px 0px 14px;}
.aqtos-concept .aq-checkin-popover > button{display: flex; align-items: center; gap: 10px; border: 1px solid rgb(191, 226, 228); border-radius: 6px; background: rgb(239, 249, 249); width: 100%; padding: 10px; color: rgb(84, 174, 186); cursor: pointer; text-align: left;}
.aqtos-concept .aq-checkin-popover > button > span{flex: 1 1 0%; display: grid; gap: 2px; font-size: 12px;}
.aqtos-concept .aq-checkin-popover small{font-size: 8px; color: rgb(150, 170, 174);}
.aqtos-concept .aq-checkin-popover > small{display: block; text-align: center; margin-top: 12px;}
.aqtos-concept .aq-checkin-remote{display: flex; align-items: center; gap: 10px; padding: 13px 10px 0px; color: rgb(164, 179, 182); font-size: 11px;}
.aqtos-concept .aq-module-page{padding: 14px 20px;}
.aqtos-concept #solution-screen .aq-module-page > p{margin: 9px 0px 24px; color: rgb(148, 165, 169); font-size: 12px;}
.aqtos-concept .aq-person-card,.aqtos-concept .aq-service-card,.aqtos-concept .aq-office-conversations > button{border: 1px solid rgb(224, 236, 237); border-radius: 10px; background: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 22px; width: 216px; color: rgb(80, 121, 132); font-size: 12px; box-shadow: rgba(49, 86, 101, 0.03) 0px 4px 12px;}
.aqtos-concept .aq-person-card{cursor: pointer;}
.aqtos-concept .aq-person-card > span:not(.aq-avatar),.aqtos-concept .aq-service-card > span,.aqtos-concept .aq-office-conversations span:not(.aq-avatar){color: rgb(161, 175, 179); font-size: 10px;}
.aqtos-concept .aq-person-card > em,.aqtos-concept .aq-service-card > em{font-size: 10px;}
.aqtos-concept .aq-office-conversations{display: flex; gap: 18px;}
.aqtos-concept .aq-office-conversations button{cursor: pointer;}
@media (prefers-reduced-motion: reduce) {.aqtos-concept #solution-screen *{scroll-behavior: auto;}}
.aqtos-concept .hero{--reveal: 0%; --photo-reveal: 0%; --phone-reveal: 0%;}
.aqtos-concept .hero[data-view="solution"]{--reveal: 100%; --photo-reveal: 100%; --phone-reveal: 100%;}
.aqtos-concept .comparison-track[data-ready="true"]{position: relative; height: calc(max(var(--hero-height),100svh - var(--sticky-top)) + var(--reveal-travel) + var(--reveal-hold));}
.aqtos-concept .comparison-track[data-ready="true"] > .hero{position: sticky; top: var(--sticky-top);}
.aqtos-concept .site-header[data-comparison-pinned="true"]{position: fixed; transform: translateY(var(--header-scroll,0px));}
.aqtos-concept .hero:is([data-view="problem"], [data-view="solution"]) :is(.desk-foreground, .solution-foreground, #monitor-screen, #solution-screen, .screen-occlusion, .desk-note-labels, .notebook-date-label, .phone-clean-plate, .phone-alert-stack, .notification-layer, .problem-plant-foliage, .solution-plant-foliage, .solution-vase-finish, #coffee-steam){opacity: 1; visibility: visible; transition: none;}
.aqtos-concept .screen-reveal,.aqtos-concept .steam-reveal,.aqtos-concept .book-reveal{position: absolute; inset: 0px; width: 1672px; height: 941px; pointer-events: none;}
.aqtos-concept .screen-reveal{z-index: 1;}
.aqtos-concept .steam-reveal{z-index: 12;}
.aqtos-concept .book-reveal{z-index: 3;}
.aqtos-concept .deep-work-link{position: absolute; left: 38px; top: 642px; width: 368px; height: 214px; visibility: hidden; pointer-events: none; border-radius: 4px; clip-path: polygon(0px 25%, 55% 0px, 100% 48%, 100% 69%, 41% 100%, 0px 49%);}
.aqtos-concept .hero[data-view="solution"]:not([data-comparing="true"]) .deep-work-link{visibility: visible; pointer-events: auto; cursor: pointer;}
.aqtos-concept .deep-work-link:focus-visible{outline: rgb(35, 137, 149) solid 3px; outline-offset: -3px;}
.aqtos-concept .hero :is(.reveal-problem, .desk-foreground, .screen-occlusion, .desk-note-labels, .notebook-date-label, .problem-plant-foliage){clip-path: inset(0 0 0 var(--photo-reveal));}
.aqtos-concept .hero :is(.reveal-solution, .solution-foreground, .solution-plant-foliage, .solution-vase-finish){clip-path: inset(0 calc(100% - var(--photo-reveal)) 0 0);}
.aqtos-concept .hero .notification-layer{clip-path: inset(0 0 0 var(--reveal));}
.aqtos-concept .hero .phone-alert-stack{clip-path: inset(0 0 0 var(--phone-reveal));}
.aqtos-concept .hero #phone-assembly{clip-path: inset(0 0 0 var(--photo-reveal));}
.aqtos-concept .hero .office-effects{clip-path: inset(0 0 0 var(--reveal));}
.aqtos-concept .solution-room-tint{clip-path: inset(0 calc(100% - var(--reveal)) 0 0);}
.aqtos-concept .hero-copy h1{opacity: var(--headline-opacity,1);}
@media (min-width: 761px) {.aqtos-concept .hero[data-view="problem"] .hero-copy h1{position: relative; isolation: isolate;}
.aqtos-concept .hero[data-view="problem"] .hero-copy h1::before{content: ""; position: absolute; z-index: -1; inset: -0.1em -0.22em; background: linear-gradient(100deg, rgba(244, 216, 93, 0.44), rgba(246, 220, 111, 0.5) 48%, rgba(244, 216, 93, 0.44)); border-radius: 0.1em 0.06em 0.09em 0.04em; clip-path: polygon(0px 6%, 99.5% 0px, 100% 94%, 0.4% 100%); transform: rotate(-0.35deg) skewX(-7deg) scaleX(1); transform-origin: left center; pointer-events: none;}
.aqtos-concept .hero[data-view="problem"][data-assets-ready="true"] .hero-copy h1::before{animation: 0.95s cubic-bezier(0.2, 0.65, 0.3, 1) 0.35s 1 normal both running headline-marker;}
.aqtos-concept .hero[data-paused="true"] .hero-copy h1::before{animation-play-state: paused;}}
@keyframes headline-marker { 
  0% { transform: rotate(-0.35deg) skewX(-7deg) scaleX(0); opacity: 0; }
  12% { opacity: 1; }
  100% { transform: rotate(-0.35deg) skewX(-7deg) scaleX(1); opacity: 1; }
}
@media (min-width: 761px) and (prefers-reduced-motion: reduce) {.aqtos-concept .hero[data-view="problem"][data-assets-ready="true"] .hero-copy h1::before{animation: auto ease 0s 1 normal none running none;}}
.aqtos-concept .comparison-hint{position: absolute; bottom: 48px; left: 0px; right: 0px; z-index: 4; margin: 0px; text-align: center; color: rgb(73, 100, 102); font-size: 11px; font-weight: 400; letter-spacing: 0.15px; pointer-events: none;}
.aqtos-concept .comparison-hint span{display: inline-block; margin-left: 5px; color: rgb(35, 137, 149);}
.aqtos-concept .hero[data-comparing="true"] .comparison-hint,.aqtos-concept .hero[data-view="solution"] .comparison-hint{opacity: 0;}
.aqtos-concept .hero[data-comparing="true"][data-paused="false"] .steam-wisp{animation-play-state: running;}
@media (max-width: 760px) {.aqtos-concept .comparison-track[data-ready="true"]{height: auto;}
.aqtos-concept .comparison-track[data-ready="true"] > .hero{position: relative; top: auto;}
.aqtos-concept .hero{height: auto; display: flex; flex-direction: column; --desk-fade-height: 32px; --mobile-scene-height: calc(max(100vw - 16px,560px)*.59 + 60px);}
.aqtos-concept .hero .scene{position: relative; inset: auto; z-index: 0; width: 100%; height: var(--mobile-scene-height); flex: 0 0 auto;}
.aqtos-concept .hero .scene-layout-reference{top: 62px; bottom: auto; left: 50%; width: max(100%, 560px); height: auto; max-width: none; transform: translateX(-50%);}
.aqtos-concept .hero .hero-copy{width: 100%; padding: 0px 22px 24px; margin: 0px; gap: 0px; background: rgb(255, 255, 255);}
.aqtos-concept .hero .hero-copy h1{order: 0; display: flex; flex-wrap: wrap; place-content: flex-start center; column-gap: 0.22em; width: 100%; max-width: 480px; min-height: 3.45em; margin: 0px; font-size: clamp(28px, 6.5vw, 36px); line-height: 1.15; letter-spacing: -0.7px; color: rgb(35, 61, 65); text-shadow: none; opacity: 1;}
.aqtos-concept .hero .hero-copy h1 .headline-aside{color: rgb(35, 137, 149);}
.aqtos-concept .hero-copy .mode-picker{order: 1; width: min(100%, 304px); background: rgb(242, 246, 246); border-color: rgb(218, 229, 229); box-shadow: none; backdrop-filter: none; padding: 3px; gap: 4px;}
.aqtos-concept .hero-copy .mode-button{flex: 1 1 0%; min-height: 44px; min-width: 0px; padding: 10px 12px; font-size: 14px; color: rgb(83, 107, 110); text-shadow: none;}
.aqtos-concept .hero-copy .mode-button:not(.is-selected):hover{background: rgb(229, 238, 238); color: rgb(35, 61, 65);}
.aqtos-concept .hero-copy #without-aqtos.is-selected{background: rgb(169, 78, 71);}
.aqtos-concept .hero-copy #without-aqtos.is-selected:hover{background: rgb(153, 70, 63);}
.aqtos-concept .hero-copy #with-aqtos.is-selected{background: rgb(28, 119, 129);}
.aqtos-concept .hero-copy #with-aqtos.is-selected:hover{background: rgb(23, 99, 108);}
.aqtos-concept .comparison-hint,.aqtos-concept .comparison-soft-edge{display: none;}
.aqtos-concept .hero .notification-layer{display: block; height: var(--mobile-scene-height); bottom: auto; clip-path: none;}
.aqtos-concept .hero[data-view="solution"] .notification-layer{display: none;}
.aqtos-concept .hero .notification-stack{height: calc(var(--stack-card-height)*min(2,var(--stack-rows,1)) + var(--stack-gap)*min(1,var(--stack-row-gaps,0)));}
.aqtos-concept .hero .notification-stack .notification{display: grid; grid-template-columns: 16px minmax(0px, 1fr); align-items: center; gap: 8px; padding: 7px 10px; border-radius: 9px; background: rgba(255, 255, 255, 0.96); box-shadow: rgba(24, 39, 49, 0.125) 0px 3px 12px;}
.aqtos-concept .hero .notification-stack .notification-top{display: contents;}
.aqtos-concept .hero .notification-stack .app-icon{width: 16px; height: 16px;}
.aqtos-concept .hero .notification-stack .notification-title{margin: 0px; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0px;}
.aqtos-concept .hero .notification-stack :is(.app-name, .notification-time, .notification-detail, .notification-footer){display: none;}
.aqtos-concept .hero .notification-stack .notification:not([data-stack-depth="0"]):not([data-stack-depth="1"]){display: none;}
.aqtos-concept .below-hero{align-items: center; text-align: center; padding: 26px 16px 36px; gap: 12px; border-top: 1px solid rgb(237, 242, 242);}
.aqtos-concept .below-hero p{font-size: 24px; letter-spacing: -0.6px;}
.aqtos-concept .below-hero a{font-size: 14px; white-space: normal; min-height: 44px; justify-content: center;}}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .comparison-track[data-ready="true"]{height: auto;}
.aqtos-concept .comparison-track[data-ready="true"] > .hero{position: relative; top: auto;}
.aqtos-concept .comparison-hint{display: none;}}
.aqtos-concept .scene-loader{position: absolute; inset: 0px; z-index: 8; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: rgb(243, 244, 244); color: rgb(96, 119, 122); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.24s, visibility 0.24s;}
.aqtos-concept .scene-loader-mark{width: 144px; height: 3px; overflow: hidden; border-radius: 3px; background: rgb(217, 230, 230);}
.aqtos-concept .scene-loader-mark::after{content: ""; display: block; width: 40%; height: 100%; border-radius: inherit; background: rgb(35, 137, 149); animation: 1.4s ease-in-out 0s infinite normal none paused scene-loading-line;}
.aqtos-concept .scene-loader-label{font: 400 12px / 1.4 "Fira Sans", "Segoe UI", sans-serif; letter-spacing: 0.2px;}
.aqtos-concept .scene-loader-retry{min-height: 44px; padding: 10px 20px; border: 1px solid rgb(191, 210, 212); border-radius: 24px; background: rgb(255, 255, 255); color: rgb(28, 119, 129); font-size: 13px;}
.aqtos-concept .scene-loader-retry[hidden]{display: none;}
.aqtos-concept .scene-loader[data-error="true"] .scene-loader-mark::after{animation-play-state: paused;}
.scene-loading .aqtos-concept .scene-loader{opacity: 1; visibility: visible; pointer-events: auto;}
.scene-loading .aqtos-concept .scene-loader:not([data-error="true"]) .scene-loader-mark::after{animation-play-state: running;}
.scene-loading .aqtos-concept .hero-copy{visibility: hidden;}
@keyframes scene-loading-line { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(350%); }
}
@media (prefers-reduced-motion: reduce) {.aqtos-concept .scene-loader{transition: none;}
.aqtos-concept .scene-loader-mark::after{animation: auto ease 0s 1 normal none running none; transform: translateX(75%);}}