/* Shared mobile menu for all marketing pages */
.site-header .mobile-menu{display:none;position:relative;margin-inline-start:auto}
.site-header .mobile-menu summary{cursor:pointer;list-style:none;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #dce7e5;border-radius:12px;background:#f5f9f7;color:#12344f}
.site-header .mobile-menu summary::-webkit-details-marker{display:none}
.site-header .mobile-menu nav{position:absolute;inset-inline-end:0;top:52px;width:min(280px,80vw);display:grid;padding:12px;background:#fff;border:1px solid #dce7e5;border-radius:14px;box-shadow:0 8px 24px #12344f15;z-index:30}
.site-header .mobile-menu a{padding:10px 12px;min-height:44px;font-size:14px;color:inherit;text-decoration:none;display:flex;align-items:center;border-radius:10px}
.site-header .mobile-menu a:hover{background:#f5f9f7}
html[data-theme=dark] .site-header .mobile-menu :is(summary,nav){background:#142f44;color:#e4edf4;border-color:#304656}
html[data-theme=dark] .site-header .mobile-menu a:hover{background:#1b3a52}
.nav-links a[aria-current=page]{color:#0f7c74;font-weight:600}
@media(max-width:1100px){.site-header .nav-links{display:none}.site-header .mobile-menu{display:block}.site-header .nav{gap:12px}.site-header .nav-actions>.btn-primary{display:none}}
@media(max-width:620px){.site-header .nav{gap:6px}.site-header .mobile-menu{position:static}.site-header .mobile-menu nav{inset-inline:20px;top:100%;width:auto}}
/* Homepage price hint */
.hero-price{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;color:#4a6272}
.hero-price strong{color:#12344f}
.hero-price a{color:#0f7c74;font-weight:600;text-decoration:none}
.hero-price a:hover{text-decoration:underline}
html[data-theme=dark] .hero-price{color:#b0c2ce}
html[data-theme=dark] .hero-price strong{color:#e4edf4}
html[data-theme=dark] .hero-price a{color:#5fd0c4}
.section-heading p.pricing-start,.pricing-start{margin-top:10px;font-weight:600;color:#0f7c74}
html[data-theme=dark] .section-heading p.pricing-start{color:#5fd0c4}
/* Property-manager homepage (W-9.28.330) */
.homepage-refined .onboarding-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.homepage-refined .onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.homepage-refined .onboarding-grid{grid-template-columns:1fr}}
/* Story and onboarding cards: previews share one baseline across the row */
.homepage-refined .service-story-grid .role-card{display:flex;flex-direction:column}
.homepage-refined .service-story-grid .role-card>p{margin-bottom:16px}
.homepage-refined .service-story-grid .story-preview{margin-top:auto;min-height:112px;box-sizing:border-box}
/* Phones: the hero ends with its content instead of filling the screen */
/* Phones: the first screen is only the hero. It reaches the bottom edge of the screen (lvh: Safari's toolbar
   floats over the page), and the scroll cue sits just above the toolbar area (lvh - svh). Nothing of the next
   section shows until the visitor scrolls. */
@media(max-width:760px){
  .homepage-refined .hero,.homepage-refined .hero-grid{min-height:calc(100svh - var(--site-header-h,64px));min-height:calc(100lvh - var(--site-header-h,64px))}
  .homepage-refined .hero-grid{padding-block:28px 16px;padding-bottom:calc(100lvh - 100svh + 16px);align-items:stretch}
  .homepage-refined .hero-copy{display:flex;flex-direction:column;min-height:100%}
  .homepage-refined .hero-copy>h1{margin-top:auto}
  .homepage-refined .hero-scroll-cue{margin-top:auto;margin-bottom:0;padding-top:20px}
}

/* Property-manager desk on a laptop: a still laptop whose screen slides between screens (W-9.28.335) */
.desk-section{padding-block:clamp(48px,7vw,88px)}
.desk-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 22px}
.desk-tabs button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #cfd8d4;background:#fff;color:#12344f;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.desk-tabs button[aria-selected=true]{background:#12344f;border-color:#12344f;color:#fff}
.desk-tabs button:focus-visible,.desk-arrow:focus-visible,.desk-dot:focus-visible{outline:2px solid #0f7c74;outline-offset:2px}
.desk-laptop{margin:0 auto;max-width:1120px}
.desk-frame{position:relative}
.desk-screen{background:#1b2127;padding:clamp(8px,1.3vw,16px);border-radius:clamp(10px,1.4vw,18px) clamp(10px,1.4vw,18px) 0 0;box-shadow:0 24px 60px #12344f33}
.desk-viewport{overflow:hidden;border-radius:4px;background:#eef0ec;aspect-ratio:16/10;touch-action:pan-y;user-select:none}
.desk-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.desk-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}
.desk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #cfd8d4;background:#fff;color:#12344f;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #12344f22;z-index:2}
.desk-arrow:hover{background:#12344f;color:#fff;border-color:#12344f}
.desk-prev{inset-inline-start:-68px}.desk-next{inset-inline-end:-68px}
[dir=ltr] .desk-prev span,[dir=ltr] .desk-next span{display:inline-block;transform:scaleX(-1)}
.desk-base{height:clamp(10px,1.4vw,18px);margin-inline:-4%;background:linear-gradient(#d7dbdf,#aeb4ba);border-radius:0 0 18px 18px;position:relative}
.desk-base::before{content:"";position:absolute;inset-inline:42%;top:0;height:40%;background:#9aa1a8;border-radius:0 0 8px 8px}
.desk-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.desk-dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:#c6d0cc;cursor:pointer}
.desk-dot[aria-current=true]{width:26px;border-radius:999px;background:#12344f}
.desk-laptop figcaption{margin-top:12px;text-align:center;font-size:15px;color:#4a6272;min-height:1.6em}
.desk-mobile-note{display:none;text-align:center;font-size:13px;color:#5a6e7c;margin:10px 0 0;padding-bottom:6px}
html[data-theme=dark] .desk-tabs button,html[data-theme=dark] .desk-arrow{background:#142f44;border-color:#304656;color:#e4edf4}
html[data-theme=dark] .desk-tabs button[aria-selected=true]{background:#e4edf4;color:#12344f}
html[data-theme=dark] .desk-dot{background:#304656}html[data-theme=dark] .desk-dot[aria-current=true]{background:#e4edf4}
html[data-theme=dark] .desk-laptop figcaption,html[data-theme=dark] .desk-mobile-note{color:#b0c2ce}
@media(max-width:1280px){.desk-prev{inset-inline-start:-22px}.desk-next{inset-inline-end:-22px}}
@media(prefers-reduced-motion:reduce){.desk-track{transition:none}}
@media(max-width:760px){
  .desk-tabs{display:none}
  .desk-laptop{max-width:340px}
  .desk-arrow{width:36px;height:36px;font-size:22px}
  .desk-prev{inset-inline-start:-14px}.desk-next{inset-inline-end:-14px}
  .desk-laptop figcaption{font-size:13px}
  .desk-mobile-note{display:block}
}
/* Custom offer for portfolios above 150 units (W-9.28.333) */
.trial-offer-note{margin:18px 0 0;text-align:center;font-size:15px}
.trial-offer-note a{font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:4px}
.offer-fields{display:grid;gap:14px}
.offer-fields[hidden]{display:none}
.desk-try{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px}
.desk-try small{font-size:13px;color:#5a6e7c}
html[data-theme=dark] .desk-try small{color:#b0c2ce}
/* Desktop hero: two clean lines for the headline */
@media(min-width:1024px){.homepage-refined .hero h1{font-size:clamp(40px,3.8vw,56px);line-height:1.18}}