.hero{padding:6rem 0 4rem;text-align:center}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to right,var(--accent-blue),var(--accent-purple));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:slideDown var(--transition-slow)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);max-width:600px;margin:0 auto 3rem;animation:slideDown var(--transition-slow);animation-delay:.1s;animation-fill-mode:both}.cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;animation:slideUp var(--transition-slow);animation-delay:.2s;animation-fill-mode:both}.cta-button{display:inline-flex;align-items:center;gap:.75rem;background-color:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-lg);transition:all var(--transition-base);box-shadow:0 4px 14px #2563eb63;position:relative}.cta-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.cta-button:active{transform:translateY(0)}.chrome-icon{width:24px;height:24px}.cta-text{font-size:var(--font-size-lg)}.cta-badge{background-color:var(--success-color);color:#fff;font-size:var(--font-size-sm);font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.cta-stats{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:var(--font-size-sm)}.stat-item{display:flex;align-items:center;gap:.375rem}.stars{color:var(--warning-color);font-size:1rem;line-height:1}.rating-text{font-weight:600;color:var(--text-color)}.stat-divider{color:var(--border-color)}.hero-image{margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto;animation:fadeIn var(--transition-slow);animation-delay:.4s;animation-fill-mode:both}.hero-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-color)}.chrome-badge-wrapper{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.badge-text{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.chrome-badge{transition:opacity var(--transition-base)}.chrome-badge:hover{opacity:.8}.chrome-badge img{height:60px;width:auto}@media (max-width: 768px){.hero{padding:4rem 0 3rem}.cta-button{padding:.875rem 1.5rem;font-size:var(--font-size-base)}.cta-stats{flex-direction:column;gap:.5rem}.stat-divider{display:none}.hero-image{max-width:100%}.chrome-badge img{height:50px}}.benefits{padding:4rem 0;background:linear-gradient(135deg,#1e293b80,#0f172a80)}.benefits-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem;color:var(--text-color)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin:0 auto;max-width:600px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.benefit-card{background-color:#1e293b99;padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all var(--transition-base);text-align:center}.benefit-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--shadow-xl);background-color:#1e293bcc}.benefit-icon{font-size:3rem;margin-bottom:1rem;display:inline-block}.benefit-title{font-size:var(--font-size-xl);margin-bottom:.75rem;color:var(--text-color)}.benefit-description{color:var(--text-muted);line-height:1.7;margin:0}@media (max-width: 768px){.benefits{padding:3rem 0}.benefits-grid{grid-template-columns:1fr}}.features{padding:6rem 0 4rem}.features .section-title{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:var(--card-bg);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--shadow-xl)}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block}.feature-title{font-size:var(--font-size-xl);margin-bottom:.75rem;color:var(--text-color)}.feature-description{color:var(--text-muted);line-height:1.7;margin:0}@media (max-width: 768px){.features{padding:4rem 0 3rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}.gallery{padding:4rem 0 6rem}.gallery .section-title{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.gallery-item{background-color:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-base)}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.gallery-image{width:100%;height:auto;display:block}.gallery-caption{padding:1rem;text-align:center;color:var(--text-muted);font-weight:500;background-color:#0f172a80}@media (max-width: 768px){.gallery{padding:3rem 0 4rem}.gallery-grid{grid-template-columns:1fr;gap:2rem}}.feedback{padding:4rem 0;position:relative}.feedback-card{background:linear-gradient(135deg,#1e293bb3,#0f172acc);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);max-width:800px;margin:0 auto;position:relative;overflow:hidden}.feedback-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.feedback-title{font-size:clamp(1.8rem,3vw,2.2rem);margin-bottom:1rem;color:var(--text-color);background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feedback-description{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:2rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.feedback-button{display:inline-flex;align-items:center;gap:.75rem;background:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:1.1rem;text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:var(--primary-hover)}.feedback-button .icon{font-size:1.2rem}@media (max-width: 768px){.feedback-card{padding:2rem}}.faq{padding:4rem 0 6rem;background-color:#1e293b4d}.faq-header{text-align:center;margin-bottom:3rem}.faq-header .section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.faq-header .section-subtitle{color:var(--text-muted);font-size:var(--font-size-lg);margin:0 auto}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--primary-color)}.faq-item.open{border-color:var(--primary-color);background-color:#1e293be6}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;font-size:var(--font-size-lg);font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-base);background:none;border:none;color:var(--text-color)}.faq-question:hover{color:var(--accent-blue)}.faq-icon{font-size:1.5rem;font-weight:300;color:var(--primary-color);min-width:2rem;text-align:center}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-out,padding var(--transition-slow);padding:0 1.5rem}.faq-item.open .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.faq-answer p{color:var(--text-muted);line-height:1.7;margin:0}@media (max-width: 768px){.faq{padding:3rem 0 4rem}.faq-question{font-size:var(--font-size-base);padding:1.25rem}.faq-answer{padding:0 1.25rem}.faq-item.open .faq-answer{padding:0 1.25rem 1.25rem}}