.hero-section{text-align:center;color:var(--text-color)}.hero-section h1{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px rgba(0,0,0,.15)}.hero-section p{font-size:20px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}@media (max-width:768px){.hero-section h1{font-size:32px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.hero-section p{font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,.15)}}@media (max-width:480px){.hero-section h1{font-size:25px;margin-bottom:25px}.hero-section p{font-size:16px}}.how-it-works{padding:10px 100px 100px;background:#fff}.how-it-works-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.section-header-works{text-align:center}.video-wrapper{position:relative;width:100%;max-width:520px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(80,70,200,.18);background:linear-gradient(135deg,#33b0e22c,#7c46d15d);padding:2px}.video-wrapper iframe{width:100%;height:100%;border-radius:14px}.steps-grid{display:flex;justify-content:space-between}.step-card{background:#fff;border-radius:20px;padding:30px 20px;text-align:center;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #e2e8f0;overflow:hidden;width:23.5%;cursor:pointer}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ffd000,#ff9f22 35%,#e47200);transform:scaleX(0);transition:transform .3s ease}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.step-number{width:32px;height:32px}.step-card h3{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:16px}.step-card p{color:#64748b;line-height:1.6;font-size:14px}@media (max-width:1087px){.how-it-works{padding:10px 70px 70px}.steps-grid{flex-wrap:wrap;gap:40px;justify-content:center}.step-card{width:45%}}@media (max-width:768px){.how-it-works{padding:10px 40px 70px}.title-header-works{font-size:32px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.subtitle-header-works{font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,.15)}.video-wrapper{max-width:100%}.steps-grid{gap:20px}.step-card{width:65%;border-top:4px solid #ffa73591}.step-card:before{display:none}}@media (max-width:480px){.title-header-works{font-size:25px;margin-bottom:25px}.subtitle-header-works{font-size:16px}.step-card{width:90%}}.uploader{color:var(--text-color);justify-content:space-between;align-items:center;width:100%}.upload-container,.uploader{display:flex;flex-direction:column}.upload-container{gap:24px;flex-wrap:wrap;align-items:flex-start;align-items:center;width:65%}.upload-container>p{font-weight:300;color:#a7a7a7;font-size:14px;text-align:center}.msg-display{display:block}.msg-mobile{display:none}.upload-container>p>span:hover{color:#4f7ebb;cursor:pointer}.upload-box{position:relative;display:flex;width:100%;min-height:400px;border:2px dashed var(--secondary-color);border-radius:12px;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .5s;text-align:center;padding:20px;gap:15px;z-index:1}.upload-box:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1;border-radius:14px;background:linear-gradient(135deg,#33b0e22c,#7c46d15d);filter:blur(8px);opacity:.6;transition:opacity .3s ease}.upload-box:hover:before{opacity:.8}.upload-box>img{width:70px;margin-bottom:-10px}.upload-box>p{color:#64748b;margin-bottom:-10px}@media (max-width:1087px){.upload-container{width:80%}}@media (max-width:768px){.upload-container{gap:15px;width:90%}.upload-box{min-height:250px;gap:5px}.upload-box>img{width:60px}.upload-box>p{font-size:14px}.upload-container>p{font-size:12px}.msg-display{display:none}.msg-mobile{display:block}}.benefits{padding:100px;background:#fff}.benefits-container{width:100%}.title-header-works{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#ffd000,#ffce2b 20%,#ff8000 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px rgba(0,0,0,.15)}.subtitle-header-works{font-size:20px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}.steps-grid-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:50px}.step-card-benefits{background:#fff;border-radius:20px;padding:30px 20px;text-align:center;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #e2e8f0;overflow:hidden;width:30%;cursor:pointer}.step-card-benefits:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ffd000,#ff9f22 35%,#e47200);transform:scaleX(0);transition:transform .3s ease}.step-card-benefits:hover:before{transform:scaleX(1)}.step-card-benefits:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.step-number{position:absolute;top:20px;right:20px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffe055,#ffa735 35%,#e47200);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-number>img{width:15px}.step-icon{width:40px;margin:auto auto 20px;display:block}.step-card-benefits h3{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:16px}.step-card-benefits p{color:#64748b;line-height:1.6;font-size:14px}@media (max-width:1200px){.benefits{padding:80px 40px}.step-card-benefits{width:28%}}@media (max-width:992px){.benefits{padding:70px 30px}.steps-grid{gap:40px}.step-card-benefits{width:40%}.title-header-works{font-size:36px}.subtitle-header-works{font-size:18px}}@media (max-width:768px){.benefits{padding:70px 30px}.steps-grid{justify-content:center}.step-card-benefits:before{display:none}.step-card-benefits{width:70%;border-top:4px solid #ffa73591}.step-icon{width:38px}.step-card-benefits h3{font-size:16px}.step-card-benefits p{font-size:14px}}@media (max-width:480px){.benefits{padding:50px 40px}.title-header-works{font-size:30px}.steps-grid-benefits{gap:30px}.subtitle-header-works{font-size:16px}.step-card-benefits{width:100%;padding:25px 18px}.step-icon{width:34px}.step-number{width:26px;height:26px;font-size:14px}.step-number>img{width:13px}.step-card-benefits h3{font-size:15px}.step-card-benefits p{font-size:13px}}.examples-carousel{padding:100px 100px 0;background:linear-gradient(135deg,#1e293b,#334155)}.examples-container{width:100%;margin-bottom:80px}.section-header{text-align:center;margin-bottom:60px}.title-header-carousel{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px hsla(0,0%,100%,.075)}.subtitle-header-carousel{font-size:20px;color:#9ba7b9;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}.carousel-wrapper{position:relative;margin-bottom:40px}.carousel-btn,.carousel-wrapper{display:flex;align-items:center;justify-content:center}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:3px solid #9a6ae7;font-size:20px;font-weight:700;background-color:hsla(0,0%,100%,.05);cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1)}.carousel-btn:hover{transform:translateY(-50%) scale(1.1)}.carousel-btn>img{width:60%}.prev-btn{left:0}.next-btn{right:0}.carousel-content{width:80%}.example-card{background:hsla(0,0%,100%,.05);border-radius:24px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);width:100%}.before-after-container{display:flex;flex-direction:column;gap:32px}.image-comparison{display:flex;align-items:center;justify-content:space-between;gap:60px}.after-section,.before-section{flex:1 1;text-align:center}.label{display:inline-block;background:linear-gradient(135deg,#347eeea4,#3355ecc0 10%,#9a6ae7c0 80%);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.image-placeholder{width:100%;height:auto;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;padding:3px 3px 10px}.image-placeholder.before{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1}.image-placeholder.after{background:linear-gradient(135deg,#347eeea4,#3355ecc0 10%,#9a6ae7c0 80%);color:#fff;box-shadow:0 10px 30px rgba(72,192,240,.3);box-shadow:2px 2px 20px 5px #8a5cd363}.image-after,.image-before{border-radius:14px 14px 0 0;width:100%;margin:auto;height:30vw}.image-placeholder p{font-size:16px;font-weight:500;margin:0}.example-info{text-align:center;margin-top:10px}.example-info h3{font-size:28px;font-weight:600;color:#ebebeb;margin-bottom:12px}.example-info p{font-size:18px;color:#9ba7b9;line-height:1.6}.carousel-indicators{display:flex;justify-content:center;gap:12px}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.indicator.active{background:linear-gradient(135deg,#347eee,#3355ec 10%,#8a5cd3 80%);transform:scale(1.2)}.indicator:hover{background:#94a3b8}.indicator.active:hover{background:linear-gradient(135deg,#347eee,#3355ec 10%,#8a5cd3 80%)}@media (max-width:1024px){.examples-carousel{padding:70px 50px 0}.title-header-carousel{font-size:36px}.subtitle-header-carousel{font-size:18px}.example-card{padding:36px}.image-comparison{gap:40px}.example-info h3{font-size:24px}.example-info p{font-size:16px}}@media (max-width:768px){.examples-carousel{padding:30px 40px 0}.examples-container{width:100%;margin-bottom:70px}.section-header{margin-bottom:40px}.title-header-carousel{font-size:32px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.subtitle-header-carousel{font-size:16px;max-width:100%;text-shadow:1px 1px 1px rgba(0,0,0,.15)}.carousel-wrapper{margin-bottom:30px}.carousel-content{width:90%}.next-btn,.prev-btn{display:none}.example-card{padding:30px 14vw}.image-comparison{flex-direction:column;gap:50px}.image-after,.image-before{width:100%;height:50vw}.after-section,.before-section{width:100%}.image-placeholder p{font-size:14px}.example-info h3{font-size:22px}.example-info p{font-size:15px}}@media (max-width:480px){.examples-carousel{padding:40px 30px 0}.title-header-carousel{font-size:28px;margin-bottom:12px}.subtitle-header-carousel{font-size:14px;line-height:1.5}.carousel-content{width:80%}.example-card{padding:20px;border-radius:16px}.before-after-container{gap:24px}.image-comparison{gap:35px}.label{font-size:12px;padding:6px 12px;margin-bottom:12px}.image-placeholder{border-radius:12px;padding:2px 2px 8px}.image-after,.image-before{border-radius:10px 10px 0 0;height:60vw}.image-placeholder p{font-size:12px}.example-info{margin-top:8px}.example-info h3{font-size:20px;margin-bottom:8px}.example-info p{font-size:14px;line-height:1.5}.carousel-indicators{gap:8px}.indicator{width:10px;height:10px}}@media (max-width:360px){.examples-carousel{padding:25px 25px 0}.title-header-carousel{font-size:24px}.subtitle-header-carousel{font-size:13px}.example-card{padding:16px}.carousel-btn{width:30px;height:30px;font-size:12px}.prev-btn{left:-15px}.next-btn{right:-15px}.example-info h3{font-size:18px}.example-info p{font-size:13px}.label{font-size:11px;padding:5px 10px}}