header{background-color:var(--dark-color);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{color:var(--text-color);text-decoration:none;font-weight:500;transition:var(--transition)}nav ul li a:hover,nav ul li a[href="/home"]{color:var(--primary-color)}nav ul li a[href="/home"]{font-weight:600;transition:var(--transition)}nav ul li a[href="/home"]:hover{opacity:.8;text-decoration:underline}.btn{background:linear-gradient(135deg,var(--primary-color) 0,#E67E22 50%,var(--primary-color) 100%);background-size:200% 200%;color:var(--dark-color);padding:10px 20px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;display:inline-block;border:none;cursor:pointer;transition:var(--transition);animation:shiftGradient 8s ease infinite}.btn:hover{background:linear-gradient(135deg,#f5b730,#E67E22 50%,#f5b730);background-size:200% 200%;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2);animation:shiftGradient 4s ease infinite}.hero{padding:100px 0;background-color:var(--dark-color);position:relative;overflow:hidden}.hero-content{display:flex;align-items:center;justify-content:space-between}.hero-text{flex:1 1;padding-right:40px}.hero-text h1{font-size:3.5rem;margin-bottom:20px;line-height:1.2}.hero-text h1 span{color:var(--primary-color)}.hero-text p{font-size:1.2rem;margin-bottom:30px;color:#ccc}.hero-image{flex:1 1;text-align:center;position:relative}.app-mockup{position:relative;display:inline-block;border-radius:30px;overflow:hidden}.phone-mockup{display:block;max-width:100%;height:auto;border-radius:25px}.mockup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px}.mockup-text{color:white;text-align:center}.mockup-text p{font-size:1.5rem;font-weight:700;margin-bottom:20px}.mockup-icons{display:flex;flex-direction:column;gap:15px}.mockup-icons span{padding:10px 15px;border-radius:8px;font-size:.9rem}.features,.mockup-icons span{background-color:var(--dark-gray)}.features{padding:100px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.5rem;color:var(--primary-color);position:relative;display:inline-block;padding-bottom:15px}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70px;height:3px;background-color:var(--primary-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px}.feature-card{background-color:var(--light-gray);border-radius:var(--border-radius);padding:30px;text-align:center;transition:var(--transition);box-shadow:0 10px 20px rgba(0,0,0,.1)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.feature-card .icon{font-size:3rem;color:var(--primary-color);margin-bottom:20px;position:relative;transition:transform .3s ease;transform:translateY(0);opacity:.5}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#bbb}@keyframes appleBounceFade{0%{opacity:.5;transform:translateY(10px)}50%{opacity:1;transform:translateY(-5px)}75%{transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes androidRock{0%{opacity:.5;transform:translateX(-5px) rotate(-5deg)}50%{opacity:1;transform:translateX(5px) rotate(5deg)}75%{transform:translateX(-2px) rotate(-2deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes laptopOpen{0%{opacity:.5;transform:scale(.8) rotateX(30deg)}60%{opacity:1;transform:scale(1.05) rotateX(0)}to{opacity:1;transform:scale(1) rotateX(0)}}@keyframes bellRing{0%{opacity:.5;transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(0)}}@keyframes emailSlide{0%{opacity:0;transform:translateX(-20px)}60%{opacity:1;transform:translateX(5px)}80%{transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tableReveal{0%{opacity:0;transform:translateY(-15px) scale(.8)}70%{opacity:1;transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-card .icon.animated-apple{animation:appleBounceFade 1.2s ease forwards}.feature-card .icon.animated-android{animation:androidRock 1.2s ease forwards}.feature-card .icon.animated-laptop{animation:laptopOpen 1.2s ease forwards}.feature-card .icon.animated-bell{animation:bellRing 1.2s ease forwards}.feature-card .icon.animated-envelope{animation:emailSlide 1.2s ease forwards}.feature-card .icon.animated-table{animation:tableReveal 1.2s ease forwards}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.feature-card .icon.animated-android,.feature-card .icon.animated-apple,.feature-card .icon.animated-bell,.feature-card .icon.animated-envelope,.feature-card .icon.animated-laptop,.feature-card .icon.animated-table{animation:none;opacity:1;transform:none}}.pricing-note{text-align:center;margin-top:2rem;color:#aaa;font-size:.9rem;font-style:italic}.pricing .section-subtitle{text-align:center;max-width:700px;margin:0 auto 2rem;opacity:.9}.pricing .highlight{color:var(--primary-color);font-weight:700}.pricing{padding:100px 0;background-color:var(--dark-color)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-top:50px}.pricing-card{background-color:var(--light-gray);border-radius:var(--border-radius);padding:40px 30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.pricing-card.featured{border:2px solid var(--primary-color);transform:scale(1.05)}.pricing-card.featured:before{content:"POPULAR";position:absolute;top:10px;right:-25px;background-color:var(--primary-color);color:var(--dark-color);font-size:.8rem;font-weight:700;padding:5px 30px;transform:rotate(45deg)}.pricing-card h3{font-size:1.8rem;margin-bottom:10px}.pricing-card .price{font-size:3rem;font-weight:700;margin-bottom:20px;color:var(--primary-color)}.pricing-card .price span{font-size:1rem;color:#aaa}.pricing-card ul{list-style:none;margin-bottom:30px}.pricing-card ul li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact{padding:100px 0;background-color:var(--dark-gray)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px}.contact-info{margin-bottom:30px}.contact-info h3{font-size:1.5rem;margin-bottom:20px;color:var(--primary-color)}.contact-info p{margin-bottom:15px}.contact-form input,.contact-form textarea{width:100%;padding:15px;margin-bottom:20px;border-radius:var(--border-radius);border:none;background-color:var(--light-gray);color:var(--text-color);font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid #F0A500;border-color:#F0A500;box-shadow:0 0 0 2px rgba(240,165,0,.2)}.contact-form input::placeholder{font-size:1rem}.contact-form textarea::placeholder{font-size:1rem}.contact-form textarea{height:150px;resize:none}.contact-form .btn{width:100%}.contact-form button:disabled{opacity:.7;cursor:not-allowed}.submit-status{margin-top:20px;padding:15px;border-radius:var(--border-radius);text-align:center;font-weight:600}.submit-status.success{background-color:rgba(39,174,96,.2);color:#2ecc71;border:1px solid #27ae60}.submit-status.error{background-color:rgba(231,76,60,.2);color:#e74c3c;border:1px solid #c0392b}@keyframes shiftGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}footer{background-color:var(--dark-color);padding:40px 0;text-align:center;border-top:1px solid var(--light-gray)}.footer-content p{color:#aaa;font-size:.9rem}.social-icons{margin-top:20px}.social-icons a{color:var(--text-color);font-size:1.5rem;margin:0 10px;transition:var(--transition)}.social-icons a:hover{color:var(--primary-color)}.app-screenshots{display:flex;justify-content:space-around;flex-wrap:wrap;margin:60px 0}.screenshot{flex:0 1 300px;text-align:center;margin:20px;transition:var(--transition)}.screenshot:hover{transform:translateY(-10px)}.phone-screen{max-width:100%;height:auto;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.25);margin-bottom:20px;border:1px solid var(--light-gray)}.screen-caption{padding:15px}.screen-caption h4{font-size:1.2rem;color:var(--primary-color);margin-bottom:8px}.screen-caption p{color:#aaa;font-size:.9rem}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer}@media (max-width:768px){.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 15px}.mobile-toggle{display:block;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;margin-left:auto;padding:10px}.container{padding-left:15px;padding-right:15px}.container,header{box-sizing:border-box;width:100%}.hero-content{flex-direction:column;text-align:center}.hero-text{padding-right:0;margin-bottom:40px}nav ul{display:none}nav ul.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background-color:var(--dark-gray);padding:20px;z-index:100}nav ul.active li{margin:10px 0}.app-screenshots{flex-direction:column;align-items:center}.screenshot{margin-bottom:40px}}