.ys-why{position:relative;overflow:hidden;padding-top:clamp(4.5rem, 3rem + 7.5vw, 7rem);padding-bottom:clamp(4.5rem, 3rem + 7.5vw, 7rem)}@media (min-width:1024px){.ys-why{padding-top:9rem;padding-bottom:9rem}}.ys-why__decor{position:absolute;top:50%;left:50%;width:700px;height:700px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--primary) 5%,transparent);transform:translate(-50%,-50%);filter:blur(64px);pointer-events:none}.ys-why__inner{position:relative;z-index:10;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-l)}.ys-why__header{text-align:center;max-width:var(--content-max);margin:0 auto clamp(2.75rem, 1.75rem + 5vw, 5rem)}.ys-why__header .section-title{margin-bottom:1.5rem}.ys-why__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.1rem, 0.75rem + 1.75vw, 1.75rem)}@media (min-width:640px){.ys-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ys-why__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ys-why-card{position:relative;overflow:hidden;height:100%;padding:clamp(1.25rem, 0.25rem + 5vw, 2.25rem);border:1px solid var(--border-50);border-radius:var(--radius-xl);transition:border-color var(--dur-base) var(--ease-standard)}.ys-why-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.ys-why-card:hover .ys-why-card__glow{opacity:1}.ys-why-card:hover .ys-why-card__title{color:var(--primary)}.ys-why-card:hover .ys-why-card__icon{background-color:var(--primary);color:var(--primary-fg)}.ys-why-card__glow{position:absolute;inset:0;opacity:0;background-image:linear-gradient(135deg,var(--primary-10),transparent);transition:opacity 0.5s;pointer-events:none}.ys-why-card__icon{position:relative;width:clamp(3.25rem, 2.9rem + 1.75vw, 4rem);height:clamp(3.25rem, 2.9rem + 1.75vw, 4rem);border-radius:var(--radius-l);background-color:var(--primary-20);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(1.1rem, 0.8rem + 1.5vw, 1.75rem);color:var(--primary);transition:background-color 0.3s,color 0.3s}.ys-why-card__icon svg{width:clamp(1.625rem, 1.45rem + 0.9vw, 2rem);height:clamp(1.625rem, 1.45rem + 0.9vw, 2rem)}.ys-why-card__icon:hover{animation:ys-wiggle-pop 0.5s ease}.ys-why-card__title{position:relative;font-size:clamp(1.25rem, 1.05rem + 1vw, 1.5rem);font-weight:700;margin-bottom:clamp(0.625rem, 0.45rem + 0.9vw, 1rem);transition:color 0.3s}.ys-why-card__desc{position:relative;font-size:clamp(0.975rem, 0.9rem + 0.4vw, 1.125rem);line-height:1.6;color:var(--text-muted)}.ys-why-card__link{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-top:clamp(0.875rem, 0.7rem + 0.9vw, 1.25rem);font-size:var(--text-s);font-weight:600;color:var(--primary);text-decoration:none;transition:gap 0.25s ease}.ys-why-card__link svg{width:1rem;height:1rem;flex-shrink:0;transition:translate 0.25s ease}.ys-why-card__link:hover{text-decoration:underline;text-underline-offset:.25em}.ys-why-card__link:hover svg{translate:4px 0}.ys-why-card__link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}