/* step189 home: emerald, phone-first */
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}
body.h9{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f2e22;background:#f3faf6}
a{color:#047857}
.h9-top{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 14px;background:#064e3b;color:#fff}
.h9-brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;min-width:0}.h9-brand img{width:36px;height:36px;border-radius:9px;background:#fff}.h9-brand span{display:flex;flex-direction:column;line-height:1.15}.h9-brand small{color:#a7f3d0;font-size:12px}
.h9-nav{display:flex;gap:8px;align-items:center}.h9-nav a{color:#fff;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.4)}.h9-nav .h9-cta{background:#10b981;border-color:#10b981;color:#053b2c}
.h9-hero{display:grid;gap:18px;padding:22px 16px 10px;max-width:1100px;margin:0 auto;background:linear-gradient(#d1fae5,#d1fae5)}
.h9-kicker{display:inline-block;margin:0;padding:4px 12px;border-radius:999px;background:#065f46;color:#d1fae5;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.h9-hero h1{font-size:clamp(28px,7vw,48px);line-height:1.1;margin:10px 0;color:#064e3b}.h9-hero h1 b{color:#059669}
.h9-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.h9-b{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;padding:12px 18px;border-radius:12px;background:#059669;color:#fff;text-decoration:none;border:2px solid #059669;cursor:pointer}.h9-b.alt{background:#fff;color:#065f46}.h9-b.ghost{background:transparent;color:#065f46;border-color:#a7f3d0}
/* video: keep 9:16, never stretch */
.h9-vid{position:relative;margin:0 auto;width:min(100%,360px,40.5vh);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#064e3b;box-shadow:none}
@supports not (aspect-ratio:9/16){.h9-vid{height:0;padding-top:177.78%}}
.h9-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#064e3b}
.h9-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:inherit;font-weight:800;background:#fff;color:#065f46;border:0;border-radius:999px;padding:12px 20px;cursor:pointer}
.h9-sec{max-width:1100px;margin:0 auto;padding:18px 16px}.h9-sec h2{color:#065f46;margin:0 0 12px;font-size:1.35em}
.h9-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.h9-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 40px 16px 16px;background:#fff;border:2px solid #a7f3d0;border-radius:16px;color:#0f2e22;text-decoration:none;min-width:0;transition:border-color .15s,transform .15s}
.h9-card:hover,.h9-card:focus-visible{border-color:#059669;transform:translateY(-2px)}.h9-card b{font-size:1.08em;color:#064e3b}.h9-card span:not(.h9-ic){color:#3f6b5a;font-size:.95em}.h9-ic{font-size:26px}.h9-card i{position:absolute;right:14px;top:16px;color:#059669;font-style:normal;font-weight:800}
.h9-net{background:#064e3b;border-radius:20px;margin:18px auto}.h9-net h2{color:#d1fae5}.h9-net .h9-card{background:#065f46;border-color:#10b981;color:#ecfdf5}.h9-net .h9-card b{color:#fff}.h9-net .h9-card span:not(.h9-ic){color:#a7f3d0}.h9-net .h9-card i{color:#6ee7b7}
.h9-contact p{overflow-wrap:anywhere}
.h9-foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:20px 16px 30px;color:#3f6b5a}.h9-foot a{color:#065f46}
@media(min-width:860px){.h9-hero{grid-template-columns:1.2fr .8fr;align-items:center;padding:40px 24px 20px}.h9-vid{width:min(100%,340px,40.5vh)}}
@media(max-width:400px){.h9-brand small{display:none}.h9-nav a{padding:7px 10px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.h9-card{transition:none}.h9-card:hover{transform:none}}