*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-brand h1{font-size:1.5rem;font-weight:700;color:#1e40af}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:#6b7280;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1e40af}.cta-button{background:#1e40af;color:#fff!important;padding:.5rem 1rem;border-radius:.5rem;font-weight:600}.cta-button:hover{background:#1d4ed8}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 2rem;max-width:1200px;margin:0 auto}.hero-content h2{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#1a1a1a}.hero-content p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.hero-badge{margin-bottom:20px}.hero-badge span{background:#fff3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.hero-testimonial{margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-testimonial blockquote{font-size:18px;font-style:italic;margin-bottom:10px;opacity:.9;color:#fff}.hero-testimonial cite{font-size:14px;opacity:.8;color:#fff}.primary-button{background:#1e40af;color:#fff;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;transition:all .2s}.primary-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 25px #1e40af4d}.secondary-button{background:transparent;color:#1e40af;padding:1rem 2rem;border:2px solid #1e40af;border-radius:.75rem;text-decoration:none;font-weight:600;transition:all .2s}.secondary-button:hover{background:#1e40af;color:#fff}.extension-preview{display:flex;justify-content:center;align-items:center}.browser-window{background:#f8fafc;border-radius:1rem;box-shadow:0 25px 50px #00000026;overflow:hidden;width:100%;max-width:400px}.browser-header{background:#e5e7eb;padding:1rem;display:flex;align-items:center;gap:1rem}.browser-dots{display:flex;gap:.5rem}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#9ca3af}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:last-child{background:#10b981}.browser-url{background:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;color:#6b7280;flex:1}.browser-content{padding:1.5rem;background:#fff;min-height:300px}.side-panel{background:#f8fafc;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.panel-header h3{color:#1e40af;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.analysis-result h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.5rem}.analysis-result p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.analysis-result ul{list-style:none;padding:0}.analysis-result li{color:#6b7280;font-size:.875rem;margin-bottom:.25rem;padding-left:1rem;position:relative}.analysis-result li:before{content:"•";color:#1e40af;position:absolute;left:0}.problem-solution{padding:4rem 2rem;background:#fff}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.problem-section,.solution-section{padding:2rem;border-radius:12px}.problem-section{background:#fef2f2;border:2px solid #fecaca}.solution-section{background:#f0fdf4;border:2px solid #bbf7d0}.problem-section h3,.solution-section h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.problem-section h3{color:#dc2626}.solution-section h3{color:#16a34a}.problem-section ul,.solution-section ul{list-style:none;padding:0}.problem-section li,.solution-section li{position:relative;padding:.5rem 0 .5rem 1.5rem}.problem-section li:before{content:"❌";position:absolute;left:0}.solution-section li:before{content:"✅";position:absolute;left:0}.features{background:#f8fafc;padding:6rem 0}.features h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:all .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.feature-card p{color:#6b7280;line-height:1.6}.social-proof{padding:6rem 0;background:#f8fafc}.social-proof h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a1a1a}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.testimonial-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.testimonial-card blockquote{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#374151;font-style:italic}.testimonial-author strong{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.testimonial-author span{color:#6b7280;font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}.stat-number{font-size:3rem;font-weight:700;color:#1e40af;margin-bottom:.5rem}.stat-label{color:#6b7280;font-weight:500}.how-it-works{padding:6rem 0}.how-it-works h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a1a1a}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step{text-align:center;padding:2rem}.step-number{width:60px;height:60px;background:#1e40af;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.step p{color:#6b7280;line-height:1.6}.privacy{background:#f8fafc;padding:6rem 0}.privacy h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a1a1a}.privacy-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.privacy-point{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;text-align:center}.privacy-icon{font-size:2.5rem;margin-bottom:1rem}.privacy-point h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.privacy-point p{color:#6b7280;line-height:1.6}.download{padding:6rem 0;text-align:center;background:#1e40af;color:#fff}.download-badge{margin-bottom:20px}.download-badge span{background:#fff3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.download-guarantee{margin:2rem 0;padding:1rem;background:#ffffff1a;border-radius:8px;font-size:1.1rem}.download h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.download p{font-size:1.25rem;color:#6b7280;margin-bottom:3rem}.download-buttons{margin-bottom:2rem}.chrome-button{display:inline-flex;align-items:center;gap:1rem;background:#1e40af;color:#fff;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;transition:all .2s}.chrome-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 25px #1e40af4d}.chrome-icon{font-size:2rem}.button-text{font-size:.875rem;opacity:.9}.button-store{font-size:1.125rem;font-weight:700}.download-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;padding:1rem 2rem;max-width:600px;margin:0 auto}.download-note p{color:#92400e;font-size:.875rem;margin:0}.footer{background:#1a1a1a;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1e40af}.footer-brand p{color:#9ca3af}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-section a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:.5rem;transition:color .2s}.footer-section a:hover{color:#1e40af}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center}.footer-bottom p{color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1rem}.hero{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem;text-align:center}.hero-content h2{font-size:2rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.problem-solution-grid{grid-template-columns:1fr;gap:2rem}.testimonials-grid,.stats,.features-grid,.steps,.privacy-points{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.hero-content h2{font-size:1.75rem}.hero-content p{font-size:1rem}.primary-button,.secondary-button{padding:.75rem 1.5rem;font-size:.875rem}.features h2,.how-it-works h2,.privacy h2,.download h2{font-size:2rem}}