@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}a{color:inherit;text-decoration:none}:root{--primary-teal: #14B8A6;--primary-teal-dark: #0D9488;--primary-teal-light: #5EEAD4;--primary: #14B8A6;--primary-dark: #0D9488;--primary-light: #5EEAD4;--primary-coral: #14B8A6;--primary-orange: #06B6D4;--primary-peach: #5EEAD4;--secondary-purple: #0D9488;--secondary-lavender: #14B8A6;--accent-cyan: #06B6D4;--accent-emerald: #10B981;--accent-purple: #0891B2;--background-white: #FFFFFF;--background-gray-50: #F8FAFC;--background-gray-100: #F1F5F9;--surface-elevated: #FFFFFF;--background-cream: #F8FAFC;--background-light: #FFFFFF;--surface-white: #FFFFFF;--surface-warm: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-on-teal: #FFFFFF;--text-dark: #0F172A;--text-medium: #475569;--text-light: #94A3B8;--success-green: #10B981;--warning-yellow: #F59E0B;--warning-amber: #F59E0B;--error-red: #EF4444;--gradient-teal: linear-gradient(135deg, #14B8A6 0%, #06B6D4 100%);--gradient-teal-subtle: linear-gradient(135deg, #F0FDFA 0%, #ECFEFF 100%);--gradient-purple: linear-gradient(135deg, #0D9488 0%, #14B8A6 100%);--gradient-warm: linear-gradient(135deg, #14B8A6 0%, #06B6D4 50%, #5EEAD4 100%);--gradient-coral: linear-gradient(135deg, #14B8A6 0%, #06B6D4 100%);--shadow-sm: 0 2px 8px rgba(20, 184, 166, .08);--shadow-md: 0 4px 16px rgba(20, 184, 166, .12);--shadow-lg: 0 10px 30px rgba(20, 184, 166, .15);--shadow-xl: 0 20px 40px rgba(20, 184, 166, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-cream);color:var(--text-dark);line-height:1.7;overflow-x:hidden;width:100%}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background-cream);position:relative;width:100%;overflow-x:hidden}.app:before{content:"";position:fixed;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(30,167,166,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;bottom:-15%;left:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(126,182,225,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.app-header{background:var(--surface-white);padding:2rem 2rem 3rem;text-align:center;border-bottom:2px solid rgba(30,167,166,.1);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header h1{font-size:2.75rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.app-header p{color:var(--text-medium);font-size:1.25rem;font-weight:400;margin-top:.5rem}.app-main{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:4rem 2rem}.step{background:var(--surface-white);border-radius:24px;padding:3rem;margin-bottom:2.5rem;box-shadow:var(--shadow-lg);border:2px solid rgba(30,167,166,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#1ea7a626}.step h2{font-size:1.875rem;font-weight:700;margin-bottom:1.75rem;color:var(--text-dark);letter-spacing:-.02em}.dropzone{border:3px dashed rgba(30,167,166,.3);border-radius:20px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff8f399,#fff5ed99);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(25,140,178,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(.8);transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.dropzone:hover:before,.dropzone.active:before{transform:translate(-50%,-50%) scale(1.2)}.dropzone:hover,.dropzone.active{border-color:var(--primary-coral);background:linear-gradient(135deg,#198cb20d,#1ea7a60d)}.dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.upload-icon{width:56px;height:56px;color:var(--primary-coral);filter:drop-shadow(0 4px 12px rgba(25,140,178,.25));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone p{color:var(--text-medium);font-size:1.125rem;font-weight:500}.dropzone .highlight{color:var(--primary-coral);font-weight:600}.file-info{background:linear-gradient(135deg,#fff5edcc,#ffffffe6);border-radius:16px;padding:1.75rem;display:flex;align-items:center;justify-content:space-between;border:2px solid rgba(30,167,166,.15);box-shadow:var(--shadow-md)}.file-info-content{display:flex;align-items:center;gap:1.25rem}.file-icon{width:52px;height:52px;color:var(--primary-orange)}.file-details h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.file-details p{color:var(--text-light);font-size:.95rem}.upload-options{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.camera-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #14b8a64d;font-family:inherit}.camera-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a666}.camera-button:active{transform:translateY(0)}.camera-icon{width:20px;height:20px}@media(max-width:768px){.upload-options{flex-direction:column;width:100%}.upload-options button,.upload-options .camera-button{width:100%;justify-content:center}.dropzone{padding:2rem 1.5rem}.upload-icon{width:48px;height:48px}.dropzone p{font-size:1rem}}button{font-family:inherit;font-size:1.0625rem;font-weight:600;padding:.875rem 2.25rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.625rem;box-shadow:var(--shadow-md)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}button.primary{background:var(--gradient-coral);color:#fff}button.primary:hover{filter:brightness(1.05);box-shadow:0 8px 24px #198cb24d}button.secondary{background:var(--surface-warm);color:var(--text-dark);border:2px solid rgba(30,167,166,.2)}button.secondary:hover{background:var(--background-light);border-color:#1ea7a666}button.danger{background:var(--error-red);color:#fff}button.success{background:var(--success-green);color:#fff}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{transform:none;box-shadow:var(--shadow-md)}.config-panel{display:grid;gap:2.5rem}.config-section{display:grid;gap:1.25rem}.config-section h3{font-size:1.375rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.625rem}label{font-weight:500;color:var(--text-medium);font-size:.9375rem;letter-spacing:.01em}input[type=text],input[type=number],select{font-family:inherit;font-size:1rem;padding:.875rem 1.125rem;border-radius:12px;border:2px solid rgba(30,167,166,.2);background:var(--surface-white);color:var(--text-dark);transition:all .2s}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--primary-coral);box-shadow:0 0 0 4px #198cb21a}input[type=range]{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--primary-coral),var(--primary-peach));outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--surface-white);cursor:pointer;box-shadow:0 2px 8px #198cb24d;border:3px solid var(--primary-coral)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--surface-white);cursor:pointer;box-shadow:0 2px 8px #198cb24d;border:3px solid var(--primary-coral)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.checkbox-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;background:var(--surface-warm);border-radius:12px;border:2px solid rgba(30,167,166,.15);transition:all .2s}.checkbox-item:hover{background:var(--surface-white);border-color:var(--primary-coral);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.checkbox-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-coral);cursor:pointer}.checkbox-item label{margin:0;font-size:1rem;cursor:pointer;color:var(--text-dark);font-weight:500}.cost-estimator{background:linear-gradient(135deg,#48bb7814,#48bb780a);border:2px solid rgba(72,187,120,.2);border-radius:16px;padding:2rem;margin:2rem 0}.cost-estimator h3{color:var(--success-green);font-size:1.375rem;font-weight:600;margin-bottom:1.25rem}.estimate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.estimate-item{display:flex;flex-direction:column;gap:.5rem}.estimate-item .label{font-size:.9375rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.estimate-item .value{font-size:1.75rem;font-weight:700;color:var(--text-dark)}.estimate-item .value.cost{color:var(--success-green);font-size:2.25rem}.progress-tracker{background:linear-gradient(135deg,rgba(255,245,237,.6) 0%,var(--surface-white) 100%);border-radius:16px;padding:2.5rem;border:2px solid rgba(30,167,166,.15);box-shadow:var(--shadow-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.progress-header h3{font-size:1.375rem;font-weight:600;color:var(--text-dark)}.progress-percentage{font-size:1.75rem;font-weight:700;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-container{height:14px;background:#1ea7a626;border-radius:20px;overflow:hidden;margin-bottom:1.25rem;box-shadow:inset 0 2px 4px #0000000f}.progress-bar{height:100%;background:var(--gradient-warm);border-radius:20px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #198cb266;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-message{color:var(--text-medium);font-size:1.0625rem;margin-top:1rem;font-weight:500}.progress-details{display:flex;gap:2.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(30,167,166,.1)}.progress-detail-item{display:flex;flex-direction:column;gap:.375rem}.progress-detail-item .label{font-size:.8125rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.progress-detail-item .value{font-size:1.125rem;font-weight:600;color:var(--text-dark)}.custom-audio-player{background:linear-gradient(135deg,var(--surface-warm) 0%,var(--surface-white) 100%);border-radius:20px;padding:0;border:2px solid rgba(30,167,166,.15);box-shadow:var(--shadow-lg);overflow:hidden}.custom-audio-player .player-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(30,167,166,.1)}.custom-audio-player .player-header h2{font-size:1rem;font-weight:600;color:var(--text-medium);text-transform:uppercase;letter-spacing:.05em;margin:0}.custom-audio-player .play-audio-btn{background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.custom-audio-player .play-audio-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.custom-audio-player .play-audio-btn.playing{background:var(--text-medium)}.custom-audio-player .player-body{padding:1.5rem}.custom-audio-player .player-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.custom-audio-player .audio-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.custom-audio-player .duration-badge{background:#1ea7a626;color:var(--primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.custom-audio-player .play-narration-btn{display:flex;align-items:center;gap:.75rem;background:#0d9488;border:none;padding:.875rem 1.5rem;border-radius:30px;cursor:pointer;transition:all .2s ease;margin-bottom:1.25rem;width:fit-content}.custom-audio-player .play-narration-btn:hover{background:#0f766e;transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.custom-audio-player .play-narration-btn svg{width:24px;height:24px;color:#fff}.custom-audio-player .play-narration-btn span{font-size:1rem;font-weight:600;color:#fff}.custom-audio-player .waveform{position:relative;height:60px;cursor:pointer;margin-bottom:.75rem;border-radius:8px;overflow:hidden}.custom-audio-player .waveform-bars{display:flex;align-items:center;justify-content:space-between;height:100%;gap:3px}.custom-audio-player .waveform-bars .bar{flex:1;background:var(--primary);border-radius:3px;height:var(--height, 50%);min-height:8px;transition:opacity .15s ease,height .3s ease}.custom-audio-player .waveform-bars .bar.animate{animation:waveform-bounce .6s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes waveform-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.custom-audio-player .progress-line{position:absolute;top:0;bottom:0;width:3px;background:var(--primary-dark);border-radius:2px;pointer-events:none;box-shadow:0 0 8px #1ea7a680}.custom-audio-player .time-display{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-light);font-weight:500}.custom-audio-player .download-section{padding:1.25rem 1.5rem;border-top:1px solid rgba(30,167,166,.1);background:#1ea7a608}.custom-audio-player .download-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.custom-audio-player .download-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1ea7a64d}.custom-audio-player .download-button svg{width:20px;height:20px}.custom-audio-player .download-button.disabled{background:var(--text-light);cursor:not-allowed;opacity:.7}.custom-audio-player .premium-download-gate{text-align:center}.custom-audio-player .premium-notice{margin-top:1rem;padding:1rem;background:#f59e0b1a;border-radius:12px;border:1px solid rgba(245,158,11,.2)}.custom-audio-player .premium-notice .lock-icon{font-size:1.25rem;display:block;margin-bottom:.5rem}.custom-audio-player .premium-notice p{color:var(--text-medium);font-size:.875rem;margin:0 0 .5rem}.custom-audio-player .upgrade-link{color:var(--primary);font-weight:600;text-decoration:none;font-size:.875rem}.custom-audio-player .upgrade-link:hover{text-decoration:underline}@media(max-width:480px){.custom-audio-player .player-header{flex-direction:column;gap:.75rem;text-align:center}.custom-audio-player .player-info{flex-direction:column;align-items:flex-start;gap:.5rem}.custom-audio-player .audio-title{max-width:100%}}.job-history{background:var(--surface-white);border-radius:24px;padding:2.5rem;margin-bottom:2.5rem;border:2px solid rgba(30,167,166,.08);box-shadow:var(--shadow-lg)}.job-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.job-history-header h2{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-dark)}.job-history h2{font-size:1.875rem;font-weight:700;margin-bottom:2rem;color:var(--text-dark)}.bulk-actions{display:flex;gap:.75rem}.bulk-delete-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover:not(:disabled){background:#dc2626}.bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.select-column{width:40px;text-align:center}.jobs-table tbody tr.selected,.jobs-table tbody tr.selected td{background:#1ea7a614}.jobs-table{width:100%;border-collapse:separate;border-spacing:0 .75rem;table-layout:fixed}.jobs-table thead th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-medium);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-warm);border-radius:8px}.jobs-table thead th:first-child{border-radius:8px 0 0 8px}.jobs-table thead th:last-child{border-radius:0 8px 8px 0}.jobs-table tbody tr{transition:all .3s ease}.jobs-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.jobs-table tbody td{padding:1rem;background:var(--background-light);color:var(--text-dark);border-top:none;overflow:hidden}.job-filename{max-width:240px;white-space:nowrap;text-overflow:ellipsis}.jobs-table tbody tr td:first-child{border-radius:8px 0 0 8px}.jobs-table tbody tr td:last-child{border-radius:0 8px 8px 0}.jobs-table td.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-button.download{background:var(--surface-white);color:var(--primary-coral);border-color:#1ea7a64d}.action-button.delete{background:#fc818126;color:var(--error-red);border-color:#fc818166}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.completed{background:#48bb7826;color:var(--success-green);border:1px solid rgba(72,187,120,.3)}.status-badge.processing{background:#f6ad5526;color:var(--warning-yellow);border:1px solid rgba(246,173,85,.3)}.status-badge.failed{background:#fc818126;color:var(--error-red);border:1px solid rgba(252,129,129,.3)}.status-badge.queued{background:#7eb6e126;color:var(--secondary-purple);border:1px solid rgba(126,182,225,.3)}.job-status-badge{display:inline-block;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.processing-indicator{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.875rem;font-weight:500}.spinner-small{width:14px;height:14px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-hint{color:#ef4444;font-size:.8125rem;cursor:help;text-decoration:underline dotted}.job-actions{display:flex;gap:.5rem}.job-actions button{padding:.625rem 1.25rem;font-size:.9375rem}.loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-medium)}.spinner{width:28px;height:28px;border:3px solid rgba(25,140,178,.2);border-top-color:var(--primary-coral);border-radius:50%;animation:spin .8s linear infinite}.error{background:#fc81811a;border:2px solid rgba(252,129,129,.25);border-radius:12px;padding:1.75rem;color:var(--error-red);margin:1.5rem 0;font-weight:500}@media(max-width:768px){.app-header h1{font-size:2.25rem}.app-main{padding:2.5rem 1.5rem}.step{padding:2rem}.dropzone{padding:2rem 1.5rem}.upload-icon{width:48px;height:48px}.dropzone p{font-size:1rem}.estimate-grid,.checkbox-group{grid-template-columns:1fr}.jobs-table thead{display:none}.jobs-table,.jobs-table tbody{display:block}.jobs-table tbody tr{display:block;background:var(--surface-white);border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014}.jobs-table tbody tr:hover{transform:none}.jobs-table tbody td{display:block;padding:.5rem 0;background:transparent;border-radius:0;text-align:left}.jobs-table tbody tr td:first-child,.jobs-table tbody tr td:last-child{border-radius:0}.jobs-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-medium);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.jobs-table tbody td:first-child:before{content:none}.jobs-table td.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.action-button{flex:1;min-width:calc(50% - .25rem);font-size:.875rem;padding:.625rem .75rem}.job-history{padding:1.5rem}.job-history h2{font-size:1.5rem}.job-type-badge{font-size:.875rem;padding:.375rem .875rem;margin-bottom:.5rem}.status-badge{font-size:.875rem;padding:.375rem .75rem}.action-button{min-height:44px;justify-content:center}.progress-details{flex-direction:column;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:#1ea7a64d;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#1ea7a680}.navigation{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8f3f2;box-shadow:0 2px 10px #1ea7a614;z-index:1000;transition:all .3s ease}.nav-container{max-width:100%;margin:0 auto;padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-brand{text-decoration:none;color:var(--text-dark);transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.nav-brand h2{font-size:1.5rem;font-weight:700;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav-logo{width:36px;height:36px;border-radius:10px;object-fit:contain;box-shadow:0 8px 18px #14b8a62e}.nav-brand:hover{transform:translateY(-2px)}.nav-links{display:flex;gap:1.25rem;align-items:center}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-auth-error{font-size:.85rem;color:var(--error-red)}.nav-user{font-size:.9rem;color:var(--text-medium)}.nav-user-menu{position:relative}.nav-user-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#f8fafccc;font-weight:600;color:var(--text-dark);cursor:pointer}.nav-user-name{max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-user-caret{width:8px;height:8px;border-right:2px solid var(--text-medium);border-bottom:2px solid var(--text-medium);transform:rotate(45deg);transition:transform .2s ease}.nav-user-caret.open{transform:rotate(-135deg)}.nav-user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border-radius:14px;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-lg);min-width:180px;display:grid;overflow:hidden;z-index:20}.nav-user-item{padding:.75rem 1rem;text-decoration:none;color:var(--text-dark);background:#fff;border:none;text-align:left;font-weight:600;cursor:pointer}.nav-user-item:hover{background:#14b8a614}.nav-status{font-size:.9rem;color:var(--text-light)}.nav-auth-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(20,184,166,.3);color:var(--primary-teal);background:#14b8a614;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:none}.nav-auth-btn.primary{background:var(--gradient-teal);color:#fff;border-color:transparent}.nav-auth-btn:hover{background:#14b8a62e}.nav-auth-btn.secondary{border-color:#94a3b866;color:var(--text-dark);background:#f8fafccc}.auth-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:2000}.auth-backdrop{position:absolute;inset:0;background:#0f172a73}.auth-panel{position:relative;width:min(420px,92vw);background:#fff;border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);display:grid;gap:1rem}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-header h3{font-size:1.25rem;color:var(--text-dark)}.auth-close{border:none;background:transparent;color:var(--text-medium);font-weight:600;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.auth-tabs button{padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#f8fafccc;font-weight:600;cursor:pointer}.auth-tabs button.active{background:#14b8a61f;border-color:#14b8a666;color:var(--primary-teal)}.auth-body{display:grid;gap:.75rem}.auth-body input{padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(148,163,184,.4);font-size:.95rem}.auth-checkboxes{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0}.auth-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-medium);cursor:pointer;line-height:1.4}.auth-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--primary-teal);cursor:pointer}.auth-checkbox a{color:var(--primary-teal);text-decoration:none}.auth-checkbox a:hover{text-decoration:underline}.username-field{position:relative}.username-field input{width:100%;padding-right:80px}.username-field input.input-error{border-color:var(--error-red)}.username-field input.input-success{border-color:var(--success-green)}.username-status{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:500}.username-status.checking{color:var(--text-light)}.username-status.available{color:var(--success-green)}.username-status.taken{color:var(--error-red)}.auth-divider{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin:.35rem 0 .1rem}.verification-sent{text-align:center;padding:1rem 0}.verification-sent .verification-icon{font-size:3rem;margin-bottom:1rem}.verification-sent h4{font-family:Fraunces,serif;font-size:1.25rem;color:var(--text-dark);margin-bottom:.75rem}.verification-sent p{color:var(--text-medium);font-size:.95rem;margin-bottom:.5rem}.verification-sent p strong{color:var(--primary-teal)}.verification-sent .verification-note{font-size:.85rem;color:var(--text-light);margin-bottom:1.5rem}.verification-sent .nav-auth-btn{width:100%;margin-bottom:.5rem}.nav-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-medium);font-weight:600;font-size:1rem;padding:.5rem 1rem;border-radius:999px;transition:all .2s ease;position:relative}.nav-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #14b8a64d}.nav-link:hover{color:var(--primary-coral);background:#198cb214}.nav-link.active{color:var(--primary-coral);background:#198cb229}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:20%;right:20%;height:3px;border-radius:999px;background:var(--gradient-coral)}.nav-link.primary{background:var(--gradient-teal);color:#fff;border:1px solid transparent;box-shadow:0 10px 24px #14b8a633}.nav-link.primary:hover{background:var(--gradient-teal);color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px #14b8a640}.nav-link.primary.active{background:var(--gradient-teal);color:#fff}.nav-link.primary.active:after{display:none}.landing-page{width:100%;overflow-x:hidden}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;overflow:hidden;padding:2rem 4rem 4rem;background:linear-gradient(180deg,var(--background-light) 0%,var(--background-cream) 100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-content{max-width:600px;text-align:left;animation:fadeInLeft .8s ease-out;z-index:10}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:3.25rem;font-weight:800;margin-bottom:1rem;color:var(--text-dark);line-height:1.15;font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}.hero-subtitle{font-size:1.2rem;color:var(--text-medium);margin-bottom:1.5rem;line-height:1.6;max-width:50ch}.hero-cta-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.hero-cta-note{font-size:.875rem;color:var(--text-medium)}.hero-use-cases{margin-top:1.5rem;display:grid;gap:.75rem}.hero-use-label{font-size:.9rem;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.08em}.hero-use-list{display:grid;gap:.5rem;list-style:none;padding:0;margin:0;color:var(--text-medium);font-size:.95rem}.hero-use-list li{position:relative;padding-left:1.25rem}.hero-use-list li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:50%;background:var(--primary-teal)}.hero-social-proof{margin-top:1rem;padding:.875rem 1.25rem;background:#14b8a60f;border-left:3px solid var(--primary-teal);border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:.375rem}.hero-social-proof .proof-quote{font-style:italic;color:var(--text-dark);font-size:.95rem;line-height:1.45}.hero-social-proof .proof-attribution{font-size:.8rem;color:var(--text-medium);font-weight:500}.hero-outputs{margin:1.25rem 0;padding:1.25rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid var(--primary-teal)}.hero-outputs-label{font-size:.8rem;font-weight:700;color:var(--primary-teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.hero-outputs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.output-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .75rem;background:linear-gradient(135deg,#14b8a61a,#06b6d414);border-radius:12px;border:1px solid rgba(20,184,166,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.output-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #14b8a633;background:linear-gradient(135deg,#14b8a626,#06b6d41f)}.output-item .output-icon{font-size:2rem;line-height:1}.output-item .output-name{font-size:.9rem;font-weight:700;color:var(--text-dark)}.output-item .output-detail{font-size:.8rem;color:var(--primary-teal);font-weight:600}.hero-cta-subtext{margin-top:.75rem;font-size:.875rem;color:var(--text-medium)}.hero-title{opacity:0;transform:translateY(20px);animation:heroReveal .6s ease-out .1s forwards}.hero-subtitle{opacity:0;transform:translateY(20px);animation:heroReveal .6s ease-out .2s forwards}.hero-cta-group{opacity:0;transform:translateY(20px);animation:heroReveal .6s ease-out .3s forwards}.hero-outputs{opacity:0;transform:translateY(20px);animation:heroReveal .6s ease-out .4s forwards}.hero-social-proof{opacity:0;transform:translateY(20px);animation:heroReveal .6s ease-out .5s forwards}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);border-radius:999px;font-size:.875rem;font-weight:600;color:var(--primary-teal);margin-bottom:1.5rem;opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.hero-studio-switch{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;max-width:500px}.studio-switch-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#fff;border:2px solid var(--background-gray-100);border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.studio-switch-btn:hover{border-color:var(--primary-teal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.studio-switch-btn.active{background:linear-gradient(135deg,#14b8a6,#06b6d4);border-color:var(--primary-teal);color:#fff;box-shadow:var(--shadow-lg)}.switch-icon{font-size:2rem;line-height:1}.switch-label{font-size:1rem;font-weight:600}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.processing-demo{animation:fadeInRight .8s ease-out;z-index:10;display:flex;justify-content:center}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.demo-float{animation:demoFloat 7s ease-in-out infinite;filter:blur(0px);will-change:transform,filter}@keyframes demoFloat{0%,to{transform:translateY(0);filter:blur(0px)}50%{transform:translateY(-8px);filter:blur(.4px)}}.demo-mode-toggle{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem;background:#14b8a60d;border-radius:16px;max-width:560px;margin-left:auto;margin-right:auto}.demo-mode-toggle button{flex:1;padding:.875rem 1.5rem;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--text-medium);font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.demo-mode-toggle button:hover{background:#14b8a614;color:var(--primary-teal)}.demo-mode-toggle button.active{background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border-color:var(--primary-teal);box-shadow:0 4px 12px #14b8a64d;transform:translateY(-1px)}.demo-window{background:var(--surface-white);border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(30,167,166,.1);width:100%;max-width:560px;margin:0 auto;transform:translate3d(var(--parallax-x, 0px),var(--parallax-y, 0px),0);transition:transform .2s ease-out}.window-header{background:linear-gradient(135deg,#ecf7f9,#f2fafb);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(30,167,166,.1)}.window-dots{display:flex;gap:.5rem}.window-dots span{width:12px;height:12px;border-radius:50%;background:var(--primary-coral);opacity:.3}.window-dots span:nth-child(1){background:#fc8181;opacity:.6}.window-dots span:nth-child(2){background:#f6ad55;opacity:.6}.window-dots span:nth-child(3){background:#48bb78;opacity:.6;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.window-title{font-size:.875rem;font-weight:600;color:var(--text-medium)}.demo-content{padding:3rem 2rem;display:flex;align-items:center;justify-content:space-around;gap:2rem;min-height:250px}.document-icon{position:relative;width:100px;animation:float 3s ease-in-out infinite;will-change:transform}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.document-icon{will-change:transform}.document-icon svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(20,184,166,.2))}.particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--primary-coral);border-radius:50%;animation:particleFloat 2s ease-in-out infinite;animation-delay:var(--delay);opacity:0;will-change:transform,opacity}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0) scale(0)}50%{opacity:.8;transform:translate(var(--tx, 30px),var(--ty, -30px)) scale(1.5)}}.particle:nth-child(1){--tx: 40px;--ty: -40px}.particle:nth-child(2){--tx: -40px;--ty: -40px}.particle:nth-child(3){--tx: 40px;--ty: 40px}.particle:nth-child(4){--tx: -40px;--ty: 40px}.particle:nth-child(5){--tx: 50px;--ty: 0px}.particle:nth-child(6){--tx: -50px;--ty: 0px}.particle:nth-child(7){--tx: 0px;--ty: 50px}.particle:nth-child(8){--tx: 0px;--ty: -50px}.particle:nth-child(9){--tx: 35px;--ty: -25px}.particle:nth-child(10){--tx: -35px;--ty: 25px}.particle:nth-child(11){--tx: 25px;--ty: 35px}.particle:nth-child(12){--tx: -25px;--ty: -35px}.arrow-container{animation:arrowPulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.arrow-container svg{will-change:opacity}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}.audio-icon{width:100px;animation:float 3s ease-in-out infinite;animation-delay:.5s;will-change:transform}.audio-icon svg{width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(20,184,166,.3))}.video-icon{position:relative;width:120px;height:100px;animation:float 3s ease-in-out infinite;will-change:transform}.video-icon svg{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(20,184,166,.2))}.text-icon{position:relative;width:100px;animation:float 3s ease-in-out infinite;animation-delay:.2s;will-change:transform}.text-icon svg{width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(6,182,212,.3))}.typing-line{animation:typingExpand 2s ease-in-out infinite}.typing-line.line-1{animation-delay:0s}.typing-line.line-2{animation-delay:.3s}.typing-line.line-3{animation-delay:.6s}.typing-line.line-4{animation-delay:.9s}@keyframes typingExpand{0%,to{x2:15}50%{x2:65}}.wave{animation:waveAnimation 1.5s ease-in-out infinite;opacity:.7;will-change:transform,opacity}.wave-1{animation-delay:0s}.wave-2{animation-delay:.2s}.wave-3{animation-delay:.4s}@keyframes waveAnimation{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.demo-progress{padding:1.5rem 2rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(30,167,166,.03) 100%)}.studio-panel{padding:2rem;display:grid;gap:1.5rem;background:linear-gradient(180deg,#f8fafc99,#ecfeffcc)}.studio-dropzone{border:2px dashed rgba(20,184,166,.25);border-radius:18px;padding:1.25rem;background:#ffffffb3;display:grid;gap:.4rem}.studio-dropzone.interactive{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;border:2px dashed rgba(20,184,166,.3);background:#14b8a605;transition:all .2s ease}.studio-dropzone.interactive:hover{border-color:var(--primary-teal);background:#14b8a60d}.dropzone-icon{color:var(--primary-teal);opacity:.6}.dropzone-browse-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--background-gray-100);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-medium);cursor:pointer;transition:all .2s ease}.dropzone-browse-btn:hover{background:#14b8a60d;border-color:var(--primary-teal);color:var(--primary-teal)}.dropzone-title{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.dropzone-file{font-size:1rem;font-weight:600;color:var(--text-dark)}.dropzone-meta{font-size:.85rem;color:var(--text-light)}.studio-pipeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.5rem 0}.studio-pipeline:before{content:"";position:absolute;top:55%;left:6%;right:6%;height:2px;background:#14b8a626}.pipeline-step{position:relative;display:grid;gap:.5rem;align-items:center;text-align:center;font-size:.7rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pipeline-step span{min-height:24px}.pipeline-dot{width:10px;height:10px;margin:0 auto;border-radius:999px;background:#14b8a633;border:2px solid rgba(20,184,166,.3)}.pipeline-step.active{color:var(--primary-teal)}.pipeline-step.active .pipeline-dot{background:var(--primary-teal);box-shadow:0 0 10px #14b8a666}.studio-pipeline-bar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;background:#f1f5f980;border-radius:12px;margin:1rem 0}.pipeline-bar-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:1}.pipeline-bar-dot{width:12px;height:12px;border-radius:50%;background:var(--background-gray-100);border:2px solid var(--background-gray-100);transition:all .3s ease;z-index:2}.pipeline-bar-step.active .pipeline-bar-dot{background:var(--primary-teal);border-color:var(--primary-teal);box-shadow:0 0 0 4px #14b8a626}.pipeline-bar-label{font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.pipeline-bar-step.active .pipeline-bar-label{color:var(--primary-teal)}.pipeline-bar-connector{position:absolute;top:6px;left:50%;width:100%;height:2px;background:var(--background-gray-100);z-index:1}.pipeline-bar-step.active .pipeline-bar-connector{background:var(--primary-teal)}.studio-output-panel{border:1px solid var(--background-gray-100);border-radius:12px;padding:1.25rem;background:#fff;margin-top:1rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.output-label{font-size:.875rem;font-weight:600;color:var(--text-medium);text-transform:uppercase;letter-spacing:.05em}.output-action-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.output-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.studio-progress{display:grid;gap:.5rem;font-size:.85rem;color:var(--text-medium)}.studio-track{height:8px;border-radius:999px;background:#14b8a61f;overflow:hidden}.studio-fill{height:100%;background:var(--gradient-teal);border-radius:999px;transition:width .4s ease}.studio-output{border-radius:16px;padding:1.25rem;background:#ffffffe6;border:1px solid rgba(20,184,166,.15);display:grid;gap:.75rem}.output-header{display:flex;justify-content:space-between;align-items:center}.output-title{font-size:.95rem;font-weight:600;color:var(--text-dark)}.output-chip{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:#14b8a61f;color:var(--primary-teal);padding:.2rem .5rem;border-radius:999px}.audio-preview-button{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(20,184,166,.2);background:#14b8a614;color:var(--primary-teal-dark);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:none;font-size:.9rem}.audio-preview-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #14b8a626}.play-icon{width:22px;height:22px;border-radius:50%;background:var(--primary-teal);position:relative}.play-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-30%,-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid white}.waveform{display:grid;grid-template-columns:repeat(auto-fit,minmax(6px,1fr));gap:4px;align-items:end;height:48px}.waveform span{display:block;width:100%;height:var(--h, 40%);background:#14b8a680;border-radius:6px}.transcript-lines{display:grid;gap:.5rem;font-size:.85rem;color:var(--text-medium)}.transcript-lines .line{padding:.5rem .6rem;border-radius:10px;background:#94a3b826}.transcript-lines .line.active{background:#14b8a626;color:var(--text-dark)}.progress-label{font-size:.875rem;font-weight:600;color:var(--text-medium);margin-bottom:.75rem;text-align:center}.progress-track{height:8px;background:#1ea7a61a;border-radius:8px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-coral);border-radius:8px;transition:width .8s ease-out;position:relative;box-shadow:0 0 20px #198cb280}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerProgress 1.5s infinite;will-change:transform}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.processing-demo .document-icon,.processing-demo .audio-icon,.processing-demo .video-icon,.processing-demo .text-icon,.processing-demo .particles,.processing-demo .arrow-container,.processing-demo .wave,.processing-demo .typing-line{animation:none;opacity:1;transform:none}.progress-fill{animation:none}}@media(max-width:1024px){.tour-layout{grid-template-columns:1fr}.tour-preview{position:static}}@media(max-width:768px){.studio-panel{padding:1.5rem}.studio-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem}.studio-pipeline:before{display:none}.tour-step{grid-template-columns:1fr}.tour-cta{justify-items:center;text-align:center}.tour-tab,.use-case-tab{width:100%;justify-content:center}.who-card{padding:1.5rem}}.button{padding:.875rem 2rem;border-radius:16px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block}.button.primary{background:var(--gradient-coral);color:#fff;box-shadow:0 4px 16px #198cb24d}.button.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #198cb266}.button.primary:active{transform:translateY(0) scale(.98);transition-duration:.1s}.button.secondary{background:var(--surface-white);color:var(--primary-coral);border:2px solid var(--primary-coral)}.button.secondary:hover{background:#198cb214;transform:translateY(-2px) scale(1.02)}.button.secondary:active{transform:translateY(0) scale(.98);transition-duration:.1s}.button.large{padding:1.125rem 2.5rem;font-size:1.125rem}.button.cta-glow{position:relative;z-index:0}.button.cta-glow:after{content:"";position:absolute;inset:-12px;border-radius:24px;background:radial-gradient(circle,rgba(30,167,166,.35),transparent 65%);opacity:0;animation:ctaBreath 2.8s ease-in-out infinite;z-index:-1}@keyframes ctaBreath{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.6;transform:scale(1.04)}}.features-section{padding:6rem 2rem;background:var(--surface-white);width:100%}.section-container{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-dark);font-family:Fraunces,Georgia,serif}.section-heading{display:grid;gap:1rem;justify-items:center;margin-bottom:3rem}.section-heading .section-title{margin-bottom:0}.section-subtitle{font-size:1.1rem;color:var(--text-medium);text-align:center;max-width:65ch;margin:0 auto}.section-subtitle{font-size:1.125rem;color:var(--text-medium);text-align:center;margin-bottom:3rem;margin-top:-1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;width:100%}.feature-card{background:var(--background-cream);padding:2.5rem;border-radius:24px;box-shadow:var(--shadow-md);transition:all .3s ease;text-align:center;opacity:0;animation:fadeInUp .6s ease-out forwards;min-width:0;overflow:hidden}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface-white);display:flex;align-items:center;justify-content:center}.feature-icon img{width:100%;height:100%;object-fit:cover}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.feature-card p{color:var(--text-medium);line-height:1.7}.metrics-section{padding:2rem;background:linear-gradient(180deg,var(--background-cream) 0%,var(--surface-white) 100%)}.metrics-compact{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:2rem 0}.metric-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid var(--background-gray-100);border-radius:999px;font-size:.9375rem;font-weight:500;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:all .2s ease}.metric-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;text-align:center}.metric-card{background:var(--surface-white);border-radius:20px;padding:2rem;border:1px solid rgba(30,167,166,.12);box-shadow:var(--shadow-sm)}.metric-value{font-size:2.5rem;font-weight:700;color:var(--text-dark);position:relative;display:inline-block;padding:.25rem .75rem}.metric-value:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(126,182,225,.3),transparent 65%);z-index:-1;border-radius:999px}.metric-label{margin-top:.75rem;font-size:.95rem;color:var(--text-medium);text-transform:uppercase;letter-spacing:.08em}.tour-section{padding:6rem 2rem;background:var(--surface-white);width:100%}.tour-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.tour-tab{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;border:1px solid rgba(20,184,166,.25);background:#14b8a614;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:none;font-size:.95rem}.tour-tab.active{background:var(--gradient-teal);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.tour-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:800px;margin:3rem auto}.tour-mode-btn{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;background:#fff;border:2px solid var(--background-gray-100);border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.tour-mode-btn:hover{border-color:var(--primary-teal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tour-mode-btn.active{background:linear-gradient(135deg,#14b8a6,#06b6d4);border-color:var(--primary-teal);color:#fff;box-shadow:var(--shadow-lg)}.mode-icon{font-size:2rem;line-height:1}.mode-label{font-size:1.125rem;font-weight:600}.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}.tour-steps{display:grid;gap:1.5rem}.tour-steps-column{display:flex;flex-direction:column;gap:1.25rem}.tour-step-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;padding:1.75rem;border-radius:16px;border:2px solid var(--background-gray-100);background:#fff;transition:all .2s ease;cursor:pointer}.tour-step-card:hover{border-color:var(--primary-teal);transform:translate(4px);box-shadow:var(--shadow-md)}.tour-step-card.active{border-color:var(--primary-teal);background:#ecfeff80;box-shadow:var(--shadow-lg);transform:translate(8px)}.step-number-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-gray-100);color:var(--text-medium);font-size:1.125rem;font-weight:700;transition:all .2s ease}.tour-step-card.active .step-number-badge{background:var(--primary-teal);color:#fff}.step-content{flex:1}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}.step-description{font-size:.9375rem;color:var(--text-medium);line-height:1.6;max-width:60ch}.step-indicator{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);transition:all .2s ease}.tour-step-card.active .step-indicator{color:var(--primary-teal);transform:translate(4px)}.tour-cta-btn{display:flex;align-items:center;justify-content:center;padding:1.25rem 2rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:600;text-decoration:none;margin-top:1rem;transition:all .2s ease;box-shadow:var(--shadow-md)}.tour-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tour-preview-column{position:relative}.tour-preview-sticky{position:sticky;top:100px;height:fit-content}.tour-step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.5rem;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:#f8fafcb3;transition:all .2s ease;cursor:pointer}.tour-step:hover{border-color:#14b8a659;box-shadow:var(--shadow-sm)}.tour-step.active{border-color:#14b8a680;background:#ecfeffcc;box-shadow:var(--shadow-md)}.tour-step:focus-visible{outline:2px solid rgba(20,184,166,.6);outline-offset:2px}.tour-step h3{font-size:1.2rem;margin-bottom:.4rem;color:var(--text-dark)}.tour-step p{color:var(--text-medium);max-width:60ch}.step-index{font-size:.85rem;font-weight:700;color:var(--primary-teal);letter-spacing:.1em}.tour-preview{position:sticky;top:80px;display:grid;gap:1.5rem}.tour-preview-panel{padding:1.75rem;display:grid;gap:1.25rem}.tour-preview-body{display:grid;gap:1.25rem}.preview-drop{border-radius:16px;padding:1.25rem;border:1px dashed rgba(20,184,166,.3);background:#14b8a60d;display:grid;gap:.35rem}.preview-title{font-weight:600;color:var(--text-dark)}.preview-file{font-size:1.05rem;font-weight:600;color:var(--primary-teal-dark)}.preview-meta{font-size:.85rem;color:var(--text-light)}.preview-progress{display:grid;gap:.5rem;color:var(--text-medium);font-size:.9rem}.preview-track{height:8px;border-radius:999px;background:#14b8a626;overflow:hidden}.preview-fill{height:100%;background:var(--gradient-teal);border-radius:999px}.preview-lines{display:grid;gap:.6rem}.preview-line{height:8px;border-radius:999px;background:#94a3b833}.preview-line.long{width:90%}.preview-line.short{width:55%}.preview-editor{border-radius:16px;border:1px solid rgba(20,184,166,.2);background:#fff;padding:1.25rem;display:grid;gap:.75rem}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-medium)}.editor-pill{background:#14b8a626;color:var(--primary-teal-dark);padding:.2rem .6rem;border-radius:999px;font-weight:600}.editor-body{font-size:.95rem;color:var(--text-dark);line-height:1.6}.editor-body mark{background:#fde04759;padding:0 .15rem;border-radius:4px}.preview-select{display:grid;gap:.4rem}.preview-select label{font-size:.85rem;color:var(--text-medium);font-weight:600}.fake-select{padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#f8fafce6;font-weight:600;color:var(--text-dark)}.preview-export{display:flex;gap:.75rem;flex-wrap:wrap}.preview-note{font-size:.85rem;color:var(--text-light)}.tour-cta{display:grid;gap:.5rem;justify-items:start}.tour-cta-note{font-size:.85rem;color:var(--text-light)}.use-cases{margin-top:3.5rem;display:grid;gap:1.5rem}.use-case-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.use-case-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:none;justify-content:center}.use-case-tab img{width:24px;height:24px;object-fit:contain}.use-case-tab.active{border-color:#14b8a680;background:#14b8a61a;color:var(--primary-teal-dark)}.use-case-panel{text-align:center;max-width:600px;margin:0 auto}.use-case-panel h3{font-size:1.6rem;margin-bottom:.75rem;color:var(--text-dark);font-family:Fraunces,Georgia,serif}.use-case-panel p{color:var(--text-medium);max-width:60ch;margin:0 auto}.who-section{padding:6rem 2rem;background:linear-gradient(180deg,var(--surface-white) 0%,var(--background-cream) 100%)}.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.who-card{background:#fff;border-radius:18px;padding:1.75rem;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm);display:grid;gap:.75rem}.who-card h3{font-size:1.2rem;color:var(--text-dark);margin-bottom:.25rem}.who-card p{color:var(--text-medium);line-height:1.6}.who-tag{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;background:#14b8a61f;color:var(--primary-teal-dark);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;width:fit-content}.try-section{padding:6rem 2rem;background:linear-gradient(180deg,var(--background-cream) 0%,var(--surface-white) 100%)}.try-content{text-align:center;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.try-content .section-title{margin-bottom:0}.try-content .section-subtitle{margin-bottom:.5rem}.sandbox-section{padding:6rem 2rem;background:linear-gradient(180deg,var(--background-cream) 0%,var(--surface-white) 100%)}.sandbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.sandbox-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm);display:grid;gap:1.5rem}.sandbox-textarea{width:100%;min-height:140px;border-radius:14px;border:1px solid rgba(148,163,184,.3);padding:1rem;font-family:inherit;font-size:.95rem;resize:vertical}.sandbox-controls{display:grid;gap:1rem}.sandbox-controls label{font-size:.85rem;color:var(--text-medium);font-weight:600}.sandbox-progress{display:grid;gap:.5rem;color:var(--text-medium);font-size:.85rem}.sandbox-track{height:8px;border-radius:999px;background:#14b8a61f;overflow:hidden}.sandbox-fill{height:100%;width:0%;background:var(--gradient-teal);transition:width .4s ease}.sandbox-progress.loading .sandbox-fill{width:70%;animation:shimmer 1.2s infinite}.sandbox-progress.ready .sandbox-fill{width:100%}.sandbox-audio{display:grid;gap:.75rem}.sandbox-copy{color:var(--text-medium);max-width:60ch}.sandbox-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.sandbox-preview-card{border-radius:16px;border:1px solid rgba(20,184,166,.2);padding:1.5rem;display:grid;gap:1rem;background:#f8fafcb3}.how-it-works-section{padding:6rem 2rem;background:var(--background-cream);width:100%}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;padding-top:2.5rem}.steps-grid:before{content:"";position:absolute;top:1.25rem;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#1ea7a633,#1ea7a6b3,#1ea7a633);transform:scaleX(0);transform-origin:left;animation:stepsLine 1.4s ease-out forwards}@keyframes stepsLine{to{transform:scaleX(1)}}.step-card{text-align:center;padding:2rem;background:var(--surface-white);border-radius:20px;box-shadow:var(--shadow-sm);transition:all .3s ease;opacity:0;transform:translateY(24px);animation:stepReveal .6s ease-out forwards}.step-card:nth-child(1){animation-delay:.2s}.step-card:nth-child(2){animation-delay:.4s}.step-card:nth-child(3){animation-delay:.6s}.step-card:nth-child(4){animation-delay:.8s}@keyframes stepReveal{to{opacity:1;transform:translateY(0)}}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.step-number{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-coral);color:#fff;font-size:1.75rem;font-weight:700;border-radius:50%;position:relative;z-index:1}.step-number:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(30,167,166,.3);animation:stepPulse 2.4s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(.9);opacity:.4}50%{transform:scale(1.1);opacity:.7}}.step-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-dark)}.step-card p{color:var(--text-medium);font-size:.95rem}.how-or{margin:2.5rem auto 1rem;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);background:var(--surface-white);border:1px solid rgba(30,167,166,.25);box-shadow:var(--shadow-sm)}.how-or-text{text-align:center;max-width:720px;margin:0 auto;color:var(--text-medium)}.coming-soon-section{padding:6rem 2rem;background:linear-gradient(180deg,var(--surface-white) 0%,var(--background-light) 100%);width:100%}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.coming-soon-card{background:var(--surface-white);padding:2rem;border-radius:20px;box-shadow:var(--shadow-sm);border:2px solid var(--secondary-lavender);position:relative;transition:all .3s ease}.coming-soon-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--secondary-purple)}.soon-badge{position:absolute;top:1rem;right:1rem;background:var(--gradient-purple);color:#fff;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #7eb6e14d;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 4px 12px #8b5cf64d}50%{box-shadow:0 6px 20px #8b5cf680}}@keyframes tealGlow{0%,to{box-shadow:0 0 20px #14b8a64d}50%{box-shadow:0 0 40px #14b8a699}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cascadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerSlide{0%{left:-100%}to{left:200%}}@keyframes waveFlow{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}@keyframes arrowSlide{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}}.coming-soon-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-dark)}.coming-soon-card p{color:var(--text-medium);font-size:.95rem;line-height:1.6}.cta-section{padding:6rem 2rem;background:var(--background-cream);text-align:center;width:100%}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.cta-content p{font-size:1.125rem;color:var(--text-medium);margin-bottom:2.5rem;max-width:60ch;margin-left:auto;margin-right:auto}.converter-page{max-width:1000px;width:100%;margin:0 auto;padding:4rem 2rem;min-height:calc(100vh - 200px)}.page-header{text-align:center;margin-bottom:4rem;animation:fadeIn .6s ease-out}.page-header h1{font-size:2.75rem;font-weight:700;margin-bottom:.75rem;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.125rem;color:var(--text-medium)}.converter-main{display:flex;flex-direction:column;gap:2.5rem}.converter-main .step{background:var(--surface-white);padding:3rem;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid rgba(30,167,166,.1)}.converter-main .file-info{background:linear-gradient(135deg,#1ea7a60d,#ffa07a0d);padding:2rem;border-radius:20px;border:2px solid rgba(30,167,166,.15);margin-bottom:2rem}.converter-main .file-info h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.converter-main .file-info .filename{font-size:1.125rem;font-weight:600;color:var(--primary-coral);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-main .file-info .file-size{font-size:.95rem;color:var(--text-medium)}.converter-main .action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.15)}.converter-main .action-buttons button{min-width:160px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .2s ease}.converter-main .action-buttons button.primary{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;box-shadow:0 4px 14px #0d948859}.converter-main .action-buttons button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d948873}.converter-main .action-buttons button.secondary{background:#fff;color:var(--text-dark);border:2px solid rgba(148,163,184,.3)}.converter-main .action-buttons button.secondary:hover:not(:disabled){background:var(--background-light);border-color:#0d948866}.converter-main .history-section{margin-top:4rem}.auth-gate{max-width:640px;margin:2rem auto 0;padding:2rem;background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow-sm);display:grid;gap:1rem;text-align:center}.auth-gate-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.auth-gate-form{display:grid;gap:.75rem}.auth-gate-form input{padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(148,163,184,.4);font-size:.95rem}.auth-gate-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.auth-gate-divider{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}@media(max-width:1200px){.hero-section{grid-template-columns:1fr;gap:2rem;padding:2rem 3rem 3rem;text-align:center}.hero-content{max-width:700px;margin:0 auto;text-align:center}.hero-cta-group{justify-content:center}.hero-social-proof{max-width:500px;margin-left:auto;margin-right:auto;text-align:left}.hero-buttons{justify-content:center}.hero-use-cases{justify-items:center}.hero-use-list{text-align:left}.processing-demo{max-width:600px;margin:0 auto}}@media(max-width:1024px){.features-grid,.steps-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.75rem}.converter-page{padding:3rem 2rem}.converter-main .step{padding:2rem}}@media(max-width:768px){.nav-container{padding:1rem 1.5rem}.nav-links{gap:1rem}.nav-actions{flex-direction:column;align-items:flex-end}.nav-user-dropdown{right:auto;left:0}.nav-auth-btn{width:100%}.nav-link{padding:.375rem .75rem;font-size:.95rem}.hero-section{padding:3rem 1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.hero-outputs{padding:1rem}.hero-outputs-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.output-item{padding:.75rem .5rem}.output-item .output-icon{font-size:1.5rem}.hero-buttons{flex-direction:column;gap:1rem}.button.large{width:100%;padding:1rem 2rem}.processing-demo{max-width:100%}.demo-mode-toggle{max-width:100%;gap:.5rem;padding:.375rem}.demo-mode-toggle button{padding:.75rem 1rem;font-size:.875rem}.demo-content{padding:2rem 1rem;flex-direction:column;gap:1.5rem}.processing-demo .arrow-container{transform:rotate(90deg)}.processing-demo .arrow-container svg{width:30px;height:60px}.document-icon,.audio-icon,.video-icon,.text-icon{width:80px}.arrow-container{transform:rotate(90deg)}.features-grid{grid-template-columns:1fr;gap:2rem}.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.metrics-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.coming-soon-grid{grid-template-columns:1fr}.converter-page{padding:2rem 1.5rem}.page-header h1{font-size:2rem}.converter-main .step,.converter-main .file-info{padding:1.5rem}.converter-main .action-buttons{flex-direction:column}.converter-main .action-buttons button{width:100%}}.chunk-editor{width:100%}.editor-header{text-align:center;margin-bottom:2.5rem}.editor-header h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.editor-header p{color:var(--text-medium);font-size:1.05rem}.editor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#1ea7a614,#ffa07a14);padding:1.5rem;border-radius:16px;border:2px solid rgba(30,167,166,.15);text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{display:block;font-size:1.875rem;font-weight:700;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chunks-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.chunk-card{background:var(--surface-white);border-radius:16px;padding:1.5rem;border:2px solid rgba(30,167,166,.1);transition:all .3s ease}.chunk-card.selected{border-color:var(--primary-coral);box-shadow:0 4px 16px #198cb233}.chunk-card:hover{border-color:#1ea7a64d}.chunk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chunk-number{font-size:.875rem;font-weight:700;color:var(--primary-coral);text-transform:uppercase;letter-spacing:.5px}.chunk-actions{display:flex;align-items:center;gap:1rem}.chunk-chars{font-size:.875rem;color:var(--text-medium);font-weight:500}.delete-chunk-btn{background:var(--error-red);color:#fff;border:none;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all .2s ease;padding:0}.delete-chunk-btn:hover{background:#e53e3e;transform:scale(1.1)}.chunk-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid rgba(30,167,166,.15);border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;line-height:1.6;color:var(--text-dark);background:var(--background-light);resize:vertical;transition:all .3s ease}.chunk-textarea:focus{outline:none;border-color:var(--primary-coral);background:var(--surface-white);box-shadow:0 0 0 3px #198cb21a}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-medium)}.empty-state p{font-size:1.125rem}.editor-actions{display:flex;gap:1.5rem;justify-content:center;padding-top:2rem;border-top:2px solid rgba(30,167,166,.1)}.processing-viz{background:#fff;border:2px solid var(--background-gray-100);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-md)}.processing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--background-gray-100)}.processing-mode-label{font-size:1rem;font-weight:600;color:var(--primary-teal)}.processing-progress{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.processing-text{font-size:1.125rem;line-height:1.8;color:var(--text-dark);min-height:200px;max-height:400px;overflow-y:auto;padding:1rem;background:var(--background-light);border-radius:12px;font-family:Georgia,Times New Roman,serif}.word{display:inline;transition:all .3s ease}.word-reveal{opacity:0;animation:wordReveal .3s ease-out forwards}@keyframes wordReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-cursor{display:inline-block;width:2px;height:1.2em;background:var(--primary-teal);margin-left:2px;animation:cursorBlink 1s infinite}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.word-highlighted{color:#2563eb;background:#2563eb1a;padding:0 4px;border-radius:4px}.word-highlighting{color:#2563eb;background:#2563eb33;padding:0 4px;border-radius:4px;animation:highlightPulse 1s ease-in-out infinite}@keyframes highlightPulse{0%,to{background:#2563eb33;transform:scale(1)}50%{background:#2563eb59;transform:scale(1.02)}}.processing-stats{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:2px solid var(--background-gray-100)}.stat-item{font-size:.9375rem;font-weight:600;color:var(--text-medium)}.processing-placeholder{display:flex;flex-direction:column;gap:1rem;padding:2rem}.placeholder-line{height:16px;background:linear-gradient(90deg,var(--background-gray-100) 25%,rgba(241,245,249,.5) 50%,var(--background-gray-100) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 2s infinite}.placeholder-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.editor-stats{grid-template-columns:1fr}.chunks-list{max-height:500px}.chunk-header{flex-direction:column;align-items:flex-start;gap:.75rem}.editor-actions{flex-direction:column}.editor-actions button{width:100%}}.text-editor{display:flex;flex-direction:column;gap:1.5rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.text-editor .editor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;text-align:left;margin-bottom:0}.text-editor .editor-stats{display:flex;gap:2rem;grid-template-columns:unset;margin-bottom:0}.text-editor .stat-item{font-size:.9375rem;color:var(--text-medium)}.text-editor .stat-item strong{color:var(--text-dark);font-weight:600}.text-editor .editor-actions{display:flex;gap:1rem;padding-top:0;border-top:none;justify-content:flex-start}.editor-textarea{width:100%;min-height:500px;padding:1.5rem;border:2px solid var(--background-gray-100);border-radius:12px;font-size:1rem;font-family:Georgia,Times New Roman,serif;line-height:1.8;color:var(--text-dark);background:var(--surface-white);transition:border-color .2s ease;resize:vertical}.editor-textarea:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #14b8a61a}.editor-textarea::placeholder{color:var(--text-light);font-style:italic}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--background-gray-100)}.editor-footer-left,.editor-footer-right{display:flex;gap:.75rem;align-items:center}.button.small{padding:.5rem 1rem;font-size:.875rem}.button.study-toggle{border:2px dashed var(--primary-teal);background:#14b8a60d;color:var(--primary-teal)}.button.study-toggle:hover:not(:disabled){background:#14b8a61a;border-style:solid}@media(max-width:768px){.text-editor .editor-header{flex-direction:column;align-items:flex-start}.text-editor .editor-stats{flex-direction:column;gap:.5rem}.text-editor .editor-actions{width:100%;flex-direction:column}.text-editor .editor-actions button{width:100%}.editor-textarea{min-height:400px}.editor-footer{flex-direction:column;gap:.75rem}.editor-footer-left,.editor-footer-right{width:100%;flex-direction:column}.editor-footer-left{order:2}.editor-footer-right{order:1}.editor-footer button{width:100%}}.voice-step h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;text-align:center}.step-description{text-align:center;color:var(--text-medium);font-size:1.05rem;margin-bottom:2.5rem}.voice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-item{background:linear-gradient(135deg,#1ea7a614,#ffa07a14);padding:1.5rem;border-radius:16px;border:2px solid rgba(30,167,166,.15);display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-item .stat-label{font-size:.875rem;font-weight:600;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px}.stat-item .stat-value{font-size:1.875rem;font-weight:700;background:var(--gradient-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voice-selection{background:var(--surface-white);padding:2rem;border-radius:16px;border:2px solid rgba(30,167,166,.15);margin-bottom:2.5rem}.voice-selection label{display:block;font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.voice-selection select{width:100%;padding:1rem;border:2px solid rgba(30,167,166,.2);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;background:var(--background-light);color:var(--text-dark);cursor:pointer;transition:all .3s ease}.voice-selection select:focus{outline:none;border-color:var(--primary-coral);box-shadow:0 0 0 3px #198cb21a}@media(max-width:768px){.voice-stats{grid-template-columns:1fr}}.type-selection{max-width:1000px;margin:0 auto;padding:3rem 2rem}.type-selection h1{font-size:clamp(2rem,4vw,3rem);text-align:center;margin-bottom:3rem;color:var(--text-primary);font-weight:700}.type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.type-card{background:#fff;border:2px solid var(--background-gray-100);border-radius:24px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}.type-card:hover{border-color:var(--primary-teal);transform:translateY(-8px);box-shadow:0 20px 40px #14b8a626}.type-card.active{border-color:var(--primary-teal);background:var(--gradient-teal-subtle)}.type-icon{width:72px;height:72px;font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.type-icon img{width:100%;height:100%;object-fit:contain}.type-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.type-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.type-formats{font-size:.875rem;color:var(--text-tertiary);font-weight:600}.type-info{text-align:center;padding:1.5rem;background:var(--background-gray-50);border-radius:16px}.type-info p{color:var(--text-secondary);margin:0}.config-info{background:var(--background-gray-50);border-left:4px solid var(--accent-cyan);padding:1rem 1.5rem;border-radius:8px;margin-top:1.5rem}.config-info p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.extraction-progress{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:2px solid var(--primary-teal);border-radius:16px;padding:2rem;margin:2rem 0;text-align:center;animation:slideUpFade .3s ease-out}.extraction-progress p{margin:1rem 0 0;color:var(--text-primary);font-size:1rem;font-weight:600}.progress-spinner{width:48px;height:48px;margin:0 auto;border:4px solid var(--background-gray-100);border-top-color:var(--primary-teal);border-radius:50%;animation:spin .8s linear infinite}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.editor-title-section{flex:1}.editor-actions-top{display:flex;gap:1rem;flex-shrink:0}.download-btn{white-space:nowrap}.editor-info{background:linear-gradient(135deg,#e0f2fe,#ccfbf1);border:1px solid var(--accent-cyan);padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem}.editor-info p{margin:0;color:var(--text-secondary);font-size:.9375rem}.back-button{background:transparent;border:1px solid var(--background-gray-100);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:12px;font-size:.9375rem;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:var(--background-gray-50);border-color:var(--primary-teal);color:var(--primary-teal)}@media(max-width:768px){.type-selection{padding:2rem 1rem}.type-cards{grid-template-columns:1fr;gap:1.5rem}.type-card{padding:2rem}.type-icon{font-size:3rem}.editor-header{flex-direction:column;gap:1rem}.editor-actions-top,.download-btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.processing-demo .document-icon,.processing-demo .audio-icon,.processing-demo .video-icon,.processing-demo .text-icon,.processing-demo .particles,.processing-demo .arrow-container,.processing-demo .wave,.processing-demo .typing-line,.particle,.hero-cta,.feature-card,.soon-badge{animation:none;opacity:1;transform:none}.progress-fill:before{animation:none}}.provider-selection{margin-bottom:2rem}.provider-selection label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.provider-selection select{width:100%;padding:.75rem 1rem;border:2px solid var(--background-gray-100);border-radius:12px;font-size:1rem;background:#fff;transition:border-color .2s ease}.provider-selection select:hover{border-color:var(--primary-teal)}.provider-selection select:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #14b8a61a}.provider-description{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.provider-info{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:500}.provider-info.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10B981;color:#065f46}.provider-info.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;color:#92400e}.voice-selection label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.voice-selection select{width:100%;padding:.75rem 1rem;border:2px solid var(--background-gray-100);border-radius:12px;font-size:1rem;background:#fff;transition:border-color .2s ease}.voice-selection select:hover{border-color:var(--primary-teal)}.voice-selection select:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #14b8a61a}.study-materials-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#14b8a60d,#06b6d40d);border-radius:16px;border:2px dashed rgba(20,184,166,.2)}.study-button{background:var(--gradient-teal);color:#fff;font-size:1.125rem;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #14b8a64d;font-weight:600}.study-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.study-button:disabled{opacity:.6;cursor:not-allowed}.study-options-panel{margin-top:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.study-options-panel h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.material-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.material-options label{cursor:pointer}.material-options input[type=checkbox]{display:none}.option-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#fff;border:2px solid #E5E7EB;border-radius:12px;transition:all .3s ease}.material-options label.selected .option-card{border-color:var(--primary-teal);background:linear-gradient(135deg,#14b8a61a,#06b6d41a);box-shadow:0 4px 16px #14b8a633}.option-card .icon{font-size:2.5rem;margin-bottom:.75rem}.option-card .title{font-weight:600;font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.option-card .description{font-size:.875rem;color:var(--text-secondary)}.count-selector{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#fffc;border-radius:8px}.count-selector button{width:28px;height:28px;border:1px solid var(--border-color);background:#fff;border-radius:6px;font-size:1.25rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-primary)}.count-selector button:hover:not(:disabled){background:var(--primary-teal);color:#fff;border-color:var(--primary-teal)}.count-selector button:disabled{opacity:.4;cursor:not-allowed}.count-selector>span{font-weight:600;font-size:1.1rem;min-width:24px;text-align:center}.count-selector .count-limit{font-size:.75rem;color:var(--text-secondary);font-weight:400;margin-left:.25rem}.progress-message{padding:1rem;background:#3b82f61a;border-left:4px solid #3B82F6;border-radius:8px;color:#1e40af;font-weight:500;margin:1rem 0}.generate-button{width:100%;padding:1rem 2rem;background:var(--gradient-purple);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf64d}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.generate-button:disabled{opacity:.5;cursor:not-allowed}.study-materials-viewer{margin-top:2rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg)}.tabs{display:flex;gap:1rem;border-bottom:2px solid #E5E7EB;margin-bottom:2rem;flex-wrap:wrap}.tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .3s ease;font-size:1rem}.tabs button.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.tabs button:hover:not(.active){color:var(--text-primary)}.flashcard-viewer{display:flex;flex-direction:column;align-items:center;gap:2rem}.flashcard{width:100%;max-width:800px;min-height:350px;background:var(--gradient-teal);border-radius:20px;padding:3rem;box-shadow:0 20px 60px #14b8a64d;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .6s;transform-style:preserve-3d;position:relative}.flashcard.flipped .card-front{display:none}.card-number{position:absolute;top:1.5rem;left:1.5rem;font-size:.875rem;opacity:.8}.question{font-size:1.5rem;font-weight:600;margin:2rem 0;line-height:1.6}.answer{font-size:1.25rem;line-height:1.8}.reveal-button{background:#fff;color:var(--accent-purple);padding:.75rem 2rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.reveal-button:hover{transform:scale(1.05);box-shadow:0 4px 16px #ffffff4d}.study-navigation{display:flex;gap:1rem}.study-navigation button{padding:.75rem 1.5rem;background:var(--accent-purple);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.study-navigation button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #14b8a64d}.study-navigation button:disabled{opacity:.5;cursor:not-allowed}.quiz-container{max-width:700px;margin:0 auto}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.quiz-progress{text-align:center;font-weight:600;color:var(--text-secondary)}.quiz-score{font-weight:600;color:var(--accent-emerald);padding:.5rem 1rem;background:#10b9811a;border-radius:8px}.quiz-question{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;line-height:1.6}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--background-gray-50);border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--primary-teal);background:#14b8a60d}.quiz-option.selected{border-color:var(--primary-teal);background:#14b8a61a}.quiz-option.correct{border-color:var(--accent-emerald);background:#10b9811a}.quiz-option.incorrect{border-color:var(--error-red);background:#ef44441a}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary-teal);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.quiz-option.correct .option-letter{background:var(--accent-emerald)}.quiz-option.incorrect .option-letter{background:var(--error-red)}.option-text{flex:1;font-size:1.125rem}.explanation{padding:1.5rem;border-radius:12px;margin-bottom:2rem}.explanation.correct-answer{background:#10b9811a;border-left:4px solid var(--accent-emerald);color:#065f46}.explanation.incorrect-answer{background:#ef44441a;border-left:4px solid var(--error-red);color:#991b1b}.explanation strong{display:block;margin-bottom:.5rem;font-size:1.125rem}.quiz-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.quiz-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.quiz-actions button.primary{background:var(--gradient-teal);color:#fff;box-shadow:0 4px 16px #14b8a64d}.quiz-actions button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.quiz-actions button.secondary{background:var(--background-gray-100);color:var(--text-primary)}.quiz-actions button.secondary:hover{background:#e5e7eb}.quiz-actions button:disabled{opacity:.5;cursor:not-allowed}.summary-viewer{max-width:800px;margin:0 auto}.summary-section{margin-bottom:2.5rem}.summary-section h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid var(--primary-teal)}.summary-section p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}.summary-section ul{list-style:none;padding:0}.summary-section li{padding:.75rem 0 .75rem 1.5rem;position:relative;font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.summary-section li:before{content:"*";position:absolute;left:0;color:var(--primary-teal);font-weight:700;font-size:1.5rem}.topic-tags{display:flex;flex-wrap:wrap;gap:.75rem}.topic-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#14b8a61a,#06b6d41a);color:var(--primary-teal);border-radius:20px;font-weight:600;font-size:.9375rem}.download-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #E5E7EB;text-align:center}.download-button{padding:1rem 2rem;background:var(--accent-emerald);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.download-button.disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;box-shadow:none}.premium-download-gate{display:flex;flex-direction:column;align-items:center;gap:1rem}.premium-notice{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid rgba(245,158,11,.3);border-radius:12px;text-align:center}.premium-notice.compact{flex-direction:row;padding:.75rem 1rem;gap:.75rem}.premium-notice .lock-icon{font-size:1.5rem}.premium-notice.compact .lock-icon{font-size:1rem}.premium-notice p{margin:0;color:#92400e;font-size:.9375rem}.premium-notice .upgrade-link{color:#d97706;font-weight:600;text-decoration:none;transition:color .2s}.premium-notice .upgrade-link:hover{color:#b45309;text-decoration:underline}.locked-content-notice{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f59e0b14,#fbbf2414);border:2px dashed rgba(245,158,11,.4);border-radius:16px;text-align:center}.locked-preview{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.locked-preview .lock-icon{font-size:1.5rem}.locked-preview .locked-count{font-size:1.125rem;font-weight:700;color:#92400e}.locked-content-notice p{margin:0 0 1rem;color:#78350f;font-size:.9375rem}.unlock-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.9375rem;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d}.unlock-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:#e5e7eb;border:none;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:#d1d5db;transform:rotate(90deg)}.modal-content.study-modal{max-width:1200px!important;width:95%!important;min-height:70vh;max-height:90vh}@media(max-width:1024px){.jobs-table{font-size:.9rem}.jobs-table thead th,.jobs-table tbody td{padding:.875rem}.action-button{font-size:.875rem;padding:.5rem .875rem}.job-history{padding:2rem}}@media(max-width:768px){.study-materials-section{padding:1.5rem}.modal-overlay{padding:1rem}.modal-content{padding:1.5rem;max-height:85vh;border-radius:16px}.modal-close{top:.5rem;right:.5rem;width:2rem;height:2rem;font-size:1.25rem}.modal-content.study-modal{max-width:100%!important;width:100%!important}.material-options{grid-template-columns:1fr}.flashcard{padding:1.5rem;min-height:220px;font-size:1rem}.question{font-size:1.25rem!important}.answer{font-size:1.125rem!important}.quiz-container{padding:0}.quiz-question{font-size:1.25rem}.quiz-option{padding:1rem}.option-text{font-size:1rem}.option-letter{width:2rem;height:2rem;font-size:.875rem}.tabs button{padding:.625rem 1rem;font-size:.875rem}.summary-section h4{font-size:1.25rem}.summary-section p,.summary-section li{font-size:1rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}.job-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:80px}.jobs-table th:first-child,.jobs-table td:first-child{text-align:center}.action-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;margin:.25rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.action-button .action-label{display:inline-block;min-width:50px;text-align:left}.action-button .action-icon{display:inline-block;width:20px;text-align:center}.action-button.download{background:var(--primary-teal);color:#fff}.action-button.download:hover{background:var(--primary-teal-dark);transform:translateY(-1px)}.action-button.edit{background:var(--accent-cyan);color:#fff}.action-button.edit:hover{background:#0891b2;transform:translateY(-1px)}.action-button.study{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.action-button.study:hover{background:linear-gradient(135deg,#0891b2,#0d9488);transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}.action-button.play{background:#10b981;color:#fff}.action-button.play:hover{background:#059669;transform:translateY(-1px)}.action-button.delete{background:#ec4899;color:#fff}.action-button.delete:hover{background:#db2777;transform:translateY(-1px)}.actions{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.delete-column{text-align:center;width:100px}.profile-page{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#0d9488,#14b8a6);padding:2rem 1rem}.profile-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.profile-sidebar{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;position:sticky;top:2rem}.profile-avatar-section{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1rem}.profile-user-info{margin-top:1rem}.profile-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.profile-email{font-size:.875rem;color:#6b7280}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.profile-nav-item{display:flex;align-items:center;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem}.profile-nav-item:hover{background:#e0f2f1}.profile-nav-item.active{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.profile-nav-label{font-weight:500}.profile-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;min-height:500px}.profile-section h2{font-size:1.75rem;color:#1f2937;margin-bottom:1.5rem}.profile-section h3{font-size:1.25rem;color:#1f2937;margin-bottom:1rem}.profile-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.profile-message.success{background:#d1fae5;color:#065f46;border:1px solid #34d399}.profile-message.error{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.profile-form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.form-value{padding:.75rem;background:#f9fafb;border-radius:8px;color:#1f2937}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.input-with-status{position:relative}.input-with-status input{padding-right:100px}.username-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8125rem;font-weight:500}.username-status.checking{color:#6b7280}.username-status.available{color:#10b981}.username-status.taken{color:#ef4444}.input-error{border-color:#ef4444!important}.input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.input-success{border-color:#10b981!important}.input-success:focus{box-shadow:0 0 0 3px #10b9811a!important}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0d948866}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:.5rem 1rem}.btn-danger-outline:hover{background:#fef2f2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;border:none;color:#14b8a6;padding:.25rem 0;font-size:.875rem;font-weight:500;cursor:pointer;margin-top:.5rem}.btn-text:hover{color:#0d9488;text-decoration:underline}.btn-large{padding:1rem 2rem;font-size:1.125rem}.email-change-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin:1rem 0 1.5rem}.email-change-section .form-group{margin-bottom:1rem}.form-hint{color:#6b7280;font-size:.8125rem;margin-top:.5rem}.email-change-section .form-actions{margin-top:1rem}.profile-stats{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;padding:1.5rem;border-radius:12px;text-align:center}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.875rem;opacity:.9}.account-info{color:#6b7280}.account-info p{margin:.5rem 0}.admin-badge{display:inline-block;background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.security-card{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-text{color:#6b7280;margin-bottom:1rem}.oauth-list{display:flex;flex-direction:column;gap:1rem}.oauth-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.oauth-info{display:flex;align-items:center;gap:1rem}.oauth-icon{font-size:1.5rem}.oauth-name{font-weight:600;color:#1f2937}.oauth-date{color:#6b7280;font-size:.875rem}.current-tier-card{background:#f9fafb;border-left:4px solid;border-radius:12px;padding:2rem;margin-bottom:2rem}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tier-price{color:#6b7280;font-size:1.125rem;margin-top:.5rem}.tier-features{display:grid;gap:.75rem}.tier-feature{color:#4b5563;font-size:1rem}.usage-section{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.usage-item{margin-bottom:1.5rem}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:600;color:#374151}.usage-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.usage-bar-fill{height:100%;transition:width .3s ease;border-radius:6px}.usage-info{margin-top:.5rem;font-size:.875rem;color:#6b7280}.tier-expiry{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;display:flex;flex-direction:column;gap:.25rem}.tier-expiry .expiry-countdown{font-weight:600;color:var(--primary);font-size:1rem}.tier-expiry .expiry-date{color:#9ca3af;font-size:.8125rem}.tier-expiry.warning{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:.75rem 1rem;margin-top:1rem}.tier-expiry.warning .expiry-countdown{color:#d97706}.tier-expiry.expired{background:#fee2e2;border:1px solid #EF4444;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;color:#dc2626;font-weight:500}.subscription-management{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.cancel-subscription-btn{background:transparent;border:1px solid #9CA3AF;color:#6b7280;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-subscription-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.cancel-confirm{background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:1rem}.cancel-confirm p{margin:0 0 .5rem;color:#374151}.cancel-confirm .cancel-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.cancel-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cancel-actions .btn-danger{background:#ef4444;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem}.cancel-actions .btn-danger:hover:not(:disabled){background:#dc2626}.cancel-actions .btn-danger:disabled{opacity:.6;cursor:not-allowed}.cancel-actions .btn-secondary{background:#f3f4f6;border:1px solid #D1D5DB;color:#374151;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem}.cancel-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb}.cancelled-notice{background:#fef3c7;border:1px solid #FCD34D;border-radius:8px;padding:1rem}.cancelled-notice p{margin:0;color:#92400e;font-size:.875rem}.cancel-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.cancel-message.success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.cancel-message.error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.discount-section{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.discount-section h3{margin-bottom:1rem;font-size:1.125rem}.discount-form{display:flex;gap:.75rem}.discount-input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:monospace;text-transform:uppercase;letter-spacing:.05em}.discount-input:focus{outline:none;border-color:#14b8a6}.discount-input::placeholder{text-transform:none;letter-spacing:normal}.redeem-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9375rem}.redeem-message.success{background:#d1fae5;color:#065f46;border:1px solid #10B981}.redeem-message.error{background:#fee2e2;color:#991b1b;border:1px solid #EF4444}.upgrade-cta{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:12px;padding:2rem;text-align:center}.upgrade-cta h3{color:#fff;margin-bottom:.5rem}.upgrade-cta p{margin-bottom:1.5rem;opacity:.9}.upgrade-note{margin-top:1rem;font-size:.875rem;opacity:.8}.tier-info{background:#f9fafb;padding:1rem;border-radius:8px;color:#6b7280}.account-info-card{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item label{font-weight:600;color:#6b7280;font-size:.875rem;display:block;margin-bottom:.5rem}.info-value{color:#1f2937;font-size:1rem}.danger-zone{margin-top:3rem;padding-top:2rem;border-top:2px solid #fee2e2}.danger-zone h3{color:#dc2626}.danger-box{background:#fef2f2;border:2px solid #fee2e2;border-radius:12px;padding:1.5rem}.danger-content h4{color:#991b1b;margin-bottom:.5rem}.danger-content p{color:#6b7280;margin-bottom:1rem}.delete-confirm-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #fee2e2}.warning-text{color:#dc2626;font-weight:600;margin-bottom:.5rem}.delete-list{color:#6b7280;margin:1rem 0 1.5rem 1.5rem}.delete-list li{margin-bottom:.5rem}.delete-form{margin-top:1.5rem}@media(max-width:768px){.profile-container{grid-template-columns:1fr;gap:1rem}.profile-sidebar{position:static}.profile-nav{flex-direction:row;overflow-x:auto}.profile-nav-item{flex:0 0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.tier-header{flex-direction:column;align-items:flex-start;gap:1rem}}.error-message{background:#fff;border-radius:12px;padding:3rem;text-align:center;max-width:500px;margin:2rem auto}.error-message h2{color:#dc2626;margin-bottom:1rem}.error-message p{color:#6b7280;margin-bottom:1.5rem}.phase-timeline{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:20px;background:var(--background-gray-50);border-radius:12px;gap:10px}.phase-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.phase-step:not(:last-child):after{content:"";position:absolute;top:16px;left:50%;right:-50%;height:2px;background:var(--background-gray-100);z-index:0}.phase-step.complete:not(:last-child):after{background:var(--primary-teal)}.phase-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--background-gray-100);color:var(--text-tertiary);font-weight:700;font-size:14px;position:relative;z-index:1;border:2px solid var(--background-gray-100)}.phase-step.complete .phase-icon{background:var(--primary-teal);color:#fff;border-color:var(--primary-teal)}.phase-step.current .phase-icon{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan);animation:pulse 2s infinite}.phase-label-text{margin-top:8px;font-size:11px;color:var(--text-tertiary);text-align:center;font-weight:500}.phase-step.complete .phase-label-text{color:var(--primary-teal);font-weight:600}.phase-step.current .phase-label-text{color:var(--accent-cyan);font-weight:600}.mini-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phase-description{margin:15px 0;padding:14px 16px;background:linear-gradient(135deg,#e7f3ff,#f0f9ff);border-left:4px solid var(--accent-cyan);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.6;font-weight:500}.chunk-progress-section{margin:20px 0;padding:18px;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--primary-teal) 100%);border-radius:12px;color:#fff;box-shadow:0 4px 12px #06b6d433}.chunk-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:600}.chunk-icon{font-size:20px}.chunk-text{flex:1}.chunk-progress-bar{height:8px;background:#ffffff40;border-radius:4px;overflow:hidden}.chunk-progress-fill{height:100%;background:#fff;transition:width .3s ease;border-radius:4px;box-shadow:0 0 10px #ffffff4d}.processing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--background-gray-100)}.processing-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.processing-phase-badge{display:inline-block;padding:5px 12px;background:var(--accent-cyan);color:#fff;border-radius:14px;font-size:12px;font-weight:600;letter-spacing:.3px}.chunk-counter-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-gray-50);border:2px solid var(--accent-cyan);border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--text-primary)}.chunk-mini-bar{flex:1;height:6px;background:var(--background-gray-100);border-radius:3px;overflow:hidden;min-width:100px}.chunk-mini-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease;border-radius:3px}.phase-message-banner{padding:12px 16px;background:#fff8e1;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:16px;font-size:13px;line-height:1.5}@media(max-width:768px){.phase-timeline{flex-wrap:wrap;gap:15px;padding:15px}.phase-step{min-width:70px}.phase-step:not(:last-child):after{display:none}.phase-label-text{font-size:10px}.chunk-counter-badge{flex-direction:column;align-items:stretch;gap:8px}.chunk-mini-bar{width:100%}.processing-header{flex-direction:column;align-items:flex-start;gap:10px}.processing-header-left{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.phase-timeline{gap:10px}.phase-icon{width:28px;height:28px;font-size:12px}.chunk-progress-section{padding:14px}.chunk-header{font-size:14px}}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#f0faf9,#e8f8f7);padding:4rem 2rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h1{font-family:Fraunces,Georgia,serif;font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.pricing-header p{font-size:1.25rem;color:var(--text-medium);max-width:600px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto 4rem}.pricing-card{background:var(--surface-white);border-radius:20px;padding:2rem;display:flex;flex-direction:column;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 24px #0000000f}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.pricing-card.highlighted{border-color:var(--primary-teal);background:linear-gradient(135deg,#fff,#f0fffe);box-shadow:0 8px 32px #14b8a633}.pricing-card.current{border-color:var(--primary-coral)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-current-badge{position:absolute;top:-12px;right:1rem;background:var(--primary-coral);color:#fff;padding:.375rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600}.pricing-card-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.pricing-card-header h2{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.pricing-price .price{font-size:2.5rem;font-weight:700;color:var(--text-dark)}.pricing-price .period{font-size:1rem;color:var(--text-medium)}.pricing-description{font-size:.875rem;color:var(--text-medium);margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--text-dark)}.pricing-features .check-icon{color:var(--primary-teal);font-weight:700;flex-shrink:0;margin-top:2px}.pricing-card-footer{margin-top:2rem}.pricing-cta{display:block;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.pricing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a659}.pricing-cta:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.pricing-card.highlighted .pricing-cta{background:linear-gradient(135deg,var(--primary-coral) 0%,#1e8fb2 100%)}.pricing-faq{max-width:900px;margin:0 auto;padding-top:3rem;border-top:1px solid rgba(0,0,0,.08)}.pricing-faq h2{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.faq-item{background:var(--surface-white);padding:1.5rem;border-radius:16px;box-shadow:0 2px 12px #0000000a}.faq-item h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.faq-item p{font-size:.9375rem;color:var(--text-medium);margin:0;line-height:1.6}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-page{padding:3rem 1rem}.pricing-header h1{font-size:2.25rem}.pricing-grid{grid-template-columns:1fr;max-width:400px}.faq-grid{grid-template-columns:1fr}}@media(max-width:480px){.pricing-header h1{font-size:1.75rem}.pricing-header p{font-size:1rem}.pricing-card{padding:1.5rem}.pricing-price .price{font-size:2rem}}.verify-email-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--background-cream)}.verify-email-container{max-width:500px;width:100%;background:var(--surface-white);border-radius:16px;padding:3rem;box-shadow:var(--shadow-lg);text-align:center}.verify-status h2{font-family:Fraunces,serif;font-size:1.75rem;color:var(--text-dark);margin-bottom:1rem}.verify-status p{color:var(--text-medium);font-size:1rem;line-height:1.6;margin-bottom:1rem}.verify-status .spinner{width:48px;height:48px;border:4px solid var(--background-gray-100);border-top-color:var(--primary-teal);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.verify-status .status-icon{font-size:3rem;margin-bottom:1rem}.verify-status.success .status-icon{color:var(--success-green)}.verify-status.error .status-icon{color:var(--error-red)}.verify-status .redirect-message{color:var(--text-tertiary);font-size:.9rem;margin-bottom:1.5rem}.verify-status .resend-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--background-gray-100)}.verify-status .resend-section h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:1rem}.verify-status .resend-form{display:flex;gap:.75rem;margin-bottom:1rem}.verify-status .resend-input{flex:1;padding:.75rem 1rem;border:1px solid var(--background-gray-100);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.verify-status .resend-input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #14b8a626}.verify-status .resend-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.verify-status .resend-message.success{background:#10b9811a;color:var(--success-green)}.verify-status .resend-message.error{background:#ef44441a;color:var(--error-red)}.verify-status .back-link{margin-top:1.5rem;display:inline-block}@media(max-width:480px){.verify-email-container{padding:2rem 1.5rem}.verify-status .resend-form{flex-direction:column}.verify-status .resend-input{width:100%}}.legal-page{padding:2rem 1rem 4rem;background:var(--background-cream);min-height:calc(100vh - 80px)}.legal-container{max-width:800px;margin:0 auto;background:var(--surface-white);border-radius:16px;padding:3rem;box-shadow:var(--shadow-md)}.legal-container h1{font-family:Fraunces,serif;font-size:2.25rem;color:var(--text-dark);margin-bottom:.5rem}.legal-effective{color:var(--text-medium);font-size:.9rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--background-gray-100)}.legal-container section{margin-bottom:2rem}.legal-container h2{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem;margin-top:2rem}.legal-container h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;margin-top:1.5rem}.legal-container p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1rem}.legal-container ul,.legal-container ol{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem}.legal-container li{margin-bottom:.5rem}.legal-container a{color:var(--primary-teal);text-decoration:none}.legal-container a:hover{text-decoration:underline}@media(max-width:768px){.legal-container{padding:2rem 1.5rem;border-radius:12px}.legal-container h1{font-size:1.75rem}.legal-container h2{font-size:1.1rem}}@media(max-width:480px){.legal-page{padding:1rem .5rem 3rem}.legal-container{padding:1.5rem 1rem;border-radius:8px}.legal-container h1{font-size:1.5rem}}.upload-progress-container{background:var(--surface-white);border:1px solid var(--background-gray-100);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.5rem;box-shadow:var(--shadow-sm)}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.upload-filename{font-weight:500;color:var(--text-primary);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-percent{font-weight:600;color:var(--primary-teal);font-size:1rem}.upload-progress-bar{width:100%;height:8px;background:var(--background-gray-100);border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--gradient-teal);border-radius:4px;transition:width .3s ease}.upload-progress-details{display:flex;justify-content:flex-end;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}@media(max-width:480px){.upload-progress-container{padding:1rem}.upload-filename{font-size:.875rem;max-width:60%}.upload-percent{font-size:.9rem}}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px);background:var(--background-gray-50)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.admin-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.admin-controls{display:flex;gap:1rem;align-items:center}.period-select{padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--surface-white);color:var(--text-primary);font-size:.9rem;cursor:pointer}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1rem}.admin-error h2{color:var(--error-red)}.admin-section.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.admin-section.stats-grid.small{grid-template-columns:repeat(4,1fr)}.admin-stat-card{background:var(--surface-white);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-title{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:.5rem}.admin-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.admin-chart-card{background:var(--surface-white);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-chart-card.full-width{grid-column:1 / -1}.admin-chart-card h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.no-data{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary);font-style:italic}.admin-table-container{overflow-x:auto;max-height:300px;overflow-y:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-light)}.admin-table th{background:var(--background-gray-50);font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:1}.admin-table tbody tr:hover{background:var(--background-gray-50)}.admin-table .job-id{font-family:monospace;font-size:.8rem;color:var(--text-tertiary)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-queued{background:#fef3c7;color:#92400e}.status-badge.status-processing{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.tier-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.tier-badge.tier-free{background:#f3f4f6;color:#4b5563}.tier-badge.tier-unlocked{background:#ccfbf1;color:#0d9488}.tier-badge.tier-plus{background:#dbeafe;color:#1d4ed8}.tier-badge.tier-pro{background:#ede9fe;color:#6d28d9}.verified-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;background:#d1fae5;color:#065f46}.unverified-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;background:#fee2e2;color:#991b1b}.admin-badge{display:inline-block;padding:.2rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;background:#fef3c7;color:#92400e;margin-left:.5rem}.unverified-row{background:#fee2e21a}.users-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.users-filter{display:flex;gap:.5rem}.filter-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid var(--border-light);background:var(--surface-white);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.75rem}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.load-more{display:flex;justify-content:center;margin-top:1rem}.revenue-breakdown{padding:1rem 0}.revenue-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-gray-50);border-radius:8px;margin-bottom:1rem}.revenue-total .label{color:var(--text-secondary);font-size:.9rem}.revenue-total .value{font-size:1.5rem;font-weight:700;color:#10b981}.revenue-tiers{display:flex;flex-direction:column;gap:.75rem}.revenue-tier{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--surface-white);border:1px solid var(--border-light);border-radius:6px}.revenue-tier .tier-count{color:var(--text-secondary);font-size:.85rem}.revenue-tier .tier-mrr{font-weight:600;color:var(--text-primary)}.revenue-meta{margin-top:1rem;font-size:.85rem;color:var(--text-tertiary);text-align:center}.tier-distribution h2{font-size:1rem;font-weight:600;margin-bottom:1rem}.tier-bars{display:flex;flex-direction:column;gap:.75rem}.tier-bar-item{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:1rem}.tier-bar{height:24px;background:var(--background-gray-100);border-radius:4px;overflow:hidden}.tier-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.tier-bar-item .tier-count{text-align:right;font-weight:500;color:var(--text-secondary)}@media(max-width:1024px){.admin-section.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-section.stats-grid,.admin-section.stats-grid.small{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}@media(max-width:480px){.admin-section.stats-grid,.admin-section.stats-grid.small{grid-template-columns:1fr}}.pricing-coming-soon-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-waitlist-badge{position:absolute;top:40px;right:12px;background:#14b8a6;color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600}.pricing-cta.waitlist-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.pricing-cta.waitlist-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px)}.pricing-cta.waitlist-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.waitlist-section{border-left:4px solid #667eea}.waitlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.waitlist-header h2{display:flex;align-items:center;gap:.75rem;margin:0;border:none;padding:0}.waitlist-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.waitlist-tier-breakdown,.waitlist-actions{display:flex;gap:.5rem}.btn-sm{padding:.25rem .75rem;font-size:.8rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease}.btn-success{background:#10b981;color:#fff;border:none}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#dc2626}.text-muted{color:var(--text-tertiary);font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface-white);border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem}.modal-content p{margin:0 0 1.5rem;color:var(--text-secondary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;background:var(--background-gray-50);color:var(--text-primary);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14b8a61a}textarea.form-input{resize:vertical;min-height:60px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.action-button.share{background:#6366f1}.action-button.share:hover{background:#4f46e5}.action-button.share.shared{background:#10b981}.action-button.share.shared:hover{background:#059669}.share-modal{max-width:480px;text-align:center}.share-modal h3{margin:0 0 .5rem;color:var(--text-dark)}.share-filename{color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.share-options{display:flex;flex-direction:column;gap:.75rem}.share-options p{margin-bottom:.5rem;color:var(--text-medium)}.share-option-btn{padding:1rem;border:2px solid #E5E7EB;border-radius:12px;background:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.share-option-btn:hover{border-color:var(--primary);background:#0d94880d}.share-option-btn.both{background:linear-gradient(135deg,#0d94881a,#6366f11a);border-color:var(--primary)}.share-link-section{text-align:left}.share-type-label{font-weight:600;color:var(--primary);margin-bottom:1rem}.share-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-box input{flex:1;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.9rem;background:#f9fafb}.share-link-box .copy-btn{padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.share-link-box .copy-btn:hover{background:var(--primary-dark)}.share-info{font-size:.85rem;color:var(--text-light);margin-bottom:1.5rem}.unshare-btn{width:100%;padding:.75rem;background:transparent;border:2px solid #EF4444;color:#ef4444;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.unshare-btn:hover{background:#ef4444;color:#fff}.share-loading{padding:2rem;color:var(--text-light)}.shared-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.shared-loading,.shared-error{text-align:center;padding:4rem 2rem}.shared-error h2{color:#ef4444;margin-bottom:1rem}.shared-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #E5E7EB}.shared-header h1{color:var(--primary);margin-bottom:.5rem}.shared-filename{font-size:1.25rem;color:var(--text-dark);font-weight:500}.shared-meta{color:var(--text-light);font-size:.9rem;margin-top:.5rem}.shared-meta a{color:var(--primary);text-decoration:none}.shared-content{margin-bottom:3rem}.shared-audio-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.shared-audio-section h2{margin:0 0 1rem;font-size:1.25rem;color:var(--text-dark)}.shared-audio-player{display:flex;flex-direction:column;gap:1rem}.shared-audio-player .play-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;width:fit-content;transition:all .2s}.shared-audio-player .play-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.shared-audio-player .play-btn svg{width:24px;height:24px}.shared-audio-player .progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.shared-audio-player .progress-fill{height:100%;background:var(--primary);transition:width .1s}.shared-audio-player .time-display{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-light)}.shared-audio-player .download-btn{display:inline-block;padding:.75rem 1.5rem;background:#f3f4f6;color:var(--text-dark);border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s;width:fit-content}.shared-audio-player .download-btn:hover{background:#e5e7eb}.shared-study-materials{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.shared-cta{text-align:center;padding:2rem;background:linear-gradient(135deg,#0d94881a,#06b6d41a);border-radius:16px}.shared-cta p{margin-bottom:1rem;color:var(--text-medium)}.shared-cta .btn{display:inline-block;padding:.875rem 2rem;background:var(--primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.shared-cta .btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.hero-content,.hero-title,.hero-subtitle,.hero-outputs,.feature-card,.feature-card h3,.feature-card p,.section-title,.section-subtitle,.tour-step,.tour-step-content,.use-case-content,.pricing-card,.metric-card,.demo-window,.studio-panel,.output-item{min-width:0;overflow-wrap:break-word;word-wrap:break-word}.hero-section,.features-section,.tour-section,.use-cases-section,.metrics-section,.pricing-page,.pricing-grid{overflow:hidden}.hero-outputs-grid>*,.features-grid>*,.metrics-grid>*,.pricing-grid>*,.tour-tabs>*,.use-case-tabs>*{min-width:0;max-width:100%}.demo-float,.feature-card,.output-item,.pricing-card{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports (-webkit-touch-callout: none){.hero-title,.hero-subtitle,.section-title,.feature-card h3,.feature-card p{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.hero-outputs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.output-item{width:100%;box-sizing:border-box}}