/* Code-native smartphone preview of the existing Team view in the new brand. */
.home-page .home-hero{padding-top:28px;padding-bottom:54px;min-height:700px}
.app-preview{position:relative;isolation:isolate;margin:0;min-width:0;height:630px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 52% 48%,#edf2d9 0%,#f5f6ee 42%,#fff 72%)}
.app-preview-orbit{position:absolute;z-index:-1;border:1px solid #e0e5ce;border-radius:50%;pointer-events:none}.app-preview-orbit-outer{width:450px;height:450px}.app-preview-orbit-inner{width:350px;height:350px;border-color:#e8ebde}
.hero-device{display:block;position:relative;flex:none;width:286px;height:600px;padding:7px;border:1px solid #646464;border-radius:43px;background:#373737;box-shadow:0 28px 48px #37373722,0 4px 10px #37373718;transform:rotate(5deg);text-decoration:none;color:#373737;transition:transform .2s ease;overflow:hidden}
.hero-device:hover{transform:rotate(3deg) translateY(-3px)}
.hero-device-screen{height:100%;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:35px;overflow:hidden;padding:13px 15px 0;line-height:1.4;text-align:left}
.device-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:79px;height:23px;background:#292929;border-radius:18px}
.device-status{display:flex;justify-content:space-between;align-items:center;padding:0 7px;height:24px;flex:none;font-size:11px;font-weight:700}.device-status-icons{display:flex;align-items:center;gap:4px}.device-status-icons svg{width:13px;height:10px;fill:#373737}.device-status-icons svg:nth-child(2){width:15px}.device-battery{display:block;position:relative;border:1px solid #777;border-radius:3px;padding:2px;width:20px;height:10px}.device-battery:before{content:"";display:block;background:#373737;height:100%;border-radius:1px}.device-battery:after{content:"";position:absolute;top:2px;right:-3px;width:2px;height:4px;background:#777;border-radius:0 1px 1px 0}
.device-app-brand{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:none;margin:15px 0 12px}.device-app-brand>img{display:block;width:184px;height:auto;margin-left:-3px}.device-profile{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #e1e1e1;border-radius:50%;background:#f2f2f2;font-size:9px;font-weight:700}
.device-search{display:flex;align-items:center;gap:8px;flex:none;background:#f2f2f2;border-radius:9px;height:34px;padding:0 10px;color:#777;font-size:10px}.device-search svg{width:15px;height:15px;fill:none;stroke:#777;stroke-width:1.7;stroke-linecap:round}
.device-view-heading{display:flex;justify-content:space-between;align-items:center;font-size:25px;font-weight:700;letter-spacing:-.04em;margin:23px 0 16px}.device-view-heading svg{width:21px;height:21px;stroke:#626262;stroke-width:1.6;stroke-linecap:round;fill:none}
.device-company{display:flex;gap:9px;align-items:center;flex:none;padding:0 0 14px;border-bottom:1px solid #e5e5e5}.device-company-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f2f2f2}.device-company>div{display:flex;flex-direction:column;gap:3px}.device-company strong{font-size:11px;font-weight:700}.device-company>div>span{font-size:8px;color:#777}.device-member-count{margin-left:auto;font-size:10px;color:#777}
.device-team-list{flex:none}.device-person{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #ededed}.device-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#f2f2f2;color:#626262;font-size:11px;font-weight:600}.device-avatar-green{background:#96b914;color:#373737}.device-avatar-pale{background:#eef3da;color:#586f0c}.device-person-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.device-person-copy strong{font-size:11px;font-weight:600;letter-spacing:-.02em}.device-person-copy>span{display:flex;align-items:center;gap:4px;color:#777;font-size:8px;white-space:nowrap}.device-person-copy b{font-size:8px;font-weight:400}.device-presence{display:block;width:4px;height:4px;border-radius:50%;background:#96b914}.device-presence-busy{background:#626262}.device-call{display:grid;place-items:center;margin-left:auto;flex:none;width:28px;height:28px;border-radius:50%;background:#f5f7ec}.device-call img{display:block;width:17px;height:17px}
.device-app-note{display:flex;justify-content:center;align-items:center;gap:6px;flex:1;min-height:32px;font-size:8px;color:#777}.device-app-note>span{width:4px;height:4px;background:#96b914;border-radius:50%}
.device-tabs{display:grid;grid-template-columns:repeat(5,1fr);flex:none;border-top:1px solid #ededed;margin:0 -15px;padding:10px 7px 8px;gap:1px}.device-tabs>div{display:flex;flex-direction:column;align-items:center;gap:4px;color:#888;font-size:7px;font-weight:600}.device-tabs svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.device-tabs .device-keypad{fill:currentColor;stroke:none}.device-tabs .device-tab-active{color:#586f0c}.device-tab-active>img{display:block;width:21px;height:20px}.device-home-indicator{flex:none;width:92px;height:4px;border-radius:5px;background:#373737;margin:5px auto 6px}
.app-preview-note{position:absolute;z-index:2;left:0;bottom:115px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:15px 19px;box-shadow:0 10px 28px #3737370c;transform:rotate(-2deg)}.app-preview-note>img{display:block;flex:none}.app-preview-note>span{font-size:11px;color:#626262;line-height:1.6}.app-preview-note strong{font-weight:600;color:#373737}.app-preview figcaption{position:absolute;bottom:-10px;left:0;right:0;text-align:center;font-size:10px;line-height:1.6;color:#777}
@media(max-width:1100px) and (min-width:761px){.home-page .home-hero{gap:28px}.app-preview-orbit-outer{width:350px;height:350px}.app-preview-orbit-inner{width:290px;height:290px}.app-preview-note{left:-10px;bottom:95px;padding:12px 14px}.app-preview-note>span{font-size:10px}}
@media(max-width:760px){.home-page .home-hero{padding-top:33px;padding-bottom:48px;min-height:0;gap:26px}.app-preview{height:640px;max-width:490px;width:100%;margin:0 auto}.app-preview-orbit-outer{width:min(400px,100%);height:auto;aspect-ratio:1}.app-preview-orbit-inner{width:310px;height:310px}.app-preview-note{left:6px;bottom:107px}.app-preview figcaption{bottom:-4px;font-size:10px}}
@media(max-width:420px){.app-preview{height:626px}.hero-device{width:278px;height:584px;transform:rotate(4deg)}.hero-device:hover{transform:rotate(4deg)}.device-app-brand{margin-top:13px;margin-bottom:10px}.device-app-brand>img{width:177px}.device-view-heading{margin-top:19px;margin-bottom:14px}.device-person{padding:14px 0}.app-preview-note{left:-2px;bottom:86px;padding:12px 14px;gap:8px}.app-preview-note>span{font-size:10px}.app-preview-note>img{width:25px;height:25px}.app-preview figcaption{bottom:-1px;font-size:9px}}
@media(max-width:360px){.hero-device{width:262px;height:564px;transform:rotate(3deg)}.device-app-brand>img{width:164px}.device-profile{width:27px;height:27px}.device-person{gap:7px;padding:13px 0}.device-avatar{width:32px;height:32px}.device-person-copy strong{font-size:10px}.device-person-copy>span{font-size:7.5px}.device-tabs>div{font-size:6.5px}.app-preview{height:600px}.app-preview-note{bottom:80px}.app-preview-orbit-inner{width:260px;height:260px}}
@media(prefers-reduced-motion:reduce){.hero-device{transition:none}.hero-device:hover{transform:rotate(5deg)}}