/* resources/css or public/css/tenant/welcome.css
   Landing-page-only styles, loaded in addition to basic.css. */

.hero{
  max-width:1080px;margin:0 auto;padding:64px 24px 60px;
  display:grid;grid-template-columns:1fr 0.85fr;gap:56px;align-items:center;
}
.hero h1{font-size:44px;line-height:1.12;max-width:14ch;}
.hero .lede{font-size:16px;opacity:0.75;margin-top:18px;max-width:40ch;}
.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;}

/* Hero illustration — clothesline scene, hand-drawn flat style */
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;}
.hero-art svg{width:100%;max-width:360px;height:auto;}
.hero-art .blob{fill:var(--card);}

/* Feature list — quiet, aligned, no card chrome */
.features{max-width:720px;margin:0 auto;padding:8px 24px 68px;}
.features .feature{
  display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-top:1px solid var(--line);
}
.features .feature:last-child{border-bottom:1px solid var(--line);}
.feature .icon{width:22px;height:22px;flex-shrink:0;margin-top:2px;color:var(--teal);}
.feature h3{font-size:16px;margin-bottom:4px;}
.feature p{font-size:14px;opacity:0.7;margin:0;max-width:52ch;}

/* CTA band */
.cta-band{background:var(--teal-dark);color:var(--soap);padding:56px 24px;text-align:center;}
.cta-band h2{font-size:27px;color:#fff;margin-bottom:10px;max-width:20ch;margin-left:auto;margin-right:auto;}
.cta-band p{opacity:0.75;font-size:14.5px;margin-bottom:26px;}

footer{padding:28px 24px;text-align:center;font-size:13px;opacity:0.55;}

@media (max-width:800px){
  .hero{grid-template-columns:1fr;padding-top:48px;text-align:left;}
  .hero h1{font-size:32px;max-width:none;}
  .hero-art{order:-1;margin-bottom:8px;}
  .hero-art svg{max-width:260px;}
}