.features{z-index:2;grid-template-columns:repeat(3,260px);justify-content:center;align-items:start;gap:100px;margin-top:-600px;padding-bottom:120px;display:grid;position:relative}.features-item-clip{clip-path:inset(0 round 999px);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:999px}.features-item{text-align:center;color:#101216;background:#5d707b1c;border:1px solid #fff3;border-radius:999px;padding:24px 24px 72px}.dark .features-item{color:#e6eaf0;background:#0b111b59;border-color:#8493ac40}.features-item-video-wrap{background:#ffffff4d;border-radius:50%;justify-content:center;margin-bottom:30px;display:flex}.features-item-img{width:100%;height:auto;padding:32px;display:block;position:relative;left:4px}.features-item-img.md{scale:1.2}.dark .features-item-img{filter:brightness(.8)contrast(1.1)}.features-item-title{will-change:opacity,transform;margin-bottom:32px;font-size:24px;line-height:120%}.features-item-description{will-change:opacity,transform;min-height:10.5em;font-size:14px;line-height:150%}@property --p{syntax:"<number>";inherits:false;initial-value:0}@property --q{syntax:"<number>";inherits:true;initial-value:0}@keyframes features-reveal{0%{--p:0}to{--p:1}}@keyframes features-card-reveal{0%{--q:0}to{--q:1}}@supports (animation-timeline:view()){.features-item-clip{view-timeline:--feature block}.features-item-clip,.features-item{animation:cubic-bezier(.33,1,.68,1) both features-reveal;animation-timeline:--feature;animation-range:cover 35vh cover 50%}.features-item-clip{clip-path:inset(0 0 calc((1 - var(--p))*var(--hide,0px))0 round 999px)}.features-item{animation-name:features-card-reveal}.features-item-title,.features-item-description{will-change:auto;opacity:var(--o);transform:translateY(calc((1 - var(--o))*18px))}.features-item-title{--o:clamp(0,(var(--q) - .1)/.4,1)}.features-item-description{--o:clamp(0,(var(--q) - .4)/.35,1)}}@media (max-width:1100px){.features{gap:40px}}@media (max-width:860px){.features{grid-template-columns:repeat(3,minmax(0,220px));gap:24px;padding-left:24px;padding-right:24px}.features-item{padding:20px 20px 64px}.features-item-title{margin-bottom:24px;font-size:22px}.features-item-description{min-height:13.5em}}@media (max-width:600px){.features{grid-template-columns:minmax(0,280px);gap:40px;padding-left:16px;padding-right:16px}.features-item{padding:24px 24px 72px}.features-item-description{min-height:0}}@supports (animation-timeline:view()){@media (max-width:600px){.features-item-clip,.features-item{animation-range:cover 300px cover 50%}}}
