@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;padding:2rem 0;display:grid}.skeleton-card{background:linear-gradient(90deg,var(--color-skeleton-base)25%,var(--color-skeleton-shine)50%,var(--color-skeleton-base)75%);background-size:600px 100%;border-radius:12px;height:240px;animation:1.5s linear infinite shimmer;overflow:hidden}
.error-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;padding:2rem;display:flex}.error-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.error-title{color:var(--color-text);margin-bottom:.5rem;font-family:Georgia,serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.error-body{color:var(--color-muted);max-width:36ch;line-height:1.65}.retry-btn{border:2px solid var(--color-accent);color:var(--color-accent);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:4px;margin-top:1.5rem;padding:.65rem 1.75rem;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.retry-btn:hover{background:var(--color-accent);color:#fff}
.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;display:grid}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);overflow:hidden}.service-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-4px)}.card-inner{flex-direction:column;height:100%;min-height:240px;padding:2rem 1.75rem;display:flex}.card-number{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-accent);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.card-title{font-family:var(--font-display);margin-bottom:.75rem;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700;line-height:1.3}.card-description{color:var(--color-muted);flex:1;font-size:.9rem;line-height:1.7}.cta-btn{background:var(--color-accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;transition:background var(--transition),gap var(--transition);border-radius:4px;align-self:flex-start;align-items:center;gap:.45rem;margin-top:1.5rem;padding:.6rem 1.25rem;font-size:.825rem;font-weight:700;text-decoration:none;display:inline-flex}.cta-btn:hover{background:var(--color-accent-dark);gap:.7rem}.cta-arrow{transition:transform var(--transition)}.cta-btn:hover .cta-arrow{transform:translate(3px)}