/* Homepage draft. Other pages and the Web App continue to use the original styles. */
.home-clean .site-header { background: rgba(253, 251, 247, .96); }
.home-clean .site-nav { gap: .4rem; }
.home-clean .home-hero { padding: clamp(3.5rem, 6vw, 6rem) 0 4.5rem; background: linear-gradient(125deg, #FBF8F2 0%, #F4EEE5 100%); }
.home-clean .home-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); align-items: center; gap: clamp(2.5rem, 6vw, 6rem); }
.home-clean .home-hero .eyebrow { margin-bottom: 1rem; }
.home-clean .home-hero h1 { max-width: 720px; margin: 0; color: #17553F; font-size: clamp(3rem, 4.6vw, 4.75rem); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
.home-clean .home-lead { max-width: 620px; margin: 1.5rem 0 1rem; color: #39453E; font-size: clamp(1.04rem, 1.35vw, 1.2rem); line-height: 1.65; }
.home-clean .home-free { display: inline-block; margin: .35rem 0 1.6rem; padding: .55rem .85rem; border-radius: 999px; background: #E7F1E9; color: #164A38; font-size: .92rem; font-weight: 750; }
.home-clean .home-hero .actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.home-clean .home-platform-links { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem 1rem; margin-top: 1.35rem; color: #59635B; font-size: .9rem; }
.home-clean .home-platform-links a { color: #17553F; font-weight: 750; text-underline-offset: .2em; }
.home-clean .home-screen-feature { width: min(100%, 360px); margin: 0 0 0 auto; padding: 12px; border: 1px solid #E4DBCD; border-radius: 28px; background: #fffdfa; box-shadow: 0 25px 65px rgba(34, 55, 40, .11); }
.home-clean .home-screen-window { border-radius: 18px; background: #F7F4EE; }
.home-clean .home-screen-window img { display: block; width: 100%; height: auto; border-radius: 18px; }
.home-clean figcaption { margin-top: .8rem; color: #5C685F; font-size: .85rem; text-align: center; }
.home-clean .home-section { padding: clamp(4rem, 6.5vw, 6.25rem) 0; }
.home-clean .home-section-heading { max-width: 740px; }
.home-clean .home-section h2 { margin: 0; color: #17553F; font-size: clamp(2rem, 3.5vw, 3.3rem); line-height: 1.13; letter-spacing: -.035em; text-wrap: balance; }
.home-clean .home-section-heading > p:last-child, .home-clean .home-screens-copy > p:not(.eyebrow), .home-clean .home-availability-inner p:not(.eyebrow) { color: #536159; font-size: 1.07rem; line-height: 1.65; }
.home-clean .home-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
.home-clean .home-outcomes article { padding-top: 1.1rem; border-top: 2px solid #C9D6C9; }
.home-clean .home-outcomes span { color: #3B7861; font-size: .8rem; font-weight: 800; letter-spacing: .12em; }
.home-clean .home-outcomes h3 { margin: .65rem 0 .55rem; font-size: 1.4rem; }
.home-clean .home-outcomes p { max-width: 33ch; margin: 0; color: #58645C; line-height: 1.65; }
.home-clean .home-screens { background: #F6F2EB; }
.home-clean .home-screens-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.home-clean .home-screens-copy { max-width: 580px; }
.home-clean .home-screens-copy .button { margin-top: 1rem; }
.home-clean .home-invoice-screen { width: min(100%, 305px); margin: 0 auto; padding: 12px; border: 1px solid #E3DCCE; border-radius: 26px; background: #FFFEFB; box-shadow: 0 22px 50px rgba(34, 55, 40, .11); }
.home-clean .home-invoice-screen img { display: block; width: 100%; height: auto; border-radius: 17px; }
.home-clean .home-availability-inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); gap: 3rem; align-items: center; }
.home-clean .home-availability-inner p:not(.eyebrow) { max-width: 54ch; margin-bottom: 0; }
.home-clean .home-availability-links { display: grid; gap: .65rem; }
.home-clean .home-availability-links a { display: block; padding: .9rem 1.15rem; border: 1px solid #CBD7CC; border-radius: 13px; color: #17553F; background: #fff; font-weight: 750; text-decoration: none; }
.home-clean .home-availability-links a:hover { background: #EBF3EC; }
.home-clean .site-footer { margin-top: 0; }
@media (max-width: 900px) {
  .home-clean .home-hero-grid, .home-clean .home-screens-grid, .home-clean .home-availability-inner { grid-template-columns: 1fr; }
  .home-clean .home-screen-feature { width: min(100%, 390px); margin: 1rem auto 0; }
  .home-clean .home-screens-copy { max-width: 720px; }
}
@media (max-width: 700px) {
  .home-clean .home-hero { padding: 3rem 0 4rem; }
  .home-clean .home-hero h1 { font-size: clamp(2.65rem, 11vw, 3.65rem); }
  .home-clean .home-outcomes { grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2rem; }
  .home-clean .home-outcomes article { max-width: 580px; }
  .home-clean .home-outcomes p { max-width: none; }
  .home-clean .home-hero .actions { display: grid; }
  .home-clean .home-free { border-radius: 14px; }
}