.tenant-how-it-works,
.tenant-how-it-works *{box-sizing:border-box}
.tenant-how-it-works{width:100%;padding:clamp(72px,7vw,112px) clamp(24px,4vw,64px) clamp(80px,8vw,128px);background:#fff;color:#143a45;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tenant-how-it-works__inner{width:min(1760px,100%);margin:0 auto}
.tenant-how-it-works h2{margin:0 0 clamp(42px,5vw,70px);font-family:"DD Scoop",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(44px,4.7vw,72px);font-weight:700;line-height:1;letter-spacing:-.035em;text-align:center}
.tenant-how-it-works__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2vw,36px);margin:0;padding:0;list-style:none}
.tenant-how-it-works__card{min-width:0}
.tenant-how-it-works__link{display:flex;height:100%;min-height:620px;flex-direction:column;padding:clamp(18px,2vw,28px);border-radius:34px;background:var(--tenant-how-card-bg);color:#143a45;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.tenant-how-it-works__link:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(20,58,69,.12)}
.tenant-how-it-works__link:focus-visible{outline:4px solid #66cbf0;outline-offset:5px}
.tenant-how-it-works__media{position:relative;overflow:hidden;width:100%;aspect-ratio:1340/988;border-radius:24px;background:#fff;box-shadow:0 2px 12px rgba(20,58,69,.08)}
.tenant-how-it-works__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.tenant-how-it-works__number{display:grid;place-items:center;width:42px;height:42px;margin:clamp(26px,3vw,44px) auto 18px;border-radius:999px;background:#fff;color:#007fae;font-size:18px;font-weight:850;box-shadow:0 2px 8px rgba(20,58,69,.08)}
.tenant-how-it-works h3{max-width:430px;margin:0 auto;font-size:clamp(25px,2vw,34px);font-weight:800;line-height:1.08;letter-spacing:-.025em;text-align:center}
.tenant-how-it-works p{max-width:440px;margin:18px auto 0;color:#52656c;font-size:clamp(16px,1.2vw,19px);font-weight:500;line-height:1.48;text-align:center}
.tenant-how-it-works__action{display:block;margin:auto auto 0;padding-top:26px;color:#006f98;font-size:16px;font-weight:800;text-align:center;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:1100px){.tenant-how-it-works__grid{gap:18px}.tenant-how-it-works__link{min-height:560px;padding:18px;border-radius:28px}.tenant-how-it-works__media{border-radius:20px}}
@media(max-width:820px){.tenant-how-it-works{padding:64px 20px 80px}.tenant-how-it-works h2{margin-bottom:36px}.tenant-how-it-works__grid{grid-template-columns:1fr;gap:20px}.tenant-how-it-works__link{min-height:0;padding:18px 18px 30px}.tenant-how-it-works__media{aspect-ratio:1340/988}.tenant-how-it-works__number{margin:26px auto 16px}.tenant-how-it-works__action{margin-top:24px;padding-top:0}}
@media(max-width:480px){.tenant-how-it-works{padding-inline:14px}.tenant-how-it-works h2{font-size:42px}.tenant-how-it-works__link{border-radius:24px}.tenant-how-it-works__media{border-radius:18px}.tenant-how-it-works h3{font-size:27px}.tenant-how-it-works p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tenant-how-it-works__link{transition:none}.tenant-how-it-works__link:hover{transform:none}}