/** Why Us component. */
.avc-why-us { background: var(--avc-surface); }.avc-s7-eyebrow { margin: 0 0 var(--avc-space-2); color: var(--avc-secondary); font-size: var(--avc-text-sm, .875rem); font-weight: var(--avc-weight-semibold, 600); letter-spacing: var(--avc-tracking, .08em); text-transform: uppercase; }.avc-why-us__container, .avc-process__container, .avc-tech-stack__container { max-width: var(--avc-s7-container-width, 82.5rem); }.avc-why-us__header, .avc-process__header, .avc-tech-stack__header { margin-bottom: var(--avc-space-4); }.avc-why-us__header p:last-child, .avc-process__header p:last-child { margin: 0; color: var(--avc-muted); }.avc-why-us__grid { display: grid; gap: var(--avc-space-2); grid-template-columns: 1fr; }.avc-why-us__card { padding: var(--avc-space-3); border: var(--avc-s7-border, 1px solid var(--avc-border)); border-top: var(--avc-s7-top-border, 4px solid var(--avc-primary)); border-radius: var(--avc-s7-radius, 1.5rem); background: var(--avc-surface); box-shadow: var(--avc-shadow); transition: border-color var(--avc-transition, .35s ease), transform var(--avc-transition, .35s ease); }.avc-why-us__card:hover { border-color: var(--avc-accent); transform: translateY(var(--avc-s7-lift, -8px)); }.avc-why-us__icon { width: var(--avc-s7-icon-size, 3rem); height: var(--avc-s7-icon-size, 3rem); padding: var(--avc-s7-icon-padding, .65rem); border-radius: var(--avc-radius); color: var(--avc-surface); background: linear-gradient(var(--avc-primary), var(--avc-secondary)); }.avc-why-us__icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: var(--avc-icon-stroke, 2); }.avc-why-us__card h3 { margin-top: var(--avc-space-2); font-size: var(--avc-card-title-size, 1.2rem); }.avc-why-us__card p { margin: 0; color: var(--avc-muted); }
[data-s7-reveal] { opacity: var(--avc-s7-reveal-opacity, 0); transform: translateY(var(--avc-s7-reveal-offset, 1rem)); transition: opacity var(--avc-s7-reveal-duration, .5s) ease, transform var(--avc-s7-reveal-duration, .5s) ease; } [data-s7-reveal].avc-s7-is-visible { opacity: 1; transform: translateY(0); text-align: center; }
@media (min-width: 42rem) { .avc-why-us__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .avc-why-us__card { transition: none; } }