.hero{position:relative;padding:160px 0 120px;background:linear-gradient(135deg,var(--primary-light) 0%,#FFFFFF 50%,var(--surface) 100%);overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,144,226,.08) 0%,transparent 50%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xxxl);align-items:center;position:relative}.hero-tagline{display:inline-block;background:var(--primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-lg);letter-spacing:.5px}.hero-title{font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);color:var(--text)}.hero-title .highlight{color:var(--primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:500px}.hero-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.hero-trust{display:flex;gap:var(--space-xl)}.trust-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.trust-item svg{color:var(--primary)}.hero-visual{display:flex;justify-content:center}.phone-mockup{width:300px;height:600px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:var(--transition-slow)}.phone-mockup:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.phone-screen{width:100%;height:100%;background:var(--background);border-radius:32px;overflow:hidden}.app-preview{height:100%;display:flex;flex-direction:column}.app-header{background:var(--primary);color:#fff;padding:var(--space-lg);padding-top:var(--space-xxl)}.app-title{font-weight:600;font-size:var(--font-size-lg)}.app-content{padding:var(--space-lg);flex:1}.journal-entry{margin-bottom:var(--space-lg)}.journal-entry label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--space-xs)}.journal-entry .entry-text{font-size:var(--font-size-sm);color:var(--text);background:var(--surface);padding:var(--space-md);border-radius:var(--radius-sm);margin:0}.journal-entry.highlight-entry .entry-text{background:var(--success-light);border-left:3px solid var(--success)}.hero-wave{position:absolute;bottom:-1px;left:0;right:0}.hero-wave svg{display:block;width:100%;height:80px}.problem{padding:var(--space-xxxl) 0;background:var(--background)}.problem-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xxxl);align-items:center}.problem-text h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-lg);line-height:1.2;color:var(--text)}.problem-text p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.problem-stats{display:flex;gap:var(--space-xl)}.stat{display:flex;flex-direction:column}.stat-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:150px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.comparison-item{padding:var(--space-lg);border-radius:var(--radius-lg)}.comparison-item.negative{background:#fef2f2}.comparison-item.positive{background:var(--success-light)}.comparison-item h4{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.comparison-item ul{list-style:none}.comparison-item ul li{padding:var(--space-sm) 0;font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-sm)}.comparison-item.negative ul li:before{content:"✕";color:var(--danger);font-weight:700}.comparison-item.positive ul li:before{content:"✓";color:var(--success);font-weight:700}.features{padding:var(--space-xxxl) 0;background:var(--surface)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.feature-card{background:var(--background);padding:var(--space-xl);border-radius:var(--radius-lg);transition:var(--transition-normal);border:1px solid var(--border)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none}.feature-card.featured .feature-icon{background:#fff3}.feature-card.featured h3{color:#fff}.feature-card.featured p{color:#ffffffe6}.feature-icon{width:60px;height:60px;background:var(--primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--primary)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.tools{padding:var(--space-xxxl) 0;background:var(--background)}.tools-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xxxl);align-items:center}.tools-text h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--text)}.tools-text p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.tools-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.tool-badge{background:var(--surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border)}.badge-name{display:block;font-weight:700;font-size:var(--font-size-lg);color:var(--primary)}.badge-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.science-card{background:var(--primary-light);padding:var(--space-xxl);border-radius:var(--radius-xl);text-align:center}.science-icon{color:var(--primary);margin-bottom:var(--space-lg)}.science-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.science-card p{color:var(--text-secondary);margin:0}.how-it-works{padding:var(--space-xxxl) 0;background:var(--surface)}.steps{display:flex;justify-content:center;gap:var(--space-xxl);margin-bottom:var(--space-xxxl)}.step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:280px}.step-number{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-lg)}.step-content h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.step-content p{color:var(--text-secondary);margin:0}.how-visual{max-width:800px;margin:0 auto}.transformation-visual{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.thought-bubble{flex:1;padding:var(--space-xl);border-radius:var(--radius-lg);position:relative}.thought-label{position:absolute;top:-10px;left:var(--space-lg);background:#fff;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;border-radius:var(--radius-sm)}.negative-thought{background:#fef2f2;border:2px solid #FECACA}.negative-thought .thought-label{color:var(--danger)}.positive-thought{background:var(--success-light);border:2px solid #BBF7D0}.positive-thought .thought-label{color:var(--success)}.thought-bubble p{font-style:italic;color:var(--text);margin:0}.arrow{color:var(--primary);flex-shrink:0}.privacy-section{padding:var(--space-xxxl) 0;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.privacy-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-xxxl);align-items:center}.privacy-icon-large{color:var(--primary);display:flex;justify-content:center}.privacy-text h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-lg);color:#fff}.privacy-text h2 .highlight{color:var(--primary)}.privacy-text>p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-xl)}.privacy-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none}.privacy-list li{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-base)}.privacy-list svg{color:var(--success);flex-shrink:0}.pricing{padding:var(--space-xxxl) 0;background:var(--background)}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:900px;margin:0 auto var(--space-xxxl)}.pricing-card{background:var(--surface);padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--border);position:relative}.pricing-card.featured{background:var(--background);border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.pricing-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.price{margin-bottom:var(--space-sm)}.price-amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary)}.price-period{font-size:var(--font-size-lg);color:var(--text-secondary)}.price-desc{color:var(--text-secondary);margin-bottom:var(--space-lg)}.pricing-features{margin-bottom:var(--space-xl);list-style:none}.pricing-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--font-size-sm)}.pricing-features svg{color:var(--success);flex-shrink:0}.pricing-note{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.pricing-comparison{max-width:700px;margin:0 auto;text-align:center}.pricing-comparison h4{margin-bottom:var(--space-lg);color:var(--text-secondary)}.comparison-note{margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.platforms{padding:var(--space-xxxl) 0;background:var(--surface)}.platforms-content{text-align:center}.platforms-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--text)}.platforms-content>p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.platform-icons{display:flex;justify-content:center;gap:var(--space-xxl);margin-bottom:var(--space-xl)}.platform{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.platform svg{color:var(--text)}.languages{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.languages>span:first-child{color:var(--text-secondary)}.lang{background:var(--background);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);border:1px solid var(--border)}.faq{padding:var(--space-xxxl) 0;background:var(--background)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:1000px;margin:0 auto}.faq-item{padding:var(--space-xl);background:var(--surface);border-radius:var(--radius-lg)}.faq-item h4{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text)}.faq-item p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.download{padding:var(--space-xxxl) 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center}.download-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);color:#fff}.download-content>p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-xl)}.download-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.download-buttons .btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.download-buttons .btn:hover{background:#fff3;border-color:#ffffff80}.download-note{font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--space-xl)}.tester-offer{margin-top:var(--space-xl);padding:var(--space-lg);background:#ffffff1a;border-radius:var(--radius-md);max-width:600px;margin-left:auto;margin-right:auto}.tester-offer p{font-size:var(--font-size-sm);opacity:.95;margin:0}.tester-offer a{color:#fff;text-decoration:underline;font-weight:500}.tester-offer a:hover{opacity:.8}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-trust{justify-content:center}.hero-visual{order:-1}.phone-mockup{transform:none;width:260px;height:520px}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-column:span 2}.problem-content,.tools-content,.privacy-content{grid-template-columns:1fr}.privacy-visual{order:-1;text-align:center}}@media(max-width:768px){.hero{padding:120px 0 80px}.hero-title,.section-header h2,.problem-text h2,.tools-text h2,.privacy-text h2,.download-content h2{font-size:var(--font-size-3xl)}.features-grid{grid-template-columns:1fr}.feature-card.featured{grid-column:span 1}.steps{flex-direction:column;align-items:center}.transformation-visual{flex-direction:column}.arrow{transform:rotate(90deg)}.pricing-cards,.faq-grid{grid-template-columns:1fr}.download-buttons{flex-direction:column;align-items:center}.problem-stats{flex-direction:column;align-items:center;text-align:center}.stat-label{max-width:none}.comparison,.tools-badges{grid-template-columns:1fr}.platform-icons{gap:var(--space-xl)}}@media(max-width:480px){.hero-title{font-size:var(--font-size-2xl)}.hero-cta{flex-direction:column}.hero-trust{flex-direction:column;gap:var(--space-md)}.phone-mockup{width:220px;height:440px}.section-header h2,.problem-text h2,.tools-text h2,.privacy-text h2,.download-content h2{font-size:var(--font-size-2xl)}.price-amount{font-size:var(--font-size-3xl)}}.hero-text{animation:fadeInUp .8s ease-out}.hero-visual{animation:fadeInUp .8s ease-out .2s both}
