.home-shell { width: 100%; padding-bottom: 120px; }
.home-section-heading > p, .home-section-heading > div > p, .home-final > p { color: #147966; font-size: 14px; font-weight: 800; }
.home-reference .section_intro,
.home-reference .section_banner { width: 100%; display: flex; justify-content: center; }
.home-reference .section_intro article,
.home-reference .section_banner article { width: 100%; max-width: 1240px; }
.home-reference .section_intro h1,
.home-reference .section_intro > article > p { width: 100%; text-align: center; }
.home-reference .section_intro .form { width: 100%; display: flex; align-items: center; justify-content: center; }
.home-reference .section_intro .in_box { position: relative; width: auto; }
.home-reference .section_intro .in_box input { display: block; }
.home-reference .section_intro .in_box label { position: absolute; z-index: 1; inset: 0 auto auto 0; box-sizing: border-box; }
.home-reference .section_intro .form button { margin-left: 10px; border: 0; border-radius: 999px; background: #3ed4be; font-weight: 750; cursor: pointer; }
.home-reference .section_intro .tag { width: 100%; display: flex; align-items: center; justify-content: center; }
.home-reference .section_banner .bannner_slider { width: 100%; display: block; }

.home-flow, .home-examples, .home-community { padding-top: 120px; }
.home-section-heading h2 { max-width: 680px; margin-top: 12px; font-size: 38px; line-height: 1.25; letter-spacing: -.035em; }
.home-flow ol { margin-top: 42px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #dfe3e1; border-bottom: 1px solid #dfe3e1; }
.home-flow li { min-height: 160px; padding: 32px 34px; display: flex; flex-direction: column; gap: 13px; border-right: 1px solid #dfe3e1; counter-increment: flow; }
.home-flow ol { counter-reset: flow; }
.home-flow li:last-child { border-right: 0; }
.home-flow li::before { content: '0' counter(flow); color: #22a98f; font-size: 13px; font-weight: 800; }
.home-flow li strong { font-size: 20px; }
.home-flow li span { color: #676d6a; font-size: 14px; line-height: 1.7; }

.home-example-grid { margin-top: 42px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.home-example-card { min-width: 0; overflow: hidden; border: 1px solid #e0e4e2; border-radius: 24px; background: #fff; }
.home-example-card__image { height: 330px; display: block; overflow: hidden; background: #eef2f0; }
.home-example-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; }
.home-example-card__body { padding: 24px; display: flex; flex-direction: column; }
.home-example-card__body strong { font-size: 20px; }
.home-example-card__body > span { min-height: 3.4em; margin-top: 10px; color: #69706c; font-size: 14px; line-height: 1.7; }
.home-example-card__body small { margin-top: 19px; display: flex; gap: 8px; }
.home-example-card__body b { padding: 7px 10px; border-radius: 999px; background: #edf8f5; color: #196e5e; font-size: 12px; }

.home-section-heading--split { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.home-section-heading--split > a { min-height: 44px; padding: 0 18px; display: inline-flex; align-items: center; border: 1px solid #d9deda; border-radius: 12px; font-size: 13px; font-weight: 700; }
.home-community__grid { margin-top: 42px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; }
.home-community__forum, .home-community__insights { border: 1px solid #e0e4e2; border-radius: 24px; overflow: hidden; }
.home-community__grid a { min-height: 132px; padding: 24px 26px; display: grid; align-content: center; border-bottom: 1px solid #e7eae8; }
.home-community__grid a:last-child { border-bottom: 0; }
.home-community__grid a span { color: #16826e; font-size: 12px; font-weight: 800; }
.home-community__grid a strong { margin-top: 7px; font-size: 18px; line-height: 1.35; }
.home-community__grid a small { margin-top: 8px; color: #7b817e; font-size: 12px; line-height: 1.5; }
.home-community__insights { background: #f4f7f5; }

.home-final { margin-top: 120px; padding: 74px 30px; border-radius: 30px; background: #171a19; color: #fff; text-align: center; }
.home-final > p { color: #72e2cf; }
.home-final h2 { margin-top: 16px; font-size: 42px; line-height: 1.2; letter-spacing: -.04em; }
.home-final > div { margin-top: 32px; display: flex; justify-content: center; gap: 10px; }
.home-final a { min-height: 50px; padding: 0 22px; display: inline-flex; align-items: center; border: 1px solid #fff; border-radius: 14px; color: #fff; font-size: 14px; font-weight: 750; }
.home-final a:first-child { border-color: #65dfca; background: #65dfca; color: #12221e; }

@media (max-width: 1080px) {
}

@media (max-width: 760px) {
    .home-shell { padding-bottom: 76px; }
    .section_intro h1 { font-size: 34px; }
    .home-flow, .home-examples, .home-community { padding-top: 82px; }
    .home-section-heading h2 { font-size: 29px; }
    .home-flow ol { grid-template-columns: 1fr; }
    .home-flow li { min-height: 0; padding: 25px 6px; border-right: 0; border-bottom: 1px solid #e0e4e2; }
    .home-flow li:last-child { border-bottom: 0; }
    .home-example-grid, .home-community__grid { grid-template-columns: 1fr; }
    .home-example-card__image { height: 390px; }
    .home-section-heading--split { align-items: flex-start; flex-direction: column; }
    .home-community__grid a { min-height: 116px; padding: 21px; }
    .home-final { margin-top: 84px; padding: 54px 20px; }
    .home-final h2 { font-size: 31px; }
    .home-final > div { flex-direction: column; }
    .home-final a { justify-content: center; }
}