.hero{border-top:2px dashed #ffffff33;background:linear-gradient(135deg,#f8f9ff,#e6e8ff);color:#2d3748;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:#2d3748}.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;background:#dad9ff}@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:linear-gradient(135deg,#667eea,#764ba2);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{color:white;font-size:18px;margin-bottom:20px;font-weight:500}.file-sharing-title{color:white;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;direction:rtl;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.steps-container::-webkit-scrollbar{width:8px}.steps-container::-webkit-scrollbar-track{background:transparent}.steps-container::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.steps-container::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.4)}.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-title2{color:white;font-size:36px;margin:0 0 5px}.step-subtitle{color:white;font-size:18px;margin:0 0 30px;font-family:Nunito,sans-serif}.preview-section{min-width:45%}.preview-placeholder-image{border-radius:16px;width:550px;height:400px;display:flex;align-items:center;justify-content:center;object-fit:cover;border:2px solid #ffffff}.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:16px;-webkit-overflow-scrolling:touch}.steps-container::-webkit-scrollbar{width:12px;display:block;background-color:#e6f4ff}.steps-container::-webkit-scrollbar-thumb{background-color:#6a72d9;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-image{width:100%;height:350px}}@media (max-width:480px){.file-sharing-container{padding:120px 6px 40px}}.gradient-title-container{text-align:center;height:450px;margin:0 auto;padding:7vw 4vw;background-color:#f9fafb}.step-title{background:linear-gradient(90deg,#111827,#4b5563);-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{color:#374151;font-size:45px;font-weight:500;margin:2px 0 8px}.description{color:#6b7280;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}}