.device{gap:10px;min-width:0;margin:0;display:grid}.device figcaption{color:var(--muted);font-size:14px;line-height:1.4}.device figcaption strong{color:var(--ink);font-weight:600}.device-phone-screen{background:#1d1917;border-radius:42px;padding:10px;overflow:hidden;box-shadow:0 30px 70px #27211f33,0 4px 14px #27211f1f}.device-phone-screen iframe{width:100%;height:720px;min-height:420px;transition:height .4s var(--ease);clip-path:inset(0 round 32px);background:#fff9e9;border:0;border-radius:32px;display:block}.device-phone-screen .booking-preview-loader{height:720px;color:var(--muted);background:#fff9e9;border-radius:32px;place-items:center;margin:0;display:grid}.device-open{text-underline-offset:4px;justify-self:start;font-size:14px;text-decoration:underline}.device-screen{background:var(--paper);border:10px solid #1d1917;border-radius:26px;grid-template-columns:172px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 70px #27211f26,0 4px 14px #27211f1a}.device-tablet .device-screen{grid-template-columns:minmax(0,1fr)}.device-computer .device-screen{border-width:8px 8px 22px;border-radius:14px}.device-areas{border-right:1px solid var(--line);background:#f7f6f2;align-content:start;gap:12px;padding:16px;display:grid}.device-tablet .device-areas{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;display:flex}.device-role{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:600}.device-areas ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.device-tablet .device-areas ul{flex-wrap:wrap;gap:4px 12px;display:flex}.device-areas li{color:var(--muted);border-radius:8px;padding:4px 8px;font-size:13px;line-height:1.3}.device-tablet .device-areas li{padding:0}.device-areas li[aria-current]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:600}.device-tablet .device-areas li[aria-current]{box-shadow:none;background:0 0}.device-register{gap:12px;padding:16px;display:grid}.device-register header{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.device-register header strong{font-size:16px}.device-register header span{color:var(--muted);font-size:13px}.device-register header .device-summary{color:var(--ink);flex-basis:100%}.device-register ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.device-register li[data-new]{animation:device-arrive .6s var(--ease) both}.device-computer .management-rows{padding:12px}.device-computer .management-rows ul{margin:0;padding:0;list-style:none}@keyframes device-arrive{0%{opacity:0;transform:translateY(-8px);box-shadow:0 0 0 3px #e6b14d66}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.device-register li[data-new]{animation:none}}@media (max-width:600px){.device-phone-screen{border-radius:36px;padding:7px}.device-phone-screen .booking-preview-loader{border-radius:30px;height:min(560px,66svh)}.device-phone-screen iframe{clip-path:inset(0 round 30px);border-radius:30px}.device-screen{border-width:7px;border-radius:22px;grid-template-columns:minmax(0,1fr)}.device-computer .device-screen{border-width:6px 6px 16px}.device-computer .device-areas{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.device-computer .device-areas ul{gap:4px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.device-computer .device-areas li{white-space:nowrap}.device-computer .device-areas li[aria-current]{order:-1}}.staff-scene{font-family:var(--sans);position:relative}.staff-phone-scene{width:min(390px,100%);margin-left:auto}.device-admin-phone .device-phone-screen>.owner-console{min-height:var(--phone-console,434px);box-shadow:none;background:hsl(var(--background));border:0;border-radius:32px}.staff-scene .scene-replay{margin-top:12px}@media (max-width:900px){.staff-phone-scene{margin-inline:auto}}@media (max-width:600px){.device-admin-phone .device-phone-screen>.owner-console{border-radius:30px}}.staff-scene+.feature-facts{margin-top:40px}