*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #4a90e2;--primary-dark: #357abd;--success-green: #7bc043;--text-dark: #1a1a1a;--text-medium: #4a4a4a;--text-light: #666;--border-light: #e5e5e5;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Arial,sans-serif;background-color:#fff;color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000f;position:sticky;top:0;z-index:100;flex-wrap:wrap;transition:all .3s ease}header:hover{box-shadow:0 2px 8px #0000001a}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease;margin-bottom:20px}.logo:hover{transform:translateY(-2px)}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;box-shadow:0 4px 12px #4a90e24d;transition:all .3s ease}.logo:hover .logo-icon{box-shadow:0 6px 20px #4a90e266;transform:scale(1.05)}.logo-text h1{font-size:26px;font-weight:800;color:var(--text-dark);letter-spacing:-.5px}.logo-text p{font-size:13px;color:var(--text-light);font-weight:500;letter-spacing:.7px;margin-left:3px;margin-bottom:3px}nav{display:flex;gap:32px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;color:var(--text-medium);font-size:14px;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-dark));transition:width .3s ease}nav a:hover{color:var(--primary-blue)}nav a:hover:after{width:100%}.auth-buttons{display:flex;gap:12px}.btn{padding:10px 24px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;letter-spacing:.3px}.btn-current{background:#f5f5f5!important;color:#8a8a8a!important;border:1px solid #e6e6e6!important;box-shadow:none!important;cursor:default!important;pointer-events:none!important;opacity:.95}.btn-current:hover{transform:none!important}.btn-login{background:#fff;color:var(--primary-blue);border:2px solid var(--border-light)}.btn-login:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-signup{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #4a90e24d}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.hero{background:linear-gradient(135deg,#4a90e2,#357abd);padding:50px 40px 120px;margin-top:-50px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(5deg)}}.hero-content{position:relative;z-index:1;max-width:1000px;margin:0 auto}.hero h2{color:#fff;font-size:56px;margin-bottom:20px;font-weight:300;letter-spacing:-1px;line-height:1.2;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h2 strong{font-weight:700;background:linear-gradient(120deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:#fffffff2;font-size:20px;margin-bottom:60px;font-weight:400;animation:fadeInUp .8s ease-out .2s backwards}.play-icon{width:100px;height:100px;margin:30px auto 50px;background:#ffffff26;border-radius:24px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out .4s backwards}.play-icon:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 12px 40px #0003}.play-icon:after{content:"▶";font-size:40px;color:#fff;margin-left:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.conversion-steps{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 40px;border-radius:24px;max-width:900px;margin:0 auto;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;animation:fadeInUp .8s ease-out .6s backwards}.tabs{display:flex;gap:0;justify-content:center;margin-bottom:30px;background:#ffffff1a;border-radius:12px;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.tabs button{flex:1;padding:14px 28px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.tabs button:hover{background:#ffffff14;color:#ffffffe6}.tabs button.active{background:#fff;color:var(--primary-blue);box-shadow:0 2px 8px #00000026}.drop-area{border:2px dashed rgba(255,255,255,.4)!important;border-radius:16px!important;padding:40px 20px!important;margin-bottom:30px!important;text-align:center!important;color:#ffffffe6!important;cursor:pointer!important;transition:all .3s ease!important;background:#ffffff0d!important;font-size:15px!important;font-weight:500!important}.drop-area:hover{border-color:#fff9!important;background:#ffffff1a!important;transform:translateY(-2px)}.steps{display:flex;justify-content:center;align-items:center;margin-bottom:40px;gap:0}.step{display:flex;flex-direction:column;align-items:center;position:relative}.step-number{width:56px;height:56px;background:linear-gradient(135deg,var(--success-green) 0%,#6aa038 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 4px 16px #7bc04366;transition:all .3s ease;border:3px solid rgba(255,255,255,.3)}.step:hover .step-number{transform:scale(1.1);box-shadow:0 6px 24px #7bc04380}.step-line{width:80px;height:3px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);margin:0;border-radius:2px}.conversion-buttons{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-choose{background:linear-gradient(135deg,var(--success-green) 0%,#6aa038 100%);color:#fff;padding:16px 36px;font-size:16px;border-radius:12px;cursor:pointer;border:none;display:flex;align-items:center;gap:10px;font-weight:600;box-shadow:0 4px 16px #7bc0434d;transition:all .3s ease}.btn-choose:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7bc04366}.btn-choose:disabled{opacity:.6;cursor:not-allowed}.conversion-buttons select{background:#fffffff2!important;color:var(--primary-blue)!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:12px!important;padding:16px 20px!important;font-size:15px!important;font-weight:600!important;min-width:140px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 16px #0000001a!important}.conversion-buttons select:hover:not(:disabled){border-color:#fff!important;transform:translateY(-2px)}.conversion-buttons select:disabled{opacity:.6;cursor:not-allowed}.btn-convert{background:#fff;color:var(--primary-blue);padding:16px 36px;font-size:16px;border-radius:12px;cursor:pointer;border:2px solid rgba(255,255,255,.3);font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.btn-convert:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00000026;border-color:#fff}.btn-convert:disabled{opacity:.6;cursor:not-allowed}.file-info{text-align:center;margin-top:24px;color:#fff;font-size:14px}.file-info ul{list-style-type:none;padding-left:0;margin:12px 0}.file-info li{padding:8px;background:#ffffff1a;border-radius:8px;margin:6px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-info a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);transition:all .3s ease}.file-info a:hover{border-bottom-color:#fff;opacity:.8}.file-info progress{width:100%;height:8px;border-radius:4px;overflow:hidden;background:#fff3}.file-info progress::-webkit-progress-bar{background:#fff3;border-radius:4px}.file-info progress::-webkit-progress-value{background:linear-gradient(90deg,var(--success-green),#6aa038);border-radius:4px}.used-by{background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:40px;display:none;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.used-by span{color:var(--text-light);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.company-logos{display:flex;gap:50px;align-items:center;flex-wrap:wrap;justify-content:center}.company-logo{height:auto;filter:grayscale(100%);opacity:.5;transition:all .3s ease;font-size:20px;font-weight:700;color:var(--text-medium)}.company-logo:hover{opacity:.8;filter:grayscale(0%);transform:scale(1.05)}.popular-formats{padding:100px 40px;max-width:1200px;margin:0 auto;display:none}.popular-formats h3{text-align:center;font-size:42px;color:var(--text-dark);margin-bottom:60px;font-weight:600;letter-spacing:-.5px}.formats-container{display:flex;gap:30px;flex-wrap:wrap}.format-sidebar{flex:1;min-width:280px;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light);transition:all .3s ease}.format-sidebar:hover{box-shadow:var(--shadow-lg)}.format-item{padding:22px 28px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f5f5f5;position:relative}.format-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));transition:width .3s ease}.format-item:hover{background:#fafafa;padding-left:34px}.format-item:hover:before{width:4px}.format-item.active{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;padding-left:34px}.format-item.active:before{width:4px;background:#fff}.format-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #4a90e24d;transition:all .3s ease}.format-item:hover .format-icon{transform:scale(1.1)}.format-item.active .format-icon{background:#fff;color:var(--primary-blue);box-shadow:0 4px 16px #ffffff4d}.format-item span{font-weight:600;font-size:15px}.format-content{flex:2;min-width:400px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);border-radius:16px;padding:60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.format-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 40%)}.format-btn{background:#ffffff26;color:#fff;padding:18px 28px;border-radius:12px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.format-btn:hover{background:#fff;color:var(--primary-blue);border-color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #0003}footer{background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:60px 40px;text-align:center;color:var(--text-light);border-top:1px solid var(--border-light)}footer a{color:var(--primary-blue);text-decoration:none;font-weight:600;transition:all .3s ease}footer a:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:768px){.hero h2{font-size:36px}.hero p{font-size:16px}.formats-container{flex-direction:column}.format-content{grid-template-columns:1fr;padding:40px 30px;min-width:auto}.steps{flex-direction:column;gap:16px}.step-line{display:none}header{justify-content:center;padding:15px 20px}nav{display:none}.conversion-steps{padding:40px 24px}.conversion-buttons{flex-direction:column;width:100%}.conversion-buttons button,.conversion-buttons select{width:100%}.popular-formats{padding:60px 20px}.popular-formats h3{font-size:32px}.format-sidebar{min-width:100%}}@media(max-width:480px){.hero{padding:60px 20px 80px}.hero h2{font-size:28px}.conversion-steps{padding:30px 20px}.tabs{flex-direction:column;width:100%}.tabs button{width:100%}}.pricing-intro{display:flex;gap:24px;align-items:flex-start}.pricing-intro .intro-left{flex:2}.pricing-intro .reviews{flex:1;display:flex;flex-direction:column;gap:16px}.ticked{list-style:none;padding-left:0;margin-left:0}.pricing-intro .intro-left{display:flex;flex-direction:column;justify-content:center;align-items:center}.pricing-intro .intro-left .ticked{width:100%;max-width:420px}.ticked li{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0;justify-content:center}.ticked li:before{content:"✓";color:var(--success-green);font-weight:700;display:inline-block;margin-right:6px}@media(max-width:900px){.pricing-intro{flex-direction:column}.pricing-intro .reviews{justify-content:center}.pricing-intro .col-6{width:100%}}.pricing-intro .intro-left h3,.pricing-intro .intro-left .ticked li{color:#fff}.review-icon{font-size:20px;line-height:1;display:inline-block;margin-top:4px;color:#fff}.review-item p{margin:0}.pricing-card{background:#fff;border-radius:16px;padding:28px;max-width:800px;margin:0 auto;box-shadow:var(--shadow-md);color:var(--text-dark)}.pricing-card table{width:100%;border-collapse:collapse}.pricing-card thead th{background:linear-gradient(90deg,var(--primary-blue),var(--primary-dark));color:#fff;font-weight:700;padding:16px}.pricing-card tbody td{padding:14px;border-bottom:1px solid var(--border-light)}.pricing-card,.pricing-card td,.pricing-card th{font-size:14px}.tick{display:inline-block;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--success-green),#6aa038);color:#fff;text-align:center;line-height:22px;font-weight:700;font-size:14px}.tick:before{content:"✓"}.info-tooltip{display:inline-block;width:18px;height:18px;border-radius:50%;background:#0000000f;color:var(--text-medium);text-align:center;line-height:18px;font-weight:700;cursor:default;margin-left:6px;position:relative}.info-tooltip:focus:after,.info-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:-8px;left:50%;transform:translate(-50%) translateY(100%);background:#000000d9;color:#fff;padding:8px 10px;border-radius:6px;font-size:13px;white-space:normal;width:220px;box-shadow:var(--shadow-md);z-index:40}.info-tooltip:after{display:none}.info-tooltip:focus:after,.info-tooltip:hover:after{display:block}.pricing-card .button td{padding:20px 14px}@media(max-width:900px){.desktop-plans{display:block!important}.pricing-card table{display:block}.pricing-card thead{display:none}.pricing-card tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.pricing-card tbody tr td:first-child{grid-column:1 / -1;text-align:left;color:var(--text-medium)}}