@layer ui.components{.ui-feature-tile{justify-content:space-between;gap:var(--space-md);width:237px;height:100%;padding:var(--space-lg);border-radius:var(--radius-lg);background-color:var(--surface);color:var(--brand-text);flex-direction:column;display:flex}.ui-feature-tile__disc{border-radius:var(--radius-pill);background-color:var(--surface-muted);width:clamp(3.75rem,3.3125rem + 2vw,5.1875rem);height:clamp(3.75rem,3.3125rem + 2vw,5.1875rem);color:var(--action);justify-content:center;align-items:center;margin-bottom:clamp(.75rem,.6739rem + .3478vw,1rem);display:flex}.ui-feature-tile__disc>svg{width:clamp(2rem,1.7717rem + 1.0435vw,2.75rem);height:clamp(2rem,1.7717rem + 1.0435vw,2.75rem)}.ui-feature-tile__title{margin:0;font-size:clamp(1.125rem,1.0109rem + .5217vw,1.5rem);font-weight:600;line-height:clamp(1.5rem,1.3478rem + .6957vw,2rem)}.ui-feature-tile__text{margin:0;font-size:clamp(1rem,.9239rem + .3478vw,1.25rem);font-weight:500;line-height:clamp(1.375rem,1.2609rem + .5217vw,1.75rem)}@media (min-width:768px){.ui-feature-tile{gap:var(--space-lg);width:330px;padding:22px var(--space-xl) 22px var(--space-lg)}}.ui-feature-tile__media{display:block}.ui-feature-tile__media>*{width:100%;height:100%;display:block}.ui-feature-tile[data-variant=why]{border-radius:var(--radius-sm);gap:0;min-height:222px}.ui-feature-tile[data-variant=why] .ui-feature-tile__head{gap:var(--space-md);flex-direction:column;display:flex}.ui-feature-tile[data-variant=why] .ui-feature-tile__media{width:60px;height:60px}.ui-feature-tile[data-variant=why] .ui-feature-tile__title{letter-spacing:-.01em;color:var(--brand-soft);font-size:18px;line-height:24px}.ui-feature-tile[data-variant=why] .ui-feature-tile__text{letter-spacing:-.01em;font-size:16px;font-weight:400;line-height:22px}@media (min-width:768px){.ui-feature-tile[data-variant=why]{width:237px;padding:var(--space-lg)}}@media (min-width:1024px){.ui-feature-tile[data-variant=why]{width:332px;min-height:311px;padding:22px var(--space-xl);border-radius:17px}.ui-feature-tile[data-variant=why] .ui-feature-tile__head{gap:17px}.ui-feature-tile[data-variant=why] .ui-feature-tile__media{width:84px;height:84px}.ui-feature-tile[data-variant=why] .ui-feature-tile__title{font-size:24px;line-height:32px}.ui-feature-tile[data-variant=why] .ui-feature-tile__text{letter-spacing:0;font-size:20px;font-weight:500;line-height:28px}}.ui-feature-tile[data-variant=service]{justify-content:flex-start;gap:var(--space-xl);width:360px;padding:var(--space-xxl);border-radius:var(--radius-md);transition:background-color .2s}.ui-feature-tile[data-variant=service] .ui-feature-tile__head{gap:var(--space-xl);flex-direction:column;display:flex}.ui-feature-tile[data-variant=service] .ui-feature-tile__media{width:36px;height:auto;display:flex}.ui-feature-tile[data-variant=service] .ui-feature-tile__media img{transition:filter .3s}.ui-feature-tile[data-variant=service] .ui-feature-tile__title{letter-spacing:-.03em;color:var(--brand-text);font-size:28px;line-height:1.1;transition:color .3s}.ui-feature-tile[data-variant=service] .ui-feature-tile__text{letter-spacing:-.03em;color:var(--text-muted);font-size:18px;font-weight:400;line-height:22px;transition:color .3s}.ui-feature-tile[data-variant=service]:hover{background-color:var(--action)}.ui-feature-tile[data-variant=service]:hover .ui-feature-tile__media img{filter:brightness(0)invert()}.ui-feature-tile[data-variant=service]:hover .ui-feature-tile__title{color:var(--bg-primary)}.ui-feature-tile[data-variant=service]:hover .ui-feature-tile__text{color:var(--text-on-action)}}