.relaydesk-project h1,.relaydesk-project h2,.relaydesk-project h3{text-wrap:balance}.relaydesk-project .rr-carousel-bar{flex-wrap:wrap;gap:16px 24px}.relaydesk-project .rr-carousel-bar label{display:flex;align-items:center;gap:12px;min-width:0}.relaydesk-project .rr-carousel-bar select{max-width:310px;padding-right:44px;background-position:right 16px center}.relaydesk-project .rr-carousel-stage{margin-inline:40px}.relaydesk-project .rr-slide-prev{left:-40px}.relaydesk-project .rr-slide-next{right:-40px}.relaydesk-project .rr-slide-prev,.relaydesk-project .rr-slide-next{width:32px}.relaydesk-project .pp-comparison{display:block}.relaydesk-project .pp-preview-column{min-width:0}.relaydesk-project .pp-phone-scroll{height:760px;border-radius:0;border:0;max-width:100%;background:#F3F4F7;scrollbar-color:#B9ADF6 #F3F4F7}.relaydesk-project .rr-screen[data-viewport="Phone"] .pp-preview-column{max-width:430px;margin-inline:auto}.relaydesk-project .rr-screen[data-viewport="Tablet portrait"] .pp-preview-column{max-width:768px;margin-inline:auto}.relaydesk-project .rr-screen img{width:100%;height:auto;display:block;border:0;border-radius:0;background:transparent}.relaydesk-project .rr-screen:not([data-mobile-mode=wire]) [data-preview-mode=wire],.relaydesk-project .rr-screen[data-mobile-mode=wire] [data-preview-mode=finished]{display:none}.relaydesk-mobile-modes{display:flex;gap:6px;margin:0 0 24px}.relaydesk-mobile-modes button{font:inherit;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:6px;padding:10px 20px}.relaydesk-mobile-modes button[aria-pressed=true]{background:#4438B7;color:white;border-color:#4438B7}.relaydesk-viewer .viewer-stage img{max-width:min(1440px,100%);width:auto;height:auto;max-height:none;object-fit:contain}.relaydesk-viewer .viewer-stage.is-zoomed img{width:1440px;max-width:none}.relaydesk-viewer .rr-viewer-switch button[aria-pressed=true]{background:#4438B7;color:white}.relaydesk-project .pp-design-note{max-width:960px}
@media(max-width:760px){.relaydesk-project .rr-carousel-stage{margin-inline:0;padding-bottom:58px}.relaydesk-project .rr-slide-prev,.relaydesk-project .rr-slide-next{top:auto;bottom:0;transform:none;width:44px;height:42px}.relaydesk-project .rr-slide-prev{left:0}.relaydesk-project .rr-slide-next{right:0}.relaydesk-project .rr-carousel-bar{display:grid;grid-template-columns:1fr}.relaydesk-project .rr-carousel-bar label{display:grid;grid-template-columns:95px minmax(0,1fr)}.relaydesk-project .rr-carousel-bar select{width:100%;max-width:none;min-width:0}.relaydesk-project .pp-phone-scroll{height:650px}.relaydesk-project .rr-screen[data-viewport="Desktop"] .pp-phone-scroll,.relaydesk-project .rr-screen[data-viewport="Tablet landscape"] .pp-phone-scroll{height:430px}.relaydesk-project .pp-compact-head{display:block}.relaydesk-project .pp-compact-head>p{margin-top:16px}}
.relaydesk-project .pp-comparison .pp-phone-scroll{height:auto;max-height:900px}.relaydesk-project .rr-screen[data-viewport="Phone"] .pp-phone-scroll{max-height:900px}@media(max-width:760px){.relaydesk-project .pp-comparison .pp-phone-scroll{height:auto;max-height:650px}}
@media(min-width:761px) and (max-width:1000px){.relaydesk-project .rr-carousel-stage{margin-inline:28px}.relaydesk-project .rr-screen{padding:24px}.relaydesk-project .rr-slide-prev{left:-28px}.relaydesk-project .rr-slide-next{right:-28px}.relaydesk-project .rr-slide-prev,.relaydesk-project .rr-slide-next{width:24px}.relaydesk-project .pp-compact-head{gap:20px}}

.rd-cover{background:#4438B7;color:#fff;overflow:hidden}.rd-cover .rr-cover-label{display:flex;flex-direction:column;align-items:center;padding:0;min-height:116px;gap:18px;margin-bottom:30px}.rd-preview-logo{display:block;width:330px;max-width:80%;height:72px;object-fit:contain}.rd-cover .rr-cover-label small{color:white}.rd-cover-screens{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:340px;overflow:hidden;align-items:start}.rd-cover-screens img{width:100%;height:auto;border-radius:8px 8px 0 0;box-shadow:0 8px 24px #17104440;border:1px solid #ffffff50}.relaydesk-project .rd-purple{background:#4438B7}.relaydesk-project .rd-lavender{background:#B9ADF6}.relaydesk-project .rd-mint{background:#9FE0D2}.relaydesk-project .pp-comparison{display:block}.relaydesk-project .rr-screen img{border-radius:0!important}.relaydesk-project .pp-phone-scroll{background:#F3F4F7}.relaydesk-viewer .viewer-stage{overflow:auto}.relaydesk-viewer .viewer-stage img{max-width:100%;width:1440px;height:auto;max-height:none}.relaydesk-viewer .viewer-stage.is-zoomed img{width:1440px;max-width:none}
@media(max-width:900px){.rd-cover-screens{height:270px;gap:14px}}@media(max-width:700px){.rd-cover .rr-cover-label{min-height:94px;gap:14px;margin-bottom:24px}.rd-preview-logo{height:54px;width:260px}.rd-cover-screens{height:230px;gap:12px;grid-template-columns:1fr}.rd-cover-screens img+img{display:none}.relaydesk-project .pp-compact-head{display:block}.relaydesk-project .pp-phone-scroll{max-height:650px}}