.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top:2px solid var(--color-primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-spinner--sm{width:1rem;height:1rem;border-width:1px}.loading-spinner--lg{width:2rem;height:2rem;border-width:3px}.loading-spinner--xl{width:3rem;height:3rem;border-width:3px}.loading-skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.loading-skeleton--text{height:1rem;margin-bottom:var(--space-2)}.loading-skeleton--text:last-child{width:60%}.loading-skeleton--title{height:1.5rem;margin-bottom:var(--space-3)}.loading-skeleton--card{height:200px;border-radius:var(--radius-xl)}.loading-skeleton--avatar{width:3rem;height:3rem;border-radius:var(--radius-full)}.loading-skeleton--button{height:2.5rem;width:120px;border-radius:var(--radius-lg)}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-dots{display:inline-flex;align-items:center;gap:var(--space-1)}.loading-dots__dot{width:.5rem;height:.5rem;background:var(--color-primary-500);border-radius:var(--radius-full);animation:loading-dots 1.4s ease-in-out infinite both}.loading-dots__dot:nth-child(1){animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.button--loading{position:relative;color:transparent!important;pointer-events:none}.button--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite;color:var(--color-text-inverse)}.button--loading.button--outline:after{color:var(--color-primary-600)}.button--loading.button--ghost:after{color:var(--color-text-primary)}.service-card--loading{position:relative;overflow:hidden}.service-card--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s ease-in-out infinite}.page-loading{position:fixed;inset:0;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in .2s ease-out}.page-loading__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.page-loading__text{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-fast)}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:box-shadow var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #f973164d}.focus-ring{position:relative}.focus-ring:after{content:"";position:absolute;inset:-2px;border:2px solid var(--color-focus);border-radius:inherit;opacity:0;transform:scale(.95);transition:all var(--transition-fast);pointer-events:none}.focus-ring:focus-visible:after{opacity:1;transform:scale(1)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:before{width:300px;height:300px}.slide-in-up{animation:slide-in-up .5s ease-out}.slide-in-down{animation:slide-in-down .5s ease-out}.slide-in-left{animation:slide-in-left .5s ease-out}.slide-in-right{animation:slide-in-right .5s ease-out}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fade-in .3s ease-out}.fade-out{animation:fade-out .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.scale-in{animation:scale-in .3s ease-out}.scale-out{animation:scale-out .3s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.bounce-in{animation:bounce-in .6s ease-out}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.progress-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:progress-indeterminate 2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.toast-enter{animation:toast-enter .3s ease-out}.toast-exit{animation:toast-exit .3s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,var(--color-gray-700) 25%,var(--color-gray-600) 50%,var(--color-gray-700) 75%);background-size:200% 100%}[data-theme=dark] .page-loading{background:#111827e6}[data-theme=dark] .service-card--loading:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@media (prefers-reduced-motion: reduce){.loading-spinner,.loading-skeleton,.loading-dots__dot,.loading-pulse,.button--loading:after,.service-card--loading:before,.progress-bar--indeterminate .progress-bar__fill{animation:none}.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{transform:none}.slide-in-up,.slide-in-down,.slide-in-left,.slide-in-right,.fade-in,.fade-out,.scale-in,.scale-out,.bounce-in,.toast-enter,.toast-exit{animation:none}.ripple:before{transition:none}.focus-ring:after{transition:none}.loading-spinner{border-top-color:var(--color-primary-500)}.loading-skeleton{background:var(--color-gray-200)}.loading-dots__dot{opacity:.7}}@media (prefers-contrast: high){.loading-spinner{border-width:3px}.loading-skeleton{background:#e0e0e0}.progress-bar{border:1px solid var(--color-text-primary)}}@media print{.loading-spinner,.loading-skeleton,.loading-dots,.loading-pulse,.page-loading{display:none!important}.button--loading{color:inherit!important}.button--loading:after{display:none}}.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{will-change:transform}.loading-spinner,.loading-skeleton,.loading-dots__dot,.service-card--loading:before,.progress-bar--indeterminate .progress-bar__fill{will-change:transform,opacity}*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{--color-primary-50: #fff7ed;--color-primary-100: #ffedd5;--color-primary-200: #fed7aa;--color-primary-300: #fdba74;--color-primary-400: #fb923c;--color-primary-500: #f97316;--color-primary-600: #ea580c;--color-primary-700: #c2410c;--color-primary-800: #9a3412;--color-primary-900: #7c2d12;--color-secondary-50: #eef2ff;--color-secondary-100: #e0e7ff;--color-secondary-200: #c7d2fe;--color-secondary-300: #a5b4fc;--color-secondary-400: #818cf8;--color-secondary-500: #6366f1;--color-secondary-600: #4f46e5;--color-secondary-700: #4338ca;--color-secondary-800: #3730a3;--color-secondary-900: #312e81;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #ecfdf5;--color-success-500: #10b981;--color-success-600: #059669;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-background: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-divider: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-text-disabled: #d1d5db;--color-link: #f97316;--color-link-hover: #ea580c;--color-focus: #3b82f6;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--font-size-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--font-size-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--font-size-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--font-size-6xl: clamp(3.75rem, 3rem + 3.75vw, 5rem);--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--space-section: clamp(2rem, 4vw, 4rem);--space-container: clamp(1rem, 2vw, 2rem);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--touch-target-min: 44px;--touch-target-comfortable: 48px}[data-theme=dark]{--color-background: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #374151;--color-surface: #1f2937;--color-surface-elevated: #374151;--color-border: #374151;--color-border-light: #4b5563;--color-divider: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-text-disabled: #6b7280;--color-link: #fb923c;--color-link-hover: #f97316;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-background: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #374151;--color-surface: #1f2937;--color-surface-elevated: #374151;--color-border: #374151;--color-border-light: #4b5563;--color-divider: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-text-disabled: #6b7280;--color-link: #fb923c;--color-link-hover: #f97316;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}}html{scroll-behavior:smooth;font-size:16px}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;font-size:var(--font-size-base)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}button{cursor:pointer;border:none;background:none;padding:0}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.js-focus-visible :focus:not(.focus-visible){outline:none}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-secondary: #000000}[data-theme=dark]{--color-border: #ffffff;--color-text-secondary: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh;display:flex;flex-direction:column;isolation:isolate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-background);color:var(--color-text-primary);padding:8px;text-decoration:none;border-radius:var(--radius-md);border:2px solid var(--color-border);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:6px}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:var(--font-family-sans);line-height:var(--line-height-tight);text-align:center;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation;min-height:var(--touch-target-min)}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-lg)}.button:focus:not(:focus-visible){outline:none}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);pointer-events:none}.button:active:before{width:300px;height:300px}.button--xs{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-height:32px;gap:var(--space-1)}.button--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.button--md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);min-height:var(--touch-target-min)}.button--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:var(--touch-target-comfortable)}.button--xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl);min-height:56px}.button--full{width:100%}.button--icon-only{padding:var(--space-3);aspect-ratio:1;border-radius:var(--radius-lg)}.button--icon-only.button--xs{padding:var(--space-1)}.button--icon-only.button--sm{padding:var(--space-2)}.button--icon-only.button--lg{padding:var(--space-4)}.button--icon-only.button--xl{padding:var(--space-5)}.button--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);border:1px solid transparent}.button--primary:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button--secondary{background:linear-gradient(135deg,var(--color-secondary-500) 0%,var(--color-secondary-600) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);border:1px solid transparent}.button--secondary:hover{background:linear-gradient(135deg,var(--color-secondary-600) 0%,var(--color-secondary-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button--outline{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-xs)}.button--outline:hover{background:var(--color-background-secondary);border-color:var(--color-primary-300);color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button--outline:active{transform:translateY(0);background:var(--color-background-tertiary)}.button--outline-primary{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-300)}.button--outline-primary:hover{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700);transform:translateY(-1px)}.button--outline-primary:active{transform:translateY(0);background:var(--color-primary-100)}.button--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.button--ghost:hover{background:var(--color-background-secondary);color:var(--color-text-primary);transform:translateY(-1px)}.button--ghost:active{transform:translateY(0);background:var(--color-background-tertiary)}.button--ghost-primary{background:transparent;color:var(--color-primary-600);border:1px solid transparent}.button--ghost-primary:hover{background:var(--color-primary-50);color:var(--color-primary-700);transform:translateY(-1px)}.button--ghost-primary:active{transform:translateY(0);background:var(--color-primary-100)}.button--danger{background:linear-gradient(135deg,var(--color-error-500) 0%,var(--color-error-600) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);border:1px solid transparent}.button--danger:hover{background:linear-gradient(135deg,var(--color-error-600) 0%,var(--color-error-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button--success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);border:1px solid transparent}.button--success:hover{background:linear-gradient(135deg,var(--color-success-600) 0%,var(--color-success-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--success:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.button--loading{cursor:wait;pointer-events:none}.button--loading .button__text{opacity:.7}.button--loading .button__spinner{opacity:1}.button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button__icon--left{margin-right:var(--space-1)}.button__icon--right{margin-left:var(--space-1)}.button__text{transition:opacity var(--transition-base)}.button__spinner{position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite;opacity:0;transition:opacity var(--transition-base)}.button--sm .button__spinner{width:.875rem;height:.875rem}.button--lg .button__spinner,.button--xl .button__spinner{width:1.25rem;height:1.25rem}.button-group{display:inline-flex;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.button-group .button{border-radius:0;border-right:1px solid var(--color-border);margin:0}.button-group .button:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.button-group .button:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right:none}.button-group .button:only-child{border-radius:var(--radius-lg);border-right:none}@media (max-width: 767px){.button--responsive-full{width:100%}.button-group--responsive-stack{flex-direction:column}.button-group--responsive-stack .button{border-radius:0;border-right:none;border-bottom:1px solid var(--color-border)}.button-group--responsive-stack .button:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-bottom-left-radius:0}.button-group--responsive-stack .button:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top-right-radius:0;border-bottom:none}}@media (prefers-contrast: high){.button{border-width:2px}.button--outline{border-width:3px}.button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.button{transition:none}.button:before{display:none}.button:hover{transform:none}.button__spinner{animation:none}}@media print{.button{background:transparent!important;color:#000!important;border:1px solid #000!important;box-shadow:none!important;transform:none!important}.button:before{display:none}}[data-theme=dark] .button--outline{border-color:var(--color-border)}[data-theme=dark] .button--outline:hover{border-color:var(--color-primary-400);color:var(--color-primary-400)}[data-theme=dark] .button--ghost:hover{background:var(--color-gray-800)}[data-theme=dark] .button--ghost-primary:hover{background:var(--color-primary-900);color:var(--color-primary-300)}@media (hover: none) and (pointer: coarse){.button{min-height:var(--touch-target-comfortable)}.button--sm{min-height:40px}.button--xs{min-height:36px}.button:hover{transform:none;box-shadow:var(--shadow-sm)}}.typography{margin:0;font-family:var(--font-family-sans);color:var(--color-text-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal)}.typography--h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.025em;color:var(--color-text-primary)}.typography--h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.025em;color:var(--color-text-primary)}.typography--h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:-.025em;color:var(--color-text-primary)}.typography--h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}.typography--h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}.typography--h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}.typography--body-xl{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.typography--body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.typography--body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.typography--body-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--body-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.typography--subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.typography--caption{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.typography--overline{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em}.typography--code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-background-secondary);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);border:1px solid var(--color-border)}.typography--code-block{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-background-secondary);color:var(--color-text-primary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto;white-space:pre;line-height:var(--line-height-relaxed)}.typography--blockquote{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-style:italic;border-left:4px solid var(--color-primary-500);padding-left:var(--space-4);margin:var(--space-6) 0}.typography--weight-light{font-weight:var(--font-weight-light)}.typography--weight-normal{font-weight:var(--font-weight-normal)}.typography--weight-medium{font-weight:var(--font-weight-medium)}.typography--weight-semibold{font-weight:var(--font-weight-semibold)}.typography--weight-bold{font-weight:var(--font-weight-bold)}.typography--weight-extrabold{font-weight:var(--font-weight-extrabold)}.typography--color-primary{color:var(--color-text-primary)}.typography--color-secondary{color:var(--color-text-secondary)}.typography--color-tertiary{color:var(--color-text-tertiary)}.typography--color-inverse{color:var(--color-text-inverse)}.typography--color-disabled{color:var(--color-text-disabled)}.typography--color-brand{color:var(--color-primary-600)}.typography--color-success{color:var(--color-success-600)}.typography--color-warning{color:var(--color-warning-600)}.typography--color-error{color:var(--color-error-600)}.typography--gradient{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%}.typography--gradient-animated{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite}.typography--align-left{text-align:left}.typography--align-center{text-align:center}.typography--align-right{text-align:right}.typography--align-justify{text-align:justify}.typography--uppercase{text-transform:uppercase}.typography--lowercase{text-transform:lowercase}.typography--capitalize{text-transform:capitalize}.typography--underline{text-decoration:underline;text-decoration-color:var(--color-primary-500);text-decoration-thickness:2px;text-underline-offset:2px}.typography--line-through{text-decoration:line-through}.typography--no-decoration{text-decoration:none}.typography--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography--truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.typography--truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.typography--no-margin{margin:0}.typography--margin-bottom{margin-bottom:var(--space-4)}.typography--margin-bottom-sm{margin-bottom:var(--space-2)}.typography--margin-bottom-lg{margin-bottom:var(--space-6)}.typography--shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.typography--shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.2)}.typography::selection{background:var(--color-primary-100);color:var(--color-primary-900)}.typography a{color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-primary-300);text-decoration-thickness:1px;text-underline-offset:2px;transition:all var(--transition-fast)}.typography a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-primary-500);text-decoration-thickness:2px}.typography a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.typography ul,.typography ol{padding-left:var(--space-6);margin:var(--space-4) 0}.typography ul{list-style-type:disc}.typography ol{list-style-type:decimal}.typography li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.typography li:last-child{margin-bottom:0}@media (max-width: 767px){.typography--h1{font-size:var(--font-size-4xl)}.typography--h2{font-size:var(--font-size-3xl)}.typography--h3{font-size:var(--font-size-2xl)}.typography--responsive-sm{font-size:var(--font-size-sm)}.typography--responsive-base{font-size:var(--font-size-base)}}@media (prefers-contrast: high){.typography--gradient,.typography--gradient-animated{background:none;-webkit-text-fill-color:unset;color:var(--color-text-primary)}.typography--color-brand{color:var(--color-text-primary)}.typography a{text-decoration-thickness:2px}}@media (prefers-reduced-motion: reduce){.typography--gradient-animated{animation:none}}@media print{.typography{color:#000!important}.typography--gradient,.typography--gradient-animated{background:none!important;-webkit-text-fill-color:unset!important;color:#000!important}.typography a{color:#000!important;text-decoration:underline!important}.typography--code,.typography--code-block{background:#f5f5f5!important;border:1px solid #ccc!important}}[data-theme=dark] .typography--code,[data-theme=dark] .typography--code-block{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .typography::selection{background:var(--color-primary-800);color:var(--color-primary-100)}.typography[tabindex]{outline:none}.typography[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.typography--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typography--low-contrast{color:var(--color-text-tertiary)}@media (prefers-contrast: high){.typography--low-contrast{color:var(--color-text-secondary)}}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;user-select:none;-webkit-user-select:none;vertical-align:middle;transition:all var(--transition-fast)}.icon--xs{width:.75rem;height:.75rem;font-size:.75rem}.icon--sm{width:1rem;height:1rem;font-size:1rem}.icon--md{width:1.25rem;height:1.25rem;font-size:1.25rem}.icon--lg{width:1.5rem;height:1.5rem;font-size:1.5rem}.icon--xl{width:2rem;height:2rem;font-size:2rem}.icon--2xl{width:2.5rem;height:2.5rem;font-size:2.5rem}.icon--3xl{width:3rem;height:3rem;font-size:3rem}.icon--primary{color:var(--color-primary-600)}.icon--secondary{color:var(--color-secondary-600)}.icon--success{color:var(--color-success-600)}.icon--warning{color:var(--color-warning-600)}.icon--error{color:var(--color-error-600)}.icon--muted{color:var(--color-text-tertiary)}.icon--inverse{color:var(--color-text-inverse)}.icon--interactive{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-1);margin:calc(-1 * var(--space-1));transition:all var(--transition-fast)}.icon--interactive:hover{background:var(--color-background-secondary);transform:scale(1.1)}.icon--interactive:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon--interactive:active{transform:scale(.95)}.icon--button{cursor:pointer;border-radius:var(--radius-lg);padding:var(--space-2);margin:calc(-1 * var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.icon--button:hover{background:var(--color-background-secondary);border-color:var(--color-primary-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon--button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon--button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.icon--circular{border-radius:var(--radius-full);aspect-ratio:1}.icon--gradient{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite}.icon--spin{animation:spin 1s linear infinite}.icon--pulse{animation:pulse 2s ease-in-out infinite}.icon--bounce{animation:bounce 1s ease-in-out infinite}.icon--shake{animation:shake .5s ease-in-out}.icon--float{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.icon--badge{position:relative}.icon--badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-error-500);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.icon--badge-primary:after{background:var(--color-primary-500)}.icon--badge-success:after{background:var(--color-success-500)}.icon--badge-warning:after{background:var(--color-warning-500)}.icon--loading{opacity:.6;animation:spin 1s linear infinite}.icon--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.icon--bg{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--space-2)}.icon--bg-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.icon--bg-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.icon--bg-success{background:var(--color-success-100);color:var(--color-success-700)}.icon--bg-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.icon--bg-error{background:var(--color-error-100);color:var(--color-error-700)}.icon-group{display:flex;align-items:center;gap:var(--space-1)}.icon-group--sm{gap:var(--space-1)}.icon-group--md{gap:var(--space-2)}.icon-group--lg{gap:var(--space-3)}.icon-stack{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-stack__base{position:relative;z-index:1}.icon-stack__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:.6em}@media (max-width: 767px){.icon--responsive-sm{width:1rem;height:1rem;font-size:1rem}.icon--responsive-md{width:1.25rem;height:1.25rem;font-size:1.25rem}}[data-theme=dark] .icon--button{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .icon--button:hover{background:var(--color-background-secondary);border-color:var(--color-primary-400)}[data-theme=dark] .icon--interactive:hover,[data-theme=dark] .icon--bg{background:var(--color-background-tertiary)}[data-theme=dark] .icon--bg-primary{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .icon--bg-secondary{background:var(--color-secondary-900);color:var(--color-secondary-300)}[data-theme=dark] .icon--bg-success{background:var(--color-success-900);color:var(--color-success-300)}[data-theme=dark] .icon--bg-warning{background:var(--color-warning-900);color:var(--color-warning-300)}[data-theme=dark] .icon--bg-error{background:var(--color-error-900);color:var(--color-error-300)}@media (prefers-contrast: high){.icon--gradient{background:none;-webkit-text-fill-color:unset;color:var(--color-text-primary)}.icon--button{border-width:2px}.icon--badge:after{border-width:3px}}@media (prefers-reduced-motion: reduce){.icon--spin,.icon--pulse,.icon--bounce,.icon--shake,.icon--float,.icon--gradient,.icon--loading{animation:none}.icon--interactive:hover,.icon--button:hover,.icon--interactive:active,.icon--button:active{transform:none}}@media print{.icon{color:#000!important}.icon--gradient{background:none!important;-webkit-text-fill-color:unset!important;color:#000!important}.icon--button{background:transparent!important;border:1px solid #000!important;box-shadow:none!important}.icon--bg,.icon--bg-primary,.icon--bg-secondary,.icon--bg-success,.icon--bg-warning,.icon--bg-error{background:transparent!important;color:#000!important;border:1px solid #000!important}}.icon[aria-hidden=true]{pointer-events:none}.icon[role=img]{display:inline-flex}@media (hover: none) and (pointer: coarse){.icon--interactive,.icon--button{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.icon--interactive:hover,.icon--button:hover{transform:none}}.icon--interactive:hover,.icon--button:hover{will-change:transform}.icon{align-self:center}.icon--inline{vertical-align:-.125em;margin:0 .125em}.icon--placeholder{background:var(--color-background-secondary);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes placeholder-pulse{0%,to{opacity:1}50%{opacity:.5}}.icon--placeholder{animation:placeholder-pulse 1.5s ease-in-out infinite}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base);will-change:transform,background-color}.header--scrolled{background:#fffffffa;box-shadow:var(--shadow-sm);border-bottom-color:var(--color-border-light)}.header__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);display:flex;align-items:center;justify-content:space-between;height:4rem;position:relative}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;z-index:var(--z-dropdown);transition:transform var(--transition-fast)}.header__logo:hover{transform:scale(1.02)}.header__logo:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-md)}.header__logo-icon{width:2rem;height:2rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.header__logo-text{margin:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:-.025em}.header__nav--desktop{display:none;align-items:center;gap:var(--space-8)}@media (min-width: 1024px){.header__nav--desktop{display:flex}}.header__nav-list{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.header__nav-item{position:relative}.header__nav-link{background:none;border:none;padding:var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;display:flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min)}.header__nav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary-500);transform:scaleX(0);transition:transform var(--transition-fast);border-radius:var(--radius-full)}.header__nav-link:hover,.header__nav-link:focus-visible{color:var(--color-primary-600)}.header__nav-link:hover:after,.header__nav-link:focus-visible:after{transform:scaleX(1)}.header__nav-link--active{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.header__nav-link--active:after{transform:scaleX(1)}.header__nav-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.header__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-base);z-index:var(--z-dropdown);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header__nav-item:hover .header__dropdown,.header__nav-item:focus-within .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-list{list-style:none;margin:0;padding:0}.header__dropdown-item{margin:0}.header__dropdown-link{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-lg);text-decoration:none;line-height:var(--line-height-snug)}.header__dropdown-link:hover,.header__dropdown-link:focus-visible{background:var(--color-background-secondary);color:var(--color-primary-600)}.header__dropdown-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.header__actions{display:none;align-items:center;gap:var(--space-3)}@media (min-width: 1024px){.header__actions{display:flex}}.header__action-button{white-space:nowrap}.header__mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);width:var(--touch-target-min);height:var(--touch-target-min);position:relative;z-index:var(--z-modal)}.header__mobile-toggle:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.header__mobile-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (min-width: 1024px){.header__mobile-toggle{display:none}}.header__hamburger{width:1.5rem;height:1.5rem;position:relative;transform:rotate(0);transition:var(--transition-base)}.header__hamburger span{display:block;position:absolute;height:2px;width:100%;background:currentColor;border-radius:var(--radius-full);opacity:1;left:0;transform:rotate(0);transition:var(--transition-base)}.header__hamburger span:nth-child(1){top:0}.header__hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.header__hamburger span:nth-child(3){bottom:0}.header__mobile-toggle--open .header__hamburger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(135deg)}.header__mobile-toggle--open .header__hamburger span:nth-child(2){opacity:0;left:-60px}.header__mobile-toggle--open .header__hamburger span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-135deg)}.header__mobile-menu{position:fixed;inset:0;background:var(--color-surface);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base);overflow-y:auto;-webkit-overflow-scrolling:touch}.header__mobile-menu--open{opacity:1;visibility:visible}.header__mobile-menu-content{padding:var(--space-20) var(--space-container) var(--space-8);max-width:var(--container-sm);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header__mobile-nav{flex:1}.header__mobile-nav-list{list-style:none;margin:0;padding:0}.header__mobile-nav-item{border-bottom:1px solid var(--color-border-light)}.header__mobile-nav-item:last-child{border-bottom:none}.header__mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;background:none;border:none;text-align:left;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;min-height:var(--touch-target-comfortable)}.header__mobile-nav-link:hover,.header__mobile-nav-link:focus-visible,.header__mobile-nav-link--active{color:var(--color-primary-600)}.header__mobile-nav-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.header__mobile-nav-icon{font-size:var(--font-size-base);transition:transform var(--transition-fast)}.header__mobile-nav-link[aria-expanded=true] .header__mobile-nav-icon{transform:rotate(180deg)}.header__mobile-submenu{max-height:0;overflow:hidden;transition:max-height var(--transition-base);background:var(--color-background-secondary);margin:0 calc(-1 * var(--space-container));border-radius:var(--radius-lg)}.header__mobile-submenu--open{max-height:400px;padding:var(--space-2) var(--space-container)}.header__mobile-submenu-list{list-style:none;margin:0;padding:0}.header__mobile-submenu-item{margin:0}.header__mobile-submenu-link{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;font-size:var(--font-size-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-lg);text-decoration:none;min-height:var(--touch-target-min)}.header__mobile-submenu-link:hover,.header__mobile-submenu-link:focus-visible{color:var(--color-primary-600);background:var(--color-background-tertiary)}.header__mobile-submenu-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.header__mobile-actions{padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto}.header__mobile-button{width:100%;justify-content:center}@media (max-width: 767px){.header__container{height:3.5rem;padding:0 var(--space-4)}.header__logo-text{font-size:var(--font-size-base)}.header__logo-icon{width:1.75rem;height:1.75rem;font-size:var(--font-size-xs)}}@media (max-width: 479px){.header__container{padding:0 var(--space-3)}.header__mobile-menu-content{padding:var(--space-16) var(--space-4) var(--space-6)}}[data-theme=dark] .header{background:#111827f2;border-color:var(--color-border)}[data-theme=dark] .header--scrolled{background:#111827fa}[data-theme=dark] .header__dropdown{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .header__mobile-menu{background:var(--color-surface)}[data-theme=dark] .header__mobile-submenu{background:var(--color-background-tertiary)}@media (prefers-contrast: high){.header{border-bottom-width:2px}.header__nav-link:after{height:3px}.header__dropdown{border-width:2px}}@media (prefers-reduced-motion: reduce){.header,.header__nav-link,.header__dropdown,.header__mobile-menu,.header__mobile-submenu,.header__hamburger,.header__hamburger span{transition:none}.header__nav-link:after{transition:none}}@media print{.header{position:static;background:transparent;border-bottom:1px solid #000;box-shadow:none}.header__mobile-toggle,.header__actions,.header__dropdown{display:none}.header__nav--desktop{display:flex}}.header__mobile-menu--open .header__focus-trap{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}body.header__mobile-menu-open{overflow:hidden;position:fixed;width:100%}@supports (padding: max(0px)){.header__container{padding-left:max(var(--space-container),env(safe-area-inset-left));padding-right:max(var(--space-container),env(safe-area-inset-right))}.header__mobile-menu-content{padding-left:max(var(--space-container),env(safe-area-inset-left));padding-right:max(var(--space-container),env(safe-area-inset-right));padding-top:max(var(--space-20),env(safe-area-inset-top) + var(--space-16))}}.hero{position:relative;padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,6vw,6rem);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%);overflow:hidden;min-height:70vh;display:flex;align-items:center}.hero--with-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;animation:pattern-float 20s ease-in-out infinite}@keyframes pattern-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero--with-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f9731608,#6366f108,#10b98108);pointer-events:none}.hero__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);position:relative;z-index:1;width:100%}.hero__content{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,4rem);align-items:center;min-height:500px}@media (min-width: 1024px){.hero__content{grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem)}}.hero__text{display:flex;flex-direction:column;gap:var(--space-6);text-align:center}@media (min-width: 1024px){.hero__text{text-align:left}}.hero__subtitle{margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.1em;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.hero__title{margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:fadeInUp .8s ease-out .4s backwards,gradient-shift 8s ease-in-out infinite}.hero__title--gradient{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 50%,var(--color-success-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:fadeInUp .8s ease-out .4s backwards,gradient-shift 8s ease-in-out infinite}.hero__description{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:60ch;opacity:0;animation:fadeInUp .8s ease-out .6s forwards}@media (min-width: 1024px){.hero__description{font-size:var(--font-size-xl)}}.hero__actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeInUp .8s ease-out .8s forwards}@media (min-width: 1024px){.hero__actions{justify-content:flex-start}}.hero__cta-primary,.hero__cta-secondary{min-width:160px;flex-shrink:0}@media (max-width: 767px){.hero__actions{flex-direction:column;width:100%}.hero__cta-primary,.hero__cta-secondary{width:100%;max-width:320px}}.hero__features{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);opacity:0;animation:fadeInUp .8s ease-out 1s forwards}.hero__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);justify-content:center}@media (min-width: 1024px){.hero__feature{justify-content:flex-start}}.hero__feature-icon{color:var(--color-success-500);font-size:var(--font-size-base);flex-shrink:0}.hero__visual{display:flex;flex-direction:column;gap:var(--space-8);align-items:center;justify-content:center;opacity:0;animation:fadeInUp .8s ease-out 1.2s forwards}.hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);width:100%;max-width:400px}@media (min-width: 768px){.hero__stats{grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:500px}}.hero__stat{text-align:center;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition-slow);position:relative;overflow:hidden}.hero__stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);transform:scaleX(0);transition:transform var(--transition-slow)}.hero__stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.hero__stat:hover:before{transform:scaleX(1)}.hero__stat-number{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.hero__stat-label{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero__services-preview{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;max-width:100%}.hero__service-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-xl);box-shadow:var(--shadow-md);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.hero__service-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:all var(--transition-slow)}.hero__service-icon:hover:before{width:100%;height:100%}.hero__service-icon:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-xl)}.hero__service-icon:nth-child(1){animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.hero__service-icon:nth-child(2){animation:float 6s ease-in-out infinite -1.5s;background:linear-gradient(135deg,var(--color-secondary-500) 0%,var(--color-secondary-600) 100%)}.hero__service-icon:nth-child(3){animation:float 6s ease-in-out infinite -3s;background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%)}.hero__service-icon:nth-child(4){animation:float 6s ease-in-out infinite -4.5s;background:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-medium);opacity:0;animation:fadeInUp .8s ease-out 1.4s forwards}.hero__scroll-arrow{width:1px;height:2rem;background:var(--color-text-tertiary);position:relative;animation:scroll-bounce 2s ease-in-out infinite}.hero__scroll-arrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--color-text-tertiary)}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 767px){.hero{padding:clamp(3rem,6vw,4rem) 0 clamp(2rem,4vw,3rem);min-height:60vh}.hero__content{gap:var(--space-8);min-height:auto}.hero__title{font-size:clamp(2rem,8vw,2.5rem)}.hero__description{font-size:var(--font-size-base)}.hero__stats{grid-template-columns:1fr;gap:var(--space-4);max-width:280px}.hero__stat{padding:var(--space-4)}.hero__stat-number{font-size:var(--font-size-xl)}.hero__services-preview{gap:var(--space-3)}.hero__service-icon{width:3rem;height:3rem;font-size:var(--font-size-lg)}.hero__scroll-indicator{display:none}}@media (max-width: 479px){.hero{padding:clamp(2rem,5vw,3rem) 0 clamp(1.5rem,3vw,2rem)}.hero__stats{max-width:240px}.hero__stat{padding:var(--space-3)}.hero__stat-number{font-size:var(--font-size-lg)}.hero__service-icon{width:2.5rem;height:2.5rem;font-size:var(--font-size-base)}}[data-theme=dark] .hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%)}[data-theme=dark] .hero__title{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .hero__title--gradient{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-secondary-400) 50%,var(--color-success-400) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .hero__stat{background:var(--color-surface);border-color:var(--color-border)}@media (prefers-contrast: high){.hero__title,.hero__title--gradient{background:none;-webkit-text-fill-color:unset;color:var(--color-text-primary)}.hero__stat{border-width:2px}}@media (prefers-reduced-motion: reduce){.hero--with-pattern:before,.hero__title,.hero__title--gradient,.hero__service-icon,.hero__scroll-arrow,.hero__subtitle,.hero__description,.hero__actions,.hero__features,.hero__visual{animation:none}.hero__stat:hover,.hero__service-icon:hover{transform:none}}@media print{.hero{background:transparent;padding:var(--space-8) 0;min-height:auto}.hero--with-pattern:before,.hero--with-gradient:after{display:none}.hero__title,.hero__title--gradient{background:none;-webkit-text-fill-color:unset;color:#000}.hero__stat{box-shadow:none;border:1px solid #ccc}.hero__service-icon{background:#000;color:#fff}.hero__scroll-indicator{display:none}}.hero__service-icon,.hero__stat{will-change:transform}@media (prefers-reduced-motion: no-preference){.hero__service-icon:hover,.hero__stat:hover{will-change:transform,box-shadow}}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:clamp(3rem,6vw,4rem) 0 var(--space-8);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(249,115,22,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none}.footer__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);position:relative;z-index:1}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width: 768px){.footer__content{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}}@media (min-width: 1024px){.footer__content{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12)}}.footer__section{display:flex;flex-direction:column;gap:var(--space-4)}.footer__section--main{gap:var(--space-6)}.footer__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);text-decoration:none;color:inherit;transition:transform var(--transition-fast)}.footer__logo:hover{transform:scale(1.02)}.footer__logo:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-md)}.footer__logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);box-shadow:var(--shadow-sm)}.footer__logo-text{margin:0;color:var(--color-gray-100);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);letter-spacing:-.025em}.footer__description{max-width:400px;line-height:var(--line-height-relaxed);color:var(--color-gray-400);font-size:var(--font-size-base);margin:0}.footer__newsletter{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.footer__newsletter-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-200)}.footer__newsletter-form{display:flex;gap:var(--space-2);flex-direction:column}@media (min-width: 480px){.footer__newsletter-form{flex-direction:row}}.footer__newsletter-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-gray-800);border:1px solid var(--color-gray-700);border-radius:var(--radius-lg);color:var(--color-gray-200);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:var(--touch-target-min)}.footer__newsletter-input::placeholder{color:var(--color-gray-500)}.footer__newsletter-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f973161a}.footer__newsletter-button{white-space:nowrap;min-width:120px}.footer__social{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.footer__social-link{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);background:var(--color-gray-800);border:1px solid var(--color-gray-700);border-radius:var(--radius-lg);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:var(--font-size-lg)}.footer__social-link:hover{color:var(--color-primary-400);background:var(--color-gray-700);border-color:var(--color-primary-500);transform:translateY(-2px)}.footer__social-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.footer__section-title{margin:0 0 var(--space-4) 0;color:var(--color-gray-100);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.footer__nav{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.footer__nav-item{margin:0}.footer__link{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-gray-400);cursor:pointer;text-align:left;padding:var(--space-1) 0;font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none;line-height:var(--line-height-normal);position:relative}.footer__link:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--color-primary-500);transition:width var(--transition-fast)}.footer__link:hover{color:var(--color-primary-400);transform:translate(4px)}.footer__link:hover:before{width:100%}.footer__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.footer__link-icon{font-size:var(--font-size-xs);opacity:0;transition:opacity var(--transition-fast)}.footer__link:hover .footer__link-icon{opacity:1}.footer__contact{display:flex;flex-direction:column;gap:var(--space-3)}.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-gray-400);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer__contact-icon{color:var(--color-primary-500);font-size:var(--font-size-base);flex-shrink:0;margin-top:2px}.footer__contact-text{flex:1}.footer__contact-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.footer__contact-link:hover{color:var(--color-primary-400)}.footer__bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--space-6);margin-top:var(--space-8)}.footer__bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__copyright{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.footer__bottom-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer__bottom-link{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none;padding:var(--space-1) 0}.footer__bottom-link:hover{color:var(--color-primary-400)}.footer__bottom-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.footer__region{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--font-size-sm)}.footer__region-select{background:var(--color-gray-800);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);color:var(--color-gray-300);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.footer__region-select:hover{border-color:var(--color-primary-500)}.footer__region-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f973161a}@media (max-width: 479px){.footer{padding:var(--space-12) 0 var(--space-6)}.footer__content{gap:var(--space-6);text-align:center}.footer__section{gap:var(--space-3)}.footer__description{max-width:none}.footer__social{justify-content:center}.footer__bottom-content{flex-direction:column;text-align:center;gap:var(--space-3)}.footer__bottom-links{flex-direction:column;gap:var(--space-2);align-items:center}}@media (max-width: 767px){.footer__content{text-align:center}.footer__nav,.footer__contact{align-items:center}.footer__contact-item{justify-content:center;text-align:center}}[data-theme=dark] .footer{background:var(--color-gray-900)}[data-theme=dark] .footer__newsletter-input{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-200)}[data-theme=dark] .footer__social-link{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .footer__region-select{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=light] .footer{background:var(--color-gray-900);color:var(--color-gray-300)}@media (prefers-contrast: high){.footer{border-top:2px solid var(--color-gray-600)}.footer__newsletter-input,.footer__social-link,.footer__region-select{border-width:2px}.footer__link:before{height:2px}}@media (prefers-reduced-motion: reduce){.footer__logo,.footer__social-link,.footer__link,.footer__newsletter-input,.footer__region-select,.footer__bottom-link{transition:none}.footer__social-link:hover,.footer__link:hover{transform:none}.footer__link:before{transition:none}}@media print{.footer{background:transparent;color:#000;border-top:1px solid #000;padding:var(--space-4) 0}.footer:before{display:none}.footer__newsletter,.footer__social{display:none}.footer__logo-icon{background:#000;color:#fff}.footer__content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@supports (padding: max(0px)){.footer__container{padding-left:max(var(--space-container),env(safe-area-inset-left));padding-right:max(var(--space-container),env(safe-area-inset-right));padding-bottom:max(var(--space-8),env(safe-area-inset-bottom))}}.footer__social-link:hover,.footer__link:hover{will-change:transform}.footer__nav{role:list}.footer__nav-item{role:listitem}.footer [tabindex="-1"]{outline:none}.footer__link,.footer__bottom-link,.footer__contact-link{min-height:var(--touch-target-min);display:inline-flex;align-items:center}.service-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);padding:var(--space-6);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-sm);will-change:transform,box-shadow}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);transform:scaleX(0);transition:transform var(--transition-slow);transform-origin:left}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.service-card:hover:before{transform:scaleX(1)}.service-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-2xl)}.service-card:active{transform:translateY(-4px);transition-duration:.1s}.service-card--compact{min-height:320px;padding:var(--space-5)}.service-card--detailed{min-height:380px}.service-card--featured{min-height:420px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background-secondary) 100%);border:2px solid var(--color-primary-500);box-shadow:var(--shadow-md);position:relative}.service-card--featured:before{transform:scaleX(1);background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.service-card--featured:after{content:"";position:absolute;top:var(--space-4);right:var(--space-4);width:2rem;height:2rem;background:var(--color-primary-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);content:"★"}.service-card--loading{pointer-events:none;opacity:.7}.service-card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.service-card__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.service-card__icon{flex-shrink:0;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:all var(--transition-base)}.service-card:hover .service-card__icon{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-md)}.service-card:hover .service-card__icon:before{width:100%;height:100%}.service-card__icon--secondary{background:linear-gradient(135deg,var(--color-secondary-500) 0%,var(--color-secondary-600) 100%)}.service-card__icon--success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%)}.service-card__icon--warning{background:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%)}.service-card__title-section{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.service-card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug);word-wrap:break-word}.service-card__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.service-card__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;width:fit-content;gap:var(--space-1)}.service-card__badge--beta{background:var(--color-secondary-100);color:var(--color-secondary-700);border:1px solid var(--color-secondary-200)}.service-card__badge--new{background:var(--color-success-100);color:var(--color-success-700);border:1px solid var(--color-success-200)}.service-card__badge--coming-soon{background:var(--color-warning-100);color:var(--color-warning-700);border:1px solid var(--color-warning-200)}.service-card__badge--popular{background:var(--color-primary-100);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.service-card__content{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.service-card__description{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.service-card__features{display:flex;flex-direction:column;gap:var(--space-3)}.service-card__features-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.service-card__features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.service-card__feature-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.service-card__feature-icon{color:var(--color-success-500);font-size:var(--font-size-base);flex-shrink:0;margin-top:2px}.service-card__feature-text{flex:1;min-width:0}.service-card__stats{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-background-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin:var(--space-2) 0}.service-card__stat{flex:1;text-align:center}.service-card__stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.service-card__stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.service-card__pricing{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-background-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.service-card__price{display:flex;align-items:baseline;gap:var(--space-1)}.service-card__price-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.service-card__price-currency{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.service-card__price-period{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.service-card__price-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.service-card__footer{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.service-card__footer--center{justify-content:center}.service-card__footer--space-between{justify-content:space-between}.service-card__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary)}.service-card__loading-spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top:2px solid var(--color-primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}@media (max-width: 479px){.service-card{padding:var(--space-4)}.service-card--compact{padding:var(--space-4);min-height:280px}.service-card__header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.service-card__icon{width:3rem;height:3rem;font-size:var(--font-size-lg)}.service-card__title{font-size:var(--font-size-lg);text-align:center}.service-card__footer,.service-card__stats{flex-direction:column;gap:var(--space-2)}}@media (max-width: 767px){.service-card{padding:var(--space-5)}.service-card__header{gap:var(--space-3)}.service-card__title{font-size:var(--font-size-lg)}.service-card__description{font-size:var(--font-size-sm)}}@media (min-width: 768px) and (max-width: 1023px){.service-card__header{align-items:center}.service-card__footer{flex-wrap:wrap}}[data-theme=dark] .service-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .service-card:hover{border-color:var(--color-primary-400)}[data-theme=dark] .service-card--featured{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background-secondary) 100%);border-color:var(--color-primary-400)}[data-theme=dark] .service-card__stats,[data-theme=dark] .service-card__pricing{background:var(--color-background-tertiary);border-color:var(--color-border)}[data-theme=dark] .service-card__badge--beta{background:var(--color-secondary-900);color:var(--color-secondary-300);border-color:var(--color-secondary-700)}[data-theme=dark] .service-card__badge--new{background:var(--color-success-900);color:var(--color-success-300);border-color:var(--color-success-700)}[data-theme=dark] .service-card__badge--coming-soon{background:var(--color-warning-900);color:var(--color-warning-300);border-color:var(--color-warning-700)}[data-theme=dark] .service-card__badge--popular{background:var(--color-primary-900);color:var(--color-primary-300);border-color:var(--color-primary-700)}@media (prefers-contrast: high){.service-card{border-width:2px}.service-card--featured,.service-card:hover{border-width:3px}.service-card__badge{border-width:2px}}@media (prefers-reduced-motion: reduce){.service-card,.service-card__icon,.service-card:before,.service-card__icon:before{transition:none}.service-card:hover,.service-card:hover .service-card__icon{transform:none}.service-card__loading-spinner{animation:none}}@media print{.service-card{background:transparent;border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.service-card:before,.service-card--featured:after{display:none}.service-card__icon{background:#000;color:#fff}.service-card__badge{border:1px solid #000;background:transparent;color:#000}}.service-card[tabindex]{outline:none}.service-card[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.service-card{isolation:isolate}.service-card:hover{will-change:transform,box-shadow}@media (prefers-reduced-motion: no-preference){.service-card__icon{will-change:transform}}.code-playground{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.code-playground__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.code-playground__tabs{display:flex;gap:.5rem;flex-wrap:wrap}.code-playground__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.code-playground__tab:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.code-playground__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.code-playground__tab-title{font-weight:500}.code-playground__tab-badge{padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.code-playground__tab-badge--basic{background:var(--color-success-light);color:var(--color-success-dark)}.code-playground__tab-badge--intermediate{background:var(--color-warning-light);color:var(--color-warning-dark)}.code-playground__tab-badge--advanced{background:var(--color-error-light);color:var(--color-error-dark)}.code-playground__actions{display:flex;gap:.5rem}.code-playground__action-btn{display:flex;align-items:center;gap:.375rem}.code-playground__content{padding:1.5rem}.code-playground__description{margin-bottom:1.5rem}.code-playground__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.code-playground__tag{padding:.25rem .5rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;color:var(--color-text-secondary)}.code-playground__editor{background:#1e1e1e;border-radius:8px;overflow:hidden;margin-bottom:1rem}.code-playground__editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#2d2d2d;border-bottom:1px solid #404040}.code-playground__editor-controls{display:flex;gap:.5rem}.code-playground__editor-dot{width:12px;height:12px;border-radius:50%}.code-playground__editor-dot--red{background:#ff5f56}.code-playground__editor-dot--yellow{background:#ffbd2e}.code-playground__editor-dot--green{background:#27ca3f}.code-playground__code-container{position:relative;max-height:400px;overflow:auto}.code-playground__textarea{width:100%;height:300px;padding:1rem;background:#1e1e1e;color:#d4d4d4;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical}.code-playground__output{background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden}.code-playground__output-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#161b22;border-bottom:1px solid #30363d}.code-playground__output-content{padding:1rem;margin:0;color:#58a6ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-x:auto}@media (max-width: 768px){.code-playground__header{flex-direction:column;gap:1rem;align-items:stretch}.code-playground__tabs,.code-playground__actions{justify-content:center}.code-playground__content{padding:1rem}.code-playground__code-container{max-height:300px}}@media (prefers-color-scheme: dark){.code-playground{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.code-playground__header{background:var(--color-surface-elevated-dark);border-bottom-color:var(--color-border-dark)}.code-playground__tab{border-color:var(--color-border-dark)}.code-playground__tab:hover{background:var(--color-surface-hover-dark)}.code-playground__tag{background:var(--color-surface-elevated-dark);border-color:var(--color-border-dark)}}.code-playground__action-btn [data-icon=loading]{animation:spin 1s linear infinite}.animated-counter{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem}.animated-counter--compact{padding:.5rem}.animated-counter--large{padding:2rem}.animated-counter__value{position:relative;margin-bottom:.5rem}.animated-counter__number{font-weight:700;line-height:1;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);background-clip:text;-webkit-background-clip:text}.animated-counter--primary .animated-counter__number{color:var(--color-primary)}.animated-counter--secondary .animated-counter__number{color:var(--color-secondary)}.animated-counter--accent .animated-counter__number{color:var(--color-accent)}.animated-counter--success .animated-counter__number{color:var(--color-success)}.animated-counter--warning .animated-counter__number{color:var(--color-warning)}.animated-counter--error .animated-counter__number{color:var(--color-error)}.animated-counter__label{font-weight:600;margin-bottom:.25rem}.animated-counter__description{max-width:200px;line-height:1.4}@media (max-width: 768px){.animated-counter--large{padding:1.5rem}.animated-counter__description{max-width:150px}}.animated-counter__number{position:relative;overflow:hidden}.animated-counter__number:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite;animation-delay:1s}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (prefers-color-scheme: dark){.animated-counter__number:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}}.search-box{position:relative;width:100%;max-width:600px}.search-box__input-container{position:relative;display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:.75rem 1rem;transition:all .2s ease}.search-box__input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-box__search-icon{color:var(--color-text-secondary);margin-right:.75rem;flex-shrink:0}.search-box__input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--color-text-primary);placeholder-color:var(--color-text-secondary)}.search-box__input::placeholder{color:var(--color-text-secondary)}.search-box__clear-btn{margin-left:.5rem;padding:.25rem;color:var(--color-text-secondary);opacity:.7;transition:opacity .2s ease}.search-box__clear-btn:hover{opacity:1}.search-box__filters{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px}.search-box__filter-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.search-box__filter{padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.search-box__filter:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.search-box__filter--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-box__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:400px;overflow-y:auto;margin-top:.5rem}.search-box__section-title{padding:.75rem 1rem .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.search-box__suggestions{border-bottom:1px solid var(--color-border)}.search-box__suggestion{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;color:var(--color-text-secondary)}.search-box__suggestion:hover,.search-box__suggestion--selected{background:var(--color-surface-hover)}.search-box__results{max-height:300px;overflow-y:auto}.search-box__result{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border)}.search-box__result:last-child{border-bottom:none}.search-box__result:hover,.search-box__result--selected{background:var(--color-surface-hover)}.search-box__result-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);border-radius:8px}.search-box__result-content{flex:1;min-width:0}.search-box__result-title{font-weight:600;margin-bottom:.25rem}.search-box__result-description{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box__result-category{flex-shrink:0;text-align:right}.search-box__more-results{padding:.75rem 1rem;text-align:center;background:var(--color-surface-elevated);border-top:1px solid var(--color-border)}.search-box__no-results{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center;color:var(--color-text-secondary)}@media (max-width: 768px){.search-box__filters{flex-direction:column;gap:.75rem}.search-box__filter-group{justify-content:center}.search-box__result{padding:.75rem}.search-box__result-content{margin-right:.5rem}.search-box__result-description{display:none}}@media (prefers-color-scheme: dark){.search-box__input-container{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.search-box__input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.search-box__filters{background:var(--color-surface-elevated-dark);border-color:var(--color-border-dark)}.search-box__filter{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.search-box__filter:hover{background:var(--color-surface-hover-dark)}.search-box__dropdown{background:var(--color-surface-dark);border-color:var(--color-border-dark);box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}.search-box__suggestion:hover,.search-box__suggestion--selected,.search-box__result:hover,.search-box__result--selected{background:var(--color-surface-hover-dark)}.search-box__result{border-bottom-color:var(--color-border-dark)}.search-box__result-icon{background:var(--color-surface-elevated-dark)}.search-box__more-results{background:var(--color-surface-elevated-dark);border-top-color:var(--color-border-dark)}}.search-box__input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.search-box__suggestion:focus,.search-box__result:focus,.search-box__filter:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.search-box__dropdown{scroll-behavior:smooth}.search-box--loading .search-box__search-icon{animation:spin 1s linear infinite}.service-demo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;max-width:800px;margin:0 auto;box-shadow:0 10px 25px -5px #0000001a}.service-demo__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.service-demo__title-section{display:flex;align-items:center;gap:1rem}.service-demo__title{margin-bottom:.25rem}.service-demo__progress{margin-bottom:2rem}.service-demo__progress-bar{width:100%;height:4px;background:var(--color-surface-elevated);border-radius:2px;overflow:hidden;margin-bottom:1rem}.service-demo__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;transition:width .3s ease}.service-demo__steps{display:flex;justify-content:space-between;gap:.5rem}.service-demo__step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.service-demo__step:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.service-demo__step--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.service-demo__step--completed{border-color:var(--color-success);background:var(--color-success);color:#fff}.service-demo__content{margin-bottom:2rem}.service-demo__step-info{margin-bottom:1.5rem}.service-demo__step-title{margin-bottom:.5rem}.service-demo__step-description{line-height:1.6}.service-demo__code-block{background:#1e1e1e;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.service-demo__code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#2d2d2d;border-bottom:1px solid #404040}.service-demo__code{padding:1rem;margin:0;color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.service-demo__actions{display:flex;justify-content:center;margin-bottom:1.5rem}.service-demo__result{background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.service-demo__result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#161b22;border-bottom:1px solid #30363d}.service-demo__result-content{padding:1rem;margin:0;color:#58a6ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-x:auto}.service-demo__navigation{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.service-demo{padding:1.5rem;margin:1rem}.service-demo__header{flex-direction:column;gap:1rem;align-items:stretch}.service-demo__title-section{justify-content:center;text-align:center}.service-demo__steps{flex-wrap:wrap;justify-content:center}.service-demo__navigation{flex-direction:column}.service-demo__code{font-size:.75rem}}@media (prefers-color-scheme: dark){.service-demo{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.service-demo__header{border-bottom-color:var(--color-border-dark)}.service-demo__progress-bar{background:var(--color-surface-elevated-dark)}.service-demo__step{border-color:var(--color-border-dark);background:var(--color-surface-dark)}.service-demo__step:hover{background:var(--color-primary-light)}.service-demo__navigation{border-top-color:var(--color-border-dark)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.service-demo__actions [data-icon=loading]{animation:spin 1s linear infinite}.service-demo__step:focus{outline:2px solid var(--color-primary);outline-offset:2px}.service-demo__content{transition:all .3s ease}.service-demo__result{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.service-comparison{max-width:1200px;margin:0 auto;padding:2rem}.service-comparison__header{text-align:center;margin-bottom:3rem}.service-comparison__title{margin-bottom:1rem}.service-comparison__description{max-width:600px;margin:0 auto;line-height:1.6}.service-comparison__selector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;margin-bottom:2rem}.service-comparison__search{position:relative;margin-bottom:2rem}.service-comparison__search-input{display:flex;align-items:center;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:12px;padding:1rem;gap:.75rem;transition:border-color .2s ease}.service-comparison__search-input:focus-within{border-color:var(--color-primary)}.service-comparison__input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--color-text-primary)}.service-comparison__input::placeholder{color:var(--color-text-secondary)}.service-comparison__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;max-height:300px;overflow-y:auto;margin-top:.5rem}.service-comparison__service-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border)}.service-comparison__service-option:last-child{border-bottom:none}.service-comparison__service-option:hover:not(:disabled){background:var(--color-surface-hover)}.service-comparison__service-option:disabled{opacity:.5;cursor:not-allowed}.service-comparison__service-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);border-radius:8px;flex-shrink:0}.service-comparison__service-info{flex:1}.service-comparison__service-name{margin-bottom:.25rem}.service-comparison__selected-title{margin-bottom:1.5rem}.service-comparison__selected-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.service-comparison__selected-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;transition:all .2s ease}.service-comparison__selected-item:hover{border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a}.service-comparison__selected-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:8px;flex-shrink:0}.service-comparison__selected-info{flex:1}.service-comparison__selected-name{margin-bottom:.25rem;font-weight:600}.service-comparison__remove-btn{opacity:.7;transition:opacity .2s ease}.service-comparison__remove-btn:hover{opacity:1}.service-comparison__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.service-comparison__table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.service-comparison__table-header{padding:1rem 2rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.service-comparison__back-btn{display:flex;align-items:center;gap:.5rem}.service-comparison__table{overflow-x:auto}.service-comparison__table-grid{display:grid;grid-template-columns:200px repeat(var(--service-count, 3),1fr);min-width:800px}.service-comparison__table-cell{padding:1.5rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.service-comparison__table-cell:last-child{border-right:none}.service-comparison__table-cell--header{background:var(--color-surface-elevated);font-weight:600;text-align:center;align-items:center;justify-content:center}.service-comparison__table-cell--category{background:var(--color-surface-elevated);font-weight:600;justify-content:center}.service-comparison__service-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.service-comparison__category-label{font-weight:600}.service-comparison__features-list{list-style:none;padding:0;margin:0;width:100%}.service-comparison__feature-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.service-comparison__feature-item:last-child{margin-bottom:0}.service-comparison__table-actions{padding:2rem;text-align:center;background:var(--color-surface-elevated);border-top:1px solid var(--color-border)}@media (max-width: 768px){.service-comparison{padding:1rem}.service-comparison__selector{padding:1.5rem}.service-comparison__selected-list{grid-template-columns:1fr}.service-comparison__actions{flex-direction:column}.service-comparison__table-grid{grid-template-columns:150px repeat(var(--service-count, 3),200px);min-width:600px}.service-comparison__table-cell,.service-comparison__table-header{padding:1rem}.service-comparison__table-actions{padding:1.5rem}}@media (prefers-color-scheme: dark){.service-comparison__selector{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.service-comparison__search-input{background:var(--color-surface-elevated-dark);border-color:var(--color-border-dark)}.service-comparison__dropdown{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.service-comparison__service-option{border-bottom-color:var(--color-border-dark)}.service-comparison__service-option:hover:not(:disabled){background:var(--color-surface-hover-dark)}.service-comparison__service-icon{background:var(--color-surface-elevated-dark)}.service-comparison__selected-item{background:var(--color-surface-elevated-dark);border-color:var(--color-border-dark)}.service-comparison__selected-icon{background:var(--color-primary-light)}.service-comparison__table-container{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.service-comparison__table-header{background:var(--color-surface-elevated-dark);border-bottom-color:var(--color-border-dark)}.service-comparison__table-cell{border-right-color:var(--color-border-dark);border-bottom-color:var(--color-border-dark)}.service-comparison__table-cell--header,.service-comparison__table-cell--category{background:var(--color-surface-elevated-dark)}.service-comparison__table-actions{background:var(--color-surface-elevated-dark);border-top-color:var(--color-border-dark)}}.service-comparison__service-option:focus,.service-comparison__selected-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.service-comparison__selected-list:empty:after{content:"No services selected yet. Search and add services to compare.";display:block;text-align:center;color:var(--color-text-secondary);font-style:italic;padding:2rem;border:2px dashed var(--color-border);border-radius:12px;grid-column:1 / -1}.homepage{min-height:100vh}.app__section{padding:4rem 0;position:relative}.app__section--featured{background:var(--color-surface-elevated)}.app__section--search{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-light) 100%);color:#fff}.app__section--stats{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.app__section--code{background:var(--color-surface-elevated)}.app__section--demos{background:var(--color-surface)}.app__container{max-width:1200px;margin:0 auto;padding:0 2rem}.app__section-header{text-align:center;margin-bottom:3rem}.app__section-title{margin-bottom:1rem}.app__section-description{max-width:600px;margin:0 auto;line-height:1.6}.app__section-footer{text-align:center;margin-top:3rem}.app__search-section{max-width:800px;margin:0 auto}.app__search-container{margin-top:2rem}.app__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.app__stat-item{display:flex;justify-content:center}.app__code-playground{max-width:900px;margin:0 auto}.app__solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.app__solution-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.app__solution-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--color-primary)}.app__solution-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--color-primary-light);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.app__solution-title{margin-bottom:1rem}.app__solution-description{margin-bottom:2rem;line-height:1.6}.app__solution-benefits{display:flex;justify-content:space-around;margin-bottom:2rem;padding:1rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.app__solution-benefit{text-align:center}.app__solution-cta{margin-top:auto}.app__services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.app__demo-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.app__demo-service{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.app__demo-service:hover{border-color:var(--color-primary);box-shadow:0 10px 25px -5px #0000001a}.app__demo-service-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--color-primary-light);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.app__demo-service-title{margin-bottom:.5rem}.app__demo-service-description{margin-bottom:1.5rem;line-height:1.5}.app__demo-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.app__demo-modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app__demo-modal-content{position:relative;z-index:1;max-width:900px;width:100%;max-height:90vh;overflow-y:auto}.app__cta-section{text-align:center;max-width:600px;margin:0 auto}.app__cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.app__cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.app__cta-feature{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 768px){.app__section{padding:3rem 0}.app__container{padding:0 1rem}.app__section-header{margin-bottom:2rem}.app__stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.app__solutions-grid,.app__services-grid{grid-template-columns:1fr;gap:1.5rem}.app__demo-services{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.app__cta-actions{flex-direction:column;align-items:center}.app__cta-features{flex-direction:column;gap:1rem}.app__demo-modal{padding:1rem}}@media (max-width: 480px){.app__solution-card,.app__demo-service{padding:1.5rem}.app__solution-benefits{flex-direction:column;gap:1rem}}@media (prefers-color-scheme: dark){.app__section--featured{background:var(--color-surface-elevated-dark)}.app__section--stats{background:var(--color-surface-dark);border-top-color:var(--color-border-dark);border-bottom-color:var(--color-border-dark)}.app__section--code{background:var(--color-surface-elevated-dark)}.app__section--demos{background:var(--color-surface-dark)}.app__solution-card{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.app__solution-card:hover{border-color:var(--color-primary)}.app__solution-benefits{border-top-color:var(--color-border-dark);border-bottom-color:var(--color-border-dark)}.app__demo-service{background:var(--color-surface-dark);border-color:var(--color-border-dark)}.app__demo-service:hover{border-color:var(--color-primary)}}.app__solution-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.app__solution-card:hover:before{left:100%}.app__demo-service:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.app__demo-service:hover:before{left:100%}.services-page{min-height:100vh;background:var(--color-background);isolation:isolate}.services-page__header{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);padding:clamp(3rem,6vw,4rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--color-border-light);position:relative;overflow:hidden}.services-page__header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(249,115,22,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none}.services-page__header-content{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);text-align:center;position:relative;z-index:1}.services-page__title{margin:0 0 var(--space-4) 0;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite}.services-page__description{margin:0 auto;max-width:60ch;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.services-page__filters{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-8) 0;position:sticky;top:4rem;z-index:var(--z-sticky);transition:all var(--transition-base)}.services-page__filters--scrolled{background:#fffffffa;box-shadow:var(--shadow-sm)}.services-page__filters-content{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);display:flex;flex-direction:column;gap:var(--space-6)}.services-page__search{display:flex;justify-content:center}.services-page__search-input{position:relative;max-width:500px;width:100%}.services-page__search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;font-size:var(--font-size-lg);z-index:1}.services-page__search-field{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);min-height:var(--touch-target-min);box-shadow:var(--shadow-xs)}.services-page__search-field::placeholder{color:var(--color-text-tertiary)}.services-page__search-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f973161a,var(--shadow-sm);background:var(--color-background)}.services-page__search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:var(--color-gray-100);border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-fast);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.services-page__search-clear:hover{background:var(--color-gray-200);color:var(--color-text-primary);transform:translateY(-50%) scale(1.1)}.services-page__search-clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.services-page__category-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.services-page__category-filter::-webkit-scrollbar{display:none}.services-page__category-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:var(--touch-target-min);position:relative;overflow:hidden}.services-page__category-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#f973161a;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:all var(--transition-base)}.services-page__category-button:hover{border-color:var(--color-primary-300);color:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.services-page__category-button:hover:before{width:100%;height:100%}.services-page__category-button--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.services-page__category-button--active:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px)}.services-page__category-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.services-page__category-icon{font-size:var(--font-size-base)}.services-page__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.services-page__results-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.services-page__sort{display:flex;align-items:center;gap:var(--space-2)}.services-page__sort-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.services-page__sort-select{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.services-page__sort-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f973161a}.services-page__sort-select:hover{border-color:var(--color-primary-300)}.services-page__content{max-width:var(--container-2xl);margin:0 auto;padding:clamp(2rem,4vw,3rem) var(--space-container)}.services-page__results-header{margin-bottom:var(--space-8);text-align:center}.services-page__results-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.services-page__results-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.services-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:var(--space-6)}@media (min-width: 768px){.services-page__grid{gap:var(--space-8)}}@media (min-width: 1280px){.services-page__grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.services-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:var(--space-4)}.services-page__loading-spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top:3px solid var(--color-primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.services-page__loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.services-page__no-results{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--space-8)}.services-page__no-results-content{text-align:center;max-width:400px}.services-page__no-results-icon{font-size:var(--font-size-5xl);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.services-page__no-results-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.services-page__no-results-description{margin:0 0 var(--space-6) 0;line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.services-page__no-results-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.services-page__categories{background:var(--color-background-secondary);padding:clamp(3rem,6vw,4rem) 0;margin-top:clamp(3rem,6vw,4rem);border-top:1px solid var(--color-border-light)}.services-page__categories-header{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);text-align:center;margin-bottom:var(--space-12)}.services-page__categories-title{margin:0 0 var(--space-4) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.services-page__categories-description{margin:0 auto;max-width:60ch;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.services-page__categories-grid{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-6)}@media (min-width: 768px){.services-page__categories-grid{gap:var(--space-8)}}.services-page__category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-slow);display:flex;align-items:flex-start;gap:var(--space-4);position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.services-page__category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);transform:scaleX(0);transition:transform var(--transition-slow)}.services-page__category-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.services-page__category-card:hover:before{transform:scaleX(1)}.services-page__category-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.services-page__category-icon{flex-shrink:0;width:3rem;height:3rem;background:var(--color-primary-100);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);font-size:var(--font-size-xl);transition:all var(--transition-base)}.services-page__category-card:hover .services-page__category-icon{transform:scale(1.1) rotate(5deg);background:var(--color-primary-200)}.services-page__category-info{flex:1;min-width:0}.services-page__category-name{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.services-page__category-description{margin:0 0 var(--space-2) 0;line-height:var(--line-height-normal);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.services-page__category-count{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.services-page__category-arrow{flex-shrink:0;color:var(--color-text-tertiary);transition:all var(--transition-fast);font-size:var(--font-size-lg);margin-left:var(--space-2)}.services-page__category-card:hover .services-page__category-arrow{color:var(--color-primary-600);transform:translate(4px)}@media (max-width: 479px){.services-page__header{padding:var(--space-12) 0 var(--space-8)}.services-page__filters{position:static;padding:var(--space-6) 0}.services-page__filters-content{gap:var(--space-4)}.services-page__category-filter{justify-content:flex-start;padding-right:var(--space-4)}.services-page__actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.services-page__sort{justify-content:space-between}.services-page__content{padding:var(--space-8) var(--space-4)}.services-page__grid{grid-template-columns:1fr;gap:var(--space-4)}.services-page__categories{padding:var(--space-12) 0;margin-top:var(--space-8)}.services-page__categories-header{margin-bottom:var(--space-8)}.services-page__categories-grid{grid-template-columns:1fr;gap:var(--space-4)}.services-page__category-card{padding:var(--space-4);flex-direction:column;text-align:center}.services-page__category-arrow{align-self:center;margin-left:0;margin-top:var(--space-2)}}@media (max-width: 767px){.services-page__filters{position:static}.services-page__search-input{max-width:100%}.services-page__category-filter{justify-content:flex-start}.services-page__grid,.services-page__categories-grid{grid-template-columns:1fr}}[data-theme=dark] .services-page__header{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%)}[data-theme=dark] .services-page__filters{background:#111827f2}[data-theme=dark] .services-page__filters--scrolled{background:#111827fa}[data-theme=dark] .services-page__categories{background:var(--color-background-tertiary)}@media (prefers-contrast: high){.services-page__title{background:none;-webkit-text-fill-color:unset;color:var(--color-text-primary)}.services-page__search-field,.services-page__category-button,.services-page__sort-select,.services-page__category-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.services-page__title,.services-page__search-field,.services-page__search-clear,.services-page__category-button,.services-page__sort-select,.services-page__category-card,.services-page__category-icon,.services-page__category-arrow,.services-page__loading-spinner{animation:none;transition:none}.services-page__search-clear:hover,.services-page__category-button:hover,.services-page__category-card:hover,.services-page__category-card:hover .services-page__category-icon,.services-page__category-card:hover .services-page__category-arrow{transform:none}.services-page__category-button:before{display:none}}@media print{.services-page__header{background:transparent;border-bottom:1px solid #000}.services-page__header:before{display:none}.services-page__filters{display:none}.services-page__title{background:none;-webkit-text-fill-color:unset;color:#000}.services-page__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.services-page__category-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}}.services-page__search-clear:hover,.services-page__category-button:hover,.services-page__category-card:hover,.services-page__category-card:hover .services-page__category-icon,.services-page__category-card:hover .services-page__category-arrow{will-change:transform}.service-detail{min-height:100vh;background:var(--color-background);isolation:isolate}.service-detail__header{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);padding:clamp(3rem,6vw,4rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--color-border-light);position:relative;overflow:hidden}.service-detail__header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(249,115,22,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none}.service-detail__header-content{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);position:relative;z-index:1}.service-detail__header-info{display:flex;gap:var(--space-6);flex:1;min-width:0}.service-detail__header-icon{flex-shrink:0;width:5rem;height:5rem;background:var(--color-surface);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);font-size:var(--font-size-3xl);color:var(--color-primary-600);transition:all var(--transition-slow)}.service-detail__header-icon:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-xl)}.service-detail__header-text{flex:1;min-width:0}.service-detail__header-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap}.service-detail__status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.service-detail__status--available{background:var(--color-success-100);color:var(--color-success-700);border-color:var(--color-success-200)}.service-detail__status--beta{background:var(--color-warning-100);color:var(--color-warning-700);border-color:var(--color-warning-200)}.service-detail__status--coming-soon{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-200)}.service-detail__title{margin:0 0 var(--space-4) 0;font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.service-detail__description{margin:0;max-width:60ch;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.service-detail__header-actions{display:flex;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}.service-detail__nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:4rem;z-index:var(--z-sticky);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.service-detail__nav-tabs{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-container);display:flex;gap:var(--space-8);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.service-detail__nav-tabs::-webkit-scrollbar{display:none}.service-detail__nav-tab{padding:var(--space-4) 0;border:none;background:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap;position:relative;min-height:var(--touch-target-min);display:flex;align-items:center}.service-detail__nav-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary-500);transform:scaleX(0);transition:transform var(--transition-fast)}.service-detail__nav-tab:hover{color:var(--color-text-primary)}.service-detail__nav-tab:hover:after{transform:scaleX(1)}.service-detail__nav-tab--active{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.service-detail__nav-tab--active:after{transform:scaleX(1)}.service-detail__nav-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.service-detail__content{max-width:var(--container-2xl);margin:0 auto;padding:clamp(2rem,4vw,3rem) var(--space-container)}.service-detail__section-title{margin:0 0 var(--space-8) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.service-detail__overview{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.service-detail__features-grid,.service-detail__benefits-grid,.service-detail__use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-4)}@media (min-width: 768px){.service-detail__features-grid,.service-detail__benefits-grid,.service-detail__use-cases-grid{gap:var(--space-6)}}.service-detail__feature-item,.service-detail__benefit-item,.service-detail__use-case-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-slow);position:relative;overflow:hidden}.service-detail__feature-item:before,.service-detail__benefit-item:before,.service-detail__use-case-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);transform:scaleX(0);transition:transform var(--transition-slow)}.service-detail__feature-item:hover,.service-detail__benefit-item:hover,.service-detail__use-case-item:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-detail__feature-item:hover:before,.service-detail__benefit-item:hover:before,.service-detail__use-case-item:hover:before{transform:scaleX(1)}.service-detail__feature-icon,.service-detail__benefit-icon,.service-detail__use-case-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.service-detail__feature-content,.service-detail__benefit-content,.service-detail__use-case-content{flex:1;min-width:0}.service-detail__feature-title,.service-detail__benefit-title,.service-detail__use-case-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.service-detail__feature-description,.service-detail__benefit-description,.service-detail__use-case-description{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.service-detail__examples-grid{display:flex;flex-direction:column;gap:var(--space-8)}.service-detail__example-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-slow)}.service-detail__example-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-detail__example-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.service-detail__example-info{flex:1;min-width:0}.service-detail__example-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.service-detail__example-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.service-detail__example-category{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.service-detail__example-category--basic{background:var(--color-success-100);color:var(--color-success-700)}.service-detail__example-category--intermediate{background:var(--color-warning-100);color:var(--color-warning-700)}.service-detail__example-category--advanced{background:var(--color-error-100);color:var(--color-error-700)}.service-detail__example-language{padding:var(--space-1) var(--space-2);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.service-detail__example-description{padding:0 var(--space-6) var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.service-detail__example-code{background:var(--color-gray-900);color:var(--color-gray-100);overflow-x:auto;position:relative}.service-detail__example-code pre{margin:0;padding:var(--space-6);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-x:auto}.service-detail__example-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background:var(--color-gray-800);border-bottom:1px solid var(--color-gray-700)}.service-detail__example-code-title{font-size:var(--font-size-sm);color:var(--color-gray-300);font-weight:var(--font-weight-medium)}.service-detail__example-copy-button{padding:var(--space-1) var(--space-2);background:var(--color-gray-700);color:var(--color-gray-300);border:1px solid var(--color-gray-600);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.service-detail__example-copy-button:hover{background:var(--color-gray-600);color:var(--color-gray-100)}.service-detail__example-tags{padding:var(--space-4) var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border-light)}.service-detail__example-tag{padding:var(--space-1) var(--space-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.service-detail__integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:var(--space-6)}.service-detail__integration-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-slow);position:relative;overflow:hidden}.service-detail__integration-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary-500) 0%,var(--color-primary-500) 100%);transform:scaleX(0);transition:transform var(--transition-slow)}.service-detail__integration-item:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-detail__integration-item:hover:before{transform:scaleX(1)}.service-detail__integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.service-detail__integration-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.service-detail__integration-complexity{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.service-detail__integration-complexity--beginner{background:var(--color-success-100);color:var(--color-success-700)}.service-detail__integration-complexity--intermediate{background:var(--color-warning-100);color:var(--color-warning-700)}.service-detail__integration-complexity--advanced{background:var(--color-error-100);color:var(--color-error-700)}.service-detail__integration-description{margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.service-detail__integration-services{margin-bottom:var(--space-6)}.service-detail__integration-services-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.service-detail__integration-service-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.service-detail__integration-service{padding:var(--space-1) var(--space-2);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.service-detail__pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;margin:0 auto;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.service-detail__pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%)}.service-detail__pricing-header{text-align:center;margin-bottom:var(--space-6)}.service-detail__pricing-price{margin:0 0 var(--space-2) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);line-height:var(--line-height-tight)}.service-detail__pricing-model{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center}.service-detail__pricing-description{margin:0 0 var(--space-8) 0;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);text-align:center}.service-detail__pricing-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.service-detail__no-examples,.service-detail__no-integrations{text-align:center;padding:var(--space-16);background:var(--color-background-secondary);border-radius:var(--radius-2xl);border:2px dashed var(--color-border)}.service-detail__empty-icon{font-size:var(--font-size-4xl);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.service-detail__empty-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.service-detail__empty-description{margin:0;color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}@media (max-width: 479px){.service-detail__header-content{flex-direction:column;gap:var(--space-6);text-align:center}.service-detail__header-info{flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.service-detail__header-icon{width:4rem;height:4rem;font-size:var(--font-size-2xl)}.service-detail__header-actions{justify-content:center;width:100%;flex-direction:column}.service-detail__nav-tabs{gap:var(--space-4);padding-bottom:var(--space-2)}.service-detail__content{padding:var(--space-8) var(--space-4)}.service-detail__features-grid,.service-detail__benefits-grid,.service-detail__use-cases-grid,.service-detail__integrations-grid{grid-template-columns:1fr}.service-detail__pricing-actions{flex-direction:column}.service-detail__example-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media (max-width: 767px){.service-detail__header-content{flex-direction:column;gap:var(--space-6)}.service-detail__header-info{flex-direction:column;text-align:center;align-items:center}.service-detail__header-actions{justify-content:center;width:100%}.service-detail__nav-tabs{gap:var(--space-6)}.service-detail__content{padding:var(--space-8) var(--space-6)}}[data-theme=dark] .service-detail__header{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%)}[data-theme=dark] .service-detail__example-code{background:var(--color-gray-900);color:var(--color-gray-100)}[data-theme=dark] .service-detail__example-code-header{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .service-detail__example-copy-button{background:var(--color-gray-700);color:var(--color-gray-300);border-color:var(--color-gray-600)}[data-theme=dark] .service-detail__example-copy-button:hover{background:var(--color-gray-600);color:var(--color-gray-100)}@media (prefers-contrast: high){.service-detail__feature-item,.service-detail__benefit-item,.service-detail__use-case-item,.service-detail__example-item,.service-detail__integration-item,.service-detail__pricing-card{border-width:2px}.service-detail__nav-tab:after{height:3px}}@media (prefers-reduced-motion: reduce){.service-detail__header-icon,.service-detail__nav-tab,.service-detail__feature-item,.service-detail__benefit-item,.service-detail__use-case-item,.service-detail__example-item,.service-detail__integration-item,.service-detail__example-copy-button{transition:none}.service-detail__header-icon:hover,.service-detail__feature-item:hover,.service-detail__benefit-item:hover,.service-detail__use-case-item:hover,.service-detail__example-item:hover,.service-detail__integration-item:hover{transform:none}.service-detail__nav-tab:after,.service-detail__feature-item:before,.service-detail__benefit-item:before,.service-detail__use-case-item:before,.service-detail__integration-item:before{transition:none}}@media print{.service-detail__header{background:transparent;border-bottom:1px solid #000}.service-detail__header:before{display:none}.service-detail__nav{position:static;border-bottom:1px solid #000}.service-detail__example-code{background:#f5f5f5;color:#000;border:1px solid #ccc}.service-detail__example-code-header{background:#e5e5e5;color:#000}.service-detail__feature-item,.service-detail__benefit-item,.service-detail__use-case-item,.service-detail__example-item,.service-detail__integration-item,.service-detail__pricing-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}}.service-detail__header-icon:hover,.service-detail__feature-item:hover,.service-detail__benefit-item:hover,.service-detail__use-case-item:hover,.service-detail__example-item:hover,.service-detail__integration-item:hover{will-change:transform,box-shadow}.service-page-error{min-height:100vh;background:var(--color-background);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.service-page-error__content{text-align:center;max-width:500px;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.service-page-error__content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-error-500) 0%,var(--color-warning-500) 100%)}.service-page-error__content h1{margin:0 0 var(--space-4) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.service-page-error__content p{margin:0 0 var(--space-8) 0;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.service-page-error__content button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary-600);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min);text-decoration:none;box-shadow:var(--shadow-sm)}.service-page-error__content button:hover{background:var(--color-primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.service-page-error__content button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.service-page-error__content button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.service-page-error__content:after{content:"⚠️";position:absolute;top:var(--space-6);left:50%;transform:translate(-50%);font-size:var(--font-size-4xl);opacity:.1;pointer-events:none}@media (max-width: 479px){.service-page-error{padding:var(--space-4)}.service-page-error__content{padding:var(--space-8)}.service-page-error__content h1{font-size:var(--font-size-2xl)}.service-page-error__content p{font-size:var(--font-size-base)}.service-page-error__content button{width:100%;justify-content:center}}[data-theme=dark] .service-page-error__content{background:var(--color-surface-secondary);border-color:var(--color-border-secondary)}@media (prefers-contrast: high){.service-page-error__content{border-width:2px}.service-page-error__content button{border:2px solid var(--color-primary-600)}}@media (prefers-reduced-motion: reduce){.service-page-error__content button{transition:none}.service-page-error__content button:hover{transform:none}}@media print{.service-page-error{background:transparent}.service-page-error__content{border:1px solid #ccc;box-shadow:none}.service-page-error__content:before,.service-page-error__content:after{display:none}.service-page-error__content button{background:transparent;color:#000;border:1px solid #000;box-shadow:none}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text-primary)}.app__main{flex:1;isolation:isolate}.app__container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding-left:var(--space-container);padding-right:var(--space-container)}.app__container--sm{max-width:var(--container-sm)}.app__container--md{max-width:var(--container-md)}.app__container--lg{max-width:var(--container-lg)}.app__container--xl{max-width:var(--container-xl)}.app__section{padding-top:var(--space-section);padding-bottom:var(--space-section);position:relative}.app__section--sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.app__section--lg{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,8rem)}.app__section--featured{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.app__section--gradient{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%)}.app__section-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem);max-width:800px;margin-left:auto;margin-right:auto}.app__section-title{margin:0 0 var(--space-4) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app__section-subtitle{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em}.app__section-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:65ch;margin:0 auto}.app__section-footer{text-align:center;margin-top:clamp(2rem,4vw,3rem)}.app__grid{display:grid;gap:var(--space-6)}.app__grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.app__grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.app__grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}@media (min-width: 768px){.app__grid{gap:var(--space-8)}.app__grid--2{grid-template-columns:repeat(2,1fr)}.app__grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.app__grid--4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width: 1024px){.app__grid--3{grid-template-columns:repeat(3,1fr)}.app__grid--4{grid-template-columns:repeat(4,1fr)}}.app__solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-6);margin-bottom:var(--space-8)}@media (min-width: 768px){.app__solutions-grid{gap:var(--space-8)}}@media (min-width: 1024px){.app__solutions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1280px){.app__solutions-grid{grid-template-columns:repeat(4,1fr)}}.app__solution-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-slow);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.app__solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);transform:scaleX(0);transition:transform var(--transition-slow);transform-origin:left}.app__solution-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.app__solution-card:hover:before{transform:scaleX(1)}.app__solution-card:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.app__solution-icon{width:4rem;height:4rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);margin:0 auto var(--space-6);font-size:var(--font-size-2xl);box-shadow:0 4px 14px #f9731663;transition:transform var(--transition-base)}.app__solution-card:hover .app__solution-icon{transform:scale(1.1) rotate(5deg)}.app__solution-title{margin:0 0 var(--space-4) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.app__solution-description{margin:0 0 var(--space-6) 0;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-base)}.app__solution-benefits{display:flex;justify-content:space-around;margin:var(--space-6) 0;padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);gap:var(--space-2)}.app__solution-benefit{text-align:center;flex:1;min-width:0}.app__solution-benefit h4{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.app__solution-benefit .typography--caption{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.app__solution-cta{margin-top:var(--space-4)}.app__services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-6);margin-bottom:var(--space-8)}@media (min-width: 768px){.app__services-grid{gap:var(--space-8)}}@media (min-width: 1280px){.app__services-grid{grid-template-columns:repeat(4,1fr)}}.app__cta-section{text-align:center;background:var(--color-surface);border-radius:var(--radius-2xl);padding:clamp(2rem,4vw,3rem);border:1px solid var(--color-border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.app__cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);opacity:.5;z-index:-1}.app__cta-title{margin:0 0 var(--space-4) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.app__cta-description{margin:0 0 var(--space-8) 0;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:60ch;margin-left:auto;margin-right:auto}.app__cta-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8);flex-wrap:wrap}.app__cta-features{display:flex;gap:var(--space-8);justify-content:center;flex-wrap:wrap}.app__cta-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app__cta-feature-icon{color:var(--color-success-500);font-size:var(--font-size-base)}.app__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary)}.app__loading-spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top:2px solid var(--color-primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.app__error{text-align:center;padding:var(--space-8);color:var(--color-error-600);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);margin:var(--space-4) 0}@media (max-width: 479px){.app__solution-card,.app__cta-section{padding:var(--space-6)}.app__solution-icon{width:3rem;height:3rem;font-size:var(--font-size-xl)}.app__solution-benefits{flex-direction:column;gap:var(--space-4)}.app__cta-actions{flex-direction:column;align-items:center}.app__cta-actions .button{width:100%;max-width:300px}.app__cta-features{flex-direction:column;gap:var(--space-4)}}@media (max-width: 767px){.app__solutions-grid,.app__services-grid{grid-template-columns:1fr}.app__section-title{font-size:var(--font-size-3xl)}.app__section-description{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: no-preference){.app__solution-card{animation:fadeInUp .6s ease-out backwards}.app__solution-card:nth-child(1){animation-delay:0s}.app__solution-card:nth-child(2){animation-delay:.1s}.app__solution-card:nth-child(3){animation-delay:.2s}.app__solution-card:nth-child(4){animation-delay:.3s}.app__solution-card:nth-child(5){animation-delay:.4s}.app__solution-card:nth-child(6){animation-delay:.5s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.placeholder-page,.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.placeholder-page__content,.not-found-page__content{text-align:center;max-width:500px;padding:var(--space-8)}.placeholder-page__content h1,.not-found-page__content h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.placeholder-page__content p,.not-found-page__content p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.not-found-page__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width: 767px){.placeholder-page__content h1,.not-found-page__content h1{font-size:var(--font-size-3xl)}.not-found-page__actions{flex-direction:column;align-items:center}}.app__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app__focus-trap{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}@media (prefers-contrast: high){.app__solution-card,.app__cta-section{border-width:2px}.app__solution-card:hover{border-width:3px}}@media print{.app__solution-card,.app__cta-section{break-inside:avoid;box-shadow:none;border:1px solid #000}.app__solution-icon{background:#000!important;color:#fff!important}}