@layer theme,base;@layer components{.feature-cards-container{container-type:inline-size}.feature-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@container (min-width:640px){.feature-cards-grid{gap:1rem}}@container (min-width:700px){.feature-cards-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{color:inherit;outline:1px solid oklch(from var(--color-gray-700) l c h / .4);outline-offset:-1px;transition:outline-color var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border-radius:.75rem;text-decoration:none;display:block;overflow:hidden}.feature-card:hover{outline-color:oklch(from var(--color-brand-primary) l c h / .6);box-shadow:0 8px 24px oklch(from var(--color-brand-primary) l c h / .12), 0 0 0 1px oklch(from var(--color-brand-primary) l c h / .3);transform:scale(1.03)}.feature-card:hover .feature-card-arrow{transform:translate(3px)}.feature-card:hover .feature-card-overlay{background:linear-gradient(#0000000d 0%,#00000080 45%,#000000e6 100%);background:linear-gradient(lab(0% 0 0/.05) 0%,lab(0% 0 0/.5) 45%,lab(0% 0 0/.9) 100%)}.feature-card-image{aspect-ratio:3/4;background:var(--color-gray-900);position:relative;overflow:hidden}.feature-card-overlay{transition:background var(--duration-slow) ease;background:linear-gradient(#0000 0%,#00000059 50%,#000000d9 100%);background:linear-gradient(lab(0% 0 0/0) 0%,lab(0% 0 0/.35) 50%,lab(0% 0 0/.85) 100%);align-items:flex-end;gap:.5rem;padding:.75rem;display:flex;position:absolute;inset:0}.feature-card-text{color:var(--color-white);text-shadow:0 1px 3px #00000080;text-shadow:0 1px 3px lab(0% 0 0/.5);flex:1;font-size:1.1rem;font-weight:600;line-height:1.3}@container (min-width:480px){.feature-card-text{font-size:1.25rem}}@container (min-width:640px){.feature-card-text{font-size:1.4rem}}.feature-card-arrow{color:var(--color-brand-primary-400);filter:drop-shadow(0 1px 2px #00000080);filter:drop-shadow(0 1px 2px lab(0% 0 0/.5));transition:transform var(--duration-slow) ease;margin-bottom:.125rem}.feature-card-phone-btn{z-index:1;color:var(--color-white);background:oklch(from var(--color-success) l c h / .85);pointer-events:none;opacity:.7;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 8px #0000004d;box-shadow:0 2px 8px lab(0% 0 0/.3)}}@layer utilities;