.feature-tile{background-color:#111827;border:1px solid #1f2937;border-radius:1rem;flex-direction:column;height:100%;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-tile:not(.feature-tile-expanded):hover{border-color:#374151;transform:translateY(-4px)}.feature-tile-expanded{transition:none!important;transform:translate(-50%,-50%)!important}.feature-tile-expanded:hover{border-color:#1f2937!important;transform:translate(-50%,-50%)!important}.feature-tile-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex;position:relative}.feature-tile-icon-wrapper{position:relative}.feature-tile-badge{color:#fff;background-color:#ef4444;border-radius:9999px;padding:.125rem .375rem;font-size:.75rem;font-weight:500;position:absolute;top:-4px;right:-8px}.feature-tile-title{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:500;transition:color .3s}.feature-tile-description{color:#9ca3af;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.feature-tile-features{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.feature-tile-feature-item{align-items:center;gap:.5rem;display:flex}.feature-tile-checkmark{border-radius:.125rem;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.feature-tile-feature-text{color:#9ca3af;font-size:.875rem}.feature-tile-image-wrapper{margin:auto -2rem -2rem}.feature-tile-image{object-fit:cover;object-position:center;width:100%;height:240px;display:block}.feature-tile-secondary-icon{transform-origin:50%;color:var(--gray-800);transition:transform 1.2s,color .4s;transform:rotate(0)}.feature-tile:not(.feature-tile-expanded):hover .feature-tile-secondary-icon{color:var(--yellow);transition:all 5s;transform:rotate(360deg)}.feature-tile:not(.feature-tile-expanded):hover .feature-tile-primary-icon{color:var(--yellow);transition:color .3s}.feature-tile:not(.feature-tile-expanded):hover .feature-tile-title{color:var(--yellow)}.feature-tile-secondary-icon-svg{stroke:currentColor;fill:none;transition:stroke .4s}.feature-tile:not(.feature-tile-expanded):hover .feature-tile-secondary-icon-svg{stroke:currentColor}.feature-tile:not(.feature-tile-expanded):hover p{color:#e0e0e0;transition:all 1.2s}
