.feature-badges{background:var(--studio-bg-elevated);border-top:1px solid var(--studio-border);border-bottom:1px solid var(--studio-border);padding:var(--space-6)0;margin-bottom:var(--space-8);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.feature-badges:before{content:"";background:linear-gradient(135deg,rgba(var(--studio-accent-rgb),.02)0%,transparent 50%,rgba(var(--studio-accent-rgb),.02)100%);pointer-events:none;position:absolute;inset:0}.feature-badges-container{max-width:1200px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.feature-badges-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);justify-items:center;width:100%;display:grid}@media (max-width:1024px){.feature-badges-grid{grid-template-columns:repeat(2,1fr)}}.feature-badge{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:var(--studio-bg-surface);border:1px solid var(--studio-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-base)var(--ease-out-expo);width:100%;max-width:320px;display:flex;position:relative;overflow:hidden}.feature-badge:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.feature-badge:hover{box-shadow:var(--shadow-md);border-color:var(--studio-border-accent);transform:translateY(-2px)}.feature-badge--highlight{border-color:var(--studio-accent);background:var(--studio-accent-muted);box-shadow:var(--shadow-glow-sm)}.feature-badge--highlight .feature-title{color:var(--studio-accent)}.feature-icon{font-size:var(--text-h2);background:var(--studio-bg-elevated);border-radius:var(--radius-lg);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.feature-content{gap:var(--space-1);z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.feature-title{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--studio-text-primary);line-height:var(--leading-tight);margin:0}.feature-subtitle{font-family:var(--font-body);font-size:var(--text-small);color:var(--studio-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-snug);margin:0}[data-theme=light] .feature-badges{background:var(--studio-bg-primary)}[data-theme=light] .feature-badge{background:var(--studio-bg-elevated);box-shadow:var(--shadow-sm)}[data-theme=light] .feature-badge:hover{background:var(--studio-bg-surface);box-shadow:var(--shadow-md)}[data-theme=light] .feature-badge--highlight{background:var(--studio-accent-muted)}[data-theme=light] .feature-icon{background:var(--studio-bg-primary)}@media (max-width:768px){.feature-badges-container{padding:0 var(--space-4)}.feature-badges-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr}.feature-badge{padding:var(--space-3)var(--space-4);gap:var(--space-2)}.feature-icon{width:40px;height:40px;font-size:var(--text-h3)}.feature-title{font-size:var(--text-small)}}@media (max-width:480px){.feature-badge{text-align:center;gap:var(--space-3);flex-direction:column}.feature-content{align-items:center}}@media (prefers-reduced-motion:reduce){.feature-badge{transition:none}.feature-badge:hover{transform:none}}
.features-section{padding:var(--space-24)0;background:var(--studio-bg-primary);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.features-section:before{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.features-section:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--studio-border)20%,var(--studio-accent-muted)50%,var(--studio-border)80%,transparent 100%);width:80%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.features-container{max-width:1200px;padding:0 var(--space-6);z-index:1;width:100%;margin:0 auto;position:relative}.features-header{text-align:center;margin-bottom:var(--space-16)}.features-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-normal);color:var(--studio-text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.features-subtitle{font-family:var(--font-body);font-size:var(--text-subheading);color:var(--studio-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-content{gap:var(--space-8);margin-bottom:var(--space-16);grid-template-columns:2fr 1fr;align-items:start;display:grid}.features-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);place-items:stretch center;width:100%;display:grid}.feature-card{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:left;cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-sm);width:100%;max-width:280px;height:100%;position:relative;overflow:hidden}.feature-card:before{content:"";width:100%;height:100%;transition:left .6s var(--ease-out-expo);background:linear-gradient(90deg,#0000 0%,#06b6d40d 50%,#0000 100%);position:absolute;top:0;left:-100%}.feature-card:hover:before{left:100%}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--studio-border-accent);background:var(--studio-bg-surface);transform:translateY(-4px)}.feature-card.active{box-shadow:var(--shadow-lg),var(--shadow-glow-sm);border-color:var(--studio-accent);background:var(--studio-bg-surface);transform:translateY(-4px)}.feature-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);z-index:1;display:flex;position:relative}.feature-card-icon{border-radius:var(--radius-lg);width:48px;height:48px;transition:all var(--duration-base)var(--ease-out-expo);background:var(--studio-accent-muted);color:var(--studio-accent);justify-content:center;align-items:center;font-size:20px;display:flex}.feature-card:hover .feature-card-icon,.feature-card.active .feature-card-icon{background:var(--studio-accent);color:var(--studio-bg-deep);box-shadow:var(--shadow-glow-sm)}.feature-card-title{font-family:var(--font-body);font-size:var(--text-subheading);font-weight:var(--weight-semibold);color:var(--studio-text-primary);transition:color var(--duration-base)var(--ease-out);margin:0;line-height:1.3}.feature-card:hover .feature-card-title,.feature-card.active .feature-card-title{color:var(--studio-accent)}.feature-card-description{font-family:var(--font-body);color:var(--studio-text-secondary);font-size:var(--text-small);z-index:1;margin:0;line-height:1.6;position:relative}.feature-details{position:sticky;top:100px}.feature-details-card{background:linear-gradient(135deg,var(--studio-bg-surface)0%,var(--studio-bg-elevated)100%);border:1px solid var(--studio-border-accent);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg),var(--shadow-glow-sm);transition:all var(--duration-slow)var(--ease-out-expo);position:relative;overflow:hidden}.feature-details-card:before{content:"";background:radial-gradient(circle,var(--studio-accent-muted)0%,transparent 70%);opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.feature-details-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);z-index:1;display:flex;position:relative}.feature-details-icon{border-radius:var(--radius-xl);background:var(--studio-accent);width:56px;height:56px;color:var(--studio-bg-deep);box-shadow:var(--shadow-glow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.feature-details-title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-normal);color:var(--studio-text-primary);margin:0 0 var(--space-2)0;line-height:1.3}.feature-details-description{font-family:var(--font-body);color:var(--studio-text-secondary);font-size:var(--text-body);margin:0;line-height:1.6}.feature-benefits{margin-top:var(--space-6);z-index:1;position:relative}.benefits-title{font-family:var(--font-body);font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-4)0}.benefits-list{margin:0;padding:0;list-style:none}.benefit-item{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-small);color:var(--studio-text-secondary);line-height:1.5;display:flex}.benefit-check{background:var(--studio-success);color:var(--studio-bg-deep);border-radius:var(--radius-full);width:20px;height:20px;font-size:10px;font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.usage-stats{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin:0 auto var(--space-8)auto;width:100%}.stats-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);place-items:center;width:100%;display:grid}.stat-card{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-normal);color:var(--studio-accent);margin-bottom:var(--space-2);line-height:1;display:block}.stat-label{font-family:var(--font-body);font-size:var(--text-micro);color:var(--studio-text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.1em}.features-cta{text-align:center;background:linear-gradient(135deg,var(--studio-bg-surface)0%,var(--studio-bg-elevated)100%);border:1px solid var(--studio-border-accent);border-radius:var(--radius-2xl);padding:var(--space-12)var(--space-8);width:100%;margin:0 auto;position:relative;overflow:hidden}.features-cta:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--studio-accent)50%,transparent 100%);opacity:.6;width:60%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-normal);color:var(--studio-text-primary);margin:0 0 var(--space-3)0;line-height:1.3}.cta-description{font-family:var(--font-body);font-size:var(--text-subheading);color:var(--studio-text-secondary);margin:0 0 var(--space-8)0;line-height:1.6}.cta-button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--studio-accent);color:var(--studio-bg-deep);padding:var(--space-4)var(--space-8);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-md),var(--shadow-glow-sm);border:none;display:inline-flex;position:relative;overflow:hidden}.cta-button:before{content:"";width:100%;height:100%;transition:left .5s var(--ease-out-expo);background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{background:var(--studio-accent-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}[data-theme=light] .features-section{background:var(--studio-bg-primary)}[data-theme=light] .features-section:before{opacity:.02}[data-theme=light] .feature-card{background:var(--studio-bg-elevated);box-shadow:0 1px 3px #00000014}[data-theme=light] .feature-card:hover,[data-theme=light] .feature-card.active{background:var(--studio-bg-primary);box-shadow:0 8px 24px #0000001a}[data-theme=light] .feature-details-card{background:linear-gradient(135deg,var(--studio-bg-primary)0%,var(--studio-bg-elevated)100%)}[data-theme=light] .usage-stats{background:var(--studio-bg-primary);box-shadow:0 4px 12px #0000000f}[data-theme=light] .features-cta{background:linear-gradient(135deg,var(--studio-bg-primary)0%,var(--studio-bg-elevated)100%)}[data-theme=light] .cta-button{color:var(--studio-bg-primary)}@media (max-width:1024px){.features-content{gap:var(--space-8);grid-template-columns:1fr}.feature-details{position:static}}@media (max-width:768px){.features-section{padding:var(--space-16)0}.features-container{padding:0 var(--space-4)}.features-title{font-size:var(--text-heading)}.features-subtitle{font-size:var(--text-body)}.features-grid{gap:var(--space-4);grid-template-columns:1fr}.feature-card{max-width:100%;padding:var(--space-4)}.feature-card-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.feature-card-icon{width:40px;height:40px;font-size:18px}.feature-card-title{font-size:var(--text-body)}.feature-details-card{padding:var(--space-6)}.feature-details-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--text-heading)}.features-cta{padding:var(--space-8)var(--space-6)}.cta-title{font-size:var(--text-subheading)}.cta-description{font-size:var(--text-body)}}@media (max-width:480px){.features-title{font-size:var(--text-subheading)}.features-subtitle{font-size:var(--text-small)}.feature-details-icon{width:48px;height:48px;font-size:20px}.stats-grid{gap:var(--space-4);grid-template-columns:1fr}.stat-number{font-size:var(--text-subheading)}.stat-label{font-size:var(--text-micro)}.cta-title{font-size:var(--text-body)}.cta-description{font-size:var(--text-small)}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card-icon,.feature-card-title,.feature-details-card,.cta-button{transition:none}.feature-card:before,.cta-button:before{display:none}.feature-card:hover,.feature-card.active,.cta-button:hover{transform:none}}
.how-it-works{padding:var(--space-16)0;background:var(--studio-bg-deep);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.how-it-works:before{content:"";background:linear-gradient(135deg,rgba(var(--studio-accent-rgb),.02)0%,transparent 50%,rgba(var(--studio-accent-rgb),.02)100%);pointer-events:none;position:absolute;inset:0}.how-it-works-container{max-width:1200px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--studio-accent);margin:0 0 var(--space-4)0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.section-subtitle{font-family:var(--font-body);font-size:var(--text-body);color:var(--studio-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.steps-container{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);place-items:stretch center;width:100%;display:grid;position:relative}.step-card{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);padding:var(--space-8)var(--space-6);text-align:center;transition:all var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;width:100%;max-width:300px;height:100%;display:flex;position:relative;overflow:hidden}.step-card:before{content:"";border-radius:var(--radius-xl);pointer-events:none;opacity:0;transition:opacity var(--duration-base)var(--ease-out);background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.step-card:hover{box-shadow:var(--shadow-lg);border-color:var(--studio-border-accent);transform:translateY(-4px)}.step-card:hover:before{opacity:1}.step-number{top:var(--space-4);right:var(--space-4);background:var(--studio-accent);border-radius:var(--radius-full);width:32px;height:32px;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--studio-text-inverse);box-shadow:var(--shadow-glow-sm);justify-content:center;align-items:center;display:flex;position:absolute}.step-icon{margin:var(--space-4)0 var(--space-6)0;filter:drop-shadow(0 2px 4px #0003);font-size:3rem;line-height:1;display:block}.step-title{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--studio-text-primary);margin:0 0 var(--space-3)0;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.step-description{font-family:var(--font-body);font-size:var(--text-small);color:var(--studio-text-secondary);line-height:var(--leading-relaxed);font-weight:var(--weight-medium);margin:0}.step-connector{top:50%;right:calc(-1*var(--space-4));z-index:2;pointer-events:none;color:var(--studio-accent);position:absolute;transform:translateY(-50%)translate(50%)}.step-connector svg{filter:drop-shadow(0 1px 2px #0003)}.process-highlights{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-6)0;border-top:1px solid var(--studio-border);width:100%;margin:0 auto;display:flex}.highlight-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-full);transition:all var(--duration-base)var(--ease-out);display:flex}.highlight-item:hover{box-shadow:var(--shadow-sm);border-color:var(--studio-border-accent);transform:translateY(-1px)}.highlight-icon{font-size:var(--text-body)}.highlight-text{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--studio-text-secondary);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-card{animation:.6s ease-out backwards fadeInUp}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}[data-theme=light] .how-it-works{background:var(--studio-bg-elevated)}[data-theme=light] .step-card{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .step-card:hover{box-shadow:var(--shadow-lg)}[data-theme=light] .highlight-item{background:var(--studio-bg-primary);box-shadow:var(--shadow-xs)}@media (max-width:768px){.how-it-works{padding:var(--space-12)0}.how-it-works-container{padding:0 var(--space-4)}.section-title{font-size:var(--text-h1)}.section-subtitle{font-size:var(--text-small)}.steps-container{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr}.step-card{padding:var(--space-6)}.step-connector{display:none}.process-highlights{align-items:center;gap:var(--space-4);flex-direction:column;justify-content:center;width:100%}}@media (max-width:480px){.section-title{font-size:var(--text-h2)}.step-icon{font-size:2.5rem}.step-title{font-size:var(--text-small)}.step-card{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){.step-card{transition:none;animation:none}.step-card:hover{transform:none}.highlight-item{transition:none}.highlight-item:hover{transform:none}}
.before-after-gallery{padding:var(--space-20)0;background:var(--studio-bg-primary);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.before-after-gallery:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.gallery-container{max-width:1200px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.gallery-header{text-align:center;margin-bottom:var(--space-12)}.gallery-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--studio-text-primary);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.gallery-subtitle{font-family:var(--font-body);font-size:var(--text-body);color:var(--studio-text-secondary);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}.gallery-content{gap:var(--space-10);flex-direction:column;align-items:center;width:100%;display:flex}.category-navigation{justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:900px;margin:0 auto;display:flex}.nav-prev,.nav-next{border:1px solid var(--studio-border);border-radius:var(--radius-full);background:var(--studio-bg-elevated);width:48px;height:48px;color:var(--studio-text-secondary);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-prev:hover,.nav-next:hover{background:var(--studio-accent);color:var(--studio-text-inverse);border-color:var(--studio-accent);box-shadow:var(--shadow-glow);transform:scale(1.05)}.category-tabs{justify-content:center;gap:var(--space-2);padding:var(--space-2);background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);flex-wrap:wrap;width:fit-content;max-width:800px;display:flex}.category-tab{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);color:var(--studio-text-secondary);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-small);cursor:pointer;transition:all var(--duration-base)var(--ease-out);white-space:nowrap;background:0 0;border:none;display:flex}.category-tab:hover{background:var(--studio-bg-surface);color:var(--studio-text-primary)}.category-tab.active{background:var(--studio-accent);color:var(--studio-text-inverse);box-shadow:var(--shadow-glow-sm)}.tab-icon{font-size:var(--text-body)}.tab-text{font-weight:var(--weight-medium)}.comparison-area{justify-content:center;align-items:center;width:100%;display:flex}.comparison-container{gap:var(--space-10);grid-template-columns:1fr;place-items:center;width:100%;max-width:1000px;margin:0 auto;display:grid}.slider-section{width:100%;max-width:800px}.gallery-cta{text-align:center;padding:var(--space-10)var(--space-6);background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-2xl);margin:var(--space-6)auto 0 auto;width:100%;position:relative;overflow:hidden}.gallery-cta:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--studio-accent-muted)50%,transparent 100%);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-text{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-semibold);color:var(--studio-text-primary);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.cta-button{background:var(--studio-accent);color:var(--studio-text-inverse);padding:var(--space-4)var(--space-8);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);border:none}.cta-button:hover{background:var(--studio-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}[data-theme=light] .before-after-gallery{background:var(--studio-bg-deep)}[data-theme=light] .before-after-gallery:before{opacity:.02}[data-theme=light] .nav-prev,[data-theme=light] .nav-next{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .nav-prev:hover,[data-theme=light] .nav-next:hover{background:var(--studio-accent);box-shadow:var(--shadow-glow)}[data-theme=light] .category-tabs{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .category-tab:hover{background:var(--studio-bg-elevated)}[data-theme=light] .gallery-cta{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}@media (max-width:768px){.before-after-gallery{padding:var(--space-12)0}.gallery-container{padding:0 var(--space-4)}.gallery-title{font-size:var(--text-h1)}.gallery-subtitle{font-size:var(--text-small)}.category-navigation{gap:var(--space-3)}.nav-prev,.nav-next{width:40px;height:40px;font-size:var(--text-small)}.category-tabs{padding:var(--space-1);gap:var(--space-1)}.category-tab{padding:var(--space-2)var(--space-3);font-size:var(--text-micro)}.tab-text{display:none}.comparison-container{gap:var(--space-6);text-align:center;grid-template-columns:1fr;place-items:center}}@media (max-width:480px){.gallery-title{font-size:var(--text-h2)}.gallery-subtitle{font-size:var(--text-small)}.gallery-cta{padding:var(--space-6)var(--space-4)}.cta-text{font-size:var(--text-h3)}}@media (prefers-reduced-motion:reduce){.nav-prev,.nav-next,.category-tab,.cta-button{transition:none}.nav-prev:hover,.nav-next:hover,.cta-button:hover{transform:none}}
.before-after-slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:12px;width:100%;height:400px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.before-after-slider.dragging{cursor:grabbing}.slider-container{width:100%;height:100%;position:relative}.before-image,.after-image{width:100%;height:100%;position:absolute;top:0;left:0}.before-image img,.after-image img{object-fit:cover;width:100%;height:100%;display:block}.before-image{z-index:2}.after-image{z-index:1}.slider-handle{z-index:20;pointer-events:none;height:100%;position:absolute;top:0;transform:translate(-50%)}.handle-line{background:#fff;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #0000004d}.handle-circle{pointer-events:all;cursor:ew-resize;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0003}.handle-circle:hover{width:56px;height:56px;box-shadow:0 6px 20px #0000004d}.handle-arrows{color:#64748b;align-items:center;gap:2px;font-size:16px;font-weight:700;display:flex}.arrow-left,.arrow-right{line-height:1;transition:color .2s}.handle-circle:hover .arrow-left,.handle-circle:hover .arrow-right{color:#3b82f6}@media (max-width:768px){.before-after-slider{height:300px}.handle-circle{width:40px;height:40px}.handle-circle:hover{width:44px;height:44px}}@media (hover:none) and (pointer:coarse){.handle-circle{width:52px;height:52px}}@media (prefers-contrast:high){.handle-circle{border:2px solid #000}.handle-line{background:#000}}
.testimonials{padding:var(--space-16)0;background:var(--studio-bg-primary);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.testimonials:before{content:"";background:linear-gradient(135deg,rgba(var(--studio-accent-rgb),.02)0%,transparent 50%,rgba(var(--studio-accent-rgb),.02)100%);pointer-events:none;position:absolute;inset:0}.testimonials-container{max-width:1200px;padding:0 var(--space-6);z-index:1;width:100%;margin:0 auto;position:relative}.testimonials-header{text-align:center;margin-bottom:var(--space-12)}.testimonials-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--studio-text-primary);margin:0 0 var(--space-4)0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.testimonials-subtitle{font-family:var(--font-body);font-size:var(--text-body);color:var(--studio-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.testimonials-content{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.testimonial-card{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.testimonial-card:before{content:"";border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.testimonial-navigation{align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);z-index:1;justify-content:center;width:100%;display:flex;position:relative}.testimonial-nav-button{background:var(--studio-bg-surface);border:1px solid var(--studio-border);border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;transition:all var(--duration-base)var(--ease-out-expo);color:var(--studio-text-secondary);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.testimonial-nav-button:hover{background:var(--studio-accent);border-color:var(--studio-accent);color:var(--studio-text-inverse);box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.05)}.testimonial-nav-button:focus{outline:2px solid var(--studio-accent);outline-offset:2px}.testimonial-main{text-align:center;z-index:1;flex:1;position:relative}.testimonial-rating{justify-content:center;gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.star{font-size:var(--text-body);color:var(--studio-text-muted);transition:color var(--duration-base)var(--ease-out)}.star.filled{color:#fbbf24;text-shadow:0 1px 2px #fbbf244d}.testimonial-quote{font-family:var(--font-body);font-size:var(--text-h3);line-height:var(--leading-relaxed);color:var(--studio-text-primary);margin:0 0 var(--space-6)0;font-weight:var(--weight-medium);max-width:800px;margin-left:auto;margin-right:auto;font-style:italic;position:relative}.testimonial-quote:before{content:"\"";color:var(--studio-accent);opacity:.3;font-family:serif;font-size:60px;line-height:1;position:absolute;top:-10px;left:-20px}.testimonial-author{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.author-avatar{background:var(--studio-accent);border-radius:var(--radius-full);width:64px;height:64px;box-shadow:var(--shadow-glow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.author-avatar:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#fff3 0%,#0000 100%);position:absolute;inset:0}.avatar-emoji{z-index:1;font-size:28px;position:relative}.author-info{text-align:left;gap:var(--space-1);flex-direction:column;display:flex}.author-name{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--studio-text-primary);line-height:var(--leading-tight)}.author-role{font-family:var(--font-body);font-size:var(--text-small);color:var(--studio-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.author-use-case{margin-top:var(--space-1)}.use-case-badge{background:var(--studio-accent-muted);color:var(--studio-accent);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-micro);font-weight:var(--weight-semibold);border:1px solid var(--studio-border-accent);display:inline-block}.testimonials-stats{justify-content:center;gap:var(--space-8);padding:var(--space-6)0;border-top:1px solid var(--studio-border);display:flex}.stat-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--studio-bg-surface);border:1px solid var(--studio-border);border-radius:var(--radius-full);transition:all var(--duration-base)var(--ease-out);display:flex}.stat-item:hover{box-shadow:var(--shadow-sm);border-color:var(--studio-border-accent);transform:translateY(-1px)}.stat-icon{font-size:var(--text-body)}.stat-text{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--studio-text-secondary);white-space:nowrap}[data-theme=light] .testimonials{background:var(--studio-bg-deep)}[data-theme=light] .testimonial-card{background:var(--studio-bg-primary);box-shadow:var(--shadow-md)}[data-theme=light] .testimonial-nav-button{background:var(--studio-bg-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .stat-item{background:var(--studio-bg-primary);box-shadow:var(--shadow-xs)}@media (max-width:768px){.testimonials{padding:var(--space-12)0}.testimonials-container{padding:0 var(--space-4)}.testimonials-title{font-size:var(--text-h1)}.testimonials-subtitle{font-size:var(--text-small)}.testimonial-card{padding:var(--space-6)}.testimonial-navigation{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:row}.nav-prev{order:0;opacity:1!important;visibility:visible!important;display:flex!important}.nav-next{order:2;opacity:1!important;visibility:visible!important;display:flex!important}.testimonial-main{order:1}.testimonial-nav-button{width:40px;height:40px}.testimonial-author{text-align:center;gap:var(--space-3);flex-direction:column}.author-info{text-align:center}.testimonials-stats{align-items:center;gap:var(--space-4);flex-direction:column}}@media (max-width:480px){.testimonials-title{font-size:var(--text-h2)}.testimonial-quote{font-size:var(--text-body)}.author-avatar{width:56px;height:56px}.avatar-emoji{font-size:24px}.testimonial-navigation{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){.testimonial-nav-button,.stat-item,.star{transition:none}.testimonial-nav-button:hover,.stat-item:hover{transform:none}}