.service-card-feature{background-color:var(--bg-primary);border-radius:var(--stripe-radius);border:1px solid var(--stripe-border);height:100%;box-shadow:var(--stripe-shadow-card);padding:var(--stripe-card-padding);transition:border-color var(--duration-fast-02) var(--ease-standard-productive),box-shadow var(--duration-fast-02) var(--ease-standard-productive);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.service-card-feature:hover{border-color:var(--color-primary);box-shadow:0 12px 24px -8px var(--color-primary),var(--stripe-shadow-card-hover)}@supports (color:color-mix(in lab,red,red)){.service-card-feature:hover{box-shadow:0 12px 24px -8px color-mix(in srgb,var(--color-primary) 25%,transparent),var(--stripe-shadow-card-hover)}}.service-card-icon{background:var(--color-primary);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}@supports (color:color-mix(in lab,red,red)){.service-card-icon{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.service-card-icon{color:var(--color-primary);transition:background-color var(--duration-fast-02) var(--ease-standard-productive),color var(--duration-fast-02) var(--ease-standard-productive);margin-bottom:1.5rem}.service-card-feature:hover .service-card-icon{background:var(--color-primary);color:#fff}.service-card-feature h3{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.service-card-feature p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.service-link{color:var(--color-primary);transition:gap var(--duration-fast-02) var(--ease-standard-productive);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.arrow-icon{transition:transform var(--duration-fast-02) var(--ease-standard-productive);vertical-align:middle;width:1.1em;height:1.1em;display:inline-block}.service-card-feature:hover .arrow-icon{transform:translate(4px)}@media(max-width:768px){.service-card-feature{border-radius:14px;padding:1.25rem}.service-card-icon{border-radius:.625rem;width:2.5rem;height:2.5rem;margin-bottom:1rem}.service-card-feature h3{font-size:1.1rem}.service-card-feature p{-webkit-line-clamp:2;font-size:.9rem}.service-link{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.service-card-feature{transition:none}.service-card-feature:hover{transform:none}.arrow-icon{transition:none}.service-card-feature:hover .arrow-icon{transform:none}}.homepage-services-grid .service-card-feature{padding:var(--space-lg);border-color:var(--border-color);background:var(--bg-primary);box-shadow:none;cursor:pointer;transition:border-color var(--duration-fast-02) var(--ease-standard-productive),box-shadow var(--duration-fast-02) var(--ease-standard-productive);border-radius:0;transform:none}.homepage-services-grid .service-card-feature:after{display:none}.homepage-services-grid .service-card-feature:is(:hover,:focus-visible){border-color:var(--color-primary);background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--color-primary);z-index:var(--z-elevate);transform:none}.homepage-services-grid .service-card-feature:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:calc(var(--space-xs) / -2)}.homepage-services-grid .service-card-icon{border-radius:var(--stripe-radius-sm)}.homepage-services-grid .service-card-feature:is(:hover,:focus-visible) .service-card-icon{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.homepage-services-grid .service-card-feature:is(:hover,:focus-visible) .service-card-icon{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.homepage-services-grid .service-card-feature:is(:hover,:focus-visible) .service-card-icon{color:var(--color-primary)}.homepage-services-grid .service-card-feature p{text-align:start;-webkit-line-clamp:initial;margin-block-end:var(--space-md);display:block;overflow:visible}[dir=rtl] .service-card-feature--editorial .arrow-icon{transform:scaleX(-1)}.homepage-services-grid .service-card-feature:is(:hover,:focus-visible) .arrow-icon{transform:none}[dir=rtl] .homepage-services-grid .service-card-feature:is(:hover,:focus-visible) .arrow-icon{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.homepage-services-grid .service-card-feature{transition:none}[dir=rtl] .service-card-feature--editorial .arrow-icon{transform:scaleX(-1)}}
