.card{padding:var(--space-2xl);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-white);min-height:320px;display:flex;flex-direction:column;gap:var(--space-md);position:relative;transition:border-color var(--transition-base)}.card:hover{border-color:#06f}.card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;transition:all var(--transition-smooth)}.card__icon img{width:100%;height:100%;object-fit:contain}.card__icon svg{width:48px;height:48px;color:var(--color-black);stroke-width:1.5px;transition:color var(--transition-base)}.card:hover .card__icon svg{color:#06f}.card__number{font-size:var(--text-small);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-medium);margin:0}.card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--color-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.card__description{font-size:var(--text-body);color:var(--color-gray-600);line-height:var(--leading-normal);margin:0;flex-grow:1}.card__link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-black);font-weight:var(--font-semibold);font-size:var(--text-body);text-decoration:none;transition:all var(--transition-base);margin-top:auto}.card__link:hover{gap:var(--space-sm)}.card__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.card__arrow{display:inline-block;transition:transform var(--transition-base);font-size:1.25rem}.card__link:hover .card__arrow{transform:translate(4px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.card-grid,.service-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl);margin:var(--space-2xl) 0}.service-card{padding:var(--space-2xl);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-white);min-height:320px;display:flex;flex-direction:column;gap:var(--space-md);position:relative;transition:all var(--transition-slow)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:var(--color-black)}.service-card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;transition:all var(--transition-smooth)}.service-card__icon img{width:100%;height:100%;object-fit:contain}.service-card__icon svg{width:48px;height:48px;color:var(--color-black);stroke-width:1.5px;transition:color var(--transition-base)}.service-card:hover .service-card__icon svg{color:#06f}.service-card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--color-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.service-card__description{font-size:var(--text-body);color:var(--color-gray-600);line-height:var(--leading-normal);margin:0;flex-grow:1}.service-card__link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-black);font-weight:var(--font-semibold);font-size:var(--text-body);text-decoration:none;transition:all var(--transition-base);margin-top:auto}.service-card__link:hover{gap:var(--space-sm)}.service-card__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.service-card__arrow{display:inline-block;transition:transform var(--transition-base);font-size:1.25rem}.service-card__link:hover .service-card__arrow{transform:translate(4px)}.card:focus-within,.service-card:focus-within{border-color:var(--color-accent)}@media (max-width: 767px){.card,.service-card{padding:var(--space-xl);min-height:280px}.card__icon,.service-card__icon{width:56px;height:56px;font-size:1.75rem}.card__title,.service-card__title{font-size:1.375rem}.card-grid,.service-card-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media (prefers-reduced-motion: reduce){.card,.card__icon,.card__arrow,.card__link,.service-card,.service-card__icon,.service-card__arrow,.service-card__link{transition:none}.card:hover,.service-card:hover,.card:hover .card__icon,.service-card:hover .service-card__icon,.card__link:hover .card__arrow,.service-card__link:hover .service-card__arrow{transform:none}}
