body{margin:0;font-family:Inter,sans-serif;color:#111;background:#f5f5f5;scroll-behavior:smooth;overflow-x:hidden}a{text-decoration:none}header{display:flex;align-items:center;justify-content:flex-start;padding:15px 10%;background:#0072ff;color:white}header h1{margin-left:15px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:50px 10%;background:linear-gradient(135deg,#00c6ff,#0072ff,#ff9a00);color:white;border-radius:0 0 50px 50px}.hero-text{flex:1 1;min-width:280px}.hero-text h1{font-size:3rem;margin-bottom:20px}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-buttons a{display:flex;align-items:center;gap:10px;padding:12px 25px;background:white;color:#0072ff;font-weight:600;border-radius:30px;transition:.3s}.hero-buttons a:hover{background:#ff9800;color:#fff}.hero-mockup{flex:0 0 auto;min-width:200px;display:flex;justify-content:flex-end}.phone-mockup{width:250px;height:500px;border-radius:40px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);background:white}section{max-width:1000px;margin:60px auto;padding:0 20px;text-align:center}section h2{font-size:2.2rem;margin-bottom:30px}.features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature{background:white;padding:25px;border-radius:20px;width:250px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.feature h3{font-size:1.4rem;margin-bottom:10px}.steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:30px}.step{background:white;padding:15px 25px;border-radius:30px;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.1)}.arrow{font-size:1.5rem}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:1000px;margin:0 auto}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.accordion{max-width:900px;margin:50px auto;text-align:left}.accordion button{width:100%;padding:18px;margin-bottom:5px;font-size:1.1rem;font-weight:600;text-align:left;border:none;outline:none;border-radius:12px;background:#0072ff;color:white;cursor:pointer;transition:.3s}.accordion button:hover{background:#00c6ff}.accordion .content{max-height:0;overflow:hidden;background:white;color:#111;padding:0 18px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:max-height .5s ease,padding .5s ease}.accordion .content.open{padding:18px;max-height:10000px}#contact{text-align:center;margin-bottom:50px}#contact a{color:#0072ff}footer{background:#111;color:#bbb;text-align:center;padding:25px 10px}footer a{color:#ff9800;margin:0 10px}@media (max-width:900px){.hero{flex-direction:column-reverse;text-align:center}.hero-mockup{justify-content:center;margin-bottom:30px}}