*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);color:#fff;min-height:100vh}.landing-page{overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700}.nav-logo{width:40px;height:40px;border-radius:10px}.nav-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.hero{min-height:100vh;padding:120px 40px 60px;display:flex;flex-direction:column}.hero-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:60px}.hero-text{flex:1;max-width:600px}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a0a0b0;line-height:1.6;margin-bottom:32px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea66}.btn-large{padding:20px 40px;font-size:1.1rem}.apple-icon{width:24px;height:24px}.hero-stats{display:flex;gap:40px}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#667eea}.stat-label{font-size:.9rem;color:#a0a0b0}.hero-screenshots{flex:1;display:flex;justify-content:center}.phone-mockup{position:relative;width:280px}.phone-mockup img{width:100%;border-radius:30px;box-shadow:0 30px 60px #00000080}.features{padding:100px 20px;background:#ffffff05}.features h2,.screenshots h2,.cta h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:12px}.section-subtitle{text-align:center;color:#a0a0b0;font-size:1.1rem;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.feature-icon{font-size:3rem;display:block;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:12px}.feature-card p{color:#a0a0b0;line-height:1.5}.screenshots{padding:100px 20px;overflow:hidden}.screenshots-grid{display:flex;justify-content:center;align-items:flex-end;gap:20px;padding:40px 0;perspective:1000px}.phone-frame{position:relative;background:linear-gradient(145deg,#2a2a3a,#1a1a2a);border-radius:40px;padding:12px;box-shadow:0 25px 50px #00000080,inset 0 1px 1px #ffffff1a;transition:transform .4s ease,box-shadow .4s ease}.phone-frame:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 35px 70px #667eea4d,inset 0 1px 1px #ffffff1a}.phone-1,.phone-5{transform:scale(.85);opacity:.7}.phone-2,.phone-4{transform:scale(.92);opacity:.85}.phone-3{transform:scale(1);z-index:10}.phone-1:hover,.phone-2:hover,.phone-4:hover,.phone-5:hover{opacity:1}.phone-notch{width:100px;height:25px;background:#1a1a2a;border-radius:0 0 15px 15px;margin:0 auto 8px;position:relative}.phone-notch:before{content:"";position:absolute;width:8px;height:8px;background:#333;border-radius:50%;top:8px;left:50%;transform:translate(-50%)}.phone-screen{border-radius:28px;overflow:hidden;background:#000}.phone-screen img{width:200px;height:auto;display:block}.phone-button{width:40px;height:5px;background:#3a3a4a;border-radius:3px;margin:10px auto 0}@media(max-width:1100px){.screenshots-grid{flex-wrap:wrap;gap:30px}.phone-1,.phone-2,.phone-3,.phone-4,.phone-5{transform:scale(.9);opacity:1}}@media(max-width:600px){.screenshots-grid{gap:20px}.phone-frame{padding:8px;border-radius:30px}.phone-screen{border-radius:22px}.phone-screen img{width:150px}.phone-notch{width:70px;height:18px}}.cta{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.cta p{color:#a0a0b0;font-size:1.2rem;margin-bottom:40px}.footer{padding:60px 20px 30px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600}.footer-logo{width:36px;height:36px;border-radius:8px}.footer-links{display:flex;gap:30px}.footer-links a{color:#a0a0b0;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#667eea}.footer-copyright{text-align:center;color:#666;font-size:.9rem}@media(max-width:900px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons,.hero-stats{justify-content:center}.phone-mockup{width:220px}.footer-content{flex-direction:column;gap:20px}}@media(max-width:600px){.nav{padding:15px 20px}.nav-brand span{display:none}.hero{padding:100px 20px 40px}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.btn{padding:14px 24px;font-size:.9rem}.hero-stats{flex-wrap:wrap;gap:20px}.screenshot-item img{height:400px}}