.feature-video{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-sunken);border-radius:.75rem;width:100%;display:block;position:relative;overflow:hidden}.feature-video video{object-fit:cover;width:100%;height:100%}.feature-video-trigger{cursor:pointer;padding:0}.feature-video-poster{object-fit:cover;transition:transform .25s}.feature-video-trigger:hover .feature-video-poster{transform:scale(1.02)}.feature-video-play{background:var(--accent);width:3.5rem;height:3.5rem;color:var(--accent-contrast);border-radius:9999px;justify-content:center;align-items:center;margin:auto;transition:transform .15s;display:flex;position:absolute;inset:0;box-shadow:0 4px 20px #06112259}.feature-video-trigger:hover .feature-video-play{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.feature-video-poster,.feature-video-play{transition:none}}
.feature-card{flex-direction:column;display:flex;overflow:hidden}.feature-card .feature-video{border:0;border-bottom:1px solid var(--border);border-radius:0}.feature-card-body{flex-direction:column;padding:1.75rem;display:flex}.feature-card-head{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.feature-card-title{margin:0}.feature-card-badge{border-color:var(--accent);color:var(--accent)}.feature-card-description{margin-top:.75rem}.feature-card-chips{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}@media (min-width:768px){.feature-card-body{padding:2rem}}
.features-hero{padding-top:10rem;padding-bottom:3.5rem;position:relative}[data-theme=light] .features-hero{background:radial-gradient(900px 480px at 80% -20%,var(--accent-soft)0%,transparent 60%),transparent}.features-hero-inner{flex-direction:column;align-items:flex-start;display:flex}.features-hero-heading{max-width:48rem;margin-top:1.25rem}.features-hero-subhead{max-width:44rem;margin-top:1.5rem}.features-hero-ctas{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.feature-group-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature-grid{grid-auto-flow:dense;grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem;display:grid}.feature-cell{display:flex}.feature-cell>.feature-card{width:100%}@media (min-width:768px){.features-hero{padding-top:12rem;padding-bottom:4.5rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.feature-cell-wide{grid-column:span 2}}@media (min-width:1100px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-cell-wide{grid-row:span 2}}