.why.svelte-1hdyymp{padding:clamp(24px,3vw,44px)}.why.svelte-1hdyymp h2:where(.svelte-1hdyymp){color:var(--cream);margin-bottom:clamp(12px,1.4vw,18px)}.why-list.svelte-1hdyymp{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp){border-radius:var(--r-card);animation:.7s cubic-bezier(.2,.8,.2,1) both svelte-1hdyymp-why-in;animation-delay:calc(var(--i) * 90ms);grid-template-columns:52px minmax(0,1fr);align-items:start;gap:4px 18px;padding:14px 18px 14px 14px;transition:background-color .35s,transform .35s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp):before{content:"";background:var(--cream);transform-origin:top;border-radius:3px;width:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:16px;bottom:16px;left:0;transform:scaleY(0)}.why-i.svelte-1hdyymp{border-radius:var(--r-icon);background:var(--cream);width:48px;height:48px;color:var(--green);grid-row:span 2;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid}.why-i.svelte-1hdyymp svg:where(.svelte-1hdyymp){width:24px;height:24px}.why-list.svelte-1hdyymp h3:where(.svelte-1hdyymp){color:var(--paper);align-self:center;font-size:clamp(21px,1.9vw,28px)}.why-list.svelte-1hdyymp p:where(.svelte-1hdyymp){color:#faf8f5d6;font-size:17px;line-height:1.45}@media (hover:hover){.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp):hover{background:var(--color-tone);transform:translate(6px)}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp):hover:before{transform:scaleY(1)}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp):hover .why-i:where(.svelte-1hdyymp){transform:rotate(-6deg)scale(1.06)}}@keyframes svelte-1hdyymp-why-in{0%{opacity:0;transform:translateY(14px)}}@media (width<=899px){.why-list.svelte-1hdyymp{grid-template-columns:1fr;gap:6px}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp){grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:14px 0}.why-i.svelte-1hdyymp{width:40px;height:40px}.why-i.svelte-1hdyymp svg:where(.svelte-1hdyymp){width:20px;height:20px}.why-list.svelte-1hdyymp p:where(.svelte-1hdyymp){font-size:16px}.why-list.svelte-1hdyymp li:where(.svelte-1hdyymp):hover{background:0 0;transform:none}}
