.hero .hh-collage{height:520px;isolation:isolate;min-width:0}.hh-card{position:absolute;border:1px solid #dce1eb;border-radius:17px;background:white;box-shadow:0 23px 40px -17px #283f6650;overflow:hidden}.hh-studio{position:absolute;left:8px;top:38px;display:flex;align-items:center;gap:9px;padding:12px 14px;background:#ffffffdb;border:1px solid #e0e4ed;border-radius:30px;font-size:11px;font-weight:600;color:#566579;box-shadow:0 9px 20px #31415b0c}.hh-studio>i{width:7px;height:7px;border-radius:50%;background:#6a9f91}.hh-operations{left:0;top:133px;width:76%;z-index:1;rotate:-5deg}.hh-browser{height:35px;display:flex;align-items:center;padding:0 14px;gap:12px;border-bottom:1px solid #e5e9f0;color:#294158}.hh-browser>span{font-size:7px;color:#aab7c7;letter-spacing:2px}.hh-browser b{font-size:10px;font-weight:600}.hh-browser>i{font-style:normal;margin-left:auto;font-size:12px;color:#98a6b9}.hh-app{display:flex;height:267px}.hh-app aside{width:45px;padding:12px 9px;background:#25483f;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:13px}.hh-logo{background:#d7e6cf;color:#244840;width:23px;height:23px;border-radius:6px;display:grid;place-items:center;font-size:19px;font-weight:700;margin-bottom:9px}.hh-app aside>i{width:18px;height:5px;border-radius:3px;background:#95b4a380}.hh-app aside>i:first-of-type{background:#e8ba6d;width:24px;height:15px}.hh-content{padding:17px 14px;flex:1;background:#f7f8fa;min-width:0}.hh-app-title{font-size:15px;font-weight:700;color:#263e50;display:flex;justify-content:space-between;align-items:center}.hh-app-title span{font-size:11px;padding:3px 7px;border-radius:5px;background:#e9b660;color:white}.hh-metrics{display:flex;gap:8px;margin:14px 0 12px}.hh-metrics i{height:33px;flex:1;background:white;border:1px solid #e5e9ef;border-radius:6px;position:relative}.hh-metrics i:after{content:'';position:absolute;left:8px;right:20%;top:10px;height:5px;border-radius:4px;background:#d7af6c;box-shadow:0 9px #e9edf0}.hh-metrics i:nth-child(2):after{background:#70a593}.hh-metrics i:nth-child(3):after{background:#9a8bba}.hh-chart{background:#fff;border:1px solid #e5e9ef;border-radius:7px;padding:9px 11px}.hh-chart>span,.hh-table>span{display:block;color:#68768a;font-size:8px;font-weight:600}.hh-chart>div{height:54px;display:flex;gap:7px;align-items:flex-end;margin-top:7px;background:repeating-linear-gradient(0deg,#e9edf3 0 1px,transparent 1px 18px)}.hh-chart i{flex:1;height:var(--bar);background:#dfad60;border-radius:3px 3px 0 0;transform-origin:bottom}.hh-chart i:nth-child(even){background:#f0cc91}.hh-table{margin-top:11px}.hh-table>div{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2e7ef;padding:5px 0}.hh-table i{height:4px;width:46%;border-radius:3px;background:#b6c1cf}.hh-table b{height:4px;width:15%;border-radius:3px;background:#dbe0e8;margin-left:auto}.hh-table em{width:22px;height:8px;border-radius:4px;background:#dcece3}
.hh-ai{right:0;top:7px;width:57%;z-index:2;padding:17px 18px;background:linear-gradient(135deg,#263d57,#172638);border-color:#40546e;rotate:6deg;color:#fff}.hh-ai-label{display:flex;align-items:center;gap:7px;color:#bbcce0;font-size:10px}.hh-ai-label>span{font-size:17px;color:#e5bb7b}.hh-ai-label>i{margin-left:auto;font-style:normal}.hh-ai-title{font-size:19px;font-weight:700;margin:9px 0 15px;letter-spacing:-.4px}.hh-ai-source{display:flex;align-items:center;background:#ffffff0e;border:1px solid #ffffff20;border-radius:8px;padding:10px;gap:10px}.hh-ai-source>span{font-size:20px;color:#d0b3eb}.hh-ai-source>div{flex:1}.hh-ai-source i{display:block;height:4px;border-radius:4px;background:#8395ae;margin:5px 0}.hh-ai-source i:last-child{width:62%;background:#586f8b}.hh-ai-source>b{color:#cab694;font-size:15px}.hh-ai-route{display:flex;align-items:center;gap:4px;justify-content:space-between;margin:14px 0}.hh-ai-route b{font-size:8px;font-weight:500;border:1px solid #8ca0ba4d;background:#5269806b;padding:8px 6px;border-radius:6px}.hh-ai-route b:nth-of-type(2){background:#917da26b}.hh-ai-route b:last-of-type{background:#648e856b}.hh-ai-route i{font-style:normal;color:#d5b47f;font-size:13px}.hh-ai-status{display:flex;align-items:center;gap:7px}.hh-ai-status>span{width:5px;height:5px;border-radius:50%;background:#8fc7ac}.hh-ai-status>i{height:3px;background:#72889c;width:55%;border-radius:2px}.hh-ai-status>b{margin-left:auto;color:#a4cdbb;font-size:11px}
.hh-mobile{width:32%;right:-5px;bottom:4px;z-index:3;rotate:7deg;border:5px solid #22443f;border-radius:26px;background:#f6faf7;padding:0 10px 11px}.hh-notch{margin:7px auto 12px;width:29px;height:4px;border-radius:6px;background:#22443f}.hh-mobile-top{display:flex;align-items:center;justify-content:space-between;color:#244b41;font-size:15px;font-weight:700}.hh-mobile-top>i{width:18px;height:18px;border-radius:50%;background:#d4e3c1}.hh-mobile-date{font-size:8px;color:#638279;margin:9px 0 7px}.hh-mobile-map{height:64px;background:#e2ebde;border-radius:8px;overflow:hidden}.hh-mobile-map svg{width:100%;height:100%}.hh-mobile-tasks{display:grid;gap:6px;margin:9px 0}.hh-mobile-tasks>div{display:flex;align-items:center;gap:6px;padding:7px 5px;border:1px solid #e2e8e1;border-radius:7px;background:#fff}.hh-mobile-tasks b{font-size:9px;color:#6d9e86;background:#e6efe5;padding:2px 3px;border-radius:3px}.hh-mobile-tasks span{flex:1}.hh-mobile-tasks i{display:block;height:3px;background:#a8bfb5;border-radius:2px;margin:3px 0}.hh-mobile-tasks i:last-child{width:60%;background:#d0dcd4}.hh-mobile-save{display:flex;justify-content:space-between;background:#458979;color:#fff;border-radius:6px;padding:7px 5px;font-size:7px}.hh-mobile-nav{display:flex;justify-content:space-around;margin-top:11px}.hh-mobile-nav>i{width:5px;height:5px;border-radius:50%;background:#c4d7cd}.hh-mobile-nav>i:first-child{background:#398a76}
@media(max-width:760px){.hero .hh-collage{height:460px;max-width:440px;margin:15px auto 0;width:100%}.hh-operations{top:130px;width:79%}.hh-ai{width:58%}.hh-studio{top:40px;left:0;font-size:9px;padding:10px}.hh-mobile{right:1px;width:32%;bottom:0}.hh-app{height:253px}.hh-content{padding:13px 11px}.hh-ai{padding:15px}.hh-ai-route b{font-size:7px;padding:7px 4px}.hh-ai-title{font-size:17px}.hh-mobile-top{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero .hh-collage,.hero .hh-card{animation:none!important}}