.container[data-v-09fcd793]{position:relative}.header-content[data-v-09fcd793]{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo[data-v-09fcd793]{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--text-primary);cursor:pointer;transition:opacity .2s ease}.logo[data-v-09fcd793]:hover{opacity:.8}.logo-icon[data-v-09fcd793]{width:32px;height:32px;border-radius:6px;object-fit:contain}.nav[data-v-09fcd793]{display:flex;align-items:center;gap:20px}.nav-link[data-v-09fcd793]{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;position:relative}.nav-link[data-v-09fcd793]:hover{color:var(--text-primary)}.nav-link.router-link-active[data-v-09fcd793]{color:var(--primary-color)}.nav-link.router-link-active[data-v-09fcd793]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary-color)}.right-zone[data-v-09fcd793]{display:flex;align-items:center;gap:10px}.theme-toggle-btn[data-v-09fcd793]{position:relative;width:32px;height:32px;border:1px solid var(--border-color);background:transparent;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.theme-toggle-btn[data-v-09fcd793]:hover{background:var(--bg-secondary, rgba(255, 255, 255, .04))}.theme-dropdown[data-v-09fcd793]{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary, #151515);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:8px;box-shadow:0 10px 30px #00000059;padding:6px;min-width:180px;z-index:1000}.theme-option[data-v-09fcd793]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:6px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background-color .2s ease}.theme-option[data-v-09fcd793]:hover{background:var(--bg-secondary, rgba(255, 255, 255, .04))}.theme-option[aria-checked=true][data-v-09fcd793]{background:var(--bg-secondary, rgba(255, 255, 255, .08));color:var(--primary-color)}.theme-icon[data-v-09fcd793]{font-size:18px;display:flex;align-items:center;justify-content:center;width:24px}.theme-label[data-v-09fcd793]{font-size:14px}.btn-primary[data-v-09fcd793]{height:32px}.menu-toggle[data-v-09fcd793]{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:color-mix(in oklab,var(--bg-tertiary) 5%,transparent 35%);color:var(--text-primary)}.menu-toggle[data-v-09fcd793]:hover{background:var(--bg-secondary, rgba(255, 255, 255, .04))}.menu-icon[data-v-09fcd793]{font-size:18px;line-height:1}.mobile-menu[data-v-09fcd793]{position:absolute;right:12px;top:56px;width:260px;background:var(--bg-primary, #151515);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 10px 30px #00000059;padding:8px}.menu-item[data-v-09fcd793]{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-primary)}.menu-item[data-v-09fcd793]:hover{background:var(--bg-secondary, rgba(255, 255, 255, .04))}.divider[data-v-09fcd793]{height:1px;margin:6px 4px;background:var(--border-color, rgba(255, 255, 255, .08))}.menu-group[data-v-09fcd793]{padding:6px 6px 2px}.menu-group-title[data-v-09fcd793]{font-size:12px;color:var(--text-secondary);padding:0 6px 6px}.fade-slide-enter-active[data-v-09fcd793],.fade-slide-leave-active[data-v-09fcd793]{transition:all .16s ease}.fade-slide-enter-from[data-v-09fcd793],.fade-slide-leave-to[data-v-09fcd793]{opacity:0;transform:translateY(-6px)}@media (max-width: 992px){.nav[data-v-09fcd793]{display:none}.menu-toggle[data-v-09fcd793]{display:inline-flex}.theme-toggle-btn[data-v-09fcd793],.theme-dropdown[data-v-09fcd793]{display:none}}div[data-v-2aa2a0fe]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}[data-v-2aa2a0fe] canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.animated-content[data-v-d4be2d14]{will-change:opacity,transform}.hero[data-v-a2253c8e]{position:relative;padding:6rem 0;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary)}.particles-background[data-v-a2253c8e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-content-wrapper[data-v-a2253c8e]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hero-content[data-v-a2253c8e]{max-width:1200px;margin:0 auto}.hero-title[data-v-a2253c8e]{font-size:clamp(2rem,6vw,4.5rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:1rem;background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-a2253c8e]{color:var(--text-secondary);font-size:clamp(1rem,3vw,2rem);font-weight:var(--font-weight-normal)}.hero-buttons[data-v-a2253c8e]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:4rem;margin-bottom:2.25rem}.comparison-container[data-v-55ba8259]{display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);border-radius:12px;background:var(--bg-secondary);overflow:hidden;width:100%;height:clamp(420px,62vh,900px);min-height:360px;pointer-events:auto}.comparison-wrapper[data-v-55ba8259]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.comparison-image[data-v-55ba8259]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.comparison-image img[data-v-55ba8259]{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;draggable:false}.original-image[data-v-55ba8259]{z-index:1}.generated-image[data-v-55ba8259]{z-index:2}.divider-line[data-v-55ba8259]{position:absolute;top:0;width:44px;height:100%;background:transparent;cursor:col-resize;z-index:3;transform:translate(-50%);transition:none;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.divider-line[data-v-55ba8259]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color) 40%,rgba(255,255,255,.8) 50%,var(--primary-color) 60%,var(--primary-color) 100%);pointer-events:none}.divider-line[data-v-55ba8259]:hover:before{width:2px}.divider-line[data-v-55ba8259]:after{content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.comparison-label[data-v-55ba8259]{position:absolute;font-weight:600;font-size:14px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:4;pointer-events:none;padding:8px 12px;background:rgba(0,0,0,.3);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.original-label[data-v-55ba8259]{top:12px;left:12px}.generated-label[data-v-55ba8259]{top:12px;right:12px}.upload-section[data-v-36a2d634]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;--compare-height: clamp(320px, 56vh, 720px)}.container[data-v-36a2d634]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1}.upload-area[data-v-36a2d634]{display:flex;align-items:center;justify-content:center;flex:1;min-height:280px;padding:0;border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:border-color .2s ease,background-color .2s ease,border-style .2s ease;position:relative;cursor:pointer;min-width:0;overflow:auto}.upload-area-container[data-v-36a2d634]{display:flex;flex-direction:row;gap:16px;align-items:stretch;min-height:0;overflow:hidden;flex:1;position:relative}.upload-area.processing[data-v-36a2d634]{border-color:var(--border-color);background:var(--bg-secondary)}.image-preview[data-v-36a2d634]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative}.image-preview img[data-v-36a2d634]{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}.btn-secondary[data-v-36a2d634],.btn-primary[data-v-36a2d634]{min-width:160px}.effect-overlay[data-v-36a2d634]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side at 50% 50%,rgba(255,255,255,.04),rgba(0,0,0,.1) 60%,rgba(0,0,0,.16) 100%);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);z-index:4}.sweep-light[data-v-36a2d634]{position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);animation:sweep-36a2d634 2.6s ease-in-out infinite;pointer-events:none}@keyframes sweep-36a2d634{0%{top:-100%}to{top:100%}}.processing-text[data-v-36a2d634]{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5}.spinner[data-v-36a2d634]{width:40px;height:40px;border:3px solid rgba(255,255,255,.22);border-top-color:var(--primary-color);border-radius:50%;animation:spin-36a2d634 1s linear infinite}@keyframes spin-36a2d634{to{transform:rotate(360deg)}}.processing-text p[data-v-36a2d634]{color:#fff;font-weight:600;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.45);letter-spacing:.3px}.image-name[data-v-36a2d634]{font-size:14px;color:var(--text-secondary);word-break:break-all;text-align:center;margin-top:12px;margin-bottom:12px;flex-shrink:0}.upload-button[data-v-36a2d634]{display:flex;gap:12px;margin-top:16px;justify-content:center;flex-shrink:0;flex-wrap:wrap}.reupload-button-container[data-v-36a2d634]{display:flex;gap:12px;margin-top:12px;justify-content:center;flex-shrink:0}.credits-remaining[data-v-36a2d634]{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:8px;flex-shrink:0}.upload-outer-shell[data-v-36a2d634]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.preview-row[data-v-36a2d634]{display:flex;flex-direction:column;gap:16px;align-items:stretch;margin-bottom:0;overflow:hidden;flex:1;min-height:0}.preview-row-title[data-v-36a2d634]{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:.5rem;flex-shrink:0}.upload-content-title[data-v-36a2d634]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem;color:var(--text-primary)}.preview-row .upload-area[data-v-36a2d634],.preview-row .result-area[data-v-36a2d634]{flex:1;overflow:auto}.preview-row .upload-area[data-v-36a2d634],.preview-row .comparison-container[data-v-36a2d634]{height:clamp(420px,62vh,900px)}.processing-overlay[data-v-36a2d634]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;z-index:10;animation:fadeIn-36a2d634 .3s ease-in-out}@keyframes fadeIn-36a2d634{0%{opacity:0}to{opacity:1}}.processing-content[data-v-36a2d634]{display:flex;flex-direction:column;align-items:center;gap:16px}.processing-overlay .spinner[data-v-36a2d634]{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin-36a2d634 1s linear infinite}.processing-overlay .processing-text[data-v-36a2d634]{color:#fff;font-weight:600;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.45);letter-spacing:.3px}@media (max-width: 768px){.preview-row[data-v-36a2d634]{flex-direction:column}}.hidden-seo-section[data-v-36ea05ba]{height:30%;overflow:hidden;visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:1px;opacity:0}.seo-content[data-v-36ea05ba]{padding:20px}.seo-content h2[data-v-36ea05ba]{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.seo-content p[data-v-36ea05ba]{font-size:14px;line-height:1.6;color:#666}.home[data-v-895afc38]{width:100%}.features-page[data-v-5b17313a]{width:100%;padding:60px 20px}@media (max-width: 768px){.features-page[data-v-5b17313a]{padding:40px 20px}}.pricing-page[data-v-b80eab3c]{width:100%;padding:60px 20px}.page-header[data-v-b80eab3c]{max-width:1200px;margin:0 auto 60px;text-align:center}.page-header h1[data-v-b80eab3c]{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.page-header p[data-v-b80eab3c]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width: 768px){.pricing-page[data-v-b80eab3c]{padding:40px 20px}.page-header h1[data-v-b80eab3c]{font-size:32px}.page-header p[data-v-b80eab3c]{font-size:16px}}.blog-page[data-v-d010af45]{width:100%;padding:60px 20px}.page-header[data-v-d010af45]{max-width:1200px;margin:0 auto 60px;text-align:center}.page-header h1[data-v-d010af45]{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.page-header p[data-v-d010af45]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width: 768px){.blog-page[data-v-d010af45]{padding:40px 20px}.page-header h1[data-v-d010af45]{font-size:32px}.page-header p[data-v-d010af45]{font-size:16px}}.faq-page[data-v-edff4efe]{width:100%;padding:60px 20px}.page-header[data-v-edff4efe]{max-width:1200px;margin:0 auto 60px;text-align:center}.page-header h1[data-v-edff4efe]{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.page-header p[data-v-edff4efe]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width: 768px){.faq-page[data-v-edff4efe]{padding:40px 20px}.page-header h1[data-v-edff4efe]{font-size:32px}.page-header p[data-v-edff4efe]{font-size:16px}}:root{color-scheme:light dark;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 2rem;--radius-full: 9999px;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-shadow-width: 3px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 14px 28px rgba(0, 0, 0, .15);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .25);--transition: all .3s ease;--glass-blur: 8px}:root{color-scheme:light dark}:root[data-theme=dark]{color-scheme:dark;--primary-color: #3babf6;--primary-dark: #298dff;--accent-color: #8b5cf6;--bg-primary: #0e0e13;--bg-secondary: #11141b;--bg-tertiary: #ffffff;--card-bg: #3876fa0e;--card-bg-hover: #121c33;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .14);--text-primary: #ffffff;--text-secondary: #a1a8b3;--text-tertiary: #7b8494;--border-color: #75c8ff21;--border-light: #151c2b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 14px 28px rgba(0, 0, 0, .25);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .4);--success-color: #22c55e;--danger-color: #ef4444;--warning-color: #f59e0b;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--hero-bg-start: #0b1220;--hero-bg-end: #0f172a;--footer-bg: rgb(10, 15, 29);--footer-text: #e5e7eb;--footer-muted: rgba(229, 231, 235, .7);--transition: all .3s ease}:root[data-theme=light]{color-scheme:light;--primary-color: #3b82f6;--primary-dark: #2563eb;--accent-color: #8b5cf6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--card-bg: #ffffff;--card-bg-hover: #f7f8fb;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .75);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #6b7280;--border-color: #e5e7eb;--border-light: #eef0f3;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--hero-bg-start: #f9fafb;--hero-bg-end: #f3f4f6;--footer-bg: #111827;--footer-text: #ffffff;--footer-muted: rgba(255, 255, 255, .72);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.container{height:100%;max-width:1200px;margin:0 auto;padding:0 20px}html.theme-transition,html.theme-transition *{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}:where(a,button,[role=button]){outline:none}:where(a,button,[role=button]):after{transition:var(--transition)}:where(a,button,[role=button]).focus-visible,:where(a,button,[role=button]):focus-visible{box-shadow:0 0 0 var(--focus-ring-shadow-width) color-mix(in oklab,var(--primary-color) 35%,transparent);outline:var(--focus-ring-width) solid color-mix(in oklab,var(--primary-color) 55%,transparent);outline-offset:var(--focus-ring-offset)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.header{position:fixed;left:0;width:100%;top:0;z-index:1000;background:color-mix(in oklab,var(--bg-primary) 65%,transparent);border-bottom:var(--border-width-1) solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;height:56px}.logo{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.logo-text{background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);position:relative;transition:var(--transition)}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.auth-buttons{display:flex;gap:.75rem;align-items:center}.btn{position:relative;overflow:hidden;border:none;border-radius:var(--radius-pill);padding:.625rem 1.25rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 10px color-mix(in oklab,var(--primary-color),#000 70% / 28%)}.btn-primary:hover{background:var(--primary-dark);transform:scale(.96);box-shadow:0 6px 14px color-mix(in oklab,var(--primary-color),#000 70% / 32%)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:var(--border-width-1) solid var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-clip:padding-box}.btn-secondary:hover{background:var(--glass-bg-hover);color:var(--primary-color);border-color:var(--primary-color)}.btn-ghost{background:transparent;color:var(--text-secondary);border:var(--border-width-1) solid var(--border-color)}.btn-ghost:hover{color:var(--text-primary);background:color-mix(in oklab,var(--bg-secondary) 80%,transparent)}.btn-large{padding:.875rem 2rem;font-size:var(--font-size-base)}.btn-block{width:100%}.ripple{position:absolute;border-radius:50%;background:color-mix(in oklab,#fff 32%,var(--primary-color) 68%);transform:scale(0);opacity:.6;pointer-events:none;animation:ripple .6s ease-out forwards}@keyframes ripple{to{transform:scale(3);opacity:0}}.theme-segment{display:inline-flex;align-items:center;gap:2px;padding:2px;border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.theme-segment .seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);padding:6px 10px;min-width:44px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:var(--transition)}.theme-segment .seg-btn:hover{background:color-mix(in oklab,var(--bg-tertiary) 60%,transparent);color:var(--text-primary)}.theme-segment .seg-btn[aria-checked=true]{color:var(--primary-color);background:color-mix(in oklab,var(--primary-color) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--primary-color) 40%,transparent)}.theme-segment .seg-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-shadow-width) color-mix(in oklab,var(--primary-color) 35%,transparent)}.upload-section{min-height:100vh;padding:4rem 0;background:var(--bg-primary)}.upload-area{height:100%;border:var(--border-width-2) dashed var(--border-color);border-radius:var(--radius-xl);padding:3rem;text-align:center;background:var(--bg-secondary);transition:var(--transition);cursor:pointer}.upload-area:hover{border-color:var(--primary-color);background:color-mix(in oklab,var(--primary-color) 6%,var(--bg-secondary))}.upload-outer-shell{height:100%;border:var(--border-width-2) solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem;text-align:center;background:var(--bg-primary);transition:var(--transition);cursor:pointer}.upload-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.upload-subtitle{color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-bottom:.5rem}.upload-info{color:var(--text-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:.15rem}.status{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.upload-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2.25rem}.upload-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.feature-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--success-color);color:#fff;border-radius:50%;font-size:.75rem}.upload-button{display:flex;justify-content:center;margin-top:2.25rem}.section-header{text-align:center;margin-bottom:3rem}.section-header p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.features{padding:6rem 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-xl);text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:var(--card-bg-hover)}.feature-card-icon{font-size:2rem;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.how-it-works{padding:6rem 0;background:var(--bg-primary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:var(--transition)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-bottom:.75rem}.stats{padding:6rem 0;background:var(--bg-secondary);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{text-align:center;padding:2rem}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:.5rem}.stat-label{opacity:.95;font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.pricing{padding:6rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.pricing-card{background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-xl);padding:1rem;transition:var(--transition);display:flex;flex-direction:column;position:relative}.pricing-card.featured{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color),var(--shadow-lg);transform:translateY(-4px)}.pricing-badge{position:absolute;top:-12px;right:20px;background:var(--primary-color);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700}.pricing-header{margin-bottom:1.25rem}.pricing-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.pricing-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:.5rem}.price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary)}.price-sub{color:var(--text-secondary);font-size:var(--font-size-sm)}.pricing-features{list-style:none;margin-bottom:1.25rem;flex-grow:1}.pricing-features li{padding:.5rem 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border-bottom:var(--border-width-1) solid var(--border-color)}.pricing-features li:last-child{border-bottom:none}.blog{padding:6rem 0;background:var(--bg-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.blog-card{background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);background:var(--card-bg-hover)}.blog-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in oklab,var(--bg-tertiary),#000 20%),color-mix(in oklab,var(--bg-secondary),#000 0%));color:var(--text-secondary);font-size:2rem}.blog-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:1rem;color:var(--text-primary)}.blog-card p{padding:0 1rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);flex-grow:1}.blog-meta{display:flex;gap:1rem;padding:1rem;border-top:var(--border-width-1) solid var(--border-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}.testimonials{padding:6rem 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.testimonial-card{background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:var(--transition)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);background:var(--card-bg-hover)}.testimonial-avatar{font-size:2.25rem;margin-bottom:.75rem}.testimonial-role{color:var(--primary-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:.75rem}.testimonial-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);font-style:italic}.faq{padding:6rem 0;background:var(--bg-secondary)}.faq-items{max-width:800px;margin:0 auto}.faq-item{background:var(--card-bg);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--primary-color)}.faq-question{width:100%;padding:1.25rem 1.5rem;background:var(--card-bg);border:none;text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:hover{background:color-mix(in oklab,var(--card-bg-hover),transparent 40%)}.faq-icon{font-size:var(--font-size-xl);transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 1.5rem 1.25rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.cta{padding:6rem 0;background:var(--bg-primary);color:var(--text-primary);text-align:center}.cta h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--font-weight-extrabold);margin-bottom:1rem}.cta p{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin-bottom:2rem;opacity:.95;max-width:640px;margin-inline:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.cta .btn-secondary:hover{background:rgba(255,255,255,.28);border-color:var(--text-primary)}.footer{background:var(--bg-secondary);color:var(--text-primary);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.footer-section p{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.footer-section a{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:var(--transition)}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{border-top:var(--border-width-1) solid color-mix(in oklab,var(--text-primary) 18%,transparent);padding-top:2rem;text-align:center;color:color-mix(in oklab,var(--text-primary) 70%,transparent);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}@media (max-width: 768px){.header-content{flex-wrap:wrap}.nav{gap:1rem;order:3;width:100%;margin-top:.5rem;justify-content:center}.auth-buttons{gap:.5rem}.hero-features{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.container{padding:0 15px}.nav{display:none}.upload-area{padding:2rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.section-header-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:.5rem}.section-header-title-h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem;color:var(--text-primary)}