.features{--items-per-row: 3;--icon-size: 54px;position:relative;background-color:var(--color-dark);padding:var(--section-margin) var(--container-padding);margin:var(--section-margin) 0;box-shadow:0 10px 0 0 var(--color-dark)}.features .intro{position:sticky;top:calc(var(--header-height) + var(--container-padding));color:var(--color-white);font-size:var(--font-size-md);margin-bottom:var(--font-size-xxl)}.features .intro h2{margin-top:0;color:inherit}.features .feature-title{font-size:var(--font-size-copy);color:var(--color-darkgreen);font-weight:600;margin:2.5em 0 0}.features .feature-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);aspect-ratio:1;border-radius:50%;background-color:var(--color-neongreen)}.features .feature-icon img{width:70%;height:70%;object-fit:contain}@media(min-width: 1200px){.features{display:flex;align-items:flex-start}.features .intro{max-width:40%;padding-right:var(--container-padding)}.features .features-list{max-width:calc(60% + var(--grid-padding)*2)}}@media(max-width: 1199px){.features{display:block}.features .intro{position:relative;top:auto;padding-right:0}.features .features-list{padding:0}}@media(min-width: 568px){.features[data-in-viewport=true] .feature-item{opacity:1;transform:translate3d(0, 0, 0);transition:.4s var(--ease-out-cubic) var(--delay)}.features .features-list{display:flex;flex-wrap:wrap;margin:calc(var(--grid-padding)*-1);padding:0}.features .feature-item{flex:1 1 calc(100%/var(--items-per-row));max-width:calc(100%/var(--items-per-row));padding:var(--grid-padding);list-style:none;opacity:0;transform:translate3d(0, 200px, 0)}.features .feature-item:nth-child(1){--delay: 0.27s}.features .feature-item:nth-child(2){--delay: 0.34s}.features .feature-item:nth-child(3){--delay: 0.41s}.features .feature-item:nth-child(4){--delay: 0.48s}.features .feature-item:nth-child(5){--delay: 0.55s}.features .feature-item:nth-child(6){--delay: 0.62s}.features .feature-item:nth-child(7){--delay: 0.69s}.features .feature-item:nth-child(8){--delay: 0.76s}.features .feature-item:nth-child(9){--delay: 0.83s}.features .feature-item:nth-child(10){--delay: 0.9s}.features .feature-item:nth-child(11){--delay: 0.97s}.features .feature-item:nth-child(12){--delay: 1.04s}.features .feature-item:nth-child(13){--delay: 1.11s}.features .feature-item:nth-child(14){--delay: 1.18s}.features .feature-item:nth-child(15){--delay: 1.25s}.features .feature-item:nth-child(16){--delay: 1.32s}.features .feature-item:nth-child(17){--delay: 1.39s}.features .feature-item:nth-child(18){--delay: 1.46s}.features .feature-item:nth-child(19){--delay: 1.53s}.features .feature-item:nth-child(20){--delay: 1.6s}.features .feature-inner{background-color:var(--color-white);padding:1.5em;height:100%;font-size:var(--font-size-sm);border-radius:var(--border-radius-md)}.features .feature-icon{float:right;margin:-0.5em -0.5em 1em 1em}.features .toggle-mobile{display:none}.features .feature-content{margin-bottom:.3em}}@media(min-width: 568px)and (max-width: 999px){.features{--items-per-row: 2}}@media(max-width: 567px){.features{--items-per-row: 1;--icon-size: 48px;padding-bottom:20px}.features .intro{max-width:100%;padding:0;margin-bottom:calc(var(--section-margin)*.5)}.features .features-list{margin:0 calc(var(--container-padding)*-1)}.features .feature-item{position:relative;max-width:100%;flex:1 1 100%;padding:var(--container-padding);border-top:2px solid hsla(0,0%,100%,.1);transition:.3s ease}.features .feature-icon{position:absolute;margin-left:calc(var(--icon-size)*-0.1)}.features .feature-title{position:relative;display:flex;align-items:center;color:var(--color-white);margin:0;font-size:var(--font-size-md);padding:0 3em 0 calc(var(--icon-size) + .5em);min-height:var(--icon-size);hyphens:auto;font-weight:600;transition:.3s ease}.features .feature-title::after{content:"";display:inline-block;vertical-align:text-top;background-color:var(--icon-color, var(--text-color));width:var(--icon-size, 1em);height:var(--icon-size, 1em);-webkit-mask-size:contain;mask-size:contain;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;--icon: var(--icon-plus);--icon-color: var(--color-white);--icon-size: var(--font-size-lg);position:absolute;right:0;transition:.3s ease}.features .toggle-mobile{position:absolute;top:0;left:0;right:0;bottom:0;margin:calc(var(--container-padding)*-1) calc(var(--container-padding)*-1 + 3px);color:rgba(0,0,0,0);background:rgba(0,0,0,0);border:none;border-radius:0}.features .feature-description{height:0;overflow:hidden;margin:0;padding:0;transition:.3s ease;opacity:0}.features .feature-description::after{content:"";display:block;width:100%;height:.4em}.features [data-open=true]{background-color:var(--color-white)}.features [data-open=true] .feature-title{color:var(--color-dark);margin-bottom:1.25em}.features [data-open=true] .feature-title::after{--icon-color: var(--color-dark);transform:rotate(45deg)}.features [data-open=true] .feature-description{height:var(--height, 0);opacity:1}}