.hero{background:linear-gradient(180deg,rgba(40,163,255,1) 0,#1a56db);color:white;position:relative;padding:90px 0 120px;overflow:hidden;min-height:42vw;height:auto}.hero-container{margin:0 3.5vw;display:flex;justify-content:space-between;align-items:center}.hero-content{max-width:600px}.hero-title{font-size:64px;font-weight:700;line-height:1.1;margin-bottom:20px}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.9;font-family:Nunito,sans-serif;color:rgba(255,255,255,.7)}.hero-image{flex-shrink:0}.hero-wave{position:absolute;bottom:0;left:0;width:100%;height:70px;background:white;border-radius:30% 30% 30% 30%;transform:translateY(60%)}.hero-cta button{min-width:200px;font-size:20px;font-weight:600;padding:10px 8px}@media (max-width:1024px){.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.hero-image img{width:400px;height:auto}}@media (max-width:768px){.hero-container{flex-direction:column;text-align:center}.hero-title{font-size:44px}.hero-content{margin-bottom:40px}.hero-image{order:-1;margin-bottom:30px}.hero-image img{width:300px;height:auto}}.feature-section{width:100%;padding:50px 0 10px;position:relative;overflow:visible}.feature-container{padding:0 20px;margin:0 3vw 100px}.feature-header{text-align:center;margin-bottom:60px}.feature-subtitle{color:#0066cc;font-size:18px;font-weight:600;margin-bottom:20px}.feature-title{font-size:48px;font-weight:700;max-width:1000px;margin:0 auto;line-height:1.2}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.feature-card{background-color:#f5f5f5;border-radius:10px;padding:30px 20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.feature-icon{font-size:32px;margin-bottom:20px}.feature-card-title{font-size:20px;font-weight:600;margin-bottom:10px}.feature-description{color:#555;line-height:1.5;font-family:Nunito,sans-serif}.feature-wave{position:absolute;bottom:-50px;left:0;width:100%;height:50px;background:white;border-radius:0 0 50% 50%;z-index:10}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-title{font-size:36px}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.feature-title{font-size:28px}.feature-subtitle{font-size:16px}.feature-section{padding:40px 0}.feature-header{margin-bottom:40px}}.file-sharing-container{background-color:#d5f3ff;padding:120px 40px 40px;font-family:Arial,sans-serif;margin:0 auto;height:900px;display:flex;flex-direction:column}.file-sharing-header{text-align:center;margin-bottom:40px}.file-sharing-subtitle{background:linear-gradient(0deg,rgba(0,82,204,1),rgba(40,163,255,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:18px;margin-bottom:10px;font-weight:500}.file-sharing-title{color:black;font-size:48px;font-weight:700;margin:0;line-height:1.2}.file-sharing-content{flex:1 1;overflow:hidden;margin-bottom:40px}.steps-container{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#2b82e8 #e6f4ff;direction:rtl}.steps-container::-webkit-scrollbar{width:12px}.steps-container::-webkit-scrollbar-track{background:#e6f4ff}.steps-container::-webkit-scrollbar-thumb{background-color:#2b82e8;border-radius:4px}.step{height:100%;scroll-snap-align:start;direction:ltr}.step-wrapper{display:flex;height:100%;align-items:flex-start}.step-content{padding:0 40px;flex:1 1}.step-title{font-size:36px}.step-subtitle{color:#888;font-size:18px;margin:0 0 30px;font-family:Nunito,sans-serif}.preview-section{flex:1 1;margin-left:20px;min-width:45%}.preview-placeholder,.preview-section{display:flex;align-items:center;justify-content:center}.preview-placeholder{background-color:#cbe9f5;border-radius:16px;padding:40px;text-align:center;color:#666;width:550px;height:400px}.share-button{background-color:#ffd84d;color:#333;border:none;border-radius:30px;padding:15px 30px;font-size:18px;font-weight:700;cursor:pointer;align-self:center;width:300px;transition:all .3s ease;margin-top:20px}.share-button:hover{background-color:#ffc107}@media (max-width:1024px){.file-sharing-title{font-size:36px}.step-title{font-size:28px}}@media (max-width:768px){.step-wrapper{flex-direction:column}.file-sharing-container{height:auto;min-height:600px;padding:80px 20px 40px}.step-content{padding:0}.share-button{padding:10px 20px;font-size:12px;width:300px}.preview-section{margin-left:0;margin-top:20px;width:100%}.step-wrapper{margin-top:20px}.file-sharing-subtitle{font-size:14px}.file-sharing-title{font-size:28px}.steps-container{height:auto;max-height:500px;direction:rtl;overflow-y:scroll;padding-right:20px;-webkit-overflow-scrolling:touch}.steps-container::-webkit-scrollbar{width:12px;display:block;background-color:#e6f4ff}.steps-container::-webkit-scrollbar-thumb{background-color:#2b82e8;border-radius:4px;border:2px solid #e6f4ff}.steps-container::-webkit-scrollbar-track{background-color:#e6f4ff;border-radius:4px}.step{min-height:auto;height:auto;padding-bottom:20px;padding-left:15px}.preview-placeholder{width:100%;height:350px;padding:20px}}.gradient-title-container{text-align:center;height:450px;margin:0 auto;padding:7vw 4vw}.step-title{background:linear-gradient(0deg,rgba(0,82,204,1),rgba(40,163,255,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:50px;font-weight:600;margin:0 0 5px;line-height:1.2}.subtitle{font-size:45px;font-weight:600;margin:2px 0 8px}.description{font-size:20px;line-height:1.6;max-width:1100px;margin:0 auto;font-family:Nunito,sans-serif}@media (max-width:768px){.gradient-title-container{height:350px;padding:12vw 4vw 8vw}.step-title{font-size:28px}.subtitle{font-size:24px}.description{font-size:16px}}@media (max-width:480px){.gradient-title-container{height:350px;padding:18vw 4vw 14vw}.step-title{font-size:24px}.subtitle{font-size:20px}.description{font-size:14px}}