:root{--primary-brand: #0066ff;--primary-brand-light: #3d8bff;--primary-brand-dark: #0052cc;--secondary-brand: #6c5ce7;--accent-success: #00c851;--accent-warning: #ff9f00;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #8e8e8e;--text-light: #b8b8b8;--background-primary: #ffffff;--background-secondary: #f8faff;--background-tertiary: #f1f5ff;--background-overlay: rgba(255, 255, 255, .95);--border-light: #e1e8f0;--border-medium: #d1d9e0;--border-focus: #3d8bff;--shadow-sm: 0 2px 8px rgba(0, 102, 255, .08);--shadow-md: 0 8px 24px rgba(0, 102, 255, .12);--shadow-lg: 0 16px 40px rgba(0, 102, 255, .16);--shadow-xl: 0 24px 60px rgba(0, 102, 255, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem}.customer-value-core{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-primary) 100%);position:relative;overflow:hidden}.customer-value-core:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse at top,rgba(0,102,255,.03) 0%,transparent 70%);pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.value-hero{padding:var(--spacing-3xl) 0;text-align:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-brand) 0%,var(--secondary-brand) 100%);color:#fff!important;padding:var(--spacing-sm) var(--spacing-lg);border-radius:50px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);animation:fadeInScale .6s ease-out;text-shadow:0 1px 2px rgba(0,0,0,.1)}.badge-icon{font-size:var(--font-size-lg);animation:pulse 2s infinite;color:#fff}.badge-text{color:#fff!important;font-weight:600}.hero-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);animation:fadeInUp .8s ease-out .2s both}.title-primary{display:block;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.title-highlight{display:block;background:linear-gradient(135deg,var(--primary-brand) 0%,var(--secondary-brand) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle{max-width:800px;margin:0 auto var(--spacing-2xl);animation:fadeInUp .8s ease-out .4s both}.subtitle-main{font-size:var(--font-size-xl);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.subtitle-description{font-size:var(--font-size-lg);color:var(--text-muted);line-height:1.6;margin:0}.value-metrics{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.metric-highlight{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--background-overlay);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease;min-width:120px}.metric-highlight:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.metric-highlight.success{background:linear-gradient(135deg,var(--accent-success) 0%,#00a84a 100%);color:#fff;border-color:var(--accent-success)}.metric-number{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--primary-brand) 0%,var(--secondary-brand) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-highlight.success .metric-number{color:#fff;background:none;-webkit-text-fill-color:white}.metric-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-highlight.success .metric-label{color:#ffffffe6}.metric-divider{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-brand);margin:0 var(--spacing-sm)}.section-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1024px){.container{padding:0 var(--spacing-md)}}@media (max-width: 768px){.value-hero{padding:var(--spacing-2xl) 0}.hero-title{font-size:var(--font-size-3xl)}.value-metrics{gap:var(--spacing-lg)}.metric-highlight{padding:var(--spacing-md);min-width:100px}.template-categories{grid-template-columns:1fr;gap:var(--spacing-lg)}.timeline-step{flex-direction:column!important;text-align:center;gap:var(--spacing-md)}.timeline-step:nth-child(2n){flex-direction:column!important}.process-timeline:before{display:none}.step-content{max-width:none}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.value-hero{padding:var(--spacing-xl) 0}.hero-title,.section-title{font-size:var(--font-size-2xl)}.value-metrics{flex-direction:column;gap:var(--spacing-md)}.metric-divider{transform:rotate(90deg);margin:var(--spacing-sm) 0}.category-stats{gap:var(--spacing-sm)}.step-content{padding:var(--spacing-md)}}@media print{.customer-value-core{background:#fff!important;box-shadow:none!important}.customer-value-core:before{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--background-primary: #ffffff;--border-light: #666666}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/customer-value-core.css.map */