.app-page .features{background:var(--color-surface-tint);margin-bottom:var(--section-gap);max-width:none}.app-page .features__inner{display:flex;flex-direction:column;align-items:center;max-width:1920px;margin-inline:auto;gap:clamp(34px,calc(40px + (var(--max-vw) - 375px) * .015),82px);padding-top:clamp(34px,calc(40px + (var(--max-vw) - 375px) * .015),82px);padding-bottom:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);padding-left:var(--gutter);padding-right:var(--gutter)}.app-page .features__header{display:flex;flex-direction:column;align-items:center;gap:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);width:100%;text-align:center}.app-page .features__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--color-text);text-transform:capitalize;width:100%}.app-page .features__lead{color:var(--color-heading-a);width:100%}.app-page .features__cards{display:flex;flex-direction:column;gap:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);width:100%}.app-page .feature-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;background:var(--color-surface-card);border-radius:var(--radius-card);padding-top:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);padding-right:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px);padding-bottom:0;padding-left:clamp(17px,calc(20px + (var(--max-vw) - 375px) * .015),41px)}.app-page .feature-card__inner{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,calc(16px + (var(--max-vw) - 375px) * .015),33px);width:100%}.app-page .feature-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(13px,calc(15px + (var(--max-vw) - 375px) * .015),31px);width:100%}.app-page .feature-card__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-feature-card-title);line-height:var(--lh-h2);letter-spacing:var(--ls-card-title);color:var(--color-heading-a);text-align:left;width:100%}.app-page .feature-card__body{color:var(--color-text-secondary);text-align:left;width:100%}.app-page .feature-card__phone{position:relative;overflow:hidden;flex-shrink:0;width:clamp(145px,calc(170px + (var(--max-vw) - 375px) * .015),348px);height:clamp(199px,calc(233.75px + (var(--max-vw) - 375px) * .015),478px)}.app-page .feature-card__phone img{position:absolute;left:-.12%;top:8.27%;width:99.24%;height:146.58%;max-width:none}@media(min-width:768px){.app-page .features__inner{gap:40px;padding-top:clamp(40px,calc(40px + (var(--max-vw) - 768px) * .025),80px);padding-bottom:clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),80px)}.app-page .features__header{gap:20px}.app-page .features__cards{flex-direction:row;align-items:stretch;gap:20px}.app-page .feature-card{flex:1 1 0;min-width:0;padding-top:clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),30px);padding-right:clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),30px);padding-left:clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),30px)}.app-page .feature-card__inner{gap:16px;flex:1 1 auto}.app-page .feature-card__phone{margin-top:auto}.app-page .feature-card__text{gap:clamp(15px,calc(15px + (var(--max-vw) - 768px) * .025),30px)}.app-page .feature-card__phone{width:clamp(170px,calc(170px + (var(--max-vw) - 768px) * .025),264px);height:clamp(233.75px,calc(233.75px + (var(--max-vw) - 768px) * .025),363px)}}@media(min-width:1024px){.app-page .features__inner{gap:clamp(21px,calc(40px * (var(--max-vw) / var(--vw-base))),40px);padding-top:clamp(43px,calc(80px * (var(--max-vw) / var(--vw-base))),80px);padding-bottom:clamp(43px,calc(80px * (var(--max-vw) / var(--vw-base))),80px)}.app-page .features__header,.app-page .features__cards{gap:clamp(11px,calc(20px * (var(--max-vw) / var(--vw-base))),20px)}.app-page .feature-card{padding-top:clamp(16px,calc(30px * (var(--max-vw) / var(--vw-base))),30px);padding-right:clamp(16px,calc(30px * (var(--max-vw) / var(--vw-base))),30px);padding-left:clamp(16px,calc(30px * (var(--max-vw) / var(--vw-base))),30px)}.app-page .feature-card__inner{gap:clamp(9px,calc(16px * (var(--max-vw) / var(--vw-base))),16px)}.app-page .feature-card__text{gap:clamp(16px,calc(30px * (var(--max-vw) / var(--vw-base))),30px)}.app-page .feature-card__phone{width:clamp(141px,calc(264px * (var(--max-vw) / var(--vw-base))),264px);height:clamp(194px,calc(363px * (var(--max-vw) / var(--vw-base))),363px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nooa-app-features.css.map */