.hero{position:relative;isolation:isolate;grid-template-columns:1fr .82fr;min-height:900px;background:linear-gradient(90deg,rgba(8,42,39,.98) 0%,rgba(15,70,62,.87) 48%,rgba(15,70,62,.34) 100%),url('/family-hero.png') center right/cover no-repeat}.hero:before{content:'';position:absolute;inset:auto 0 0;height:38%;z-index:-1;background:linear-gradient(transparent,rgba(8,32,31,.8))}.hero-copy{position:relative;z-index:2;animation:rise .9s ease both}.hero .chat-wrap{animation:float 7s ease-in-out infinite;z-index:2}.hero:after{background:linear-gradient(115deg,transparent 20%,rgba(174,233,207,.08) 20.2%,transparent 20.5% 42%,rgba(174,233,207,.06) 42.2%,transparent 42.5%);animation:drift 18s linear infinite}.ecosystem{position:relative;display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:70px;align-items:center;background:var(--cream);overflow:hidden}.ecosystem:before{content:'';display:block;grid-column:1;grid-row:1;width:100%;aspect-ratio:4/5;border-radius:180px 180px 24px 24px;background:url('/family-detail.png') center/cover;box-shadow:22px 22px 0 var(--mint);animation:rise 1s ease both}.ecosystem-copy{grid-column:2;grid-row:1}.float-card{display:block;position:absolute;left:clamp(45px,9vw,145px);bottom:120px;background:white;border-radius:15px;padding:16px 20px;box-shadow:0 15px 35px #123b3820;font-size:12px;max-width:220px;animation:float 6s ease-in-out infinite}.float-card b,.float-card span{display:block}.float-card b{font:700 15px Manrope;margin-bottom:5px}.float-card span{color:#648077;line-height:1.4}.features article{transition:transform .35s ease,background .35s ease}.features article:hover{transform:translateY(-8px);background:#effaf3}.button{transition:transform .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #092b2740}.nav-cta{transition:transform .25s ease}.nav-cta:hover{transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes drift{from{transform:translateX(-3%)}to{transform:translateX(3%)}}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;background-position:62% center}.ecosystem{grid-template-columns:1fr;gap:35px}.ecosystem:before{grid-column:1;grid-row:1;width:78%;margin:auto}.ecosystem-copy{grid-column:1;grid-row:2}.float-card{left:12%;bottom:auto;top:290px}}