/* Shared primitives for the marketing homepage. Product composition is in premium.css. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1d1d1f;background:#fff;font-synthesis:none;line-height:1.6;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#007fb3;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(32px,3.7vw,48px)}p{color:var(--muted)}ul,ol{padding:0;margin:0;list-style:none}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-top:110px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}
.site-header{display:flex;align-items:center;gap:32px}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:13px}.site-header nav a:hover,.login-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:18px}.login-link{font-size:13px}.lang-switch{display:flex;gap:8px;font-size:11px}.lang{color:var(--muted)}.lang.current{color:var(--ink);font-weight:700}.lang-code{display:none}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;font-size:14px;padding:14px 20px;min-height:48px;transition:background .15s}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:transparent;border-color:var(--line)}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:14px;padding-block:5px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.eyebrow{display:block;font-size:13px;line-height:1.5;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
/* Screenshot tour: crop or contain real source images; never scroll inside an image. */
.tour-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 0}.tour-tabs{display:flex;gap:6px;flex-wrap:wrap}.tour-tabs button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;padding:10px 14px;min-height:44px;font-size:13px}.tour-tabs button:hover:not([aria-selected=true]){background:#e9eef2}.device-switch,.view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:20px;background:#f5f5f7}.device-switch button,.view-switch button{border:0;border-radius:17px;background:transparent;padding:7px 12px;min-height:38px;font-size:12px}.device-switch button[aria-pressed=true],.view-switch button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px #0001}.view-switch button:disabled{opacity:.5}.tour-panel{display:grid}.section-index{font-size:12px;color:var(--muted)}.tour-copy li{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line)}.tour-copy li span{font-size:11px;color:var(--muted)}.tour-screen{min-width:0;align-self:start}.screen-label{display:flex;justify-content:space-between;gap:14px;color:var(--muted)}.screen-viewport{position:relative;height:auto;aspect-ratio:4/3;overflow:hidden;background:#f7f8fa}.screen-viewport img{position:absolute;top:0;left:-38.89%;width:138.89%;height:auto;max-width:none;transform:translateY(var(--crop-y,-5%))}.screen-chart{--crop-y:-23.5%}.screen-arrivals{--crop-y:-4%}.screen-rooms{--crop-y:-12%}.screen-cleaning{--crop-y:-5%}.screen-today{--crop-y:-20%}.screen-viewport.is-full img{position:static;width:100%;height:100%;object-fit:contain;transform:none}.screen-viewport.is-phone{aspect-ratio:9/16;width:min(320px,100%);margin-inline:auto}.screen-viewport.is-phone img{position:static;width:100%;height:100%;object-fit:contain;transform:none}.tour-screen figcaption{font-size:11px;color:var(--muted);text-align:center;padding-top:12px}.tour-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center}.tour-bottom>p{font-size:12px;max-width:700px}.tour-paging{display:flex;align-items:center;gap:18px;flex-shrink:0}.tour-paging button{width:44px;height:44px;font-size:20px}.tour-paging span{font-size:11px}.tour-scope{font-size:11px;max-width:800px;margin-top:15px}.tour-section>#tour-start{margin-top:15px}.fallback-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:12px}
.mobile-stage{position:relative;display:flex;flex-direction:column;align-items:center}.phone-frame{max-width:100%;overflow:hidden;background:#fff}.phone-frame img{display:block;width:100%;height:auto}.onboarding{display:grid;grid-template-columns:1fr 1fr;align-items:center}.team-scene{min-width:0;overflow:hidden}.team-scene img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:52% 50%}.start-steps{display:flex;flex-direction:column;gap:20px}.start-steps li{display:grid;grid-template-columns:35px 1fr;gap:8px 15px;padding-top:20px;border-top:1px solid var(--line)}.start-steps .section-index{grid-row:1/3;color:var(--blue)}.start-steps h3{font-size:22px;margin:0}.start-steps p{grid-column:2;font-size:14px;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.8;padding-bottom:24px}
.guides-section{padding-top:90px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}.guide-card{display:block;border-top:1px solid var(--line);padding-top:25px}.guide-card h3{font-size:23px;line-height:1.2;margin-bottom:17px}.guide-card p{font-size:14px;line-height:1.8}.guide-card>span{display:block;font-size:13px;margin-top:18px;color:var(--blue)}.guide-card:hover h3{color:var(--blue)}.footer{display:flex;align-items:center;padding-block:35px;gap:35px;font-size:12px}.footer>span{margin-left:auto}.footer>a:last-child{max-width:200px;text-align:right}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.has-js .menu-toggle{display:block}.has-js .site-header nav{display:none}.has-js .site-header nav.open{display:flex}.tour-bottom{flex-direction:column;align-items:start;gap:12px}.tour-paging{align-self:end}.device-switch,.view-switch{flex:1;justify-content:center}.device-switch button,.view-switch button{padding-inline:8px;font-size:11px}.onboarding{grid-template-columns:1fr}.onboarding-copy{order:-1}.team-scene img{aspect-ratio:4/3}.faq{grid-template-columns:1fr;gap:24px}.faq summary{font-size:14px;padding:19px 0}.faq details p{font-size:13px}.guide-grid{grid-template-columns:1fr;gap:28px}.guides-section{padding-top:65px}.footer>span{margin:0}.footer>a:last-child{max-width:none;text-align:center}.header-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
