*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:system;font-style:normal;font-weight:300 900;font-display:swap;src:local(-apple-system),local(BlinkMacSystemFont),local('Segoe UI'),local(Roboto),local(Helvetica),local(Arial),local(sans-serif)}body{font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}:root{--bg-primary:#f5f5f0;--bg-secondary:#fff;--text-primary:#333;--text-secondary:#666;--accent-color:#00ced1;--header-bg:#f5f5f0}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc;--header-bg:#1a1a1a}.navbar{background:var(--bg-primary);position:sticky;top:0;z-index:1000;transition:background-color .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center}.nav-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.theme-toggle:hover{background:rgba(0,0,0,.1)}[data-theme=dark] .theme-toggle:hover{background:rgba(255,255,255,.1)}.app-store-btn{display:flex;align-items:center}.app-store-btn img{height:40px}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:4rem 1rem;background:var(--bg-primary);min-height:calc(100vh - 80px);display:flex;align-items:center}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-wrapper .hero-features{grid-column:1}.hero-content{text-align:left}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.hero-subtitle{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.download-btn-hero{display:inline-block;margin-bottom:1rem}.download-btn-hero img{height:48px}.hero-features{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.hero-feature-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.checkmark{color:#8b6914;font-weight:700;font-size:1.1rem}[data-theme=dark] .checkmark{color:#d4af37}.hero-phones{position:relative;display:flex;justify-content:center;align-items:center;height:500px}.phone-img{position:absolute;max-width:250px;height:auto;aspect-ratio:250/540;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.2);contain:layout style paint}.phone-1{z-index:2;transform:rotate(-5deg) translateX(-40px)}.phone-2{z-index:1;transform:rotate(5deg) translateX(40px)}.how-it-works{padding:4rem 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:3rem}.section-label{display:inline-block;background:#f5e6d3;color:#8b6914;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}[data-theme=dark] .section-label{background:#3a3a3a;color:#d4af37}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.how-it-works .section-title{color:#8b6914}[data-theme=dark] .how-it-works .section-title{color:#d4af37}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.step-card{background:var(--bg-primary);padding:2rem;border-radius:20px;text-align:center;transition:transform .3s}.step-card:hover{transform:translateY(-5px)}.step-icon{width:80px;height:80px;background:#f5e6d3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#8b6914}[data-theme=dark] .step-icon{background:#3a3a3a;color:#d4af37}.step-card h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:1rem}.step-card p{color:var(--text-secondary);line-height:1.6}.features{padding:4rem 0;background:var(--bg-primary)}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem;border-radius:20px;background:#f8f9fa;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-card p{color:#666;line-height:1.8}.formats{padding:4rem 0;background:#f8f9fa}.formats-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.format-badge{background:#fff;padding:12px 24px;border-radius:30px;font-weight:600;color:#333;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s}.format-badge:hover{transform:scale(1.05)}.pricing{padding:4rem 0;background:#fff}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.pricing-card{background:#f8f9fa;padding:2rem;border-radius:20px;text-align:center;position:relative;transition:transform .3s}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;transform:scale(1.05)}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem}.price{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-features{list-style:none;margin:2rem 0}.pricing-features li{padding:.5rem 0}.footer{background:#333;color:#fff;padding:3rem 0;text-align:center}.social-media{margin:2rem 0}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.social-icon{width:40px;height:40px;background:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;transition:background .3s,transform .3s}.social-icon:hover{transform:translateY(-3px)}.social-icon.facebook:hover{background:#1877f2}.social-icon.twitter:hover{background:#1da1f2}.social-icon.instagram:hover{background:#e4405f}.social-icon.linkedin:hover{background:#0077b5}.social-icon.youtube:hover{background:red}.footer-links{margin-bottom:2rem}.footer-links a{color:#fff;text-decoration:none;margin:0 1rem;opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1}@media (max-width:768px){.nav-title{font-size:1rem}.app-store-btn img{height:35px}.hero-section{padding:1rem;min-height:auto}.hero-wrapper{grid-template-columns:1fr;gap:0}.hero-content{text-align:center}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem;max-width:100%;margin:0 auto 2rem}.download-btn-hero{margin-bottom:0}.hero-features{justify-content:center;order:3;margin-top:0}.hero-phones{height:250px;margin:1rem 0}.phone-img{max-width:150px}.phone-1{transform:rotate(-5deg) translateX(-20px)}.phone-2{transform:rotate(5deg) translateX(20px)}h1{font-size:2rem}.subtitle{font-size:1.1rem}.hero{padding:2rem 0}.hero-content-wrapper{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-title{font-size:2rem}.hero-phones{height:400px;margin-top:3rem}.phone-img{max-width:200px}.features-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}}@media (max-width:480px){h1{font-size:1.75rem}.phone-img{max-width:150px}.phone-1{transform:rotate(-5deg) translateX(-30px)}.phone-2{transform:rotate(5deg) translateX(30px)}.formats-list{gap:.5rem}.format-badge{padding:8px 16px;font-size:.9rem}}html{scroll-behavior:smooth}