@media (width<=768px){.nav-actions[data-astro-cid-nen7h5rs] .nav-cta[data-astro-cid-nen7h5rs]{display:none!important}.nav-links[data-astro-cid-nen7h5rs] .mobile-cta[data-astro-cid-nen7h5rs]{display:inline-block!important}}@media (width<=480px){.nav-lang-select[data-astro-cid-nen7h5rs]{max-width:100px;padding:4px 6px!important;font-size:.75rem!important}.logo-text[data-astro-cid-nen7h5rs]{display:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-400:#a78bfa;--accent-500:#8b5cf6;--accent-600:#7c3aed;--surface-0:#fff;--surface-50:#f8fafc;--surface-100:#f1f5f9;--surface-200:#e2e8f0;--surface-300:#cbd5e1;--surface-400:#94a3b8;--surface-500:#64748b;--surface-600:#475569;--surface-700:#334155;--surface-800:#1e293b;--surface-900:#0f172a;--surface-950:#020617;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow:0 0 60px #6366f126;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);color:var(--surface-800);background:var(--surface-0);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.gradient-text{background:linear-gradient(135deg, var(--primary-500), var(--accent-500), #ec4899);-webkit-text-fill-color:transparent;background-clip:text}.hidden{display:none!important}.section-container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{align-items:center;gap:var(--space-sm);background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-full);letter-spacing:.03em;margin-bottom:var(--space-md);padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.section-title{color:var(--surface-900);letter-spacing:-.025em;margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--surface-500);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dash{to{stroke-dashoffset:0}}.animate-fade-up{opacity:0;animation:.8s forwards fadeUp;transform:translateY(30px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.6s}.navbar{z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);padding:var(--space-sm) 0;box-shadow:var(--shadow-sm);background:#ffffffd9;border-bottom:1px solid #0000000f}.nav-container{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-sm);z-index:10;font-size:1.25rem;font-weight:700;display:flex}.logo-text{color:var(--surface-900);letter-spacing:-.02em}.nav-links{align-items:center;gap:var(--space-xl);display:flex}.nav-link{color:var(--surface-600);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--primary-500);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--primary-600)}.nav-link:hover:after{width:100%}.nav-cta{align-items:center;gap:var(--space-sm);background:var(--primary-500);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-base);padding:10px 24px;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.nav-cta:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.mobile-menu-btn{z-index:10;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-btn span{background:var(--surface-700);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.hero-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#6366f14d,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite float;top:-200px;right:-100px}.hero-orb-2{background:radial-gradient(circle,#8b5cf640,#0000 70%);width:500px;height:500px;animation:15s ease-in-out infinite reverse float;bottom:-100px;left:-150px}.hero-orb-3{background:radial-gradient(circle,#ec489933,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite float;top:40%;left:50%}.hero-grid{background-image:linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-container{max-width:1200px;padding:0 var(--space-lg);gap:var(--space-3xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-content{max-width:560px}.hero-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--primary-600);margin-bottom:var(--space-lg);backdrop-filter:blur(10px);background:#6366f114;border:1px solid #6366f126;padding:8px 18px;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--primary-500);border-radius:50%;width:8px;height:8px;position:relative}.badge-dot:after{content:"";border:2px solid var(--primary-500);opacity:0;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}.hero-title{color:var(--surface-900);letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--surface-500);margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7}.hero-actions{align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.btn-primary{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base);padding:14px 28px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f159,inset 0 1px #ffffff26}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173,inset 0 1px #ffffff26}.btn-primary:hover:before{opacity:1}.btn-primary.large{border-radius:var(--radius-xl);padding:18px 36px;font-size:1.0625rem}.btn-secondary{align-items:center;gap:var(--space-sm);color:var(--surface-600);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:14px 24px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-secondary:hover{color:var(--primary-600);background:var(--primary-50)}.hero-stats{align-items:center;gap:var(--space-xl);display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--surface-900);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.stat-label{color:var(--surface-400);font-size:.8125rem;font-weight:500}.stat-divider{background:var(--surface-200);width:1px;height:40px}.hero-visual{position:relative}.hero-mockup{background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl), var(--shadow-glow);border:1px solid var(--surface-200);overflow:hidden}.mockup-browser-bar{align-items:center;gap:var(--space-md);background:var(--surface-50);border-bottom:1px solid var(--surface-200);padding:12px 16px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#10b981}.browser-url{background:var(--surface-100);border-radius:var(--radius-md);color:var(--surface-500);font-size:.75rem;font-family:var(--font-mono);flex:1;padding:6px 12px}.mockup-content{padding:var(--space-lg)}.mockup-split{gap:var(--space-md);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.mockup-label{color:var(--surface-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);align-items:center;gap:6px;font-size:.6875rem;font-weight:600;display:flex}.mockup-image-placeholder,.mockup-doc-placeholder{padding:var(--space-md);border-radius:var(--radius-md);min-height:200px}.mockup-image-placeholder{background:var(--surface-50);border:1px solid var(--surface-200)}.mockup-doc-placeholder{background:var(--surface-0);border:1px solid var(--surface-200)}.mock-text-line{background:var(--surface-200);border-radius:3px;height:6px;margin-bottom:6px}.mock-text-line.colored{background:linear-gradient(90deg, var(--primary-300), var(--accent-300));height:8px;margin-bottom:10px}.mock-text-line.w60{width:60%}.mock-text-line.w70{width:70%}.mock-text-line.w80{width:80%}.mock-text-line.w90{width:90%}.mock-text-line.w100{width:100%}.mock-spacer{height:12px}.mock-table{margin:4px 0}.mock-row{gap:4px;margin-bottom:4px;display:flex}.mock-row span{background:var(--surface-200);border-radius:2px;flex:1;height:8px}.mock-table.styled .mock-row.header span{background:linear-gradient(90deg, var(--primary-200), var(--accent-200));height:10px}.mockup-arrow{justify-content:center;align-items:center;display:flex}.arrow-pulse{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:3s ease-in-out infinite float;display:flex}.doc-header{border-bottom:1px solid var(--surface-100);margin-bottom:10px;padding-bottom:8px}.doc-toolbar{align-items:center;gap:4px;display:flex}.doc-tool{background:var(--surface-200);border-radius:2px;width:16px;height:4px}.doc-tool.wide{width:32px}.doc-tool-sep{background:var(--surface-200);width:1px;height:12px;margin:0 4px}.hero-trust-bar{max-width:1200px;margin:var(--space-3xl) auto 0;padding:0 var(--space-lg);text-align:center;z-index:1;position:relative}.trust-label{color:var(--surface-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-lg);font-size:.8125rem;font-weight:500;display:block}.trust-logos{justify-content:center;align-items:center;gap:var(--space-2xl);opacity:.4;transition:opacity var(--transition-slow);flex-wrap:wrap;display:flex}.trust-logos:hover{opacity:.6}.trust-logo{color:var(--surface-400)}.converter-section{padding:var(--space-4xl) 0;background:var(--surface-50);position:relative}.converter-section:before{content:"";background:linear-gradient(90deg, transparent, var(--surface-200), transparent);height:1px;position:absolute;top:0;left:0;right:0}.converter-workspace{max-width:800px;margin:0 auto}.upload-zone{border:2px dashed var(--surface-300);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--surface-0);position:relative;overflow:hidden}.upload-zone:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#6366f105,#8b5cf605);position:absolute;inset:0}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary-400);background:var(--primary-50);transform:scale(1.01)}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.upload-zone.drag-over{border-style:solid;box-shadow:0 0 0 4px #6366f11a}.upload-icon{background:var(--primary-50);border-radius:var(--radius-xl);width:72px;height:72px;color:var(--primary-500);margin-bottom:var(--space-lg);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.upload-zone:hover .upload-icon{background:var(--primary-100);transform:translateY(-4px)}.upload-title{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700}.upload-subtitle{color:var(--surface-500);margin-bottom:var(--space-lg)}.upload-formats{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.format-badge{background:var(--surface-100);border-radius:var(--radius-full);color:var(--surface-600);font-size:.75rem;font-weight:600;font-family:var(--font-mono);padding:4px 12px}.upload-limit{color:var(--surface-400);font-size:.8125rem}.security-badges{justify-content:center;align-items:center;gap:var(--space-xl);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.security-badge{color:var(--surface-500);align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.security-badge svg{color:var(--success)}.preview-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.preview-title{align-items:center;gap:var(--space-sm);color:var(--surface-900);font-size:1.125rem;font-weight:700;display:flex}.file-count{background:var(--primary-500);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:.75rem;font-weight:700;display:inline-flex}.preview-actions{gap:var(--space-sm);display:flex}.btn-icon{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-md);color:var(--surface-600);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-icon:hover{background:var(--surface-50);border-color:var(--surface-300)}.btn-icon.danger:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.preview-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.preview-item{border-radius:var(--radius-lg);border:1px solid var(--surface-200);background:var(--surface-0);transition:all var(--transition-base);position:relative;overflow:hidden}.preview-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.preview-item img{object-fit:cover;width:100%;height:140px}.preview-item-info{padding:10px 12px}.preview-item-name{color:var(--surface-700);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.preview-item-size{color:var(--surface-400);font-size:.6875rem}.preview-item-remove{backdrop-filter:blur(4px);color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--transition-fast);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:8px;right:8px}.preview-item:hover .preview-item-remove{opacity:1}.convert-bar{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);display:flex}.convert-options{gap:var(--space-lg);display:flex}.option-group{flex-direction:column;gap:4px;display:flex}.option-label{color:var(--surface-400);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.option-select{border:1px solid var(--surface-200);border-radius:var(--radius-md);color:var(--surface-700);background:var(--surface-50);font-size:.875rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:border-color var(--transition-fast);padding:8px 12px}.option-select:focus{border-color:var(--primary-400);outline:none;box-shadow:0 0 0 3px #6366f11a}.btn-convert{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;padding:14px 28px;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #6366f159}.btn-convert:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.processing-area{text-align:center;padding:var(--space-3xl)}.processing-ring{width:140px;height:140px;margin:0 auto var(--space-xl);position:relative}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-track{fill:none;stroke:var(--surface-100);stroke-width:6px}.progress-fill{fill:none;stroke:url(#progressGrad);stroke-width:6px;stroke-linecap:round;stroke-dasharray:326.56;stroke-dashoffset:326.56px;transition:stroke-dashoffset .3s}.progress-percent{color:var(--surface-900);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.processing-title{color:var(--surface-900);margin-bottom:var(--space-xl);font-size:1.25rem;font-weight:700}.processing-steps{gap:var(--space-md);flex-direction:column;max-width:300px;margin:0 auto;display:flex}.process-step{align-items:center;gap:var(--space-sm);color:var(--surface-400);transition:all var(--transition-base);font-size:.875rem;display:flex}.process-step.active{color:var(--primary-600);font-weight:500}.process-step.completed{color:var(--success)}.step-indicator{background:var(--surface-100);width:24px;height:24px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.process-step.active .step-indicator{border:2px solid var(--primary-100);border-top-color:var(--primary-600);background:0 0;animation:.8s linear infinite spin}.process-step.completed .step-indicator{background:var(--success);color:#fff}.step-indicator svg{opacity:0}.process-step.completed .step-indicator svg{opacity:1}.download-area{text-align:center;padding:var(--space-3xl)}.download-success-icon{width:80px;height:80px;color:var(--success);margin-bottom:var(--space-lg);justify-content:center;align-items:center;animation:.6s fadeUp;display:inline-flex}.download-title{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:800}.download-subtitle{color:var(--surface-500);margin-bottom:var(--space-xl)}.download-file-info{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:inline-flex}.file-icon{color:var(--primary-500)}.file-details{text-align:left;flex-direction:column;display:flex}.file-name{color:var(--surface-800);font-size:.875rem;font-weight:600}.file-size{color:var(--surface-400);font-size:.75rem}.download-actions{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.btn-download{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--success), #059669);color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base);padding:16px 32px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #10b98159}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.btn-secondary-action{align-items:center;gap:var(--space-sm);border:1px solid var(--surface-200);background:var(--surface-0);color:var(--surface-600);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:16px 24px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-secondary-action:hover{background:var(--surface-50);border-color:var(--surface-300)}.how-it-works-section{padding:var(--space-4xl) 0;background:var(--surface-0)}.steps-grid{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.step-card{max-width:320px;padding:var(--space-xl);background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);flex:1;position:relative}.step-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-4px)}.step-number{color:var(--surface-100);letter-spacing:-.04em;font-size:3rem;font-weight:900;line-height:1;position:absolute;top:16px;right:16px}.step-card:hover .step-number{color:var(--primary-100)}.step-icon-wrap{background:linear-gradient(135deg, var(--primary-50), #8b5cf614);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--primary-600);margin-bottom:var(--space-lg);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.step-card:hover .step-icon-wrap{background:linear-gradient(135deg, var(--primary-100), #8b5cf626);transform:scale(1.05)}.step-connector{color:var(--surface-300);flex-shrink:0}.features-section{padding:var(--space-4xl) 0;background:var(--surface-50);position:relative}.features-section:before{content:"";background:linear-gradient(90deg, transparent, var(--surface-200), transparent);height:1px;position:absolute;top:0;left:0;right:0}.feature-card{padding:var(--space-xl);background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(90deg, var(--primary-500), var(--accent-500));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-4px)}.feature-card:hover:after{opacity:1}.feature-icon{background:var(--primary-50);border-radius:var(--radius-lg);width:52px;height:52px;color:var(--primary-600);margin-bottom:var(--space-md);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;transform:scale(1.05)}.feature-title{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.0625rem;font-weight:700}.feature-desc{color:var(--surface-500);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.6}.feature-metric{align-items:baseline;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--surface-100);display:flex}.metric-value{color:var(--primary-600);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.metric-label{color:var(--surface-400);font-size:.75rem;font-weight:500}.accuracy-section{padding:var(--space-4xl) 0;background:var(--surface-0)}.comparison-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.comparison-tabs{border-bottom:1px solid var(--surface-200);background:var(--surface-50);display:flex}.comp-tab{padding:14px var(--space-lg);color:var(--surface-500);transition:all var(--transition-fast);flex:1;font-size:.875rem;font-weight:600;position:relative}.comp-tab:after{content:"";background:var(--primary-500);height:2px;transition:transform var(--transition-base);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.comp-tab.active{color:var(--primary-600);background:var(--surface-0)}.comp-tab.active:after{transform:scaleX(1)}.comp-tab:hover:not(.active){color:var(--surface-700);background:#ffffff80}.comparison-content{padding:var(--space-xl)}.comparison-panel{display:none}.comparison-panel.active{gap:var(--space-lg);grid-template-columns:1fr auto 1fr;animation:.4s fadeUp;display:grid}.panel-side{position:relative}.panel-label{align-items:center;gap:var(--space-sm);color:var(--surface-500);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:flex}.label-dot{border-radius:50%;width:8px;height:8px}.label-dot.source{background:var(--surface-400)}.label-dot.result{background:var(--success)}.panel-content{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--radius-lg);padding:var(--space-lg);min-height:240px}.panel-side.result .panel-content{border-color:var(--primary-200);background:#6366f105}.sample-doc{position:relative}.sample-title-line{background:var(--surface-300);border-radius:4px;width:60%;height:10px;margin-bottom:14px}.sample-title-line.short{width:40%}.sample-title-line.colored{background:linear-gradient(90deg, var(--primary-400), var(--accent-400))}.sample-line{background:var(--surface-200);border-radius:3px;height:5px;margin-bottom:5px}.sample-line.w70{width:70%}.sample-line.w75{width:75%}.sample-line.w80{width:80%}.sample-line.w85{width:85%}.sample-line.w90{width:90%}.sample-line.w95{width:95%}.sample-line.w100{width:100%}.sample-break{height:12px}.sample-noise{pointer-events:none;background:radial-gradient(circle at 20% 30%,#00000005 0%,#0000 50%),radial-gradient(circle at 80% 70%,#00000008 0%,#0000 40%);position:absolute;inset:0}.sample-doc.clean .sample-line{background:var(--surface-300)}.sample-text p,.mock-paragraph{color:var(--surface-600);margin-bottom:10px;font-size:.75rem;line-height:1.7}.sample-table-visual{margin:8px 0}.tv-row{gap:3px;margin-bottom:3px;display:flex}.tv-row span{background:var(--surface-200);border-radius:2px;flex:1;height:12px}.tv-row.header span{background:var(--surface-300);height:14px}.tv-row.footer span{background:var(--surface-300)}.mock-table-rendered{border-collapse:collapse;width:100%;margin:8px 0;font-size:.75rem}.mock-table-rendered th,.mock-table-rendered td{text-align:left;border:1px solid var(--surface-200);padding:8px 10px}.mock-table-rendered th{background:var(--primary-50);color:var(--primary-700);font-weight:600}.mock-table-rendered td{color:var(--surface-600)}.positive{font-weight:600;color:var(--success)!important}.negative{font-weight:600;color:var(--danger)!important}.sample-columns{gap:12px;margin-bottom:8px;display:flex}.sample-columns .col{flex:1}.sample-bullets{margin-top:8px}.bullet-line{align-items:center;gap:6px;margin-bottom:5px;display:flex}.bullet-dot{background:var(--surface-300);border-radius:50%;flex-shrink:0;width:5px;height:5px}.bullet-line .sample-line{margin-bottom:0}.mock-columns{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.mock-p-small{color:var(--surface-600);font-size:.6875rem;line-height:1.6}.mock-list{margin-top:8px}.mock-li{color:var(--surface-600);border-bottom:1px solid var(--surface-100);padding:4px 0;font-size:.6875rem}.mock-li:last-child{border-bottom:none}.comparison-divider{justify-content:center;align-items:center;display:flex;position:relative}.divider-label{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:.6875rem;font-weight:700;display:flex;box-shadow:0 4px 15px #6366f14d}.accuracy-badge{color:var(--success);border-radius:var(--radius-full);margin-top:var(--space-sm);background:#10b9811a;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.testimonials-section{padding:var(--space-4xl) 0;background:var(--surface-50);position:relative}.testimonials-section:before{content:"";background:linear-gradient(90deg, transparent, var(--surface-200), transparent);height:1px;position:absolute;top:0;left:0;right:0}.testimonials-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-xl);background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-4px)}.testimonial-stars{color:#f59e0b;margin-bottom:var(--space-md);letter-spacing:2px;font-size:1rem}.testimonial-text{color:var(--surface-600);margin-bottom:var(--space-lg);font-size:.9375rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:var(--space-sm);display:flex}.author-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:700;display:flex}.author-info{flex-direction:column;display:flex}.author-name{color:var(--surface-900);font-size:.875rem;font-weight:600}.author-role{color:var(--surface-400);font-size:.75rem}.faq-section{padding:var(--space-4xl) 0;background:var(--surface-0)}.faq-list{gap:var(--space-sm);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--surface-200);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.faq-item:hover{border-color:var(--primary-200)}.faq-item.active{border-color:var(--primary-300);box-shadow:0 0 0 3px #6366f10d}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;color:var(--surface-800);text-align:left;transition:all var(--transition-fast);padding:18px 20px;font-size:.9375rem;font-weight:600;display:flex}.faq-question:hover{color:var(--primary-600)}.faq-chevron{color:var(--surface-400);transition:transform var(--transition-base);flex-shrink:0}.faq-item.active .faq-chevron{color:var(--primary-500);transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height var(--transition-slow), padding var(--transition-slow);overflow:hidden}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{color:var(--surface-500);padding:0 20px 18px;font-size:.875rem;line-height:1.7}.cta-section{padding:var(--space-4xl) 0;background:var(--surface-900);position:relative;overflow:hidden}.cta-bg-effects{pointer-events:none;position:absolute;inset:0}.cta-orb{filter:blur(80px);border-radius:50%;position:absolute}.cta-orb-1{background:#6366f133;width:400px;height:400px;top:-100px;left:-50px}.cta-orb-2{background:#8b5cf626;width:350px;height:350px;bottom:-100px;right:-50px}.cta-content{text-align:center;z-index:1;position:relative}.cta-title{color:#fff;margin-bottom:var(--space-md);letter-spacing:-.025em;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.cta-subtitle{color:#fff9;max-width:600px;margin:0 auto var(--space-xl);font-size:1.125rem;line-height:1.7}.cta-note{margin-top:var(--space-md);color:#fff6;font-size:.8125rem}.footer{padding:var(--space-3xl) 0 var(--space-xl);background:var(--surface-950);border-top:1px solid #ffffff0d}.footer-container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.footer-grid{gap:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand .nav-logo{margin-bottom:var(--space-md)}.footer-brand .logo-text{color:#fff}.footer-desc{color:#fff6;margin-bottom:var(--space-lg);max-width:300px;font-size:.875rem;line-height:1.7}.footer-social{gap:var(--space-sm);display:flex}.social-link{border-radius:var(--radius-md);color:#fff6;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;display:inline-flex}.social-link:hover{color:#fff;background:#ffffff1a}.footer-heading{color:#fffc;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:600}.footer-links{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-links a{color:#fff6;transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-xl);color:#ffffff40;justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{max-width:640px;margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{max-width:600px;margin:0 auto}.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card:nth-child(5),.testimonial-card:nth-child(6){display:none}.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.comparison-panel.active{gap:var(--space-md);grid-template-columns:1fr}.comparison-divider{padding:var(--space-sm) 0}}@media (width<=768px){.nav-links{backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-xl);z-index:5;background:#fffffffa;flex-direction:column;display:none;position:fixed;inset:0}.nav-links.active{display:flex}.nav-links .nav-link{font-size:1.25rem}.mobile-menu-btn{display:flex}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{min-height:auto;padding:100px 0 40px}.hero-title{font-size:clamp(2rem,8vw,2.75rem)}.hero-actions{flex-direction:column}.hero-stats{gap:var(--space-md);flex-direction:column}.stat-divider{width:40px;height:1px}.steps-grid{flex-direction:column}.step-connector{transform:rotate(90deg)}.features-grid,.testimonials-grid{grid-template-columns:1fr}.testimonial-card:nth-child(n+4){display:none}.convert-bar{flex-direction:column}.convert-options{flex-direction:column;width:100%}.btn-convert{justify-content:center;width:100%}.security-badges{gap:var(--space-sm);flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;gap:var(--space-sm);flex-direction:column}.trust-logos{gap:var(--space-lg)}.download-actions{flex-direction:column}.comparison-tabs{overflow-x:auto}.comp-tab{white-space:nowrap;padding:12px var(--space-md)}}@media (width<=480px){.section-container{padding:0 var(--space-md)}.hero-badge{font-size:.75rem}.upload-zone{padding:var(--space-xl) var(--space-md)}.preview-grid{grid-template-columns:repeat(2,1fr)}.preview-header{gap:var(--space-sm);flex-direction:column}.mock-columns{grid-template-columns:1fr}}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.paste-kbd{background:var(--surface-100);border:1px solid var(--surface-200);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--surface-600);box-shadow:0 1px 0 var(--surface-300);vertical-align:middle;letter-spacing:.02em;transition:all var(--transition-fast);align-items:center;margin-left:2px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.upload-zone:hover .paste-kbd{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);box-shadow:0 1px 0 var(--primary-300)}.paste-notification{background:var(--surface-900);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-2xl);z-index:9999;opacity:0;white-space:nowrap;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px)}.paste-notification.show{opacity:1;transform:translate(-50%)translateY(0)}.paste-notification svg{color:var(--success);flex-shrink:0}.cookie-consent-banner{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);max-width:600px;box-shadow:0 20px 25px -5px #00000080, var(--shadow-glow);padding:var(--space-lg);z-index:9999;color:var(--surface-100);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);background:#0f172af2;border:1px solid #ffffff14;display:none;position:fixed;bottom:24px;left:24px;right:24px;transform:translateY(20px)}.cookie-consent-banner.show{opacity:1;display:block;transform:translateY(0)}.cookie-consent-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.cookie-consent-header svg{color:var(--primary-400)}.cookie-consent-title{color:var(--surface-0);font-size:1.125rem;font-weight:600}.cookie-consent-text{color:var(--surface-300);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.5}.cookie-consent-text a{color:var(--primary-400);text-decoration:underline}.cookie-consent-text a:hover{color:var(--primary-300)}.cookie-consent-categories{gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-sm) 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-wrap:wrap;display:flex}.cookie-category{align-items:center;gap:var(--space-xs);color:var(--surface-200);cursor:pointer;font-size:.8125rem;display:flex}.cookie-category input{accent-color:var(--primary-500);cursor:pointer}.cookie-consent-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.cookie-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);padding:8px 16px;font-size:.875rem;font-weight:500}.cookie-btn-secondary{color:var(--surface-200);background:0 0;border:1px solid #ffffff26}.cookie-btn-secondary:hover{color:var(--surface-0);background:#ffffff0d}.cookie-btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:var(--surface-0);border:none;box-shadow:0 4px 10px #6366f133}.cookie-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d}.breadcrumbs{align-items:center;gap:var(--space-xs);margin:0 0 var(--space-lg) 0;color:var(--surface-500);padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumbs-item{align-items:center;gap:var(--space-xs);display:flex}.breadcrumbs-item a{transition:var(--transition-fast)}.breadcrumbs-item a:hover{color:var(--primary-500)}.breadcrumbs-separator{color:var(--surface-400)}.page-header-section{background:radial-gradient(circle at 50% 0%, #6366f10d 0%, transparent 70%), var(--surface-0);border-bottom:1px solid var(--surface-100);padding:140px 0 60px;position:relative;overflow:hidden}.page-header-container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.page-header-tag{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);margin-bottom:var(--space-md);padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-block}.page-header-title{color:var(--surface-900);margin-bottom:var(--space-md);letter-spacing:-.02em;font-size:3rem;font-weight:800;line-height:1.2}.page-header-desc{color:var(--surface-600);max-width:700px;font-size:1.25rem}.page-body-section{padding:var(--space-4xl) 0;background:var(--surface-0)}.page-body-container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.blog-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blog-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-4px)}.blog-card-meta{padding:var(--space-lg);flex-direction:column;flex-grow:1;display:flex}.blog-card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-600);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.blog-card-title{color:var(--surface-900);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700;line-height:1.4}.blog-card-title a{transition:var(--transition-fast)}.blog-card-title a:hover{color:var(--primary-600)}.blog-card-desc{color:var(--surface-500);margin-bottom:var(--space-lg);flex-grow:1;font-size:.9375rem;line-height:1.5}.blog-card-footer{align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--surface-100);display:flex}.blog-card-author-avatar{border-radius:var(--radius-full);width:32px;height:32px;color:var(--surface-0);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.blog-card-author-name{color:var(--surface-800);font-size:.8125rem;font-weight:600}.blog-card-date{color:var(--surface-400);margin-left:auto;font-size:.8125rem}.article-layout{gap:var(--space-3xl);grid-template-columns:1fr 280px;display:grid}.article-content{background:var(--surface-0)}.article-sidebar{height:fit-content;position:sticky;top:100px}.sidebar-widget{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.sidebar-title{color:var(--surface-900);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--primary-100);font-size:1rem;font-weight:700}.author-widget-profile{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.author-widget-avatar{border-radius:var(--radius-full);width:48px;height:48px;color:var(--surface-0);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.author-widget-name{color:var(--surface-900);font-size:.9375rem;font-weight:700}.author-widget-role{color:var(--surface-500);font-size:.75rem;display:block}.author-widget-bio{color:var(--surface-600);font-size:.875rem;line-height:1.5}.markdown-content{color:var(--surface-700);font-size:1.0625rem;line-height:1.8}.markdown-content p{margin-bottom:var(--space-lg)}.markdown-content h2{color:var(--surface-900);margin:var(--space-2xl) 0 var(--space-md) 0;letter-spacing:-.01em;font-size:1.75rem;font-weight:800}.markdown-content h3{color:var(--surface-900);margin:var(--space-xl) 0 var(--space-sm) 0;font-size:1.375rem;font-weight:700}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.markdown-content li{margin-bottom:var(--space-sm)}.markdown-content strong{color:var(--surface-900);font-weight:600}.markdown-content a{color:var(--primary-600);font-weight:500;text-decoration:underline}.markdown-content a:hover{color:var(--primary-700)}.markdown-content blockquote{border-left:4px solid var(--primary-500);background:var(--primary-50);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:0 0 var(--space-lg) 0;color:var(--primary-900);font-style:italic}.markdown-content code{font-family:var(--font-mono);background:var(--surface-100);border-radius:var(--radius-sm);color:var(--primary-700);padding:2px 6px;font-size:.9em}@media (width<=991px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}.content-section{padding:var(--space-4xl) 0}.content-section:nth-child(2n){background:var(--surface-50)}.pipeline-section{background:var(--surface-0);overflow:hidden}.pipeline-diagram{padding:var(--space-lg) 0;scrollbar-width:thin;align-items:flex-start;gap:0;display:flex;overflow-x:auto}.pipeline-stage{flex:1;min-width:160px}.pipeline-node{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base);position:relative}.pipeline-node:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pipeline-node-final{border-color:var(--success);background:linear-gradient(135deg,#10b9810a,#6366f10a)}.pipeline-icon-wrap{border-radius:var(--radius-md);background:var(--primary-50);width:56px;height:56px;color:var(--primary-600);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.pipeline-icon-purple{color:#7c3aed;background:#f3e8ff}.pipeline-icon-teal{color:#0d9488;background:#ccfbf1}.pipeline-icon-amber{color:#d97706;background:#fef3c7}.pipeline-icon-green{color:#059669;background:#d1fae5}.pipeline-label{color:var(--surface-800);margin-bottom:var(--space-xs);font-size:.9375rem;font-weight:700;display:block}.pipeline-desc{color:var(--surface-500);font-size:.8125rem;line-height:1.6}.pipeline-connector{min-width:40px;color:var(--surface-300);flex-shrink:0;justify-content:center;align-items:center;padding-top:28px;display:flex}@media (width<=991px){.pipeline-diagram{flex-direction:column;align-items:center}.pipeline-connector{min-width:auto;padding-top:0;padding:var(--space-xs) 0;transform:rotate(90deg)}.pipeline-stage{width:100%;min-width:auto;max-width:400px}}.steps-section{background:var(--surface-50)}.steps-flow{justify-content:center;align-items:flex-start;gap:0;display:flex}.step-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);max-width:320px;padding:var(--space-xl) var(--space-lg);text-align:center;transition:all var(--transition-base);opacity:0;flex:1;position:relative;transform:translateY(30px)}.step-card.animate-in{opacity:1;transition:opacity .6s,transform .6s;transform:translateY(0)}.step-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.step-card.animate-in:hover{transform:translateY(-6px)}.step-number{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #6366f14d}.step-icon-area{background:var(--primary-50);width:72px;height:72px;color:var(--primary-600);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step-title{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.step-desc{color:var(--surface-500);font-size:.875rem;line-height:1.7}.step-connector-line{flex-shrink:0;align-items:center;gap:0;min-width:48px;padding-top:60px;display:flex}.step-connector-dot{background:var(--primary-300);border-radius:50%;width:8px;height:8px}.step-connector-bar{background:linear-gradient(90deg, var(--primary-300), var(--accent-300));flex:1;min-width:24px;height:2px}@media (width<=768px){.steps-flow{align-items:center;gap:var(--space-xl);flex-direction:column}.step-connector-line{min-width:auto;height:32px;padding-top:0;transform:rotate(90deg)}.step-card{max-width:100%}}.benefits-section{background:var(--surface-0)}.benefits-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.benefit-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);text-align:center}.benefit-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:perspective(800px)rotateY(-2deg)rotateX(2deg)}.benefit-icon-wrap{border-radius:var(--radius-lg);background:var(--primary-50);width:56px;height:56px;color:var(--primary-600);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.benefit-icon-purple{color:#7c3aed;background:#f3e8ff}.benefit-icon-green{color:#059669;background:#d1fae5}.benefit-card h3{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.benefit-card p{color:var(--surface-500);font-size:.875rem;line-height:1.7}@media (width<=768px){.benefits-grid{grid-template-columns:1fr}}.jpginfo-card{border:1px solid var(--surface-200);border-radius:var(--radius-xl);background:var(--surface-50);overflow:hidden}.jpginfo-toggle{width:100%;padding:var(--space-lg) var(--space-xl);color:var(--surface-800);text-align:left;transition:all var(--transition-fast);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.jpginfo-toggle:hover{color:var(--primary-600)}.jpginfo-toggle-content{align-items:center;gap:var(--space-md);display:flex}.jpginfo-toggle-content h4{font-size:.9375rem;font-weight:600}.jpginfo-toggle-content svg{color:var(--primary-500);flex-shrink:0}.jpginfo-chevron{transition:transform var(--transition-base);color:var(--surface-400);flex-shrink:0}.jpginfo-card.open .jpginfo-chevron{color:var(--primary-500);transform:rotate(180deg)}.jpginfo-body{max-height:0;transition:max-height var(--transition-slow);padding:0 var(--space-xl);overflow:hidden}.jpginfo-card.open .jpginfo-body{max-height:400px;padding-bottom:var(--space-xl)}.jpginfo-body p{color:var(--surface-500);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.7}.jpginfo-body h4{color:var(--surface-800);margin-bottom:var(--space-sm);font-size:.9375rem;font-weight:600}.jpginfo-divider{background:var(--surface-200);height:1px;margin:var(--space-md) 0}.format-hub-section{background:var(--surface-50)}.format-hub{max-width:800px;margin:0 auto}.format-tabs{gap:var(--space-xs);background:var(--surface-100);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:4px;display:flex}.format-tab{border-radius:var(--radius-md);color:var(--surface-500);transition:all var(--transition-fast);text-align:center;flex:1;padding:10px 16px;font-size:.875rem;font-weight:600}.format-tab:hover{color:var(--surface-700)}.format-tab.active{background:var(--surface-0);color:var(--primary-600);box-shadow:var(--shadow-sm)}.format-panel{animation:.3s fadeUp;display:none}.format-panel.active{display:block}.format-panel-title{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.format-panel-desc{color:var(--surface-500);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.7}.format-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.format-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--surface-200);border-radius:var(--radius-lg);background:var(--surface-0);transition:all var(--transition-base);cursor:pointer;display:flex}.format-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translate(4px)}.format-card-icon{border-radius:var(--radius-md);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.75rem;font-weight:800;display:flex}.format-icon-red{color:#dc2626;background:#fee2e2}.format-icon-teal{color:#0d9488;background:#ccfbf1}.format-icon-purple{color:#7c3aed;background:#f3e8ff}.format-icon-amber{color:#d97706;background:#fef3c7}.format-icon-slate{background:var(--surface-100);color:var(--surface-600)}.format-icon-blue{color:#2563eb;background:#dbeafe}.format-card-label{color:var(--surface-700);flex:1;font-size:.875rem;font-weight:600}.format-card svg{color:var(--surface-300);flex-shrink:0}@media (width<=640px){.format-grid{grid-template-columns:1fr}.format-tabs{flex-direction:column}}.trust-section{background:var(--surface-900);color:#fff}.trust-layout{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.trust-heading{letter-spacing:-.025em;margin-bottom:var(--space-md);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.trust-sub-heading{color:var(--primary-300);margin-bottom:var(--space-sm);margin-top:var(--space-lg);font-size:1rem;font-weight:600}.trust-desc{color:var(--surface-300);font-size:.9375rem;line-height:1.7}.trust-badges{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--surface-200);background:#ffffff14;border:1px solid #ffffff1a;padding:8px 16px;font-size:.8125rem;font-weight:500;display:flex}.trust-badge svg{color:var(--primary-400)}.trust-visual{justify-content:center;display:flex}.countdown-ring-wrap{width:200px;height:200px;position:relative}.countdown-ring{width:100%;height:100%}.countdown-progress{transition:stroke-dashoffset 1s linear}.countdown-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-value{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg, var(--primary-400), var(--accent-400));-webkit-text-fill-color:transparent;background-clip:text}.countdown-label{color:var(--surface-400);max-width:100px;font-size:.6875rem}@media (width<=768px){.trust-layout{text-align:center;grid-template-columns:1fr}.trust-badges{justify-content:center}.trust-visual{margin-top:var(--space-xl)}}.ocr-section{background:var(--surface-50)}.ocr-content-block{max-width:800px;margin:0 auto var(--space-xl)}.ocr-content-block h3{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.ocr-content-block p{color:var(--surface-500);font-size:.9375rem;line-height:1.7}.ocr-comparison{max-width:900px;margin:0 auto var(--space-xl)}.ocr-comparison-title{color:var(--surface-900);margin-bottom:var(--space-lg);text-align:center;font-size:1.125rem;font-weight:700}.ocr-table-wrap{border:1px solid var(--surface-200);border-radius:var(--radius-xl);background:var(--surface-0);overflow-x:auto}.ocr-table{border-collapse:collapse;width:100%}.ocr-table th{text-align:left;color:var(--surface-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-200);background:var(--surface-50);padding:14px 16px;font-size:.8125rem;font-weight:600}.ocr-table td{color:var(--surface-600);border-bottom:1px solid var(--surface-100);padding:14px 16px;font-size:.875rem}.ocr-table tr:last-child td{border-bottom:none}.ocr-table tr{transition:background var(--transition-fast)}.ocr-table tbody tr:hover{background:var(--primary-50)}.ocr-row-highlight{background:#6366f10a}.ocr-badge{border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.ocr-badge-free{color:#059669;background:#d1fae5}.ocr-badge-paid{color:#d97706;background:#fef3c7}.ocr-meter{background:var(--surface-100);border-radius:var(--radius-full);width:80px;height:8px;overflow:hidden}.ocr-meter-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary-500), var(--accent-500));height:100%;transition:width 1s}.ocr-modes{max-width:800px;margin:0 auto}.ocr-mode-tabs{gap:var(--space-xs);background:var(--surface-100);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:4px;display:flex}.ocr-mode-tab{border-radius:var(--radius-md);color:var(--surface-500);transition:all var(--transition-fast);text-align:center;flex:1;padding:10px 16px;font-size:.875rem;font-weight:600}.ocr-mode-tab:hover{color:var(--surface-700)}.ocr-mode-tab.active{background:var(--surface-0);color:var(--primary-600);box-shadow:var(--shadow-sm)}.ocr-mode-panel{animation:.3s fadeUp;display:none}.ocr-mode-panel.active{gap:var(--space-md);flex-direction:column;display:flex}.ocr-mode-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.ocr-mode-card h3{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1rem;font-weight:700}.ocr-mode-card h4{color:var(--surface-800);margin-bottom:var(--space-sm);font-size:.9375rem;font-weight:600}.ocr-mode-card p{color:var(--surface-500);font-size:.875rem;line-height:1.7}.features-section{background:var(--surface-0)}.features-intro{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.features-intro-card{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.features-intro-card h3{color:var(--surface-900);margin-bottom:var(--space-sm);font-size:1.0625rem;font-weight:700}.features-intro-card p{color:var(--surface-500);font-size:.875rem;line-height:1.7}.features-grid-title{color:var(--surface-900);text-align:center;margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.features-grid-subtitle{color:var(--surface-500);text-align:center;margin-bottom:var(--space-xl);font-size:.9375rem}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-flip-card{perspective:1000px;cursor:pointer;height:200px}.feature-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.feature-flip-card:hover .feature-flip-inner{transform:rotateY(180deg)}.feature-front,.feature-back{backface-visibility:hidden;border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;border:1px solid var(--surface-200);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feature-front{background:var(--surface-0)}.feature-back{background:linear-gradient(135deg, var(--primary-600), var(--accent-600));color:#fff;border:none;transform:rotateY(180deg)}.feature-back p{font-size:.8125rem;line-height:1.7}.feature-front-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:56px;height:56px;color:var(--primary-600);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.feature-icon-purple{color:#7c3aed;background:#f3e8ff}.feature-icon-teal{color:#0d9488;background:#ccfbf1}.feature-icon-amber{color:#d97706;background:#fef3c7}.feature-icon-green{color:#059669;background:#d1fae5}.feature-icon-rose{color:#e11d48;background:#ffe4e6}.feature-front h4{color:var(--surface-800);font-size:.9375rem;font-weight:700}.feature-infinity{color:var(--primary-400);margin-top:var(--space-xs);font-size:2rem;line-height:1}@media (width<=768px){.features-intro{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features-grid{grid-template-columns:1fr}}.tools-showcase-section{background:linear-gradient(180deg, var(--surface-50) 0%, var(--surface-0) 100%)}.tools-category{margin-bottom:var(--space-3xl)}.tools-category:last-child{margin-bottom:0}.tools-category-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--surface-100);display:flex}.tools-category-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-100) 0%, var(--primary-50) 100%);width:44px;height:44px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tools-category-icon-red{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fef2f2 100%)}.tools-category-icon-amber{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fffbeb 100%)}.tools-category-title{color:var(--surface-800);margin:0;font-size:1.25rem;font-weight:700}.tools-category-count{color:var(--surface-400);background:var(--surface-100);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.8125rem;font-weight:600}.tools-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.tool-card{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-xl);padding:var(--space-lg);color:inherit;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(135deg, var(--primary-50) 0%, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.tool-card:hover{border-color:var(--primary-300);transform:translateY(-4px);box-shadow:0 8px 32px #6366f11f,0 2px 8px #0000000a}.tool-card:hover:before{opacity:1}.tool-card>*{z-index:1;position:relative}.tool-card-visual{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) 0;display:flex}.tool-format-badge{letter-spacing:.04em;border-radius:var(--radius-md);white-space:nowrap;padding:6px 12px;font-size:.75rem;font-weight:800;line-height:1}.tool-badge-orange{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.tool-badge-teal{color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4}.tool-badge-purple{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.tool-badge-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.tool-badge-green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.tool-badge-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.tool-badge-amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.tool-badge-slate{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.tool-badge-rose{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.tool-badge-pink{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8}.tool-arrow{color:var(--surface-400);flex-shrink:0}.tool-card-title{color:var(--surface-800);margin:0 0 var(--space-xs);font-size:.9375rem;font-weight:700;line-height:1.3}.tool-card-desc{color:var(--surface-500);margin:0 0 var(--space-md);flex:1;font-size:.8125rem;line-height:1.5}.tool-card-calc{color:var(--primary-600);background:var(--primary-50);border:1px solid var(--primary-100);border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}@media (width<=1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tools-grid{grid-template-columns:repeat(2,1fr)}.tools-category-header{flex-wrap:wrap}.tools-category-count{margin-left:0}}@media (width<=480px){.tools-grid{grid-template-columns:1fr}.tool-card-visual{justify-content:center}}.skip-link[data-astro-cid-ju4pidww]{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link[data-astro-cid-ju4pidww]:focus{background:linear-gradient(135deg, var(--primary-600), var(--accent-600));color:#fff;border-radius:var(--radius-md);z-index:10000;width:auto;height:auto;box-shadow:var(--shadow-xl);border:1px solid #fff3;outline:none;padding:12px 24px;font-weight:600;text-decoration:none;position:fixed;top:16px;left:16px}