.what-we-offer{background:var(--color-background);max-width:100vw;min-height:100vh;overflow-x:hidden}.hero-section{background:var(--color-light-surface);padding:var(--spacing-4xl) 0;text-align:center;position:relative}.hero-section:after{content:"";background:var(--color-accent);width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-3xl), 5vw, var(--font-size-5xl));margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-headline)}.hero-subtitle{font-size:clamp(var(--font-size-lg), 3vw, var(--font-size-xl));color:var(--color-text-body);max-width:800px;line-height:var(--line-height-normal);margin:0 auto}.production-section{padding:var(--spacing-4xl) 0;background:var(--color-background)}.section-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));text-align:center;margin-bottom:var(--spacing-base);color:var(--color-text-headline);font-weight:var(--font-weight-bold)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-body);max-width:700px;margin:0 auto var(--spacing-3xl);line-height:var(--line-height-normal)}.production-timeline{max-width:1000px;padding:0 var(--container-padding);margin:0 auto;position:relative}.production-step{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-base);transition:all var(--transition-base);position:relative}.production-step:before{content:"";background:var(--color-accent);height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.production-step:hover,.production-step.active{box-shadow:var(--shadow-lg);border-color:#e02f654d;transform:translateY(-2px)}.production-step:hover:before,.production-step.active:before{transform:scaleX(1)}.step-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.step-number{border-radius:var(--border-radius-full);background:var(--color-accent);width:50px;height:50px;color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #e02f6533}.step-icon{font-size:var(--font-size-3xl);opacity:.8;transition:opacity var(--transition-base)}.production-step:hover .step-icon,.production-step.active .step-icon{opacity:1}.step-content{flex:1}.step-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-headline);font-weight:var(--font-weight-semibold)}.step-description{color:var(--color-text-body);margin-bottom:var(--spacing-lg);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.step-details{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.step-details li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);color:var(--color-text-body);font-size:var(--font-size-sm);position:relative}.step-details li:before{content:"✓";color:var(--color-accent);font-weight:var(--font-weight-bold);position:absolute;left:0}.advantages-section{padding:var(--spacing-4xl) 0;background:var(--color-light-surface)}.advantages-grid{gap:var(--spacing-xl);max-width:var(--container-max-width);padding:0 var(--container-padding);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;display:grid}.advantage-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-base);transition:all var(--transition-base);position:relative}.advantage-card:before{content:"";background:var(--color-accent);height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.advantage-card:hover{box-shadow:var(--shadow-lg);border-color:#e02f654d;transform:translateY(-3px)}.advantage-card:hover:before{transform:scaleX(1)}.advantage-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-base);opacity:.8;transition:opacity var(--transition-base)}.advantage-card:hover .advantage-icon{opacity:1}.advantage-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-headline);font-weight:var(--font-weight-semibold)}.advantage-description{color:var(--color-text-body);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.audience-section{padding:var(--spacing-4xl) 0;background:var(--color-background)}.audience-content{gap:var(--spacing-3xl);max-width:var(--container-max-width);padding:0 var(--container-padding);grid-template-columns:1fr 1fr;align-items:start;margin:0 auto;display:grid}.audience-text h3{font-family:var(--font-family-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-headline);font-weight:var(--font-weight-semibold)}.audience-text p{color:var(--color-text-body);line-height:var(--line-height-normal);margin-bottom:var(--spacing-base)}.audience-categories{gap:var(--spacing-lg);flex-direction:column;display:flex}.category-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-base);transition:all var(--transition-base)}.category-item:hover{box-shadow:var(--shadow-lg);border-color:#e02f654d;transform:translateY(-2px)}.category-item h4{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-text-headline);font-weight:var(--font-weight-semibold)}.category-item p{color:var(--color-text-body);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.cta-section{padding:var(--spacing-4xl) 0;background:var(--color-light-surface);text-align:center;border-top:1px solid var(--color-border);position:relative}.cta-section:before{content:"";background:var(--color-accent);width:60px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-section h2{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));margin-bottom:var(--spacing-base);font-weight:var(--font-weight-bold);color:var(--color-text-headline)}.cta-section p{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:var(--line-height-normal);max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-xl)}.cta-buttons{gap:var(--spacing-base);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.hero-section,.production-section,.advantages-section,.audience-section,.cta-section{padding:var(--spacing-3xl) var(--container-padding)}.step-header{text-align:center;gap:var(--spacing-base);flex-direction:column}.step-details{grid-template-columns:1fr}.advantages-grid{padding:0 var(--container-padding);grid-template-columns:1fr}.audience-content{gap:var(--spacing-xl);grid-template-columns:1fr}.btn{text-align:center;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:44px;display:inline-flex}.cta-buttons{flex-direction:column;align-items:center}.hero-subtitle,.section-subtitle,.step-description,.advantage-description,.audience-text p,.category-item p,.cta-section p{max-width:65ch;font-size:16px}.production-step,.advantage-card{padding:var(--spacing-lg)}}@media (max-width:480px){.step-header{gap:var(--spacing-sm)}.step-number{width:40px;height:40px;font-size:var(--font-size-lg)}.step-icon{font-size:var(--font-size-2xl)}.production-step,.advantage-card,.category-item{padding:var(--spacing-base)}.btn{padding:var(--spacing-sm) var(--spacing-base)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width:375px){.what-we-offer{overflow-x:hidden}.production-timeline,.advantages-grid,.audience-content{padding:0 var(--spacing-sm)}}@media (prefers-reduced-motion:reduce){.production-step,.advantage-card,.category-item,.btn{transition:none}}.btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}