.web-app-landing{min-height:100vh;background:var(--bg);padding-bottom:80px}.hero-section{padding:calc(var(--nav-h) + 48px) 20px 80px;background:var(--bg);overflow:hidden}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.trust-badges{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.badge{background:var(--primary-glow);color:var(--primary);padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.04em;border:1px solid rgba(255,211,105,.25)}.hero-headline{font-family:var(--font-display);font-size:clamp(38px,5vw,56px);font-weight:600;line-height:1.05;letter-spacing:var(--display-tight);color:var(--text);margin-bottom:20px}.hero-headline .highlight{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--primary)}.hero-subheadline{font-size:18px;color:var(--text-2);line-height:1.6;margin-bottom:30px}.hero-cta-section{margin-bottom:30px}.hero-cta-button{background:var(--primary);color:var(--on-primary);padding:0 32px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);box-shadow:none}.hero-cta-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:none}.hero-cta-button.large{height:56px;padding:0 40px;font-size:17px}.cta-subtitle{margin-top:12px;font-size:14px;color:var(--text-muted)}.green-text{color:var(--success);font-weight:600}.social-proof-mini{display:flex;align-items:center;gap:15px}.user-avatars{display:flex;align-items:center}.user-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg);margin-left:-10px;background:var(--surface-3)}.user-avatars img:first-child{margin-left:0}.user-count{margin-left:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.proof-text{color:var(--text-muted);font-size:14px}.hero-image{position:relative}.hero-image img{width:100%;height:auto;border-radius:var(--radius-frame);border:1px solid var(--hairline-strong);box-shadow:none}.floating-stat{position:absolute;background:var(--surface-2);border:1px solid var(--hairline-strong);padding:15px 20px;border-radius:var(--radius-card);box-shadow:none;display:flex;flex-direction:column;align-items:center}.floating-stat.top-right{top:20px;right:-20px}.floating-stat.bottom-left{bottom:20px;left:-20px}.stat-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.ratings-section{padding:60px 20px;background:var(--bg-section)}.section-title{text-align:center;font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:var(--display-tight);color:var(--text);margin-bottom:40px}.section-subtitle{text-align:center;font-size:17px;color:var(--text-2);margin-top:-30px;margin-bottom:40px}.ratings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto}.rating-card{background:var(--surface);padding:30px;border-radius:var(--radius-card);text-align:center;border:1px solid var(--hairline);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.rating-card:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}.rating-card.featured{border-color:#ffd36966;box-shadow:none}.platform-name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-faint);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.rating-stars{font-size:20px;color:var(--primary);margin-bottom:10px}.rating-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;color:var(--text);margin-bottom:5px}.rating-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;color:var(--text-muted)}.problem-solution{padding:60px 20px;background:var(--bg)}.problem-solution .container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.problem-box,.solution-box{padding:40px;border-radius:var(--radius-card)}.problem-box{background:#cf66790f;border:1px solid rgba(207,102,121,.3)}.solution-box{background:#4caf500f;border:1px solid rgba(76,175,80,.3)}.problem-box h3,.solution-box h3{font-size:22px;margin-bottom:20px;color:var(--text)}.problem-box ul,.solution-box ul{list-style:none;padding:0}.problem-box li,.solution-box li{margin-bottom:15px;font-size:16px;color:var(--text-2);line-height:1.6}.features-section{padding:60px 20px;background:var(--bg-section)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.feature-card{background:var(--surface);padding:30px;border-radius:var(--radius-card);text-align:center;border:1px solid var(--hairline);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.feature-card:hover{transform:translateY(-2px);border-color:var(--hairline-strong)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:20px;color:var(--text);margin-bottom:15px}.feature-card p{color:var(--text-muted);line-height:1.6}.mid-cta{padding:80px 20px;background:var(--bg);text-align:center}.mid-cta h2{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:var(--display-tight);color:var(--text);margin-bottom:15px}.mid-cta p{font-size:17px;color:var(--text-2);margin-bottom:30px}.testimonials-section{padding:60px 20px;background:var(--bg-section)}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.testimonial-card{background:var(--surface);padding:30px;border-radius:var(--radius-card);border:1px solid var(--hairline)}.testimonial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.testimonial-author strong{color:var(--text);font-size:16px}.verified{color:var(--success);font-size:12px;margin-left:10px}.testimonial-rating{color:var(--primary)}.testimonial-text{color:var(--text-2);line-height:1.6;font-style:italic;margin-bottom:15px}.profit-badge{background:#4caf501f;color:var(--success);border:1px solid rgba(76,175,80,.3);padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.how-it-works{padding:60px 20px;background:var(--bg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto}.step-card{text-align:center}.step-number{width:60px;height:60px;background:var(--primary);color:var(--on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:24px;font-weight:600;margin:0 auto 20px}.step-card h3{color:var(--text);margin-bottom:15px}.step-card p{color:var(--text-muted);line-height:1.6}.pricing-section{padding:80px 20px;background:var(--bg-section)}.pricing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.pricing-card{background:var(--surface);padding:40px 30px;border-radius:var(--radius-card);border:1px solid var(--hairline);position:relative;text-align:center}.pricing-card.featured{border-color:#ffd36966;transform:none;box-shadow:none}.popular-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--on-primary);padding:5px 16px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.plan-name{font-size:22px;color:var(--text);margin-bottom:20px}.plan-price{margin-bottom:30px}.old-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-faint);text-decoration:line-through;font-size:18px;display:block}.price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;color:var(--text)}.period{color:var(--text-muted);font-size:18px}.plan-features{list-style:none;padding:0;margin-bottom:30px}.plan-features li{color:var(--text-2);margin-bottom:15px;font-size:15px}.plan-button{width:100%;height:48px;padding:0 15px;border:none;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:16px;font-weight:600;cursor:pointer;transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.plan-button.primary{background:var(--primary);color:var(--on-primary)}.plan-button.primary:hover{filter:brightness(1.06)}.plan-button.secondary{background:transparent;color:var(--text);border:1px solid var(--hairline-strong)}.plan-button.secondary:hover{background:#ffffff0a}.plan-button:hover{transform:translateY(-1px)}.guarantee{margin-top:15px;font-size:13px;color:var(--success)}.faq-section{padding:60px 20px;background:var(--bg)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.faq-item{background:var(--surface);padding:30px;border-radius:var(--radius-card);border:1px solid var(--hairline)}.faq-question{color:var(--text);margin-bottom:15px;font-size:18px}.faq-answer{color:var(--text-2);line-height:1.6}.trust-section{padding:60px 20px;background:var(--bg-section)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1000px;margin:0 auto}.trust-item{text-align:center}.trust-icon{font-size:48px;margin-bottom:15px}.trust-item h3{color:var(--text);margin-bottom:10px;font-size:18px}.trust-item p{color:var(--text-muted);font-size:14px}.final-cta{padding:100px 20px;background:var(--bg);text-align:center}.cta-headline{font-family:var(--font-display);font-size:clamp(30px,4.5vw,44px);font-weight:600;letter-spacing:var(--display-tight);color:var(--text);margin-bottom:20px;line-height:1.15}.cta-headline .highlight{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--primary)}.cta-subheadline{font-size:18px;color:var(--text-2);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.final-guarantees{display:flex;justify-content:center;gap:30px;margin-top:20px;flex-wrap:wrap}.final-guarantees span{color:var(--text-muted);font-size:14px}.sticky-bottom-cta{position:fixed;bottom:0;left:0;right:0;background:#1a1f26eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hairline-strong);padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:99;display:none}.sticky-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.sticky-text{display:flex;flex-direction:column}.sticky-title{color:var(--text);font-weight:600;font-size:14px}.sticky-subtitle{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.sticky-button{background:var(--primary);color:var(--on-primary);height:48px;padding:0 25px;border:none;border-radius:var(--radius-btn);font-family:var(--font-sans);font-weight:600;cursor:pointer}@media(max-width:1024px){.pricing-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sticky-bottom-cta{display:block}.hero-content{grid-template-columns:1fr;gap:40px}.hero-headline{font-size:32px}.hero-subheadline{font-size:17px}.hero-image{order:-1}.floating-stat{display:none}.ratings-grid,.features-grid,.steps-grid,.trust-grid{grid-template-columns:1fr}.pricing-cards{grid-template-columns:1fr;gap:20px}.testimonials-grid,.faq-grid,.problem-solution .container{grid-template-columns:1fr}.pricing-card.featured{transform:none}.final-guarantees{flex-direction:column;gap:10px}.section-title{font-size:28px}.cta-headline{font-size:30px}}@media(max-width:480px){.trust-badges{justify-content:center}.badge{font-size:11px;padding:4px 8px}.hero-cta-button{width:100%}.social-proof-mini{flex-direction:column;text-align:center}}