.service-page{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}.service-container{max-width:var(--max-width);padding:0 var(--spacing-lg);width:100%;margin:0 auto}.service-hero{padding:var(--spacing-3xl)0;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.service-hero-content{z-index:2;max-width:800px;position:relative}.service-hero-tag{background-color:var(--color-primary-50);color:var(--color-primary-600);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:600;display:inline-block}[data-theme=dark] .service-hero-tag{background-color:#0ea5e91a}.service-hero-title{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-text-primary)0%,var(--color-primary-600)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.service-hero-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;font-size:1.25rem;line-height:1.6}.service-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-primary{align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary-600);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--border-radius-md);transition:all var(--transition-normal);border:2px solid var(--color-primary-600);font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--border-radius-md);transition:all var(--transition-normal);border:2px solid var(--color-border-medium);background-color:#0000;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background-color:var(--color-surface-alt);border-color:var(--color-text-primary);transform:translateY(-2px)}.service-intro{padding:var(--spacing-3xl)0;background-color:var(--color-surface-alt);text-align:center}.service-intro-text{max-width:800px;color:var(--color-text-primary);margin:0 auto;font-size:1.5rem;font-weight:500;line-height:1.6}.service-problems{padding:var(--spacing-3xl)0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.problems-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.problem-card{background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.problem-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-5px)}.problem-icon{color:var(--color-error);margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);background-color:#ef44441a;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.problem-title{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.problem-description{color:var(--color-text-secondary)}.service-process{padding:var(--spacing-3xl)0;background-color:var(--color-surface-alt)}.process-steps{gap:var(--spacing-xl);display:grid;position:relative}.process-step{gap:var(--spacing-lg);background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);align-items:flex-start;display:flex}.step-number{color:var(--color-primary-100);font-size:3rem;font-weight:900;line-height:1}[data-theme=dark] .step-number{color:var(--color-primary-900)}.step-content h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.step-content p{color:var(--color-text-secondary)}.service-features{padding:var(--spacing-3xl)0}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light);display:flex}.feature-icon{color:var(--color-success);font-size:1.25rem}.feature-text{color:var(--color-text-primary);font-weight:500}.service-tech{padding:var(--spacing-3xl)0;background-color:var(--color-surface-alt);text-align:center}.tech-grid{justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.tech-item{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);transition:color var(--transition-normal);flex-direction:column;display:flex}.tech-item:hover{color:var(--color-primary-600)}.tech-icon{font-size:3rem}.tech-name{font-size:.875rem;font-weight:500}.service-audience{padding:var(--spacing-3xl)0}.audience-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.audience-card{background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary-500);box-shadow:var(--shadow-sm)}.audience-card.not-for{border-left-color:var(--color-error)}.audience-title{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.audience-description{color:var(--color-text-secondary)}.service-case-studies{padding:var(--spacing-3xl)0;background-color:var(--color-background-alt)}.case-study-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border-light);margin-top:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);flex-direction:column;align-items:center;display:flex}.case-study-card:hover{border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-5px)}.case-study-content h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.case-study-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.btn-text{align-items:center;gap:var(--spacing-xs);color:var(--color-primary-600);transition:gap var(--transition-normal);font-weight:600;text-decoration:none;display:inline-flex}.btn-text:hover{gap:var(--spacing-sm);text-decoration:none}.service-faq{padding:var(--spacing-3xl)0;background-color:var(--color-surface-alt)}.faq-container{gap:var(--spacing-md);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid var(--color-border-light)}.faq-question{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.faq-answer{color:var(--color-text-secondary)}.service-cta{padding:var(--spacing-3xl)0;background:linear-gradient(135deg,var(--color-primary-500)0%,var(--color-secondary-500)100%);color:#fff;text-align:center}[data-theme=dark] .service-cta{background:#000}@media (prefers-color-scheme:dark){.service-cta{background:#fdfcef}}.cta-content{max-width:600px;margin:0 auto}.cta-title{margin-bottom:var(--spacing-md);font-size:2.5rem;font-weight:800}.cta-description{margin-bottom:var(--spacing-xl);opacity:.9;font-size:1.25rem}.btn-cta{align-items:center;gap:var(--spacing-sm);color:var(--color-primary-900);padding:var(--spacing-md)var(--spacing-2xl);border-radius:var(--border-radius-full);transition:transform var(--transition-normal),box-shadow var(--transition-normal);background-color:#fff;font-weight:700;text-decoration:none;display:inline-flex}.btn-cta:hover{transform:scale(1.05);box-shadow:0 10px 25px #0003}@media (max-width:768px){.service-hero-title{font-size:2.5rem}.process-steps{grid-template-columns:1fr}.step-number{font-size:2rem}}