:root{--blue-950:#0c1a3d;--blue-900:#1e3a8a;--blue-800:#1e40af;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-300:#93c5fd;--blue-100:#dbeafe;--blue-50:#eff6ff;--purple-950:#2e1065;--purple-900:#4c1d95;--purple-800:#5b21b6;--purple-700:#6d28d9;--purple-600:#7c3aed;--purple-500:#8b5cf6;--purple-400:#a78bfa;--purple-300:#c4b5fd;--purple-100:#ede9fe;--purple-50:#f5f3ff;--gray-950:#0f172a;--gray-900:#1e293b;--gray-800:#334155;--gray-700:#475569;--gray-600:#64748b;--gray-500:#94a3b8;--gray-400:#cbd5e1;--gray-300:#e2e8f0;--gray-200:#f1f5f9;--gray-100:#f8fafc;--white:#fff;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--green-300:#86efac;--green-100:#dcfce7;--red-600:#dc2626;--red-500:#ef4444;--red-400:#f87171;--red-300:#fca5a5;--red-100:#fee2e2;--orange-500:#f97316;--orange-400:#fb923c;--orange-300:#fdba74;--amber-600:#d97706;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-100:#fef3c7;--yellow-400:#facc15;--yellow-300:#fde047;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-dark:linear-gradient(135deg, #1e3a8a 0%, #4c1d95 100%);--gradient-hero:linear-gradient(145deg, #060d1f 0%, #0f1a40 40%, #160d2e 100%);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Fraunces", Georgia, serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-3xl:32px;--r-full:9999px;--sh-xs:0 1px 2px #0000000f;--sh-sm:0 2px 6px #00000014;--sh-md:0 4px 16px #0000001a;--sh-lg:0 8px 28px #00000024;--sh-xl:0 16px 48px #0000002e;--sh-blue:0 8px 28px #2563eb47;--sh-purple:0 8px 28px #7c3aed47;--sidebar-w:260px;--navbar-h:70px;--transition:all .2s ease;--transition-slow:all .35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font)}ul,ol{list-style:none}#root{min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideCarouselFromRight{0%{opacity:.5;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideCarouselFromLeft{0%{opacity:.5;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes typingDot{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes audioBar1{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes audioBar2{0%,to{transform:scaleY(.7)}40%{transform:scaleY(.25)}70%{transform:scaleY(1)}}@keyframes audioBar3{0%,to{transform:scaleY(.55)}30%{transform:scaleY(1)}65%{transform:scaleY(.35)}}.anim-fade-up{animation:.55s both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:.4s both scaleIn}.anim-slide-from-right{animation:.3s cubic-bezier(.25,.46,.45,.94) both slideCarouselFromRight}.anim-slide-from-left{animation:.3s cubic-bezier(.25,.46,.45,.94) both slideCarouselFromLeft}.anim-float{animation:3.5s ease-in-out infinite floatY}.anim-pulse{animation:2s ease-in-out infinite pulse}.anim-spin{animation:1s linear infinite spin}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.5s}.d6{animation-delay:.6s}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.text-muted{color:var(--gray-600)}.text-white{color:var(--white)}.text-center{text-align:center}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff24}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#0f172ab8;border:1px solid #ffffff12}.card{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--r-xl);box-shadow:var(--sh-sm);transition:var(--transition)}.card-hover:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.btn{border-radius:var(--r-md);transition:var(--transition);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--sh-blue)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 32px #2563eb59}.btn-outline{color:var(--blue-600);border:1.5px solid var(--blue-600);background:0 0}.btn-outline:hover{background:var(--blue-50)}.btn-ghost{color:var(--gray-700);border:1.5px solid var(--gray-300);background:0 0}.btn-ghost:hover{background:var(--gray-100)}.btn-dark{background:var(--gray-900);color:var(--white)}.btn-dark:hover{background:var(--gray-800)}.btn-danger{background:var(--red-500);color:var(--white)}.btn-danger:hover{background:var(--red-600)}.btn-lg{border-radius:var(--r-lg);padding:14px 30px;font-size:16px}.btn-sm{border-radius:var(--r-sm);padding:7px 14px;font-size:13px}.btn-xl{border-radius:var(--r-lg);padding:17px 38px;font-size:17px}.btn-icon{border-radius:var(--r-md);background:var(--gray-100);width:40px;height:40px;color:var(--gray-700);transition:var(--transition);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--gray-200)}.btn-icon-dark{width:44px;height:44px;color:var(--white);transition:var(--transition);background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon-dark:hover{background:#ffffff38}.btn-icon-dark.active{background:var(--blue-600);border-color:var(--blue-600)}.btn-icon-dark.danger{background:var(--red-500);border-color:var(--red-500)}.badge{border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-purple{background:var(--purple-100);color:var(--purple-700)}.badge-green{background:var(--green-100);color:var(--green-600)}.badge-red{background:var(--red-100);color:var(--red-600)}.badge-amber{background:var(--amber-100);color:var(--amber-600)}.badge-gray{background:var(--gray-200);color:var(--gray-700)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-700);font-size:13px;font-weight:600}.form-input{border:1.5px solid var(--gray-300);border-radius:var(--r-md);width:100%;color:var(--gray-900);background:var(--white);transition:var(--transition);outline:none;padding:11px 16px;font-size:15px}.form-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f624}.form-input::placeholder{color:var(--gray-500)}.form-select{border:1.5px solid var(--gray-300);border-radius:var(--r-md);width:100%;color:var(--gray-900);background:var(--white);transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;outline:none;padding:11px 40px 11px 16px;font-size:15px}.form-select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f624}.form-textarea{resize:vertical;border:1.5px solid var(--gray-300);border-radius:var(--r-md);width:100%;min-height:100px;color:var(--gray-900);background:var(--white);transition:var(--transition);outline:none;padding:11px 16px;font-size:15px}.form-textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f624}.form-hint{color:var(--gray-600);font-size:12px}.form-error{color:var(--red-500);font-size:12px}.input-group{position:relative}.input-group .input-icon{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-group .form-input{padding-left:42px}.section{padding:80px 0}.section-sm{padding:48px 0}.section-lg{padding:112px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-lg{max-width:1440px;margin:0 auto;padding:0 24px}.container-sm{max-width:680px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-xl{border-radius:18px}.rounded-2xl{border-radius:24px}.overflow-hidden{overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--r-md);background-size:800px 100%;animation:1.5s ease-in-out infinite shimmer}.progress-bar{background:var(--gray-200);border-radius:var(--r-full);height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:var(--r-full);height:100%;transition:width .6s}.divider{background:var(--gray-300);border:none;height:1px;margin:24px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:99px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--gray-900);color:var(--white);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.typing-dot{background:var(--blue-400);border-radius:50%;width:8px;height:8px;display:inline-block}.typing-dot:first-child{animation:1.4s infinite typingDot}.typing-dot:nth-child(2){animation:1.4s .2s infinite typingDot}.typing-dot:nth-child(3){animation:1.4s .4s infinite typingDot}@media (width<=768px){.section{padding:56px 0}.container{padding:0 16px}.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;display:grid}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.landing-hero-section{min-height:92vh;padding:80px 0}.landing-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.landing-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.landing-how-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.landing-3col-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-how-sticky{position:sticky;top:100px}.landing-cta-section{padding:96px 0}@media (width<=1024px){.landing-3col-grid{grid-template-columns:repeat(2,1fr)}.landing-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=768px){.landing-hero-section{min-height:auto;padding:56px 0 40px}.landing-hero-grid{grid-template-columns:1fr;gap:36px}.landing-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.landing-how-grid{grid-template-columns:1fr;gap:36px}.landing-3col-grid{grid-template-columns:1fr}.landing-how-sticky{position:static}.landing-cta-section{padding:64px 0}}@media (width<=960px){.landing-demo-transcript,.landing-demo-examiners{display:none!important}.landing-demo-body{min-height:240px;height:auto!important}}@media (width<=640px){.landing-demo-topbar{flex-wrap:wrap;gap:6px;min-height:44px;height:auto!important;padding:8px 12px!important}.landing-demo-topbar-subtitle{display:none!important}.landing-demo-controls{flex-wrap:wrap;justify-content:center!important;gap:6px!important;height:auto!important;padding:8px 12px!important}.landing-demo-end-btn,.landing-demo-controls-sep{display:none!important}}@media (width<=480px){.section{padding:44px 0}.landing-hero-section{padding:36px 0 28px}.landing-cta-section{padding:48px 0}.btn-xl{padding:14px 24px;font-size:15px}.landing-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.app-page{box-sizing:border-box;width:100%;min-width:0;padding:32px 28px}.app-stats-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.app-stats-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.app-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.app-upload-grid{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.upload-page-header{margin-bottom:28px}.upload-card-head{padding:16px 22px}.upload-card-body{padding:22px}.upload-drop-zone{text-align:center;cursor:pointer;transition:var(--transition);padding:56px 32px}.upload-progress-steps{align-items:center;display:flex}.upload-fields-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.upload-method-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.upload-cta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.app-settings-grid{grid-template-columns:200px 1fr;gap:20px;display:grid}.app-checkout-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.app-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.app-table-scroll table{min-width:680px}.app-pres-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-hero{padding:56px 40px 52px}@media (width<=1024px){.app-stats-4{grid-template-columns:repeat(2,1fr)}.app-checkout-grid,.app-upload-grid{grid-template-columns:1fr}.upload-drop-zone{padding:40px 24px}}@media (width<=768px){.app-page{padding:16px}.app-stats-3,.app-stats-4{grid-template-columns:1fr 1fr}.app-2col,.app-upload-grid,.upload-fields-2col{grid-template-columns:1fr}.upload-method-grid{grid-template-columns:repeat(2,1fr)}.upload-card-head{padding:13px 16px}.upload-card-body{padding:16px}.upload-drop-zone{padding:32px 16px}.upload-cta-bar{flex-direction:column;align-items:stretch;padding:16px}.upload-cta-bar>div:last-child{gap:10px;display:flex}.upload-cta-bar>div:last-child .btn{flex:1;justify-content:center}.app-settings-grid,.app-checkout-grid{grid-template-columns:1fr}.dash-hero{padding:32px 20px 28px}}@media (width<=640px){.app-pres-header{display:none}.app-pres-row{flex-wrap:wrap;align-items:center;gap:8px!important;padding:14px 16px!important;display:flex!important}.app-pres-cell-title{flex:100%;order:1;min-width:0}.app-pres-cell-slides,.app-pres-cell-theme{flex:none;order:2;justify-content:flex-start!important}.app-pres-cell-date{flex:none;order:2;margin-left:auto;justify-content:flex-start!important}.app-pres-cell-actions{flex:0 0 100%;order:3;justify-content:flex-start!important}}@media (width<=480px){.app-stats-3{grid-template-columns:1fr}.app-stats-4{grid-template-columns:1fr 1fr}.app-page{padding:12px}.upload-method-grid{grid-template-columns:repeat(2,1fr)}.upload-drop-zone{padding:24px 12px}.dash-hero{padding:24px 16px 20px}}
