.hero-portraits,.phone-profile-portraits{position:absolute;inset:0;z-index:3;pointer-events:none}.demo-portrait{--portrait-size:175%;--portrait-offset:-42%;position:absolute;display:block;aspect-ratio:1;overflow:hidden;border:1px solid #dce1e5;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff;pointer-events:none}.demo-portrait img{position:absolute;top:50%;left:50%;display:block;width:var(--portrait-size);height:var(--portrait-size);max-width:none;object-fit:cover;transform:translate(var(--portrait-x,-50%),var(--portrait-offset))}.demo-portrait[data-portrait-person=lilly]{--portrait-size:180%;--portrait-x:-50%;--portrait-offset:-42%}.demo-portrait[data-portrait-person=ella]{--portrait-size:130%;--portrait-offset:-54%}.demo-portrait[data-portrait-person=luke]{--portrait-size:160%;--portrait-offset:-35%}.demo-portrait[data-portrait-person=amara]{--portrait-offset:-54%}.demo-portrait[data-portrait-person=zoe]{--portrait-size:120%;--portrait-offset:-60%}.demo-portrait[data-portrait-person=sofia-martinez]{--portrait-size:300%;--portrait-x:-65%;--portrait-offset:-30%}.demo-portrait[data-portrait-person=maya]{--portrait-size:100%;--portrait-offset:-55%}.demo-portrait[data-portrait-person=theo]{--portrait-size:240%;--portrait-x:-47%;--portrait-offset:-40%}.demo-portrait[data-portrait-person=dawson]{--portrait-size:120%;--portrait-offset:-60%}.hero-profile{left:78.33%;top:90.3%;width:6.65%}.preview-shift-board{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2%;padding:0;background:#eef0f1;color:#17181a;container-type:inline-size;overflow:hidden;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,DM Sans,sans-serif}.hero-shift-board{left:5.8%;top:20.4%;width:88.4%;height:67.6%}.pocket-shift-board{display:none;left:2.7%;top:19.65%;width:94.6%;height:70.55%}.phone-frame[data-demo-slot=shifts] .pocket-shift-board{display:flex}.preview-shift-group{display:flex;flex:1;min-height:0;flex-direction:column;padding:1.8cqw;border:1px solid #d9dee1;border-radius:5cqw;background:#fafbfc}.preview-shift-group:nth-child(2){flex:1.8}.preview-shift-group h4{display:flex;align-items:center;justify-content:space-between;flex:none;margin:0;padding:2.6cqw 2.8cqw;border-radius:3cqw;background:#252b2e;color:#fff;font-size:4.2cqw;font-weight:600;line-height:1.25;letter-spacing:-.015em}.preview-shift-group h4 span{font-size:4.5cqw;line-height:1}.preview-shift-positions{display:grid;flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:2cqw;margin-top:2cqw}.preview-shift-position{display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:center;margin:0;padding:2.2cqw;border:1px solid #d9dee1;border-radius:3.6cqw;background:#f2f3f4}.preview-shift-position h5{margin:0 0 2.1cqw;color:#252b2e;font-size:3.8cqw;font-weight:600;line-height:1.2;letter-spacing:-.025em;white-space:nowrap}.preview-shift-person{display:grid;grid-template-columns:8.4cqw minmax(0,1fr) 1.5cqw;align-items:center;gap:1.6cqw;padding:2.1cqw 1.6cqw;border:1px solid #e7e9ea;border-radius:2cqw;background:#fff}.board-portrait{position:relative;width:8.4cqw;height:8.4cqw}.preview-shift-person strong{display:block;color:#17181a;font-size:3.6cqw;font-weight:700;line-height:1.25;letter-spacing:-.025em;white-space:nowrap}.preview-shift-time{display:block;margin-top:1.2cqw;color:#777d82;font-size:3.15cqw;font-weight:400;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.preview-shift-state{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#ee775f}.preview-shift-position[data-preview-position=captain] .preview-shift-state{background:#16b988}.phone-profile{left:80.8%;top:92.55%;width:6.6%}.phone-hub-profile,.phone-hub-navigation,.phone-hub-name,.phone-hub-title,.phone-hub-badge,.phone-frame[data-demo-slot=hub] .phone-profile{display:none}.phone-frame[data-demo-slot=hub] .phone-hub-profile,.phone-frame[data-demo-slot=hub] .phone-hub-navigation,.phone-frame[data-demo-slot=hub] .phone-hub-name,.phone-frame[data-demo-slot=hub] .phone-hub-title{display:block}.phone-frame[data-demo-slot=hub] .phone-hub-badge{display:grid}.phone-hub-profile{left:4%;top:13.85%;width:14%}.phone-hub-navigation{left:68.5%;top:92.55%;width:6.6%}.phone-hub-name{position:absolute;left:21.2%;top:14.6%;width:42%;height:3.2%;background:#f2f2f0;color:#17181a;font:700 clamp(10px,5.8cqw,17px)/1.25 -apple-system,BlinkMacSystemFont,"DM Sans",sans-serif;letter-spacing:-.025em;white-space:nowrap}.phone-hub-title{position:absolute;left:21.2%;top:18%;width:28%;height:2.7%;padding-top:.15%;background:#f2f2f0;color:#17181a;font:600 clamp(7px,3.65cqw,11px)/1.5 -apple-system,BlinkMacSystemFont,"DM Sans",sans-serif;letter-spacing:-.02em;white-space:nowrap}.phone-hub-badge{position:absolute;left:13.5%;top:18.35%;width:5.1%;aspect-ratio:1;place-items:center;border:.35cqw solid #f2f2f0;border-radius:50%;background:#252b2e;color:#fff;font:400 4cqw/1 -apple-system,BlinkMacSystemFont,DM Sans,sans-serif}.zz-tav.demo-portrait{position:relative;flex:none;display:block;width:28px;height:28px;aspect-ratio:1;padding:0}