.features-primary-enter-active{transition:opacity 1.2s ease}.features-primary-leave-active{display:none}.features-primary-enter-from,.features-primary-leave-to{opacity:0}.hero-illustration{display:none;width:100%;max-width:28rem}.hero-illustration svg{width:100%;height:auto}.hero-media{max-width:36rem}.hero-media{width:100%}.hero-media .video-wrapper{width:100%;display:flex;justify-content:flex-end}.hero-media .video-wrapper>div{width:100%}.hero-primary-button.p-button{background:var(--midnight-blue-500);border-color:var(--midnight-blue-500);color:#fff}.hero-primary-button.p-button:enabled:hover{background:var(--midnight-blue-600);border-color:var(--midnight-blue-600)}.hero-heading-line,.hero-heading-mls{white-space:normal;font-size:clamp(2.5rem,4.2vw,4.5rem)}.hero-copy{max-width:44rem}.home-hero-container{max-width:1200px;width:100%}.features-tabs{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface-0);border:1px solid var(--surface-200);border-radius:6px;overflow:hidden}.feature-tab{padding:1.5rem 1.5rem 1.75rem;border-bottom:1px solid var(--surface-200);cursor:pointer;background:var(--surface-0);text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:150px;transition:background-color .2s ease,box-shadow .2s ease}.feature-tab__icon{font-size:1.4rem;margin-bottom:.5rem}.feature-tab__title{font-weight:600;color:var(--midnight-blue-500);margin-bottom:.5rem;font-size:1rem}.feature-tab__sup{font-size:.75rem;font-weight:400}.feature-tab__body{color:var(--bluegray-600);font-weight:400;font-size:.95rem;line-height:1.35}.feature-tab--active{background:var(--surface-100);box-shadow:inset 0 -3px 0 var(--teal-500)}@media screen and (min-width: 768px){.features-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-tab{border-bottom:0;border-right:1px solid var(--surface-200)}.feature-tab:last-child{border-right:0}}@media screen and (min-width: 576px){.hero-illustration{display:block;width:100%;max-width:none}.hero-media{max-width:16rem}}@media screen and (min-width: 768px){.hero-media{max-width:25rem}}@media screen and (min-width: 992px){.hero-media{max-width:30rem}.hero-copy{flex:.75 1 0%!important}.hero-media{flex:1.25 1 0%!important}}@media screen and (min-width: 1200px){.hero-copy{flex:.7 1 0%!important}.hero-media{flex:1.3 1 0%!important;max-width:30rem}}@media screen and (min-width: 1200px){.hero-heading-line,.hero-heading-mls{white-space:nowrap}}