#beta{padding:100px 0 40px;display:flex;align-items:center}#beta>.grid-container{background-color:rgba(0,0,0,.1);padding:40px;border-radius:10px;overflow:hidden}#beta .hero-image-container{position:relative;text-align:center;margin-top:-60px}#beta .hero-image-container .character-placeholder{position:relative;bottom:-60px;left:-20px}#beta .hero-image-container .character-placeholder .hero-img{width:150%;max-width:120%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}#beta .content-side{padding-left:20px}#beta .content-side .user-avatars{margin-bottom:2rem}#beta .content-side .user-avatars .avatar-group{display:flex;align-items:center}#beta .content-side .user-avatars .avatar-group .avatar{width:60px;height:60px;border-radius:50%;background-color:#ddd;border:4px solid #fff;margin-left:-15px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#beta .content-side .user-avatars .avatar-group .avatar:first-child{margin-left:0}#beta .content-side h1{font-size:2.5rem;font-weight:700;color:#eee;line-height:1.2;margin-bottom:3rem;max-width:600px}#beta .content-side .features-grid{margin-top:40px}#beta .content-side .features-grid .feature-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.05);text-align:center;height:100%;transition:transform .3s ease}#beta .content-side .features-grid .feature-item:hover{transform:translateY(-5px)}#beta .content-side .features-grid .feature-item .icon-circle{width:50px;height:50px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#5cb85c}#beta .content-side .features-grid .feature-item h3{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:10px}#beta .content-side .features-grid .feature-item p{font-size:.9rem;color:#777;line-height:1.4;margin:0}#beta .content-side .features-grid>:nth-child(2) .feature-item .icon-circle{color:#d9534f}#beta .content-side .features-grid>:nth-child(3) .feature-item .icon-circle{color:#f0ad4e}@media only screen and (max-width:63.9375em){#beta{text-align:center;padding-top:40px;flex-direction:column}#beta>.grid-container{padding:20px}#beta .hero-image-container{margin-top:0;margin-bottom:20px}#beta .hero-image-container .character-placeholder{bottom:0;left:0}#beta .hero-image-container .character-placeholder .hero-img{width:80%;max-width:300px}#beta .content-side{padding-left:0;margin-top:20px}#beta .content-side .user-avatars .avatar-group{justify-content:center}#beta .content-side h1{font-size:2rem;margin-left:auto;margin-right:auto;margin-bottom:2rem}}@media only screen and (max-width:40em){#beta{padding:0}#beta h1{font-size:1.5rem}#beta .content-side .features-grid{margin-top:20px}#beta .content-side .features-grid .feature-item{padding:15px}}