.services-page.svelte-4z030h{max-width:1200px;margin:0 auto;padding:2rem 1.25rem;box-sizing:border-box}.page-header.svelte-4z030h{text-align:center;margin-bottom:3rem}.page-header.svelte-4z030h h1:where(.svelte-4z030h){font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;font-weight:700;color:var(--color-text, #1a1a1a)}.lead.svelte-4z030h{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-text-secondary, #4a4a4a);margin-bottom:2rem;max-width:40rem;margin-left:auto;margin-right:auto}.search-container.svelte-4z030h{position:relative;max-width:600px;margin:0 auto}.search-input.svelte-4z030h{width:100%;padding:1rem 3rem 1rem 1.25rem;font-size:1rem;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-bg-card, #ffffff);color:var(--color-text, #1a1a1a);transition:border-color .2s ease}.search-input.svelte-4z030h:focus{outline:none;border-color:var(--color-primary, #0066cc)}.search-icon.svelte-4z030h{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none;opacity:.5}.categories-grid.svelte-4z030h{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card.svelte-4z030h{display:flex;flex-direction:column;padding:2rem;border:2px solid var(--color-border, #e0e0e0);border-radius:12px;background:var(--color-bg-card, #ffffff);text-decoration:none;color:inherit;transition:all .2s ease;position:relative;overflow:hidden}.category-card.svelte-4z030h:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary, #0066cc);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.category-card.svelte-4z030h:hover{border-color:var(--color-primary, #0066cc);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-card.svelte-4z030h:hover:before{transform:scaleX(1)}.category-icon.svelte-4z030h{font-size:3rem;margin-bottom:1rem;line-height:1}.category-name.svelte-4z030h{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text, #1a1a1a)}.category-hook.svelte-4z030h{font-size:.875rem;font-weight:600;color:var(--color-primary, #0066cc);margin-bottom:.75rem;font-style:italic}.category-description.svelte-4z030h{font-size:1rem;color:var(--color-text-secondary, #4a4a4a);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.category-meta.svelte-4z030h{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-primary, #0066cc);font-weight:600}.service-count.svelte-4z030h{opacity:.8}.arrow.svelte-4z030h{font-size:1.25rem;transition:transform .2s ease}.category-card.svelte-4z030h:hover .arrow:where(.svelte-4z030h){transform:translate(4px)}.portfolio-results.svelte-4z030h{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border, #e0e0e0)}.results-heading.svelte-4z030h{font-size:1.375rem;font-weight:700;color:var(--color-text, #1a1a1a);margin-bottom:1.25rem}.portfolio-results-grid.svelte-4z030h{display:flex;flex-direction:column;gap:.75rem}.portfolio-result-card.svelte-4z030h{display:flex;gap:1rem;padding:1.25rem;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-bg-card, #fff);text-decoration:none;color:inherit;transition:all .2s ease}.portfolio-result-card.svelte-4z030h:hover{border-color:var(--color-primary, #0066cc);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.portfolio-result-icon.svelte-4z030h{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary)}.portfolio-result-body.svelte-4z030h{flex:1;min-width:0}.portfolio-result-body.svelte-4z030h h3:where(.svelte-4z030h){font-size:1.0625rem;font-weight:700;color:var(--color-text, #1a1a1a);margin-bottom:.375rem}.portfolio-result-body.svelte-4z030h p:where(.svelte-4z030h){font-size:.9375rem;color:var(--color-text-secondary, #4a4a4a);line-height:1.5;margin-bottom:.625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-result-tags.svelte-4z030h{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.portfolio-result-tag.svelte-4z030h{font-size:.75rem;font-weight:500;color:var(--color-text-muted, #999);background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border, #e0e0e0);border-radius:4px;padding:.125rem .5rem}.portfolio-result-badge.svelte-4z030h{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .5rem;border-radius:4px}.portfolio-result-badge.badge-live.svelte-4z030h{background-color:var(--color-success, #22c55e);color:#fff}.portfolio-result-badge.badge-delivered.svelte-4z030h{background:var(--color-bg-secondary, #f8f9fa);color:var(--color-text-muted, #999);border:1px solid var(--color-border, #e0e0e0)}.no-results.svelte-4z030h{text-align:center;padding:3rem 1rem}.no-results.svelte-4z030h p:where(.svelte-4z030h){font-size:1.25rem;color:var(--color-text-secondary, #4a4a4a);margin-bottom:1rem}.clear-search.svelte-4z030h{padding:.75rem 1.5rem;font-size:1rem;background:var(--color-primary, #0066cc);color:var(--color-primary-text, white);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.clear-search.svelte-4z030h:hover{background:var(--color-primary-hover, #0052a3);transform:translateY(-2px)}@media(max-width:768px){.categories-grid.svelte-4z030h{grid-template-columns:1fr}.services-page.svelte-4z030h{padding:1.5rem 1.25rem}.page-header.svelte-4z030h{margin-bottom:2rem}.category-card.svelte-4z030h{padding:1.5rem}.portfolio-result-card.svelte-4z030h{flex-direction:column;gap:.75rem}.portfolio-result-icon.svelte-4z030h{width:2rem;height:2rem}}