.how-it-works{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:800px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative}.step-number{flex-shrink:0;width:50px;height:50px;background:var(--gradient-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;box-shadow:var(--shadow-md)}.step-content{flex:1 1;padding-top:5px}.step-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-xs)}.step-title{font-size:var(--font-size-lg);color:var(--color-text-dark);margin:0 0 var(--spacing-xs) 0;font-weight:600}.step-description{color:var(--color-text-medium);margin:0;line-height:1.6}.step-connector{display:none}@media (min-width:769px){.how-it-works{flex-direction:row;gap:var(--spacing-2xl);max-width:none}.step{flex-direction:column;align-items:center;text-align:center;flex:1 1}.step-content{padding-top:0}.step-connector{display:block;position:absolute;top:25px;left:calc(50% + 40px);width:calc(100% - 30px);height:2px;background:linear-gradient(90deg,var(--color-primary-purple) 0,var(--color-primary-purple-dark) 100%);z-index:-1}.step:last-child .step-connector{display:none}}@media (max-width:768px){.step-number{width:40px;height:40px;font-size:var(--font-size-lg)}.step-title{font-size:var(--font-size-md)}}.extension-hero{background:var(--marine);color:var(--white);padding:var(--spacing-4xl) var(--container-padding);display:flex;align-items:center;justify-content:center;gap:var(--spacing-3xl);min-height:70vh;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);margin:0 1rem}.extension-hero-content{flex:1 1;max-width:550px}.extension-badge{display:inline-block;background:hsla(0,0%,100%,.2);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.extension-hero h1{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2;letter-spacing:-.02em;color:var(--white)}.extension-hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:hsla(0,0%,100%,.85);line-height:1.6}.extension-hero-ctas{margin-bottom:var(--spacing-md)}.extension-hero-note{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.7);margin:0}.extension-hero-visual{flex:1 1;max-width:500px}.extension-screenshot{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(76,74,101,.3);transition:transform var(--transition-base)}.extension-screenshot:hover{transform:scale(1.02)}.why-extension-content{text-align:center}.why-extension-content h2{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--marine);margin-bottom:var(--spacing-2xl)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);max-width:800px;margin:0 auto}.why-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:left}.why-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--marine)}.why-card ul{list-style:none;padding:0;margin:0}.why-card li{padding:var(--spacing-xs) 0;color:var(--text-muted);position:relative;padding-left:var(--spacing-lg)}.why-before li:before{content:"\u274c";position:absolute;left:0}.why-after li:before{content:"\u2705";position:absolute;left:0}.why-after{border:2px solid var(--marine)}.why-after h3{color:var(--marine)}.extension-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.how-it-works-cta{text-align:center;margin-top:var(--spacing-2xl)}.screenshots-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.screenshot-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.screenshot-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-item span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(76,74,101,.9));color:#fff;padding:var(--spacing-md);font-weight:600;text-align:center}.compatible-sites{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.compatible-site-badge{background:var(--cream-light);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--marine);border:1px solid var(--cream-dark)}.compatible-more{background:var(--marine);color:var(--white);border-color:transparent}.parameters-section .parameters-content{display:flex;align-items:center;gap:var(--spacing-3xl)}.parameters-text{flex:1 1}.parameters-text h2{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--white);margin-bottom:var(--spacing-md)}.parameters-text>p{font-size:var(--font-size-md);color:hsla(0,0%,100%,.85);margin-bottom:var(--spacing-lg);line-height:1.6}.parameters-list{list-style:none;padding:0;margin:0}.parameters-list li{padding:var(--spacing-xs) 0;color:hsla(0,0%,100%,.85)}.parameters-list strong{color:var(--white)}.parameters-visual{flex:1 1;max-width:400px}.parameters-screenshot{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(76,74,101,.3);transition:transform var(--transition-base)}.parameters-screenshot:hover{transform:scale(1.02)}.extension-final-cta .extension-final-cta-content{text-align:center;max-width:600px;margin:0 auto}.extension-final-cta h2{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--white);margin-bottom:var(--spacing-md)}.extension-final-cta>.extension-final-cta-content>p:first-of-type{font-size:var(--font-size-lg);color:hsla(0,0%,100%,.85);margin-bottom:var(--spacing-xl)}.extension-final-note{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.7);margin-top:var(--spacing-md)}.save-section .save-content{display:flex;align-items:center;gap:var(--spacing-3xl)}.save-text{flex:1 1}.save-text h2{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--marine);margin-bottom:var(--spacing-md)}.save-text>p{font-size:var(--font-size-md);color:var(--text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.save-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0}.save-list li{padding:var(--spacing-xs) 0;color:var(--text-muted)}.save-list strong{color:var(--marine)}.save-cta{margin-top:var(--spacing-lg)}.save-visual{flex:1 1;max-width:500px}.save-screenshot{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(76,74,101,.15);transition:transform var(--transition-base)}.save-screenshot:hover{transform:scale(1.02)}@media (max-width:768px){.extension-hero{flex-direction:column;text-align:center;padding:var(--spacing-2xl) var(--container-padding);min-height:auto;margin:0 .5rem;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.extension-hero h1{font-size:var(--font-size-2xl)}.extension-hero-visual{display:none}.extension-features-grid,.why-grid{grid-template-columns:1fr}.parameters-section .parameters-content{flex-direction:column;text-align:center}.parameters-text h2{font-size:var(--font-size-2xl)}.parameters-list{text-align:left}.parameters-visual{max-width:100%;display:none}.save-section .save-content{flex-direction:column;text-align:center}.save-text h2{font-size:var(--font-size-2xl)}.save-list{text-align:left}.save-visual{max-width:100%;display:none}.extension-final-cta h2{font-size:var(--font-size-2xl)}}