.homepage-container{min-height:100vh;background:linear-gradient(180deg,#fff,#fff7ed)}.info-banner{background:linear-gradient(135deg,#fff7ed,#fed7aa);padding:.4rem .5rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.7rem;font-weight:500;color:#92400e;white-space:nowrap;overflow-x:auto}.info-banner-desktop{display:none}.hero-section{background:linear-gradient(180deg,#fff,#fff7ed,#fed7aa);padding:1.5rem 0 1rem}.hero-container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-header{text-align:center;margin-bottom:1.5rem}.hero-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.2}.hero-subtitle{font-size:.9rem;color:#6b7280;margin-bottom:0;font-weight:500}.stats-section{display:none}.main-content{display:flex;flex-direction:column;gap:1rem}.upload-section{order:1}.homepage-upload-zone{background:#fff;border:2px dashed #d1d5db;border-radius:20px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:200px;position:relative;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-upload-zone:hover{border-color:#9ca3af;background:#fafafa;box-shadow:0 8px 25px #00000014}.homepage-upload-zone.dragging{border-color:#dc2626;transform:scale(1.02);background:#fef2f2}.homepage-upload-zone.uploading{cursor:wait}.upload-icon{font-size:2.5rem;margin-bottom:.75rem}.upload-title{margin-bottom:.75rem;color:#1f2937;font-size:1.1rem;font-weight:700}.upload-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin-top:1rem}.btn-camera,.btn-gallery{border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s;color:#fff}.btn-camera{background:linear-gradient(135deg,#dc2626,#991b1b)}.btn-gallery{background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-camera:hover,.btn-gallery:hover{transform:translateY(-2px)}.upload-progress{width:100%}.progress-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 1.5s ease-in-out infinite}.progress-text{margin-bottom:.5rem;color:#1f2937;font-weight:600}.progress-percent{margin-bottom:1rem;font-size:2rem;font-weight:700;color:#dc2626}.progress-bar{background:#f3f4f6;height:12px;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;transition:width .3s ease,background .5s ease;box-shadow:0 2px 4px #dc26264d;position:relative;overflow:hidden}.progress-fill.in-progress{background:linear-gradient(90deg,#dc2626,#991b1b)}.progress-fill.complete{background:linear-gradient(90deg,#10b981,#059669)}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.upload-success{margin-top:1rem;color:#10b981;font-weight:600;font-size:.9rem}.trust-badges{display:none}.demo-section{order:2;position:relative;width:100%;max-width:320px;margin:1rem auto}.demo-label{text-align:center;margin-bottom:.5rem;font-size:.85rem;color:#6b7280;font-weight:500}.demo-container{position:relative;width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px;aspect-ratio:1/1}.demo-inner{position:relative;width:100%;height:100%;background:#fff;border-radius:10px;overflow:hidden}.demo-video{width:100%;height:100%;object-fit:contain;background-color:#f8f8f8}.demo-overlay{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000b3,#00000080);color:#fff;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.demo-badges-desktop,.demo-footer{display:none}.faq-section{padding:2rem 0;background:#f9fafb}.faq-container{max-width:1000px;margin:0 auto;padding:0 1rem}.faq-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#1f2937}.faq-subtitle{display:none}.faq-grid{display:grid;grid-template-columns:1fr;gap:1rem}.faq-item{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.faq-item.expanded{border-color:#dc2626}.faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.faq-question{display:flex;align-items:center;gap:.75rem;color:#1f2937;font-weight:600;font-size:.95rem}.faq-icon{font-size:1.5rem}.faq-answer{margin-top:.75rem;color:#6b7280;line-height:1.6;font-size:.85rem;padding-left:2.25rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media (min-width: 640px){.info-banner{font-size:.85rem;gap:2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.upload-buttons{flex-direction:row}.demo-section{max-width:400px}.demo-container{border-radius:16px;padding:3px}.demo-inner{border-radius:13px}.faq-title{font-size:1.75rem}}@media (min-width: 1024px){.info-banner{display:none}.info-banner-desktop{display:flex;background:linear-gradient(to right,#fef3c7,#fde68a);padding:.75rem 0;border-bottom:1px solid #fbbf24;justify-content:center}.info-banner-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center;align-items:center;gap:2rem;font-size:.9rem;font-weight:600;color:#92400e}.hero-section{background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24);padding:3rem 0 0;margin-bottom:3rem}.hero-header{margin-bottom:3rem}.hero-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;line-height:1.3}.hero-subtitle{display:none}.hero-subtitle-desktop{display:block;font-size:1.25rem;color:#92400e;margin-bottom:2rem}.stats-section{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#92400e}.stat-label{font-size:.9rem;color:#b45309}.stat-highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:12px;box-shadow:0 4px 15px #10b9814d}.stat-highlight-value{font-size:1.5rem;font-weight:700}.stat-highlight-label{font-size:.8rem;line-height:1.2}.main-content{display:grid;grid-template-columns:minmax(300px,1fr) 1.5fr;gap:3rem;align-items:center}.upload-section{order:0}.homepage-upload-zone{padding:3rem 2rem;min-height:250px;background:#fff;border:2px dashed #d1d5db;box-shadow:0 4px 15px #0000000d}.homepage-upload-zone:hover{border-color:#9ca3af;background:#fafafa;box-shadow:0 8px 25px #00000014}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-title{font-size:1.25rem;margin-bottom:.5rem}.upload-subtitle{display:block;color:#6b7280;margin-bottom:1rem}.trust-badges{display:flex;justify-content:space-around;margin-top:2rem;flex-wrap:wrap;gap:.5rem}.trust-badge{text-align:center}.trust-badge-icon{font-size:1.5rem}.trust-badge-text{font-size:.75rem;color:#6b7280;line-height:1.2;margin-top:.25rem}.payment-badges{margin-top:1.5rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.payment-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600}.payment-badge-red{background:#dc26261a;color:#dc2626;border:2px solid rgba(220,38,38,.2)}.payment-badge-green{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#059669;border:2px solid rgba(16,185,129,.3)}.demo-section{order:0;max-width:600px;margin:0 auto}.demo-label{display:none}.demo-container{border-radius:20px;padding:4px;aspect-ratio:16/9}.demo-inner{border-radius:16px}.demo-badges-desktop{display:block}.demo-badge-before{position:absolute;top:1rem;left:1rem;width:100px;height:75px;border-radius:8px;overflow:hidden;border:3px solid white;box-shadow:0 4px 20px #0000004d}.demo-badge-before img{width:100%;height:100%;object-fit:cover}.demo-badge-before-text{position:absolute;bottom:2px;left:0;right:0;background:#000000b3;color:#fff;padding:2px;font-size:9px;font-weight:600;text-align:center}.demo-badge-after{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 2px 10px #667eea80}.demo-overlay{display:none}.demo-footer{display:flex;justify-content:center;margin-top:1rem}.demo-footer-badge{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:1px solid #dc2626;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600}.faq-section{padding:4rem 0}.faq-title{font-size:2rem;margin-bottom:1rem}.faq-subtitle{display:block;text-align:center;margin-bottom:3rem;color:#6b7280;font-size:1.1rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.faq-item{padding:1.5rem}.faq-question{font-size:1rem}.faq-answer{font-size:.9rem}}@media (min-width: 1280px){.hero-container,.faq-container{max-width:1200px}.main-content{gap:4rem}}.docdrop{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;margin:12px 0 0;box-shadow:0 3px 16px #0f172a14}.docdrop__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.docdrop__title{font-size:16px;font-weight:850;color:#111827}.docdrop__sub{font-size:13px;color:#6b7280;margin-top:4px;line-height:1.4}.docdrop__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.docdrop__chips span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:750}.docdrop__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}.docdrop__zone{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed #d8dee8;border-radius:12px;min-height:86px;cursor:pointer;background:#f9fafb;transition:all .2s ease;padding:14px;text-align:center}.docdrop__zone--active{border-color:#dc2626;background:#fff7ed;transform:scale(1.005)}.docdrop__zone--full{opacity:.5;cursor:not-allowed}.docdrop__zone-icon{font-size:24px;margin-right:12px}.docdrop__zone-text{font-size:15px;color:#1f2937;font-weight:850}.docdrop__zone-hint{font-size:12px;color:#6b7280;margin-top:4px}.docdrop__input{position:absolute;inset:0;opacity:0;cursor:pointer}.docdrop__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.docdrop__workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;margin-top:10px}.docdrop__item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.docdrop__item--selected{border-color:#dc2626;background:#fff7ed}.docdrop__item-icon{font-size:18px;flex-shrink:0}.docdrop__item-info{flex:1;min-width:0}.docdrop__item-name{font-size:13px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docdrop__item-meta{font-size:11px;color:#6b7280;margin-top:2px}.docdrop__item-status{font-size:11px;font-weight:600}.docdrop__item-status--uploading{color:#d97706}.docdrop__item-status--ok{color:#16a34a}.docdrop__item-status--error{color:#dc2626}.docdrop__item-remove{background:#e5e7eb;color:#111827;border:none;width:22px;height:22px;border-radius:50%;font-size:13px;cursor:pointer;flex-shrink:0}.docdrop__viewer{border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;overflow:hidden;min-height:190px}.docdrop__viewer-head{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#fff}.docdrop__viewer-title{color:#111827;font-weight:800;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.docdrop__viewer-meta{color:#64748b;font-size:11px;margin-top:2px}.docdrop__preview{min-height:135px;display:flex;align-items:center;justify-content:center;padding:10px}.docdrop__preview img,.docdrop__preview video{display:block;max-width:100%;max-height:260px;border-radius:8px}.docdrop__preview iframe{width:100%;height:230px;border:0;border-radius:8px;background:#fff}.docdrop__preview audio{width:100%}.docdrop__preview-placeholder{text-align:center;color:#475569;padding:14px}.docdrop__preview-icon{font-size:34px;margin-bottom:8px}.docdrop__preview-copy{font-size:12px;line-height:1.45;margin-bottom:10px}.docdrop__open{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;background:#111827;color:#fff;text-decoration:none;font-weight:700;font-size:12px}@media (max-width: 600px){.docdrop__header{align-items:flex-start;flex-direction:column}.docdrop__actions{justify-content:flex-start}.docdrop__zone-icon{margin-right:6px;font-size:18px}.docdrop__zone-text{font-size:12px}.docdrop__workspace{grid-template-columns:1fr}}.modechooser{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin:12px 0}.modechooser__title{font-size:14px;font-weight:700;color:#111827;margin-bottom:4px}.modechooser__sub{font-size:12px;color:#64748b;margin-bottom:12px}.modechooser__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media (max-width: 700px){.modechooser__grid{grid-template-columns:repeat(2,1fr)}}.modechooser__card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;transition:all .18s ease;color:#111827;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:80px}.modechooser__card:hover{border-color:#cbd5e1}.modechooser__card--selected{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 2px #f9731629}.modechooser__icon{font-size:22px}.modechooser__label{font-size:12px;font-weight:700;color:#111827}.modechooser__sub-label{font-size:10px;color:#64748b;line-height:1.25}.voicechooser{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin:12px 0}.voicechooser__title{font-size:14px;font-weight:700;color:#111827;margin-bottom:4px}.voicechooser__sub{font-size:12px;color:#64748b;margin-bottom:10px}.voicechooser__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 600px){.voicechooser__grid{grid-template-columns:1fr}}.voicechooser__option{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .18s ease;color:#111827;font-family:inherit;text-align:left;display:flex;flex-direction:column;gap:2px}.voicechooser__option:hover{border-color:#cbd5e1}.voicechooser__option--selected{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 2px #f9731629}.voicechooser__opt-label{font-size:13px;font-weight:700;color:#111827}.voicechooser__opt-hint{font-size:11px;color:#64748b}