*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1d1d1f;background:#fff}nav{position:fixed;top:0;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid #e5e5e7}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:#007aff;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#1d1d1f;text-decoration:none;font-size:16px;transition:color .3s}.nav-links a:hover{color:#007aff}.hero{padding:120px 2rem 80px;background:linear-gradient(135deg,#f5f5f7,#fff)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:20px;color:#86868b;margin-bottom:2rem;line-height:1.5}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#007aff;color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 8px 16px #007aff33}.btn-secondary{background:#f5f5f7;color:#1d1d1f;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s;display:inline-block}.btn-secondary:hover{background:#e5e5e7}.hero-image{position:relative}.phone-mockup{width:300px;height:600px;background:#1d1d1f;border-radius:40px;padding:10px;box-shadow:0 20px 40px #0003;margin:0 auto}.phone-screen{width:100%;height:100%;background:#f5f5f7;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;padding:20px}.mock-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.mock-card.gradient{background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff}.mock-value{font-size:36px;font-weight:700;margin:10px 0}.features{padding:80px 2rem;background:#fff}.features-container{max-width:1200px;margin:0 auto}.features h2{font-size:48px;font-weight:700;text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.feature-card{text-align:center;padding:2rem}.feature-icon{font-size:48px;margin-bottom:1rem}.feature-card h3{font-size:24px;margin-bottom:1rem}.feature-card p{color:#86868b;font-size:16px}.how-it-works{padding:80px 2rem;background:#f5f5f7}.how-container{max-width:1000px;margin:0 auto;text-align:center}.how-it-works h2{font-size:48px;font-weight:700;margin-bottom:4rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:4rem}.step{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 2px 8px #0000000d}.step-number{width:48px;height:48px;background:#007aff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 1rem}footer{background:#1d1d1f;color:#f5f5f7;padding:60px 2rem 40px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}.footer-brand h3{font-size:24px;margin-bottom:1rem}.footer-brand p{color:#86868b;margin-bottom:2rem}.footer-links h4{margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links a{color:#86868b;text-decoration:none;line-height:2;transition:color .3s}.footer-links a:hover{color:#f5f5f7}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #424245;text-align:center;color:#86868b}.page-content{max-width:800px;margin:100px auto 80px;padding:0 2rem;min-height:60vh}.page-content h1{font-size:48px;margin-bottom:2rem}.page-content h2{font-size:28px;margin:2rem 0 1rem}.page-content p,.page-content li{font-size:18px;line-height:1.8;color:#424245;margin-bottom:1rem}.page-content ul{margin-left:2rem;margin-bottom:2rem}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:40px}.hero-image{order:-1}.footer-container{grid-template-columns:1fr;text-align:center}.cta-buttons{justify-content:center}.nav-links{display:none}}