.features[data-v-8c53f9d1]{padding:96px 0 48px}.section-head[data-v-8c53f9d1]{align-items:end;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:48px}.section-sub[data-v-8c53f9d1]{color:var(--ink-2);font-size:16.5px;line-height:1.55;margin:0;max-width:480px}.feature-grid[data-v-8c53f9d1]{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.feature[data-v-8c53f9d1]{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:260px;overflow:hidden;padding:24px 22px 22px;position:relative;transition:.25s}.feature[data-v-8c53f9d1]:hover{border-color:var(--line);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature .num[data-v-8c53f9d1]{color:var(--ink-3);font-family:"Instrument Serif",serif;font-size:22px;font-style:italic;margin-bottom:14px}.feature .ico[data-v-8c53f9d1]{border-radius:12px;display:grid;height:42px;margin-bottom:18px;place-items:center;width:42px}.feature h3[data-v-8c53f9d1]{color:var(--teal-900);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 8px}.feature p[data-v-8c53f9d1]{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:0}.feature .arr-lk[data-v-8c53f9d1]{align-items:center;color:var(--teal);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;margin-top:auto;padding-top:18px}.arr[data-v-8c53f9d1]{transition:transform .2s}.feature:hover .arr[data-v-8c53f9d1]{transform:translate(2px)}.feature.tonal-1[data-v-8c53f9d1]{background:linear-gradient(180deg,#fff,#fbfaf3)}.feature.tonal-1 .ico[data-v-8c53f9d1]{background:var(--lime)}.feature.tonal-2 .ico[data-v-8c53f9d1]{background:var(--sage-50);color:var(--teal)}.feature.tonal-3 .ico[data-v-8c53f9d1]{background:#e8ead8;color:var(--teal)}.feature.tonal-4 .ico[data-v-8c53f9d1]{background:var(--teal);color:var(--lime)}.corner[data-v-8c53f9d1]{background:radial-gradient(circle,var(--sage-50) 0,transparent 70%);border-radius:50%;height:120px;opacity:0;position:absolute;right:-30px;top:-30px;transition:.3s;width:120px}.feature:hover .corner[data-v-8c53f9d1]{opacity:1}@media(max-width:980px){.feature-grid[data-v-8c53f9d1]{grid-template-columns:repeat(2,1fr)}.section-head[data-v-8c53f9d1]{gap:24px;grid-template-columns:1fr}}