:root{--primary: #4ECDC4;--primary-dark: #3DBDB4;--secondary: #F5A623;--accent: #4A4063;--success: #4ECDC4;--background: #FAFBFC;--surface: #F5F5F7;--text: #2C2541;--text-secondary: #6B6B7B;--border: #E8E8ED;--gradient-1: linear-gradient(135deg, #4ECDC4 0%, #F5A623 100%);--gradient-2: linear-gradient(135deg, #F5A623 0%, #FF6B6B 100%);--gradient-3: linear-gradient(135deg, #4ECDC4 0%, #4A4063 100%);--gradient-hero: linear-gradient(135deg, rgba(78, 205, 196, .1) 0%, rgba(245, 166, 35, .1) 100%)}.app{min-height:100vh;background:var(--background)}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffff80;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-bottom:1px solid rgba(78,205,196,.2);z-index:1000;padding:1rem 0;transition:all .3s ease;box-shadow:0 4px 24px #4ecdc414,0 1px #ffffff80 inset}.navbar:hover{background:#fff9;box-shadow:0 8px 32px #4ecdc41f,0 1px #fff9 inset}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text);text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.logo{display:flex;align-items:center;gap:.75rem}.logo-image{height:50px;width:auto;display:block;transition:transform .3s ease,filter .3s ease;cursor:pointer}.logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(78,205,196,.4))}.hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:8rem 2rem 2rem;overflow:hidden}.hero-compact{min-height:auto;padding:2.5rem 2rem}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#4ecdc499,#4ecdc400 70%);top:-200px;right:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#f5a62380,#f5a62300 70%);bottom:-100px;left:-100px;animation-delay:-5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#4a40634d,#4a406300 70%);top:50%;left:50%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;text-align:center}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#4ecdc426,#f5a62326);border:2px solid transparent;border-image:linear-gradient(90deg,var(--primary),var(--secondary)) 1;border-radius:50px;color:var(--primary);font-size:.875rem;font-weight:600;margin-bottom:2rem;transition:all .3s ease}.badge:hover{transform:scale(1.05);box-shadow:0 4px 20px #4ecdc44d}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text)}.hero-title-compact{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1rem;color:var(--text);max-width:1100px;margin-left:auto;margin-right:auto}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--text-secondary);max-width:800px;margin:0 auto 2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;margin-top:2rem;flex-wrap:wrap}.primary-button,.secondary-button,.cta-button{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;outline:none}.primary-button{background:var(--gradient-1);color:#fff;box-shadow:0 10px 30px #4ecdc44d;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.primary-button:hover:before{left:100%}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4ecdc480}.primary-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.secondary-button{background:#fff;color:var(--text);border:2px solid var(--primary);position:relative;overflow:hidden}.secondary-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--gradient-1);transition:width .4s ease;z-index:-1}.secondary-button:hover:before{width:100%}.secondary-button:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px #4ecdc44d}.cta-button{background:var(--gradient-1);color:#fff;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.transformation-showcase{display:grid;grid-template-columns:1fr auto 2fr;gap:2rem;align-items:center;max-width:1400px;margin:2rem auto;padding:2rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#fffffffa);border-radius:32px;box-shadow:0 20px 80px #4ecdc426;border:3px solid transparent;background-clip:padding-box;position:relative;transition:all .4s ease}.transformation-showcase:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:32px;padding:3px;background:var(--gradient-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;z-index:-1}.transformation-showcase:hover{box-shadow:0 30px 100px #4ecdc440;transform:translateY(-5px)}.section-label{text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:shimmer 3s infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.original-product{display:flex;flex-direction:column;height:100%}.product-photo-container{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#4ecdc40d,#f5a6230d);padding:1.5rem;box-shadow:0 10px 30px #4ecdc426;display:flex;align-items:center;justify-content:center;min-height:400px;border:2px solid rgba(78,205,196,.2);transition:all .4s ease}.product-photo-container:hover{box-shadow:0 15px 40px #4ecdc440;transform:scale(1.02);border-color:var(--primary)}.product-photo-container img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.transform-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;align-self:center;margin-top:0}.arrow-circle-big{width:70px;height:70px;border-radius:50%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 40px #4ecdc480;animation:pulse-glow 2s infinite;position:relative}.arrow-circle-big:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:var(--gradient-1);opacity:.3;z-index:-1;animation:pulse-ring 2s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 10px 40px #4ecdc480}50%{transform:scale(1.05);box-shadow:0 15px 50px #f5a62399}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:0}}.arrow-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;text-align:center;white-space:nowrap;order:-1;margin-bottom:.5rem}.ugc-results{display:flex;flex-direction:column;height:100%}.ugc-videos-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ugc-video-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #4ecdc426;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid transparent}.ugc-video-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 70px #4ecdc44d;border-color:var(--primary)}.ugc-video-card:nth-child(1):hover{box-shadow:0 25px 70px #4ecdc466}.ugc-video-card:nth-child(2):hover{box-shadow:0 25px 70px #f5a62366}.ugc-video-card:nth-child(3):hover{box-shadow:0 25px 70px #4a406366}.ugc-video-card:hover .play-hint{opacity:1}.video-wrapper{position:relative;aspect-ratio:9/16;overflow:hidden;cursor:pointer;background:#000}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.5)}.play-hint svg{filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.play-hint span{font-size:.875rem;font-weight:600;background:#000000b3;padding:.5rem 1rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features{padding:4rem 2rem;background:linear-gradient(180deg,var(--background) 0%,var(--surface) 50%,var(--background) 100%);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,rgba(78,205,196,.1) 0%,transparent 70%)}.container{max-width:1400px;margin:0 auto}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:2.5rem;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:24px;border:2px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-1);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before,.feature-card.hovered:before{transform:scaleX(1)}.feature-card:hover,.feature-card.hovered{border-color:var(--primary);transform:translateY(-12px);box-shadow:0 20px 60px #4ecdc433}.feature-icon{width:56px;height:56px;border-radius:16px;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.25rem;transition:all .4s ease;box-shadow:0 8px 20px #4ecdc44d}.feature-card:hover .feature-icon{transform:rotate(10deg) scale(1.1);box-shadow:0 12px 30px #4ecdc480}.feature-icon svg{width:32px;height:32px}.feature-card h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:1rem}.platforms{padding:2rem;background:linear-gradient(135deg,#4ecdc40d,#f5a6230d);position:relative;overflow:hidden}.platforms-content{text-align:center;max-width:900px;margin:0 auto}.platforms-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text);line-height:1.3;margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.rotating-platform{display:inline-block;position:relative;height:1.3em;width:auto;min-width:280px;text-align:left;vertical-align:bottom}.platform-item{position:absolute;left:0;top:0;animation:rotate-platforms 10s infinite;opacity:0;white-space:nowrap;font-weight:900}.platform-item:nth-child(1){background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation-delay:0s}.platform-item:nth-child(2){color:#000;animation-delay:2s}.platform-item:nth-child(3){color:#1877f2;animation-delay:4s}.platform-item:nth-child(4){color:#000;animation-delay:6s}.platform-item:nth-child(5){color:red;animation-delay:8s}@keyframes rotate-platforms{0%{opacity:0;transform:translateY(30px)}5%,15%{opacity:1;transform:translateY(0)}20%,to{opacity:0;transform:translateY(-30px)}}.platforms-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.pricing{padding:3rem 2rem;background:linear-gradient(180deg,var(--background) 0%,rgba(78,205,196,.03) 50%,var(--background) 100%);position:relative}.pricing-card-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;align-items:stretch}.pricing-card{background:#fff;border-radius:24px;padding:2rem 2rem 1.75rem;max-width:380px;width:100%;flex:1;min-width:300px;box-shadow:0 20px 60px #4ecdc426;border:3px solid transparent;position:relative;transition:all .4s ease}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05);box-shadow:0 25px 80px #4ecdc440}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #4ecdc440}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ff6b6b4d}.pricing-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:var(--gradient-1);color:#fff;padding:.6rem 1.75rem;border-radius:50px;box-shadow:0 4px 15px #4ecdc466;display:flex;align-items:baseline;gap:.25rem}.badge-price{font-size:1.75rem;font-weight:900;line-height:1}.badge-period{font-size:1rem;font-weight:600;opacity:.9}.pricing-header{text-align:center;margin-bottom:1.25rem}.pricing-header h3{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:0}.pricing-highlight{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#4ecdc41a,#f5a6231a);padding:1rem 1.25rem;border-radius:16px;margin-bottom:1rem}.highlight-item{text-align:center}.highlight-number{font-size:2.5rem;font-weight:900;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.25rem}.highlight-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.highlight-divider{font-size:.875rem;font-weight:600;color:var(--text-secondary);font-style:italic}.pricing-explanation{background:#4ecdc40d;border-left:3px solid var(--primary);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.pricing-explanation p{margin:0;color:var(--text);font-size:.875rem;line-height:1.4}.pricing-features{list-style:none;margin:0 0 1.5rem;padding:0}.pricing-features li{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;color:var(--text);font-size:.9rem}.check-icon{width:20px;height:20px;background:var(--gradient-1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.75rem}.pricing-cta-button{width:100%;padding:1rem 1.5rem;background:var(--gradient-1);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 10px 30px #4ecdc44d}.pricing-cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4ecdc480}.pricing-note{text-align:center;margin-top:1rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.languages{padding:4rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,#2C2541 100%);color:#fff;position:relative;overflow:hidden}.languages:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4ecdc426,#f5a6231a,#4a406333);animation:gradient-shift 10s ease infinite}@keyframes gradient-shift{0%,to{opacity:.3}50%{opacity:.5}}.languages-content{position:relative;z-index:1;text-align:center}.globe-icon{margin:0 auto 1.5rem;opacity:.8}.languages h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.75rem}.languages p{font-size:1.25rem;opacity:.8;margin-bottom:2rem}.flags-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:900px;margin:0 auto}.flag-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:.5rem;border-radius:12px}.flag-item:hover{transform:translateY(-8px) scale(1.15);background:#4ecdc41a}.flag-item:hover .flag{filter:drop-shadow(0 8px 20px rgba(78,205,196,.5))}.flag{font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.language{font-size:.875rem;font-weight:600;opacity:.8}.final-cta{padding:4rem 2rem;background:linear-gradient(135deg,rgba(78,205,196,.05) 0%,rgba(245,166,35,.05) 50%,var(--background) 100%);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(78,205,196,.2) 0%,transparent 70%);top:-250px;right:-250px;animation:float 15s infinite ease-in-out}.final-cta:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(245,166,35,.2) 0%,transparent 70%);bottom:-200px;left:-200px;animation:float 20s infinite ease-in-out;animation-delay:-5s}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin-bottom:.75rem;color:var(--text)}.cta-content>p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.cta-note{margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.footer{background:linear-gradient(135deg,var(--accent) 0%,#1a1625 100%);color:#fff;padding:3rem 2rem 1.5rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1)}.footer-content{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:.75rem;color:#fff}.footer-brand .logo-image{height:100px}.footer-brand p{opacity:.7;line-height:1.6}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:all .3s ease;position:relative;padding-bottom:4px}.footer-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.footer-links a:hover{opacity:1;color:var(--primary)}.footer-links a:hover:after{width:100%}.footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;opacity:.6;font-size:.875rem}@media (max-width: 1200px){.transformation-showcase{grid-template-columns:1fr;gap:1.5rem}.transform-arrow{flex-direction:row}.arrow-circle-big{transform:rotate(90deg)}.ugc-videos-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 968px){.transformation-showcase{padding:1.5rem}.ugc-videos-row{grid-template-columns:1fr;gap:1.5rem}.hero{padding:7rem 1rem 2rem}.hero-compact{padding:2rem 1rem}.features,.languages,.final-cta{padding:3rem 1rem}.pricing,.platforms{padding:2rem 1rem}.pricing-card-container{flex-direction:column;align-items:center}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-4px)}.platforms-title{flex-direction:column;gap:.25rem}.rotating-platform{min-width:220px}.hero-cta{flex-direction:column;align-items:center}.primary-button,.secondary-button{width:100%;max-width:300px;justify-content:center}.nav-links{gap:1rem}.nav-links a{font-size:.875rem}.example-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.pricing-card{padding:1.75rem 1.25rem 1.5rem}.pricing-highlight{flex-direction:column;gap:.75rem;padding:.875rem 1rem}.highlight-divider{transform:rotate(90deg)}.highlight-number{font-size:2rem}}@media (max-width: 640px){.flags-container{gap:1rem}.flag{font-size:2rem}.feature-card{padding:1.5rem}.ugc-video-card:hover{transform:none}.play-hint{opacity:.8}.product-photo-container{padding:1rem}.section-title{margin-bottom:2rem}.hero{min-height:auto;padding:7rem 1rem 1.5rem}.hero-compact{padding:1.75rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}