.hero-main-wrapper{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 50%)}.hero-section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.hero-header-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:2.5rem}.hero-title-area{width:100%}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.15;margin:0;text-align:center;animation:title-slide-in .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes title-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title .gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.steps-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;animation:steps-fade-in .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}@keyframes steps-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-inline{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border:1px solid #e2e8f0;border-radius:100px;font-size:.875rem;font-weight:500;color:#64748b;transition:all .3s ease}.step-inline:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.step-inline.active{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f640}.step-num{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e2e8f0;font-size:.75rem;font-weight:700;color:#64748b}.step-inline.active .step-num{background:rgba(255,255,255,.25);color:#fff}.step-arrow{width:1rem;height:1rem;color:#cbd5e1;flex-shrink:0}.dropzone-container{max-width:900px;margin:0 auto}.tools-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0}.tools-section-title{font-size:1.125rem;font-weight:700;color:#0f172a;text-align:center;margin:0 0 1.5rem}.tools-categories{display:grid;grid-template-columns:1fr;gap:1.5rem}.tool-category{background:white;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem}.tool-category-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:#334155;margin:0 0 1rem}.tool-category-title svg{color:#3b82f6}.tool-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-card{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;text-decoration:none;transition:all .15s ease}.tool-card:hover{border-color:#3b82f6;background:white;box-shadow:0 2px 8px #3b82f61a}.tool-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-icon img{width:16px;height:16px}.tool-card-name{font-size:.8125rem;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropzone-v2{position:relative;width:100%}.dropzone-card{background:linear-gradient(145deg,var(--tool-color, #3b82f6) 0%,var(--tool-color-dark, #2563eb) 100%);border-radius:1rem;padding:.875rem;box-shadow:0 20px 40px -12px #3b82f659;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;min-height:320px;display:flex;animation:dropzone-entrance .9s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0;transform:translateY(30px) scale(.98)}@keyframes dropzone-entrance{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropzone-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 30px 60px -12px #3b82f673}.dropzone-inner{flex:1;border:2.5px dashed rgba(255,255,255,.4);border-radius:.75rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .4s ease,background-color .4s ease,transform .3s ease;position:relative;overflow:hidden}.dropzone-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.dropzone-inner:hover{border-color:#fffc;background-color:#ffffff14}.dropzone-inner:hover:before{opacity:1}.upload-icon-container{position:relative;margin-bottom:1rem;opacity:0;animation:icon-entrance .7s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes icon-entrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.upload-icon-bg{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-bg 3s ease-in-out infinite;position:relative}.upload-icon-bg:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.2);animation:ring-pulse 3s ease-in-out infinite}@keyframes pulse-bg{0%,to{transform:scale(1);box-shadow:0 0 #fff3}50%{transform:scale(1.05);box-shadow:0 0 20px 4px #ffffff26}}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:0}}.upload-icon{width:40px;height:40px;animation:icon-float 4s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upload-arrow{position:absolute;top:-8px;right:-4px;width:22px!important;animation:bounce-upload 1.5s ease-in-out infinite}@keyframes bounce-upload{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.upload-btn-v2{display:inline-flex;align-items:center;gap:.625rem;background:white;color:var(--tool-color, #3b82f6);padding:.875rem 1.75rem;border-radius:.625rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;box-shadow:0 6px 16px #00000026;position:relative;overflow:hidden;animation:button-pulse 2.5s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 6px 16px #00000026,0 0 #fff6}50%{box-shadow:0 8px 24px #0003,0 0 0 8px #fff0}}.upload-btn-v2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.upload-btn-v2:hover:before{left:100%}.upload-btn-v2:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 32px #00000040;animation:none}.upload-btn-v2:active{transform:scale(.98)}.upload-btn-v2 svg{width:1.125rem;height:1.125rem;transition:transform .3s ease}.upload-btn-v2:hover svg{transform:rotate(90deg)}.dropzone-text-v2{color:#fffffff2;font-size:.875rem;margin-top:.875rem;opacity:0;animation:text-fade-in .6s ease .5s forwards}@keyframes text-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropzone-text-v2 strong{font-weight:600;position:relative}.dropzone-text-v2 strong:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:rgba(255,255,255,.6);animation:underline-grow 1s ease 1.2s forwards}@keyframes underline-grow{0%{width:0}to{width:100%}}.supported-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:1rem}.format-badge{background:rgba(255,255,255,.2);color:#fff;padding:.3125rem .625rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;opacity:0;animation:badge-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .2s ease,background .2s ease}.format-badge:nth-child(1){animation-delay:.6s}.format-badge:nth-child(2){animation-delay:.7s}.format-badge:nth-child(3){animation-delay:.8s}.format-badge:nth-child(4){animation-delay:.9s}.format-badge:nth-child(5){animation-delay:1s}.format-badge:nth-child(6){animation-delay:1.1s}@keyframes badge-pop-in{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.format-badge:hover{background:rgba(255,255,255,.35);transform:translateY(-2px) scale(1.05)}.trust-badges-v2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:0;opacity:0;animation:trust-fade-in .6s ease 1.3s forwards}@keyframes trust-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trust-badge{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.8125rem;transition:transform .2s ease}.trust-badge:hover{transform:translateY(-2px)}.trust-badge svg{width:1.125rem;height:1.125rem;color:#10b981}.trust-badge.rating{background:#f8fafc;padding:.375rem .75rem;border-radius:9999px}.trust-badge .stars{display:flex;gap:.125rem}.trust-badge .stars svg{width:.875rem;height:.875rem;color:#10b981;animation:star-twinkle 2s ease-in-out infinite}.trust-badge .stars svg:nth-child(1){animation-delay:0s}.trust-badge .stars svg:nth-child(2){animation-delay:.15s}.trust-badge .stars svg:nth-child(3){animation-delay:.3s}.trust-badge .stars svg:nth-child(4){animation-delay:.45s}.trust-badge .stars svg:nth-child(5){animation-delay:.6s}@keyframes star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.dropzone-loading{display:none;flex-direction:column;align-items:center;gap:1rem}.dropzone-loading.active{display:flex}.loading-spinner-v2{width:56px;height:56px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text-v2{color:#fff;font-weight:600;font-size:1rem}.mobile-upload-bar-v2{position:fixed;bottom:0;left:0;right:0;background:white;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #0000001a;z-index:50;display:none}.mobile-upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--tool-color, #3b82f6);color:#fff;padding:1rem;border-radius:.75rem;font-size:1rem;font-weight:700;border:none;cursor:pointer;position:relative;overflow:hidden;animation:mobile-btn-pulse 2.5s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}@keyframes mobile-btn-pulse{0%,to{box-shadow:0 4px 16px #3b82f64d}50%{box-shadow:0 6px 24px #3b82f680}}.mobile-upload-btn:before{content:"";position:absolute;top:0;left:0;width:100%;transform:translate(-100%);height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:mobile-btn-shimmer 3s ease-in-out infinite}@keyframes mobile-btn-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.mobile-upload-btn:active{transform:scale(.98)}.mobile-upload-btn svg{transition:transform .3s ease}.mobile-upload-btn:hover svg{transform:translateY(-2px)}@media (min-width: 768px){.hero-section{padding:2rem}.tool-category-grid{grid-template-columns:repeat(3,1fr)}.dropzone-card{min-height:360px}}@media (min-width: 1024px){.hero-section{padding:2.5rem 3rem}.tools-categories{grid-template-columns:repeat(3,1fr)}.tool-category-grid{grid-template-columns:1fr}.dropzone-card{min-height:400px}.tools-section{margin-top:3rem}}@media (min-width: 1280px){.hero-section{max-width:1400px;padding:2.5rem 4rem}.dropzone-container{max-width:900px}.hero-title{font-size:2.75rem}.dropzone-card{min-height:420px}.tool-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.hero-section{padding:1.25rem 1rem 100px}.hero-title{font-size:1.875rem}.steps-inline{gap:.375rem}.step-inline{padding:.375rem .75rem;font-size:.8125rem}.step-num{width:1.25rem;height:1.25rem;font-size:.6875rem}.dropzone-card{display:none}.mobile-upload-bar-v2{display:block}.trust-badges-v2{margin-top:.75rem}.trust-badge-desktop{display:none}.tools-section{margin-top:1.5rem;padding-top:1.5rem}.tool-category{padding:1rem}}#tools{padding-top:2rem}