/* Recreated app styling follows inspected Check-In / BrandHeader tokens. */
.person-photo{display:block;width:64px;height:64px;border:1px solid #deded8;border-radius:10px;object-fit:cover;flex:none}.row-person{position:relative;min-height:64px;padding-left:80px;display:flex;flex-direction:column;justify-content:center}.row-person>.person-photo{position:absolute;left:0;top:0}.demo-cast{display:flex;flex-wrap:wrap;gap:18px;border-bottom:1px solid #deded8;margin:0 0 24px;padding:0 0 18px}.demo-cast>div{display:flex;align-items:center;gap:10px;max-width:100%;font-size:12px;color:#5c5c57}.demo-cast .person-photo{width:52px;height:52px}.actual-app-brand{display:flex;gap:24px;align-items:center;padding:16px 24px;background:#050505;color:#f7f7f4}.actual-app-brand>img{width:96px;height:auto}.actual-app-brand strong{font-size:22px;display:block;line-height:1.3}.actual-app-brand span{display:block;font-size:10px;color:#a8a8a3;letter-spacing:.04em;margin-top:6px}.owner-journey .demo{border-radius:16px;background:#f7f7f4;border-color:#deded8}.owner-journey .demo-bar{background:#f7f7f4;color:#5c5c57;border-bottom:1px solid #deded8}.owner-journey .screen{background:#fff;margin:18px;border:1px solid #deded8;border-radius:14px;padding:24px}.owner-journey .screen h3{font-size:28px;font-weight:700;letter-spacing:-.02em}.owner-journey .screen-row{padding:16px 0;align-items:center}.owner-journey .screen .button{border-radius:8px;min-height:48px}.owner-journey .tour-controls{background:#f7f7f4}.photo-treatment-note{padding:0 24px 16px;font-size:12px;line-height:1.5;color:#5c5c57;margin:0}.arrival-body .row-person{min-height:64px;padding-left:76px}.arrival-body .person-photo{width:60px;height:60px}.difference .rank-example>.person-photo{width:96px;height:96px;position:static;margin-bottom:20px}.difference .rank-example.row-person{padding-left:30px}.screen-row>div{min-width:0}.screen-row small{overflow-wrap:anywhere}.screen .pill{white-space:normal}.app-screen figure img{background:#f7f7f4}
@media(max-width:600px){.demo-cast{gap:12px;margin-bottom:18px}.demo-cast>div{font-size:11px;gap:8px}.demo-cast .person-photo{width:44px;height:44px}.owner-journey .screen{margin:10px;padding:18px}.actual-app-brand{padding:14px;gap:16px}.actual-app-brand>img{width:72px}.actual-app-brand strong{font-size:19px}.actual-app-brand span{font-size:9px}.screen .row-person{min-height:52px;padding-left:64px}.screen .row-person>.person-photo{width:52px;height:52px}.owner-journey .screen h3{font-size:25px}.arrival-person{gap:8px}.arrival-body .row-person strong{font-size:16px}.photo-treatment-note{padding:0 16px 14px;font-size:11px}}